@adgytec/adgytec-web-ui-components 2.2.0 → 2.3.1

package/dist/chunks/Loader.map

@@ -1 +1 @@
-{"version":3,"file":"Loader","names":["LoaderCircle"],"sources":["../../src/components/Loader/loader.module.css","../../src/components/Loader/Loader.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .loader {\n        animation: loader 1s infinite linear;\n    }\n\n    @keyframes loader {\n        from {\n            rotate: 0deg;\n        }\n        to {\n            rotate: 360deg;\n        }\n    }\n}\n","import { clsx } from \"clsx\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./loader.module.css\";\n\nexport const Loader: React.FC<\n    Omit<React.ComponentPropsWithRef<typeof Icon>, \"icon\" | \"className\">\n> = (props) => {\n    return (\n        <Icon\n            icon={LoaderCircle}\n            className={clsx(styles[\"loader\"])}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;gDCKa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA;CAAA,AAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,KAImB,IAAA,EAAK,EAAM,MAAU,GAAC,EAAA,KAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CAEnC,OAFmC,EAAA,OAAA,IAEnC,IAAA,EAAA,MAJF,IAAA,kBAAC,GAAD;EACUA,MAAA;EACK,WAAA;EAAsB,GAC7B;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,IAJF;AAIE"}
+{"version":3,"file":"Loader","names":["LoaderCircle","_c","styles","require_compiler_runtime","import_compiler_runtime","loader_module_default","Loader","$","t0","clsx","t1","props","Icon","LoaderCircle"],"sources":["../../src/components/Loader/loader.module.css","../../src/components/Loader/Loader.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .loader {\n        animation: loader 1s infinite linear;\n    }\n\n    @keyframes loader {\n        from {\n            rotate: 0deg;\n        }\n        to {\n            rotate: 360deg;\n        }\n    }\n}\n","import { clsx } from \"clsx\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./loader.module.css\";\n\n/**\n * Props for the [`Loader`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Loader/Loader.tsx) component.\n *\n * Extends all properties from [`Icon`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Icon/Icon.tsx)\n * while omitting `icon` (which is fixed to `LoaderCircle`) and internal `className`.\n */\nexport interface LoaderProps\n    extends Omit<\n        React.ComponentPropsWithRef<typeof Icon>,\n        \"icon\" | \"className\"\n    > {}\n\n/**\n * Circular spinning progress and activity indicator component.\n *\n * Built using Lucide's `LoaderCircle` icon with continuous 360-degree rotation animation\n * to signal ongoing processes or background loading operations.\n *\n * @example\n * ```tsx\n * import { Loader } from \"@adgytec/web-ui-components\";\n *\n * // Default loader\n * <Loader />\n *\n * // Custom size and color\n * <Loader size={32} color=\"var(--md-sys-color-primary)\" />\n * ```\n */\nexport const Loader: React.FC<LoaderProps> = (props) => {\n    return (\n        <Icon\n            icon={LoaderCircle}\n            className={clsx(styles[\"loader\"])}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;gDCkCaM,KAAgC,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAAO;CAAA,AAAAD,EAAA,OAAA,OAAA,IAAA,2BAAA,KAItB,IAAAE,EAAKP,EAAM,MAAU,GAAC,EAAA,KAAAM,KAAA,IAAAD,EAAA;CAAA,IAAAG;CAEnC,OAFmCH,EAAA,OAAAI,IAEnC,IAAAJ,EAAA,MAJF,IAAA,kBAACK,GAAD;EACUZ,MAAAa;EACK,WAAAL;EAAsB,GAC7BG;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAD,IAJFA;AAIE"}

package/dist/chunks/MenuPopover.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopover","names":[],"sources":["../../src/components/Menu/MenuPopover/menuPopover.module.css","../../src/components/Menu/MenuPopover/MenuPopover.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .popover {\n        display: grid;\n        grid-template-rows: 1fr;\n    }\n}\n","import clsx from \"clsx\";\nimport { Popover } from \"@/components/Popover\";\nimport styles from \"./menuPopover.module.css\";\n\nexport const MenuPopover: React.FC<\n    React.ComponentPropsWithRef<typeof Popover>\n> = ({ className, ...props }) => {\n    return (\n        <Popover\n            className={(renderProps) =>\n                clsx(\n                    styles[\"popover\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;kDCIa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IASX,IAAA,EAAA,MANM,KAAA,MACP,EACI,EAAM,SACN,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAGP,OAHO,EAAA,OAAA,KAAA,EAAA,OAAA,KAPT,IAAA,kBAAC,GAAD;EACe,WAAA;EAMN,GAED;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAVF;AAUE"}
+{"version":3,"file":"MenuPopover","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","menuPopover_module_default","MenuPopover","$","className","props","t0","t1","renderProps","t2","Popover"],"sources":["../../src/components/Menu/MenuPopover/menuPopover.module.css","../../src/components/Menu/MenuPopover/MenuPopover.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .popover {\n        display: grid;\n        grid-template-rows: 1fr;\n    }\n}\n","import clsx from \"clsx\";\nimport { Popover } from \"@/components/Popover\";\nimport styles from \"./menuPopover.module.css\";\n\n/**\n * Props for the [`MenuPopover`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/MenuPopover/MenuPopover.tsx) component.\n */\nexport interface MenuPopoverProps\n    extends React.ComponentPropsWithRef<typeof Popover> {}\n\n/**\n * Surface overlay container for the [`Menu`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Menu/Menu/Menu.tsx) component.\n *\n * Wraps [`Popover`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Popover/Popover.tsx)\n * with Material Design 3 surface styling, rounded corners, and shadow elevation.\n *\n * @example\n * ```tsx\n * <MenuPopover placement=\"bottom start\">\n *     <Menu>\n *         <MenuItem label=\"Settings\" />\n *     </Menu>\n * </MenuPopover>\n * ```\n */\nexport const MenuPopover: React.FC<MenuPopoverProps> = ({\n    className,\n    ...props\n}) => {\n    return (\n        <Popover\n            className={(renderProps) =>\n                clsx(\n                    styles[\"popover\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;kDCyBaO,KAA0C,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGtD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHuD,eAAA,GAAAE,KAAAC,GAGvD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPP,EACIC,EAAM,SACN,OAAOO,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACG,GAAD;EACe,WAAAH;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}

package/dist/chunks/Modal.map

@@ -1 +1 @@
-{"version":3,"file":"Modal","names":[],"sources":["../../src/components/Dialog/Modal/modal.module.css","../../src/components/Dialog/Modal/Modal.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .modal {\n        padding-inline: var(--md-sys-layout-window-size-compact-margin);\n\n        position: fixed;\n        inset: 0;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        transition: scale var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-entering] {\n            scale: 0.75;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { Modal as AriaModal } from \"react-aria-components\";\nimport styles from \"./modal.module.css\";\n\nexport const Modal: React.FC<React.ComponentPropsWithRef<typeof AriaModal>> = ({\n    className,\n    ...props\n}) => {\n    return (\n        <AriaModal\n            className={(renderProps) =>\n                clsx(\n                    styles[\"modal\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;8CCIa,KAAiE,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAG7E,IAAA,EAAA,IAAA,IAAA,EAAA,OAH8E,kBAAA,KAAA,GAG9E,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IASgB,IAAA,EAAA,MANM,KAAA,MACP,EACI,EAAM,OACN,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAGP,OAHO,EAAA,OAAA,KAAA,EAAA,OAAA,KAPT,IAAA,kBAAC,GAAD;EACe,WAAA;EAMN,GAED;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAVF;AAUE"}
+{"version":3,"file":"Modal","names":["Modal","_c","clsx","styles","AriaModal","require_compiler_runtime","clsx$1","import_compiler_runtime","modal_module_default","Modal$1","$","className","props","t0","t1","renderProps","t2","Modal"],"sources":["../../src/components/Dialog/Modal/modal.module.css","../../src/components/Dialog/Modal/Modal.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .modal {\n        padding-inline: var(--md-sys-layout-window-size-compact-margin);\n\n        position: fixed;\n        inset: 0;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        transition: scale var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-entering] {\n            scale: 0.75;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { Modal as AriaModal } from \"react-aria-components\";\nimport styles from \"./modal.module.css\";\n\n/**\n * Props for the {@link Modal} component.\n * Extends React Aria's {@link AriaModal} props.\n */\nexport interface ModalProps\n    extends React.ComponentPropsWithRef<typeof AriaModal> {}\n\n/**\n * A modal positioning and transition wrapper for dialogs.\n *\n * Controls entrance and exit animations (such as zoom-in scaling) and centers\n * the enclosed dialog within the viewport or containing overlay.\n *\n * @example\n * ```tsx\n * import { Modal, ModalOverlay, Dialog } from '@adgytec/web-ui-components';\n *\n * <ModalOverlay isDismissable>\n *     <Modal>\n *         <Dialog>Modal content goes here</Dialog>\n *     </Modal>\n * </ModalOverlay>\n * ```\n */\nexport const Modal: React.FC<ModalProps> = ({ className, ...props }) => {\n    return (\n        <AriaModal\n            className={(renderProps) =>\n                clsx(\n                    styles[\"modal\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;8CC4BaA,KAA8B,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,CAAA,GAAAU,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IASlD,IAAAD,EAAA,MANM,KAAA,MACPR,EACIC,EAAM,OACN,OAAOQ,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACV,GAAD;EACe,WAAAU;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}

package/dist/chunks/ModalOverlay.map

@@ -1 +1 @@
-{"version":3,"file":"ModalOverlay","names":[],"sources":["../../src/components/Dialog/ModalOverlay/modalOverlay.module.css","../../src/components/Dialog/ModalOverlay/ModalOverlay.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-dialog-overlay\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .overlay {\n        /* configurable tokens */\n        --_md-dialog-overlay: var(\n            --md-dialog-overlay,\n            var(--md-sys-color-scrim)\n        );\n\n        /* configurable tokens end */\n\n        --_modal-motion: var(--md-sys-motion-expressive-default-effects);\n        --_modal-motion-duration: var(\n            --md-sys-motion-expressive-default-effects-duration\n        );\n\n        background-color: rgb(\n            from var(--_md-dialog-overlay) r g b /\n            var(--md-sys-state-backdrop)\n        );\n\n        position: fixed;\n        inset: 0;\n        z-index: 1000;\n\n        transition: opacity var(--_modal-motion) var(--_modal-motion-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-entering],\n        &[data-exiting] {\n            opacity: 0;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { ModalOverlay as AriaModalOverlay } from \"react-aria-components\";\nimport styles from \"./modalOverlay.module.css\";\n\nexport const ModalOverlay: React.FC<\n    React.ComponentPropsWithRef<typeof AriaModalOverlay>\n> = ({ className, ...props }) => {\n    return (\n        <AriaModalOverlay\n            className={(renderProps) =>\n                clsx(\n                    styles[\"overlay\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;kDCIa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IASX,IAAA,EAAA,MANM,KAAA,MACP,EACI,EAAM,SACN,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAGP,OAHO,EAAA,OAAA,KAAA,EAAA,OAAA,KAPT,IAAA,kBAAC,GAAD;EACe,WAAA;EAMN,GAED;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAVF;AAUE"}
+{"version":3,"file":"ModalOverlay","names":["ModalOverlay","_c","clsx","styles","AriaModalOverlay","require_compiler_runtime","clsx$1","import_compiler_runtime","modalOverlay_module_default","ModalOverlay$1","$","className","props","t0","t1","renderProps","t2","ModalOverlay"],"sources":["../../src/components/Dialog/ModalOverlay/modalOverlay.module.css","../../src/components/Dialog/ModalOverlay/ModalOverlay.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-dialog-overlay\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .overlay {\n        /* configurable tokens */\n        --_md-dialog-overlay: var(\n            --md-dialog-overlay,\n            var(--md-sys-color-scrim)\n        );\n\n        /* configurable tokens end */\n\n        --_modal-motion: var(--md-sys-motion-expressive-default-effects);\n        --_modal-motion-duration: var(\n            --md-sys-motion-expressive-default-effects-duration\n        );\n\n        background-color: rgb(\n            from var(--_md-dialog-overlay) r g b /\n            var(--md-sys-state-backdrop)\n        );\n\n        position: fixed;\n        inset: 0;\n        z-index: 1000;\n\n        transition: opacity var(--_modal-motion) var(--_modal-motion-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-entering],\n        &[data-exiting] {\n            opacity: 0;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { ModalOverlay as AriaModalOverlay } from \"react-aria-components\";\nimport styles from \"./modalOverlay.module.css\";\n\n/**\n * Props for the {@link ModalOverlay} component.\n * Extends React Aria's {@link AriaModalOverlay} props.\n */\nexport interface ModalOverlayProps\n    extends React.ComponentPropsWithRef<typeof AriaModalOverlay> {}\n\n/**\n * A scrim backdrop overlay rendered behind modal dialogs.\n *\n * Applies the Material Design 3 backdrop scrim tint (`--md-dialog-overlay`),\n * handles entry/exit fade animations, locks background body scrolling, and can dismiss\n * the dialog on outside click when configured with `isDismissable`.\n *\n * @example\n * ```tsx\n * import { ModalOverlay, Modal, Dialog } from '@adgytec/web-ui-components';\n *\n * <ModalOverlay isDismissable>\n *     <Modal>\n *         <Dialog>Dialog Content</Dialog>\n *     </Modal>\n * </ModalOverlay>\n * ```\n */\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n    className,\n    ...props\n}) => {\n    return (\n        <AriaModalOverlay\n            className={(renderProps) =>\n                clsx(\n                    styles[\"overlay\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;kDC6BaA,KAA4C,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,CAAA,GAAAU,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGxD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHyD,eAAA,GAAAE,KAAAC,GAGzD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPR,EACIC,EAAM,SACN,OAAOQ,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACV,GAAD;EACe,WAAAU;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}

package/dist/chunks/Navigation

@@ -1,10 +1,10 @@
 import { t as e } from "./compiler-runtime";
-import { n as t, r as n, t as r } from "./NavigationState";
-import { t as i } from "./base";
-import { IconButton as a } from "../components/Button/IconButton/index.js";
-import { useInDialog as o } from "../components/Dialog/core/index.js";
-import { a as s, i as c, n as l } from "./core8";
-import { t as u } from "./NavigationScrollContainer";
+import { t } from "./NavigationScrollContainer";
+import { t as n } from "./base";
+import { IconButton as r } from "../components/Button/IconButton/index.js";
+import { useInDialog as i } from "../components/Dialog/core/index.js";
+import { a, i as o, n as s } from "./core8";
+import { NavigationState as c, NavigationStateContext as l, useNavigationState as u } from "../components/Navigation/NavigationState/index.js";
 import { t as d } from "./navContext";
 import f from "clsx";
 import { createContext as p, useContext as m, useState as h } from "react";
@@ -20,8 +20,8 @@ function T() {
 }
 //#endregion
 //#region src/components/Navigation/Navigation/Navigation.tsx
-var E = ({ label: e, children: t, className: r, isLinkActive: p, isButtonActive: m, stateID: S = "__root__", inert: T, style: E, containerClassName: D, ...O }) => {
-	let [k, A] = h(null), { isInert: j } = n(), M = o(), N = M || !!e || !1;
+var E = ({ label: e, children: c, className: l, isLinkActive: p, isButtonActive: m, stateID: S = "__root__", inert: T, style: E, containerClassName: D, ...O }) => {
+	let [k, A] = h(null), { isInert: j } = u(), M = i(), N = M || !!e || !1;
 	return /* @__PURE__ */ g(b, {
 		values: [
 			[w, { container: k }],
@@ -29,7 +29,7 @@ var E = ({ label: e, children: t, className: r, isLinkActive: p, isButtonActive:
 				isLinkActive: p,
 				isButtonActive: m
 			}],
-			[l, {
+			[s, {
 				id: S,
 				depth: 0
 			}]
@@ -38,7 +38,7 @@ var E = ({ label: e, children: t, className: r, isLinkActive: p, isButtonActive:
 			ref: A,
 			className: f(C.container, D),
 			children: /* @__PURE__ */ _("nav", {
-				className: f(s, r),
+				className: f(a, l),
 				...O,
 				"data-header": N || void 0,
 				style: {
@@ -48,29 +48,29 @@ var E = ({ label: e, children: t, className: r, isLinkActive: p, isButtonActive:
 				inert: T ?? j(0),
 				"data-modal": M || void 0,
 				children: [N && /* @__PURE__ */ _(v, {
-					className: f(c),
+					className: f(o),
 					children: [e && /* @__PURE__ */ g(y, {
-						className: f(i.titleLarge),
+						className: f(n.titleLarge),
 						"data-heading": !0,
 						children: e
-					}), M && /* @__PURE__ */ g(a, {
+					}), M && /* @__PURE__ */ g(r, {
 						icon: x,
 						color: "standard",
 						slot: "close",
 						"data-close-button": !0
 					})]
-				}), /* @__PURE__ */ g(u, { children: t })]
+				}), /* @__PURE__ */ g(t, { children: c })]
 			})
 		})
 	});
 }, D = (e) => {
-	let n = (0, S.c)(4);
-	if (m(t) === null) {
-		let t;
-		return n[0] === e ? t = n[1] : (t = /* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(E, { ...e }) }), n[0] = e, n[1] = t), t;
+	let t = (0, S.c)(4);
+	if (m(l) === null) {
+		let n;
+		return t[0] === e ? n = t[1] : (n = /* @__PURE__ */ g(c, { children: /* @__PURE__ */ g(E, { ...e }) }), t[0] = e, t[1] = n), n;
 	}
-	let i;
-	return n[2] === e ? i = n[3] : (i = /* @__PURE__ */ g(E, { ...e }), n[2] = e, n[3] = i), i;
+	let n;
+	return t[2] === e ? n = t[3] : (n = /* @__PURE__ */ g(E, { ...e }), t[2] = e, t[3] = n), n;
 };
 //#endregion
 export { w as n, T as r, D as t };

package/dist/chunks/Navigation.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation","names":[],"sources":["../../src/components/Navigation/Navigation/navigation.module.css","../../src/components/Navigation/Navigation/navRenderingContext.ts","../../src/components/Navigation/Navigation/Navigation.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .container {\n        --_md-navigation-items-gap: var(--md-sys-layout-space-4);\n\n        position: relative;\n        border-radius: inherit;\n        overflow: clip;\n    }\n}\n","import { createContext, useContext } from \"react\";\n\nexport type NavigationRenderingContextType = {\n    container: HTMLDivElement | null;\n};\n\nexport const NavigationRenderingContext =\n    createContext<NavigationRenderingContextType | null>(null);\n\nexport function useNavigationContainer() {\n    const container = useContext(NavigationRenderingContext);\n    if (container === null) {\n        throw new Error(\n            \"Missing navigation rendering info. Ensure this component is rendered within Navigation component.\"\n        );\n    }\n\n    return container;\n}\n","import clsx from \"clsx\";\nimport { X } from \"lucide-react\";\nimport { useContext, useState } from \"react\";\nimport { Header, Heading, Provider } from \"react-aria-components\";\nimport { IconButton } from \"@/components/Button\";\nimport { useInDialog } from \"@/components/Dialog\";\nimport { typography } from \"@/utils\";\nimport {\n    NavigationHeaderStyles,\n    NavigationInfoContext,\n    NavigationStyles,\n} from \"../core\";\nimport { NavigationScrollContainer } from \"../NavigationScrollContainer\";\nimport {\n    NavigationState,\n    NavigationStateContext,\n    useNavigationState,\n} from \"../NavigationState\";\nimport { NavigationContext } from \"./navContext\";\nimport styles from \"./navigation.module.css\";\nimport { NavigationRenderingContext } from \"./navRenderingContext\";\nimport type { NavigationProps } from \"./types\";\n\nconst Nav: React.FC<NavigationProps> = ({\n    label,\n    children,\n    className,\n    isLinkActive,\n    isButtonActive,\n    stateID = \"__root__\",\n    inert,\n    style,\n    containerClassName,\n    ...props\n}) => {\n    const depth = 0;\n\n    const [container, setContainer] = useState<HTMLDivElement | null>(null);\n    const { isInert } = useNavigationState();\n\n    const isInModal = useInDialog();\n    const renderHeader = isInModal || !!label || false;\n\n    return (\n        <Provider\n            values={[\n                [NavigationRenderingContext, { container }],\n                [NavigationContext, { isLinkActive, isButtonActive }],\n                [NavigationInfoContext, { id: stateID, depth }],\n            ]}\n        >\n            <div\n                ref={setContainer}\n                className={clsx(styles[\"container\"], containerClassName)}\n            >\n                <nav\n                    className={clsx(NavigationStyles, className)}\n                    {...props}\n                    data-header={renderHeader || undefined}\n                    style={{\n                        ...style,\n                        zIndex: depth + 1,\n                    }}\n                    inert={inert ?? isInert(depth)}\n                    data-modal={isInModal || undefined}\n                >\n                    {renderHeader && (\n                        <Header className={clsx(NavigationHeaderStyles)}>\n                            {label && (\n                                <Heading\n                                    className={clsx(typography.titleLarge)}\n                                    data-heading\n                                >\n                                    {label}\n                                </Heading>\n                            )}\n\n                            {isInModal && (\n                                <IconButton\n                                    icon={X}\n                                    color=\"standard\"\n                                    slot=\"close\"\n                                    data-close-button\n                                />\n                            )}\n                        </Header>\n                    )}\n\n                    <NavigationScrollContainer>\n                        {children}\n                    </NavigationScrollContainer>\n                </nav>\n            </div>\n        </Provider>\n    );\n};\n\nexport const Navigation: React.FC<NavigationProps> = (props) => {\n    const navStateCtx = useContext(NavigationStateContext);\n\n    if (navStateCtx === null) {\n        return (\n            <NavigationState>\n                <Nav {...props} />\n            </NavigationState>\n        );\n    }\n\n    return <Nav {...props} />;\n};\n"],"mappings":";;;;;;;;;;;;;;sDCMa,IACT,EAAqD,IAAI;AAE7D,SAAO,IAAA;CACH,IAAA,IAAkB,EAAW,CAA0B;CACvD,IAAI,MAAc,MACd,MAAU,MACN,mGACJ;CACH,OAEM;AAAS;;;ACMpB,IAAM,KAAkC,EACpC,UACA,aACA,cACA,iBACA,mBACA,aAAU,YACV,UACA,UACA,uBACA,GAAG,QACD;CACF,IAEM,CAAC,GAAW,KAAgB,EAAgC,IAAI,GAChE,EAAE,eAAY,EAAmB,GAEjC,IAAY,EAAY,GACxB,IAAe,KAAa,CAAC,CAAC,KAAS;CAE7C,OACI,kBAAC,GAAD;EACI,QAAQ;GACJ,CAAC,GAA4B,EAAE,aAAU,CAAC;GAC1C,CAAC,GAAmB;IAAE;IAAc;GAAe,CAAC;GACpD,CAAC,GAAuB;IAAE,IAAI;IAAS;GAAM,CAAC;EAAC;YAGnD,kBAAC,OAAD;GACI,KAAK;GACL,WAAW,EAAK,EAAO,WAAc,CAAkB;aAEvD,kBAAC,OAAD;IACI,WAAW,EAAK,GAAkB,CAAS;IAC3C,GAAI;IACJ,eAAa,KAAgB,KAAA;IAC7B,OAAO;KACH,GAAG;KACH,QAAQ;IACZ;IACA,OAAO,KAAS,EAAQ,CAAK;IAC7B,cAAY,KAAa,KAAA;cAT7B,CAWK,KACG,kBAAC,GAAD;KAAQ,WAAW,EAAK,CAAsB;eAA9C,CACK,KACG,kBAAC,GAAD;MACI,WAAW,EAAK,EAAW,UAAU;MACrC,gBAAA;gBAEC;KACI,CAAA,GAGZ,KACG,kBAAC,GAAD;MACI,MAAM;MACN,OAAM;MACN,MAAK;MACL,qBAAA;KAAiB,CAAA,CAGrB;QAGZ,kBAAC,GAAD,EACK,YACsB,CAAA,CAC1B;;EACJ,CAAA;CACC,CAAA;AAElB,GAEa,KAAwC,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA;CAGjD,IAFoB,EAAW,CAE3B,MAAgB,MAAI;EAAA,IAAA;EAIE,OAJF,EAAA,OAAA,IAIE,IAAA,EAAA,MAFlB,IAAA,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD,EAAI,GAAK,EAAK,CAAA,EADF,CAAA,GAEE,EAAA,KAAA,GAAA,EAAA,KAAA,IAFlB;CAEkB;CAEzB,IAAA;CAEwB,OAFxB,EAAA,OAAA,IAEwB,IAAA,EAAA,MAAlB,IAAA,kBAAC,GAAD,EAAI,GAAK,EAAK,CAAA,GAAI,EAAA,KAAA,GAAA,EAAA,KAAA,IAAlB;AAAkB"}
+{"version":3,"file":"Navigation","names":["clsx","styles","_c","require_compiler_runtime","typography","NavigationHeaderStyles","NavigationInfoContext","NavigationContext","clsx$1","import_compiler_runtime","navigation_module_default","NavigationRenderingContext","createContext","useNavigationContainer","container","useContext","Nav","props","setContainer","useState","useNavigationState","isInModal","useInDialog","renderHeader","label","Provider","stateID","\"container\"","containerClassName","NavigationStyles","className","style","inert","isInert","Header","Heading","IconButton","X","NavigationScrollContainer","Navigation","$","NavigationStateContext","t0","NavigationState"],"sources":["../../src/components/Navigation/Navigation/navigation.module.css","../../src/components/Navigation/Navigation/navRenderingContext.ts","../../src/components/Navigation/Navigation/Navigation.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .container {\n        --_md-navigation-items-gap: var(--md-sys-layout-space-4);\n\n        position: relative;\n        border-radius: inherit;\n        overflow: clip;\n    }\n}\n","import { createContext, useContext } from \"react\";\n\n/**\n * Context value providing the DOM reference of the navigation container for sub-navigation portal mounting.\n */\nexport type NavigationRenderingContextType = {\n    /**\n     * Outer container DOM node used as the target portal container for sliding sub-navigations.\n     */\n    container: HTMLDivElement | null;\n};\n\n/**\n * React context providing the container DOM element for rendering nested sub-navigation portals.\n */\nexport const NavigationRenderingContext =\n    createContext<NavigationRenderingContextType | null>(null);\n\n/**\n * Hook to access the parent navigation container element used for portal mounting of\n * [`SubNavigation`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx).\n *\n * @throws If called outside of a [`Navigation`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Navigation/Navigation/Navigation.tsx) component.\n * @returns The current {@link NavigationRenderingContextType}.\n */\nexport function useNavigationContainer() {\n    const container = useContext(NavigationRenderingContext);\n    if (container === null) {\n        throw new Error(\n            \"Missing navigation rendering info. Ensure this component is rendered within Navigation component.\"\n        );\n    }\n\n    return container;\n}\n","import clsx from \"clsx\";\nimport { X } from \"lucide-react\";\nimport { useContext, useState } from \"react\";\nimport { Header, Heading, Provider } from \"react-aria-components\";\nimport { IconButton } from \"@/components/Button\";\nimport { useInDialog } from \"@/components/Dialog\";\nimport { typography } from \"@/utils\";\nimport {\n    NavigationHeaderStyles,\n    NavigationInfoContext,\n    NavigationStyles,\n} from \"../core\";\nimport { NavigationScrollContainer } from \"../NavigationScrollContainer\";\nimport {\n    NavigationState,\n    NavigationStateContext,\n    useNavigationState,\n} from \"../NavigationState\";\nimport { NavigationContext } from \"./navContext\";\nimport styles from \"./navigation.module.css\";\nimport { NavigationRenderingContext } from \"./navRenderingContext\";\nimport type { NavigationProps } from \"./types\";\n\nconst Nav: React.FC<NavigationProps> = ({\n    label,\n    children,\n    className,\n    isLinkActive,\n    isButtonActive,\n    stateID = \"__root__\",\n    inert,\n    style,\n    containerClassName,\n    ...props\n}) => {\n    const depth = 0;\n\n    const [container, setContainer] = useState<HTMLDivElement | null>(null);\n    const { isInert } = useNavigationState();\n\n    const isInModal = useInDialog();\n    const renderHeader = isInModal || !!label || false;\n\n    return (\n        <Provider\n            values={[\n                [NavigationRenderingContext, { container }],\n                [NavigationContext, { isLinkActive, isButtonActive }],\n                [NavigationInfoContext, { id: stateID, depth }],\n            ]}\n        >\n            <div\n                ref={setContainer}\n                className={clsx(styles[\"container\"], containerClassName)}\n            >\n                <nav\n                    className={clsx(NavigationStyles, className)}\n                    {...props}\n                    data-header={renderHeader || undefined}\n                    style={{\n                        ...style,\n                        zIndex: depth + 1,\n                    }}\n                    inert={inert ?? isInert(depth)}\n                    data-modal={isInModal || undefined}\n                >\n                    {renderHeader && (\n                        <Header className={clsx(NavigationHeaderStyles)}>\n                            {label && (\n                                <Heading\n                                    className={clsx(typography.titleLarge)}\n                                    data-heading\n                                >\n                                    {label}\n                                </Heading>\n                            )}\n\n                            {isInModal && (\n                                <IconButton\n                                    icon={X}\n                                    color=\"standard\"\n                                    slot=\"close\"\n                                    data-close-button\n                                />\n                            )}\n                        </Header>\n                    )}\n\n                    <NavigationScrollContainer>\n                        {children}\n                    </NavigationScrollContainer>\n                </nav>\n            </div>\n        </Provider>\n    );\n};\n\n/**\n * Main layout container for application navigation following Material Design 3 guidelines.\n *\n * Coordinates navigation header titles, dialog/drawer modal close buttons, scroll position synchronization,\n * and context providers for link/button active states and portal-rendered sub-navigation panels.\n * Automatically provides a [`NavigationState`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Navigation/NavigationState/NavigationState.tsx)\n * if not already nested within one.\n *\n * @example\n * ```tsx\n * import {\n *     Navigation,\n *     NavigationSection,\n *     NavigationLink,\n * } from \"@adgytec/web-ui-components\";\n * import { Home, Settings } from \"lucide-react\";\n *\n * <Navigation\n *     label=\"Dashboard\"\n *     isLinkActive={(href) => window.location.pathname === href}\n * >\n *     <NavigationSection>\n *         <NavigationLink href=\"/\" label=\"Home\" icon={Home} />\n *         <NavigationLink href=\"/settings\" label=\"Settings\" icon={Settings} />\n *     </NavigationSection>\n * </Navigation>\n * ```\n */\nexport const Navigation: React.FC<NavigationProps> = (props) => {\n    const navStateCtx = useContext(NavigationStateContext);\n\n    if (navStateCtx === null) {\n        return (\n            <NavigationState>\n                <Nav {...props} />\n            </NavigationState>\n        );\n    }\n\n    return <Nav {...props} />;\n};\n"],"mappings":";;;;;;;;;;;;;;sDCeaW,IACTC,EAAqD,IAAI;AAS7D,SAAOC,IAAA;CACH,IAAAC,IAAkBC,EAAWJ,CAA0B;CACvD,IAAIG,MAAc,MACd,MAAU,MACN,mGACJ;CACH,OAEMA;AAAS;;;ACVpB,IAAME,KAAkC,EACpC,UACA,aACA,cACA,iBACA,mBACA,aAAU,YACV,UACA,UACA,uBACA,GAAGC,QACD;CACF,IAEM,CAACH,GAAWI,KAAgBC,EAAgC,IAAI,GAChE,EAAE,eAAYC,EAAmB,GAEjCC,IAAYC,EAAY,GACxBC,IAAeF,KAAa,CAAC,CAACG,KAAS;CAE7C,OACI,kBAACC,GAAD;EACI,QAAQ;GACJ,CAACd,GAA4B,EAAE,aAAU,CAAC;GAC1C,CAACJ,GAAmB;IAAE;IAAc;GAAe,CAAC;GACpD,CAACD,GAAuB;IAAE,IAAIoB;IAAS;GAAM,CAAC;EAAC;EAGnD,UAAA,kBAAC,OAAD;GACI,KAAKR;GACL,WAAWlB,EAAKC,EAAO0B,WAAcC,CAAkB;GAEvD,UAAA,kBAAC,OAAD;IACI,WAAW5B,EAAK6B,GAAkBC,CAAS;IAC3C,GAAIb;IACJ,eAAaM,KAAgB,KAAA;IAC7B,OAAO;KACH,GAAGQ;KACH,QAAQ;IACZ;IACA,OAAOC,KAASC,EAAQ,CAAK;IAC7B,cAAYZ,KAAa,KAAA;IAT7B,UAAA,CAWKE,KACG,kBAACW,GAAD;KAAQ,WAAWlC,EAAKK,CAAsB;KAA9C,UAAA,CACKmB,KACG,kBAACW,GAAD;MACI,WAAWnC,EAAKI,EAAW,UAAU;MACrC,gBAAA;MAEC,UAAAoB;KACI,CAAA,GAGZH,KACG,kBAACe,GAAD;MACI,MAAMC;MACN,OAAM;MACN,MAAK;MACL,qBAAA;KAAiB,CAAA,CAGrB;IAGZ,CAAA,GAAA,kBAACC,GAAD,EACK,YACsB,CAAA,CAC1B;;EACJ,CAAA;CACC,CAAA;AAElB,GA8BaC,KAAwC,MAAA;CAAA,IAAAC,KAAA,GAAAtC,EAAAA,EAAAA,CAAA,CAAA;CAGjD,IAFoBa,EAAW0B,CAE3B,MAAgB,MAAI;EAAA,IAAAC;EAIE,OAJFF,EAAA,OAAAvB,IAIE,IAAAuB,EAAA,MAFlB,IAAA,kBAACG,GAAD,EAAA,UACI,kBAAC3B,GAAD,EAAI,GAAKC,EAAK,CAAA,EADF,CAAA,GAEE,EAAA,KAAAA,GAAA,EAAA,KAAAyB,IAFlBA;CAEkB;CAEzB,IAAAA;CAEwB,OAFxBF,EAAA,OAAAvB,IAEwB,IAAAuB,EAAA,MAAlB,IAAA,kBAACxB,GAAD,EAAI,GAAKC,EAAK,CAAA,GAAI,EAAA,KAAAA,GAAA,EAAA,KAAAyB,IAAlBA;AAAkB"}

package/dist/chunks/NavigationScrollContainer

@@ -1,42 +1,58 @@
 import { t as e } from "./compiler-runtime";
-import { i as t, r as n } from "./NavigationState";
-import { r } from "./core8";
-import i from "clsx";
-import { useLayoutEffect as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
-import { useObjectRef as s } from "react-aria";
-import '../assets/NavigationScrollContainer.css';//#region src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css
-var c = e(), l = { container: "_container_1tvqz_2" }, u = (e) => {
-	let u = (0, c.c)(19), d, f, p;
-	u[0] === e ? (d = u[1], f = u[2], p = u[3]) : ({ref: p, className: d, ...f} = e, u[0] = e, u[1] = d, u[2] = f, u[3] = p);
-	let m = s(p), { registerNavigationContainer: h, saveNavigationScrollTopProgress: g } = n(), { id: _ } = r(), v, y;
-	u[4] !== _ || u[5] !== h || u[6] !== m ? (v = () => {
-		let e = m.current;
-		if (e) return h(_, e);
-	}, y = [
-		m,
-		_,
-		h
-	], u[4] = _, u[5] = h, u[6] = m, u[7] = v, u[8] = y) : (v = u[7], y = u[8]), a(v, y);
-	let b;
-	u[9] !== _ || u[10] !== g ? (b = (e) => {
-		g(_, t({
+import { r as t } from "./core8";
+import { useNavigationState as n } from "../components/Navigation/NavigationState/index.js";
+import r from "clsx";
+import { useLayoutEffect as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { useObjectRef as o } from "react-aria";
+import '../assets/NavigationScrollContainer.css';//#region src/utils/scroll/scroll.ts
+function s({ scrollHeight: e, scrollTop: t, clientHeight: n }) {
+	let r = e - n;
+	if (r <= 0) return 0;
+	let i = t / r;
+	return Math.min(1, Math.max(0, i));
+}
+function c({ scrollHeight: e, progress: t, clientHeight: n }) {
+	let r = e - n;
+	return r <= 0 ? 0 : Math.min(1, Math.max(0, t)) * r;
+}
+//#endregion
+//#region src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css
+var l = e(), u = { container: "_container_1o1zm_2" }, d = (e) => {
+	let d = (0, l.c)(19), f, p, m;
+	d[0] === e ? (f = d[1], p = d[2], m = d[3]) : ({ref: m, className: f, ...p} = e, d[0] = e, d[1] = f, d[2] = p, d[3] = m);
+	let h = o(m), { saveNavigationScrollTopProgress: g, getNavigationScrollProgress: _ } = n(), { id: v } = t(), y, b;
+	d[4] !== _ || d[5] !== v || d[6] !== h ? (y = () => {
+		let e = h.current;
+		e && (e.scrollTop = c({
+			scrollHeight: e.scrollHeight,
+			clientHeight: e.clientHeight,
+			progress: _(v)
+		}));
+	}, b = [
+		h,
+		v,
+		_
+	], d[4] = _, d[5] = v, d[6] = h, d[7] = y, d[8] = b) : (y = d[7], b = d[8]), i(y, b);
+	let x;
+	d[9] !== v || d[10] !== g ? (x = (e) => {
+		g(v, s({
 			scrollHeight: e.currentTarget.scrollHeight,
 			clientHeight: e.currentTarget.clientHeight,
 			scrollTop: e.currentTarget.scrollTop
 		}));
-	}, u[9] = _, u[10] = g, u[11] = b) : b = u[11];
-	let x;
-	u[12] === d ? x = u[13] : (x = i(l.container, d), u[12] = d, u[13] = x);
+	}, d[9] = v, d[10] = g, d[11] = x) : x = d[11];
 	let S;
-	return u[14] !== f || u[15] !== m || u[16] !== b || u[17] !== x ? (S = /* @__PURE__ */ o("div", {
-		ref: m,
-		onScroll: b,
-		className: x,
-		...f
-	}), u[14] = f, u[15] = m, u[16] = b, u[17] = x, u[18] = S) : S = u[18], S;
+	d[12] === f ? S = d[13] : (S = r(u.container, f), d[12] = f, d[13] = S);
+	let C;
+	return d[14] !== p || d[15] !== h || d[16] !== x || d[17] !== S ? (C = /* @__PURE__ */ a("div", {
+		ref: h,
+		onScroll: x,
+		className: S,
+		...p
+	}), d[14] = p, d[15] = h, d[16] = x, d[17] = S, d[18] = C) : C = d[18], C;
 };
 //#endregion
-export { u as t };
+export { s as n, c as r, d as t };
 
 //# sourceMappingURL=NavigationScrollContainer.map

package/dist/chunks/NavigationScrollContainer.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationScrollContainer","names":["scrollContainerRef"],"sources":["../../src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css","../../src/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .container {\n        padding-inline: var(--md-sys-layout-space-16);\n        overflow-y: auto;\n\n        display: grid;\n        gap: var(--_md-navigation-items-gap);\n        align-content: start;\n\n        /* 2dp for focus outline offset and 3dp for focus outline width + 1dp to prevent clipping */\n        padding-block: calc(6 * var(--dp, 1px));\n    }\n}\n","import clsx from \"clsx\";\nimport { useLayoutEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { getScrollProgress } from \"@/utils\";\nimport { useNavigationInfo } from \"../core\";\nimport { useNavigationState } from \"../NavigationState\";\nimport styles from \"./navigationScrollContainer.module.css\";\n\nexport const NavigationScrollContainer: React.FC<\n    React.ComponentPropsWithRef<\"div\">\n> = ({ ref, className, ...props }) => {\n    const scrollContainerRef = useObjectRef(ref);\n\n    const { registerNavigationContainer, saveNavigationScrollTopProgress } =\n        useNavigationState();\n    const { id } = useNavigationInfo();\n\n    useLayoutEffect(() => {\n        const container = scrollContainerRef.current;\n        if (!container) {\n            return;\n        }\n\n        return registerNavigationContainer(id, container);\n    }, [scrollContainerRef, id, registerNavigationContainer]);\n\n    return (\n        <div\n            ref={scrollContainerRef}\n            onScroll={(e) => {\n                saveNavigationScrollTopProgress(\n                    id,\n                    getScrollProgress({\n                        scrollHeight: e.currentTarget.scrollHeight,\n                        clientHeight: e.currentTarget.clientHeight,\n                        scrollTop: e.currentTarget.scrollTop,\n                    })\n                );\n            }}\n            className={clsx(styles[\"container\"], className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;;;sDCQa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAA6B,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,OAA5B,0BAAA,KAAA,GAA4B,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAC7B,IAAA,IAA2B,EAAa,CAAG,GAE3C,EAAA,gCAAA,uCACI,EAAmB,GACvB,EAAA,UAAe,EAAkB,GAAE,GAAA;CAEnC,AAFmC,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEnB,UAAA;EACZ,IAAA,IAAkB,EAAkB;EAC/B,OAEJ,OAEM,EAA4B,GAAI,CAAS;CAAC,GAClD,IAAA;EAAC;EAAoB;EAAI;CAA2B,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,MAAA,IAAA,EAAA,IAAA,IAAA,EAAA,KAPxD,EAAgB,GAOb,CAAqD;CAAC,IAAA;CAAA,AAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAKvC,KAAA,MAAA;EACN,EACI,GACA,EAAkB;GAAA,cACA,EAAC,cAAc;GAAa,cAC5B,EAAC,cAAc;GAAa,WAC/B,EAAC,cAAc;EAC9B,CAAC,CACL;CAAC,GACJ,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CAAA,AAAA,EAAA,QAAA,IAC8C,IAAA,EAAA,OAApC,IAAA,EAAK,EAAM,WAAe,CAAS,GAAC,EAAA,MAAA,GAAA,EAAA,MAAA;CAAA,IAAA;CAEjD,OAFiD,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAZnD,IAAA,kBAAA,OAAA;EACSA,KAAA;EACK,UAAA;EAUC,WAAA;EAAoC,GAC3C;CAAK,CAAA,GACX,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAdF;AAcE"}
+{"version":3,"file":"NavigationScrollContainer","names":["scrollContainerRef","_c","clsx","styles","require_compiler_runtime","useNavigationInfo","clsx$1","getScrollProgress","maxScrollTop","scrollHeight","clientHeight","rawProgress","scrollTop","getScrollTopFromProgress","progress","import_compiler_runtime","navigationScrollContainer_module_default","NavigationScrollContainer","$","className","props","ref","t0","scrollContainerRef","useObjectRef","useNavigationState","t1","t2","getNavigationScrollProgress","id","container","useLayoutEffect","t3","saveNavigationScrollTopProgress","t4","t5"],"sources":["../../src/utils/scroll/scroll.ts","../../src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css","../../src/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.tsx"],"sourcesContent":["/**\n * Options for calculating normalized scroll progress.\n */\nexport interface ScrollProgressOptions {\n    /**\n     * Current vertical scroll position of the container in pixels (`element.scrollTop`).\n     */\n    scrollTop: number;\n    /**\n     * Total scrollable height of the container content in pixels (`element.scrollHeight`).\n     */\n    scrollHeight: number;\n    /**\n     * Inner height of the container viewport in pixels (`element.clientHeight`).\n     */\n    clientHeight: number;\n}\n\n/**\n * Calculates normalized vertical scroll progress as a ratio between `0` (top) and `1` (bottom).\n *\n * Automatically clamped between `0` and `1` to prevent out-of-bounds values caused by\n * elastic over-scrolling / rubber-banding on mobile (iOS/Safari) and trackpads.\n * If the container content is not scrollable (i.e. `scrollHeight <= clientHeight`), returns `0`.\n *\n * @param options - Container dimension and scroll position values.\n * @returns Normalized scroll progress clamped between `0` and `1`.\n *\n * @example\n * ```ts\n * const progress = getScrollProgress({\n *     scrollTop: element.scrollTop,\n *     scrollHeight: element.scrollHeight,\n *     clientHeight: element.clientHeight,\n * });\n * ```\n */\nexport function getScrollProgress({\n    scrollHeight,\n    scrollTop,\n    clientHeight,\n}: ScrollProgressOptions): number {\n    const maxScrollTop = scrollHeight - clientHeight;\n    if (maxScrollTop <= 0) {\n        return 0;\n    }\n    const rawProgress = scrollTop / maxScrollTop;\n    return Math.min(1, Math.max(0, rawProgress));\n}\n\n/**\n * Options for calculating vertical scroll position from a normalized progress ratio.\n */\nexport interface ScrollTopFromProgressOptions {\n    /**\n     * Normalized scroll progress ratio between `0` and `1`.\n     */\n    progress: number;\n    /**\n     * Total scrollable height of the container content in pixels (`element.scrollHeight`).\n     */\n    scrollHeight: number;\n    /**\n     * Inner height of the container viewport in pixels (`element.clientHeight`).\n     */\n    clientHeight: number;\n}\n\n/**\n * Calculates the target `scrollTop` in pixels from a normalized scroll progress ratio (`0` to `1`).\n *\n * Commonly used to restore saved scroll positions across renders, layout changes, or navigation state updates.\n * Guarantees a non-negative return value (`>= 0`), and clamps input progress to `[0, 1]`.\n *\n * @param options - Container dimensions and normalized progress value.\n * @returns The vertical scroll offset in pixels (`scrollTop`), guaranteed to be `>= 0`.\n *\n * @example\n * ```ts\n * element.scrollTop = getScrollTopFromProgress({\n *     progress: 0.5,\n *     scrollHeight: element.scrollHeight,\n *     clientHeight: element.clientHeight,\n * });\n * ```\n */\nexport function getScrollTopFromProgress({\n    scrollHeight,\n    progress,\n    clientHeight,\n}: ScrollTopFromProgressOptions): number {\n    const maxScrollTop = scrollHeight - clientHeight;\n    if (maxScrollTop <= 0) {\n        return 0;\n    }\n    const clampedProgress = Math.min(1, Math.max(0, progress));\n    return clampedProgress * maxScrollTop;\n}\n","@layer adgytec.comps {\n    .container {\n        padding-inline: var(--md-sys-layout-space-8);\n        margin-inline: var(--md-sys-layout-space-8);\n\n        border-radius: inherit;\n        overflow-y: auto;\n\n        display: grid;\n        gap: var(--_md-navigation-items-gap);\n        align-content: start;\n\n        &:focus-visible {\n            --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n            --focus-indicator-offset: calc(2 * var(--dp, 1px));\n            --focus-indicator-color: var(--md-sys-color-secondary);\n\n            outline-width: var(--focus-indicator-thickness);\n            outline-style: solid;\n            outline-offset: var(--focus-indicator-offset);\n            outline-color: var(--focus-indicator-color);\n        }\n\n        /* 2dp for focus outline offset and 3dp for focus outline width + 1dp to prevent clipping */\n        padding-block: calc(6 * var(--dp, 1px));\n    }\n}\n","import clsx from \"clsx\";\nimport { useLayoutEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { getScrollProgress, getScrollTopFromProgress } from \"@/utils\";\nimport { useNavigationInfo } from \"../core\";\nimport { useNavigationState } from \"../NavigationState\";\nimport styles from \"./navigationScrollContainer.module.css\";\n\n/**\n * Props for the [`NavigationScrollContainer`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.tsx) component.\n */\nexport interface NavigationScrollContainerProps\n    extends React.ComponentPropsWithRef<\"div\"> {}\n\n/**\n * Scrollable viewport container for navigation items and sections.\n *\n * Automatically records and restores scroll progress on mount and scroll events,\n * coordinating with [`NavigationState`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Navigation/NavigationState/NavigationState.tsx)\n * to keep scroll positions synchronized when navigating into and out of sub-menus.\n *\n * @example\n * ```tsx\n * <NavigationScrollContainer>\n *     <NavigationSection>\n *         <NavigationLink href=\"/\" label=\"Home\" />\n *     </NavigationSection>\n * </NavigationScrollContainer>\n * ```\n */\nexport const NavigationScrollContainer: React.FC<\n    NavigationScrollContainerProps\n> = ({ ref, className, ...props }) => {\n    const scrollContainerRef = useObjectRef(ref);\n\n    const { saveNavigationScrollTopProgress, getNavigationScrollProgress } =\n        useNavigationState();\n    const { id } = useNavigationInfo();\n\n    useLayoutEffect(() => {\n        const container = scrollContainerRef.current;\n        if (!container) {\n            return;\n        }\n\n        container.scrollTop = getScrollTopFromProgress({\n            scrollHeight: container.scrollHeight,\n            clientHeight: container.clientHeight,\n            progress: getNavigationScrollProgress(id),\n        });\n    }, [scrollContainerRef, id, getNavigationScrollProgress]);\n\n    return (\n        <div\n            ref={scrollContainerRef}\n            onScroll={(e) => {\n                saveNavigationScrollTopProgress(\n                    id,\n                    getScrollProgress({\n                        scrollHeight: e.currentTarget.scrollHeight,\n                        clientHeight: e.currentTarget.clientHeight,\n                        scrollTop: e.currentTarget.scrollTop,\n                    })\n                );\n            }}\n            className={clsx(styles[\"container\"], className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;;;AAqCA,SAAgBO,EAAkB,EAC9B,iBACA,cACA,mBAC8B;CAC9B,IAAMC,IAAeC,IAAeC;CACpC,IAAIF,KAAgB,GAChB,OAAO;CAEX,IAAMG,IAAcC,IAAYJ;CAChC,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGG,CAAW,CAAC;AAC/C;AAsCA,SAAgBE,EAAyB,EACrC,iBACA,aACA,mBACqC;CACrC,IAAML,IAAeC,IAAeC;CAKpC,OAJIF,KAAgB,IACT,IAEa,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGM,CAAQ,CACjD,IAAkBN;AAC7B;;;sDEnEaS,KAET,MAAA;CAAA,IAAAC,KAAA,GAAAjB,EAAAA,EAAAA,CAAA,EAAA,GAAAkB,GAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAI,KAA6B,IAAAJ,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAA5B,uBAAA,GAAAE,KAAAE,GAA4B,EAAA,KAAAA,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAC7B,IAAAE,IAA2BC,EAAaH,CAAG,GAE3C,EAAA,oCAAA,mCACII,EAAmB,GACvB,EAAA,UAAepB,EAAkB,GAAEqB,GAAAC;CAEnC,AAFmCT,EAAA,OAAAU,KAAAV,EAAA,OAAAW,KAAAX,EAAA,OAAAK,KAEnB,UAAA;EACZ,IAAAO,IAAkBP,EAAkB;EACpC,AAAKO,MAIL,EAAS,YAAajB,EAAyB;GAAA,cAC7BiB,EAAS;GAAa,cACtBA,EAAS;GAAa,UAC1BF,EAA4BC,CAAE;EAC5C,CAAC;CAJkB,GAKpB,IAAA;EAACN;EAAoBM;EAAID;CAA2B,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAN,GAAA,EAAA,KAAAG,GAAA,EAAA,KAAAC,MAAA,IAAAT,EAAA,IAAA,IAAAA,EAAA,KAXxDa,EAAgBL,GAWbC,CAAqD;CAAC,IAAAK;CAAA,AAAAd,EAAA,OAAAW,KAAAX,EAAA,QAAAe,KAKvC,KAAA,MAAA;EACN,EACIJ,GACAtB,EAAkB;GAAA,cACA,EAAC,cAAc;GAAa,cAC5B,EAAC,cAAc;GAAa,WAC/B,EAAC,cAAc;EAC9B,CAAC,CACL;CAAC,GACJ,EAAA,KAAAsB,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAD,KAAA,IAAAd,EAAA;CAAA,IAAAgB;CAAA,AAAAhB,EAAA,QAAAC,IAC8C,IAAAD,EAAA,OAApC,IAAAhB,EAAKC,EAAM,WAAegB,CAAS,GAAC,EAAA,MAAAA,GAAA,EAAA,MAAAe;CAAA,IAAAC;CAEjD,OAFiDjB,EAAA,QAAAE,KAAAF,EAAA,QAAAK,KAAAL,EAAA,QAAAc,KAAAd,EAAA,QAAAgB,KAZnD,IAAA,kBAAA,OAAA;EACSlC,KAAAuB;EACK,UAAAS;EAUC,WAAAE;EAAoC,GAC3Cd;CAAK,CAAA,GACX,EAAA,MAAAA,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAS,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAC,KAAA,IAAAjB,EAAA,KAdFiB;AAcE"}

package/dist/chunks/NavigationSection.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationSection","names":[],"sources":["../../src/components/Navigation/NavigationSection/NavigationSection/navigationSection.module.css","../../src/components/Navigation/NavigationSection/NavigationSection/NavigationSection.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .section {\n        display: grid;\n        gap: var(--_md-navigation-items-gap);\n\n        margin-block-end: var(--md-sys-layout-space-16);\n    }\n}\n","import clsx from \"clsx\";\nimport styles from \"./navigationSection.module.css\";\n\nexport const NavigationSection: React.FC<\n    React.ComponentPropsWithRef<\"section\">\n> = ({ className, ...props }) => {\n    return (\n        <section className={clsx(styles[\"section\"], className)} {...props} />\n    );\n};\n"],"mappings":";;;;kDCGa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAEkC,IAAA,EAAA,MAAlC,IAAA,EAAK,EAAM,SAAa,CAAS,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAe,OAAf,EAAA,OAAA,KAAA,EAAA,OAAA,KAAtD,IAAA,kBAAA,WAAA;EAAoB,WAAA;EAAkC,GAAM;CAAK,CAAA,GAAI,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAArE;AAAqE"}
+{"version":3,"file":"NavigationSection","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","navigationSection_module_default","NavigationSection","$","className","props","t0","t1","t2"],"sources":["../../src/components/Navigation/NavigationSection/NavigationSection/navigationSection.module.css","../../src/components/Navigation/NavigationSection/NavigationSection/NavigationSection.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .section {\n        display: grid;\n        gap: var(--_md-navigation-items-gap);\n\n        margin-block-end: var(--md-sys-layout-space-16);\n    }\n}\n","import clsx from \"clsx\";\nimport styles from \"./navigationSection.module.css\";\n\n/**\n * Props for the [`NavigationSection`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Navigation/NavigationSection/NavigationSection/NavigationSection.tsx) component.\n */\nexport interface NavigationSectionProps\n    extends React.ComponentPropsWithRef<\"section\"> {}\n\n/**\n * Semantic container used to group related navigation items and an optional section heading.\n *\n * @example\n * ```tsx\n * import {\n *     NavigationSection,\n *     NavigationSectionLabel,\n *     NavigationLink,\n * } from \"@adgytec/web-ui-components\";\n * import { Settings } from \"lucide-react\";\n *\n * <NavigationSection>\n *     <NavigationSectionLabel>Preferences</NavigationSectionLabel>\n *     <NavigationLink href=\"/settings\" label=\"Settings\" icon={Settings} />\n * </NavigationSection>\n * ```\n */\nexport const NavigationSection: React.FC<NavigationSectionProps> = ({\n    className,\n    ...props\n}) => {\n    return (\n        <section className={clsx(styles[\"section\"], className)} {...props} />\n    );\n};\n"],"mappings":";;;;kDC2BaO,KAAsD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGlE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHmE,eAAA,GAAAE,KAAAC,GAGnE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAE6D,IAAAD,EAAA,MAAlC,IAAAP,EAAKC,EAAM,SAAaO,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAC;CAAe,OAAfL,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAAtD,IAAA,kBAAA,WAAA;EAAoB,WAAAA;EAAkC,GAAMF;CAAK,CAAA,GAAI,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAC,KAAA,IAAAL,EAAA,IAArEK;AAAqE"}

package/dist/chunks/NavigationSectionLabel.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationSectionLabel","names":[],"sources":["../../src/components/Navigation/NavigationSection/NavigationSectionLabel/navigationSectionLabel.module.css","../../src/components/Navigation/NavigationSection/NavigationSectionLabel/NavigationSectionLabel.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .label {\n        --_md-navigation-section-label-color: var(\n            --md-navigation-section-label-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n\n        padding-inline: var(--md-sys-layout-space-16);\n        padding-block-end: var(--md-sys-layout-space-4);\n\n        color: var(--_md-navigation-section-label-color);\n    }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./navigationSectionLabel.module.css\";\n\nexport const NavigationSectionLabel: React.FC<\n    React.ComponentPropsWithRef<typeof Heading>\n> = ({ className, ...props }) => {\n    return (\n        <Heading\n            className={clsx(styles[\"label\"], typography.titleSmall, className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;8CCKa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAGkD,IAAA,EAAA,MAAvD,IAAA,EAAK,EAAM,OAAW,EAAU,YAAa,CAAS,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAEpE,OAFoE,EAAA,OAAA,KAAA,EAAA,OAAA,KADtE,IAAA,kBAAC,GAAD;EACe,WAAA;EAAuD,GAC9D;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAHF;AAGE"}
+{"version":3,"file":"NavigationSectionLabel","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","navigationSectionLabel_module_default","NavigationSectionLabel","$","className","props","t0","t1","typography","t2","Heading"],"sources":["../../src/components/Navigation/NavigationSection/NavigationSectionLabel/navigationSectionLabel.module.css","../../src/components/Navigation/NavigationSection/NavigationSectionLabel/NavigationSectionLabel.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .label {\n        --_md-navigation-section-label-color: var(\n            --md-navigation-section-label-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n\n        padding-inline: var(--md-sys-layout-space-16);\n        padding-block-end: var(--md-sys-layout-space-4);\n\n        color: var(--_md-navigation-section-label-color);\n    }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./navigationSectionLabel.module.css\";\n\n/**\n * Props for the [`NavigationSectionLabel`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Navigation/NavigationSection/NavigationSectionLabel/NavigationSectionLabel.tsx) component.\n */\nexport interface NavigationSectionLabelProps\n    extends React.ComponentPropsWithRef<typeof Heading> {}\n\n/**\n * Styled title heading for a [`NavigationSection`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Navigation/NavigationSection/NavigationSection/NavigationSection.tsx).\n *\n * Rendered with Material Design 3 `titleSmall` typography and accessible heading semantics.\n *\n * @example\n * ```tsx\n * <NavigationSectionLabel>Workspaces</NavigationSectionLabel>\n * ```\n */\nexport const NavigationSectionLabel: React.FC<NavigationSectionLabelProps> = ({\n    className,\n    ...props\n}) => {\n    return (\n        <Heading\n            className={clsx(styles[\"label\"], typography.titleSmall, className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;8CCqBaO,KAAgE,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAG5E,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAH6E,eAAA,GAAAE,KAAAC,GAG7E,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAG6E,IAAAD,EAAA,MAAvD,IAAAP,EAAKC,EAAM,OAAWW,EAAU,YAAaJ,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEpE,OAFoEN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KADtE,IAAA,kBAACG,GAAD;EACe,WAAAH;EAAuD,GAC9DF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAHFM;AAGE"}

package/dist/chunks/Popover.map

@@ -1 +1 @@
-{"version":3,"file":"Popover","names":[],"sources":["../../src/components/Popover/popover.module.css","../../src/components/Popover/Popover.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .popover {\n        --_offset: calc(4 * var(--dp, 1px));\n\n        transform: translate3d(0, 0, 0);\n        transition:\n            transform var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration),\n            opacity var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        &[data-placement=\"bottom\"] {\n            --_origin: translateY(calc(-1 * var(--_offset)));\n        }\n\n        &[data-placement=\"top\"] {\n            --_origin: translateY(var(--_offset));\n        }\n\n        &[data-placement=\"right\"] {\n            --_origin: translateX(calc(-1 * var(--_offset)));\n        }\n\n        &[data-placement=\"left\"] {\n            --_origin: translateX(var(--_offset));\n        }\n\n        &[data-entering],\n        &[data-exiting] {\n            transform: var(--_origin);\n            opacity: 0;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { Popover as AriaPopover } from \"react-aria-components\";\nimport styles from \"./popover.module.css\";\n\nexport const Popover: React.FC<\n    React.ComponentPropsWithRef<typeof AriaPopover>\n> = ({ className, ...props }) => {\n    return (\n        <AriaPopover\n            className={(renderProps) =>\n                clsx(\n                    styles[\"popover\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;kDCIa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IASX,IAAA,EAAA,MANM,KAAA,MACP,EACI,EAAM,SACN,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAGP,OAHO,EAAA,OAAA,KAAA,EAAA,OAAA,KAPT,IAAA,kBAAC,GAAD;EACe,WAAA;EAMN,GAED;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAVF;AAUE"}
+{"version":3,"file":"Popover","names":["Popover","_c","clsx","styles","AriaPopover","require_compiler_runtime","clsx$1","import_compiler_runtime","popover_module_default","Popover$1","$","className","props","t0","t1","renderProps","t2","Popover"],"sources":["../../src/components/Popover/popover.module.css","../../src/components/Popover/Popover.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .popover {\n        --_offset: calc(4 * var(--dp, 1px));\n\n        transform: translate3d(0, 0, 0);\n        transition:\n            transform var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration),\n            opacity var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        &[data-placement=\"bottom\"] {\n            --_origin: translateY(calc(-1 * var(--_offset)));\n        }\n\n        &[data-placement=\"top\"] {\n            --_origin: translateY(var(--_offset));\n        }\n\n        &[data-placement=\"right\"] {\n            --_origin: translateX(calc(-1 * var(--_offset)));\n        }\n\n        &[data-placement=\"left\"] {\n            --_origin: translateX(var(--_offset));\n        }\n\n        &[data-entering],\n        &[data-exiting] {\n            transform: var(--_origin);\n            opacity: 0;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { Popover as AriaPopover } from \"react-aria-components\";\nimport styles from \"./popover.module.css\";\n\n/**\n * Props for the [`Popover`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Popover/Popover.tsx) component.\n *\n * Extends all properties from React Aria's `Popover`, including positioning (`placement`, `offset`, `crossOffset`),\n * portal containers, and entry/exit transition states.\n */\nexport interface PopoverProps\n    extends React.ComponentPropsWithRef<typeof AriaPopover> {}\n\n/**\n * Overlay surface container that presents content anchored to a trigger element.\n *\n * Built on React Aria's `Popover` with Material Design 3 surface colors, shadow elevation,\n * and built-in entry/exit animations responsive to placement directions.\n *\n * @example\n * ```tsx\n * import {\n *     Popover,\n *     Button,\n *     DialogTrigger,\n *     Dialog,\n * } from \"@adgytec/web-ui-components\";\n *\n * <DialogTrigger>\n *     <Button label=\"Open Popover\" />\n *     <Popover>\n *         <Dialog>\n *             <p>This is the content inside the popover.</p>\n *         </Dialog>\n *     </Popover>\n * </DialogTrigger>\n * ```\n */\nexport const Popover: React.FC<PopoverProps> = ({ className, ...props }) => {\n    return (\n        <AriaPopover\n            className={(renderProps) =>\n                clsx(\n                    styles[\"popover\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;kDCsCaA,KAAkC,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,CAAA,GAAAU,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAStD,IAAAD,EAAA,MANM,KAAA,MACPR,EACIC,EAAM,SACN,OAAOQ,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACV,GAAD;EACe,WAAAU;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}

package/dist/chunks/RadialGlowDecorator.map

@@ -1 +1 @@
-{"version":3,"file":"RadialGlowDecorator","names":[],"sources":["../../src/components/Decorators/RadialGlowDecorator/radialGlowDecorator.module.css","../../src/components/Decorators/RadialGlowDecorator/RadialGlowDecorator.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .container {\n        position: fixed;\n        inset: 0;\n        pointer-events: none;\n        overflow: hidden;\n\n        /* Default Opacity (Light mode/Base defaults) - higher visibility */\n        --glow-opacity-18: 28%;\n        --glow-opacity-15: 24%;\n        --glow-opacity-14: 22%;\n        --glow-opacity-12: 20%;\n        --glow-opacity-10: 16%;\n        --glow-opacity-8: 12%;\n    }\n\n    :global([data-theme=\"dark\"]) .container,\n    :global([data-theme=\"dark-high-contrast\"]) .container,\n    :global([data-theme=\"dark-medium-contrast\"]) .container,\n    :global([data-theme=\"monochrome-dark\"]) .container {\n        --glow-opacity-18: 15%;\n        --glow-opacity-15: 12%;\n        --glow-opacity-14: 11%;\n        --glow-opacity-12: 10%;\n        --glow-opacity-10: 8%;\n        --glow-opacity-8: 6%;\n    }\n\n    @media (prefers-color-scheme: dark) {\n        .container {\n            --glow-opacity-18: 15%;\n            --glow-opacity-15: 12%;\n            --glow-opacity-14: 11%;\n            --glow-opacity-12: 10%;\n            --glow-opacity-10: 8%;\n            --glow-opacity-8: 6%;\n        }\n    }\n\n    :global([data-theme=\"light\"]) .container,\n    :global([data-theme=\"light-high-contrast\"]) .container,\n    :global([data-theme=\"light-medium-contrast\"]) .container,\n    :global([data-theme=\"monochrome-light\"]) .container {\n        --glow-opacity-18: 28%;\n        --glow-opacity-15: 24%;\n        --glow-opacity-14: 22%;\n        --glow-opacity-12: 20%;\n        --glow-opacity-10: 16%;\n        --glow-opacity-8: 12%;\n    }\n\n    .blob {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(180px);\n        pointer-events: none;\n        will-change: transform, filter;\n    }\n\n    /* DEFAULT VARIANT */\n    .default-primary {\n        inline-size: 50vmax;\n        block-size: 50vmax;\n        top: -10vmax;\n        left: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-15),\n            transparent\n        );\n    }\n\n    .default-secondary {\n        inline-size: 45vmax;\n        block-size: 45vmax;\n        bottom: -15vmax;\n        right: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    .default-tertiary {\n        inline-size: 40vmax;\n        block-size: 40vmax;\n        top: 25vh;\n        right: 15vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-10),\n            transparent\n        );\n    }\n\n    /* SPLIT VARIANT */\n    .split-left {\n        inline-size: 60vmax;\n        block-size: 60vmax;\n        top: 20vh;\n        left: -20vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    .split-right {\n        inline-size: 60vmax;\n        block-size: 60vmax;\n        top: 20vh;\n        right: -20vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-10),\n            transparent\n        );\n    }\n\n    /* TOP-BAR VARIANT */\n    .top-bar-primary {\n        inline-size: 35vmax;\n        block-size: 20vmax;\n        top: -10vmax;\n        left: 10vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-18),\n            transparent\n        );\n    }\n\n    .top-bar-secondary {\n        inline-size: 35vmax;\n        block-size: 20vmax;\n        top: -10vmax;\n        left: 40vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-15),\n            transparent\n        );\n    }\n\n    .top-bar-tertiary {\n        inline-size: 35vmax;\n        block-size: 20vmax;\n        top: -10vmax;\n        left: 70vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    /* CORNERS VARIANT */\n    .corner-tl {\n        inline-size: 30vmax;\n        block-size: 30vmax;\n        top: -10vmax;\n        left: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-15),\n            transparent\n        );\n    }\n\n    .corner-tr {\n        inline-size: 30vmax;\n        block-size: 30vmax;\n        top: -10vmax;\n        right: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    .corner-bl {\n        inline-size: 30vmax;\n        block-size: 30vmax;\n        bottom: -10vmax;\n        left: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    .corner-br {\n        inline-size: 30vmax;\n        block-size: 30vmax;\n        bottom: -10vmax;\n        right: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-10),\n            transparent\n        );\n    }\n\n    /* AURORA VARIANT */\n    .aurora-1 {\n        inline-size: 55vmax;\n        block-size: 40vmax;\n        top: -15vmax;\n        left: 5vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: aurora-float-1 25s ease-in-out infinite alternate;\n    }\n\n    .aurora-2 {\n        inline-size: 50vmax;\n        block-size: 45vmax;\n        top: -10vmax;\n        left: 30vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: aurora-float-2 22s ease-in-out infinite alternate;\n    }\n\n    .aurora-3 {\n        inline-size: 60vmax;\n        block-size: 40vmax;\n        top: -20vmax;\n        right: 5vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: aurora-float-3 28s ease-in-out infinite alternate;\n    }\n\n    .aurora-4 {\n        inline-size: 45vmax;\n        block-size: 40vmax;\n        bottom: -15vmax;\n        left: 25vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-8),\n            transparent\n        );\n        animation: aurora-float-4 26s ease-in-out infinite alternate;\n    }\n\n    /* SPOTLIGHT VARIANT */\n    .spotlight-primary {\n        inline-size: 55vmax;\n        block-size: 55vmax;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-14),\n            transparent\n        );\n        animation: spotlight-pulse-1 12s ease-in-out infinite alternate;\n    }\n\n    .spotlight-secondary {\n        inline-size: 45vmax;\n        block-size: 45vmax;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: spotlight-pulse-2 16s ease-in-out infinite alternate;\n    }\n\n    .spotlight-tertiary {\n        inline-size: 35vmax;\n        block-size: 35vmax;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-8),\n            transparent\n        );\n        animation: spotlight-pulse-3 10s ease-in-out infinite alternate;\n    }\n\n    /* NEBULA VARIANT */\n    .nebula-1 {\n        inline-size: 65vmax;\n        block-size: 65vmax;\n        top: 10vh;\n        left: 10vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: nebula-drift-1 30s ease-in-out infinite;\n    }\n\n    .nebula-2 {\n        inline-size: 55vmax;\n        block-size: 55vmax;\n        bottom: 10vh;\n        right: 10vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: nebula-drift-2 35s ease-in-out infinite;\n    }\n\n    .nebula-3 {\n        inline-size: 50vmax;\n        block-size: 50vmax;\n        top: 30vh;\n        right: 15vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: nebula-drift-3 28s ease-in-out infinite;\n    }\n\n    .nebula-4 {\n        inline-size: 45vmax;\n        block-size: 45vmax;\n        bottom: 20vh;\n        left: 15vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-8),\n            transparent\n        );\n        animation: nebula-drift-4 32s ease-in-out infinite;\n    }\n\n    /* HORIZON VARIANT */\n    .horizon-primary {\n        inline-size: 55vmax;\n        block-size: 30vmax;\n        bottom: -15vmax;\n        left: 10vw;\n        border-radius: 50% 50% 0 0;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-15),\n            transparent\n        );\n        animation: horizon-pulse-1 8s ease-in-out infinite alternate;\n    }\n\n    .horizon-secondary {\n        inline-size: 60vmax;\n        block-size: 35vmax;\n        bottom: -20vmax;\n        left: 30vw;\n        border-radius: 50% 50% 0 0;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: horizon-pulse-2 11s ease-in-out infinite alternate;\n    }\n\n    .horizon-tertiary {\n        inline-size: 50vmax;\n        block-size: 28vmax;\n        bottom: -18vmax;\n        right: 10vw;\n        border-radius: 50% 50% 0 0;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: horizon-pulse-3 9s ease-in-out infinite alternate;\n    }\n\n    /* SPIRAL VARIANT */\n    .spiral-1 {\n        inline-size: 45vmax;\n        block-size: 45vmax;\n        top: calc(50% - 22.5vmax);\n        left: calc(50% - 22.5vmax);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: spiral-orbit-1 25s linear infinite;\n    }\n\n    .spiral-2 {\n        inline-size: 40vmax;\n        block-size: 40vmax;\n        top: calc(50% - 20vmax);\n        left: calc(50% - 20vmax);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: spiral-orbit-2 30s linear infinite;\n    }\n\n    .spiral-3 {\n        inline-size: 35vmax;\n        block-size: 35vmax;\n        top: calc(50% - 17.5vmax);\n        left: calc(50% - 17.5vmax);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: spiral-orbit-3 20s linear infinite;\n    }\n}\n\n/* Animations for premium organic feeling */\n@keyframes aurora-float-1 {\n    0% {\n        transform: translate(0, 0) scale(1);\n    }\n    100% {\n        transform: translate(5vw, 5vh) scale(1.1);\n    }\n}\n\n@keyframes aurora-float-2 {\n    0% {\n        transform: translate(0, 0) scale(1.1);\n    }\n    100% {\n        transform: translate(-4vw, -6vh) scale(0.95);\n    }\n}\n\n@keyframes aurora-float-3 {\n    0% {\n        transform: translate(0, 0) scale(0.95);\n    }\n    100% {\n        transform: translate(6vw, -4vh) scale(1.05);\n    }\n}\n\n@keyframes aurora-float-4 {\n    0% {\n        transform: translate(0, 0) scale(1.05);\n    }\n    100% {\n        transform: translate(-5vw, 4vh) scale(1);\n    }\n}\n\n@keyframes spotlight-pulse-1 {\n    0% {\n        transform: translate(-50%, -50%) scale(0.9);\n    }\n    100% {\n        transform: translate(-50%, -50%) scale(1.1);\n    }\n}\n\n@keyframes spotlight-pulse-2 {\n    0% {\n        transform: translate(-48%, -52%) scale(1.1);\n    }\n    100% {\n        transform: translate(-52%, -48%) scale(0.9);\n    }\n}\n\n@keyframes spotlight-pulse-3 {\n    0% {\n        transform: translate(-52%, -48%) scale(0.95);\n    }\n    100% {\n        transform: translate(-48%, -52%) scale(1.05);\n    }\n}\n\n@keyframes nebula-drift-1 {\n    0% {\n        transform: translate(0, 0) scale(1) rotate(0deg);\n    }\n    33% {\n        transform: translate(10vw, 15vh) scale(1.15) rotate(120deg);\n    }\n    66% {\n        transform: translate(-10vw, 10vh) scale(0.9) rotate(240deg);\n    }\n    100% {\n        transform: translate(0, 0) scale(1) rotate(360deg);\n    }\n}\n\n@keyframes nebula-drift-2 {\n    0% {\n        transform: translate(0, 0) scale(1) rotate(0deg);\n    }\n    33% {\n        transform: translate(-15vw, -10vh) scale(0.9) rotate(-120deg);\n    }\n    66% {\n        transform: translate(5vw, -15vh) scale(1.1) rotate(-240deg);\n    }\n    100% {\n        transform: translate(0, 0) scale(1) rotate(-360deg);\n    }\n}\n\n@keyframes nebula-drift-3 {\n    0% {\n        transform: translate(0, 0) scale(1);\n    }\n    50% {\n        transform: translate(-8vw, 12vh) scale(1.2);\n    }\n    100% {\n        transform: translate(0, 0) scale(1);\n    }\n}\n\n@keyframes nebula-drift-4 {\n    0% {\n        transform: translate(0, 0) scale(1.1);\n    }\n    50% {\n        transform: translate(12vw, -10vh) scale(0.9);\n    }\n    100% {\n        transform: translate(0, 0) scale(1.1);\n    }\n}\n\n@keyframes horizon-pulse-1 {\n    0% {\n        transform: translateY(0) scale(0.95);\n    }\n    100% {\n        transform: translateY(-2vmax) scale(1.05);\n    }\n}\n\n@keyframes horizon-pulse-2 {\n    0% {\n        transform: translateY(0) scale(1.05);\n    }\n    100% {\n        transform: translateY(-3vmax) scale(0.95);\n    }\n}\n\n@keyframes horizon-pulse-3 {\n    0% {\n        transform: translateY(0) scale(0.9);\n    }\n    100% {\n        transform: translateY(-2vmax) scale(1.1);\n    }\n}\n\n@keyframes spiral-orbit-1 {\n    0% {\n        transform: rotate(0deg) translate(15vmax) rotate(0deg) scale(0.9);\n    }\n    50% {\n        transform: rotate(180deg) translate(15vmax) rotate(-180deg) scale(1.1);\n    }\n    100% {\n        transform: rotate(360deg) translate(15vmax) rotate(-360deg) scale(0.9);\n    }\n}\n\n@keyframes spiral-orbit-2 {\n    0% {\n        transform: rotate(0deg) translate(-12vmax) rotate(0deg) scale(1.1);\n    }\n    50% {\n        transform: rotate(-180deg) translate(-12vmax) rotate(180deg) scale(0.9);\n    }\n    100% {\n        transform: rotate(-360deg) translate(-12vmax) rotate(360deg) scale(1.1);\n    }\n}\n\n@keyframes spiral-orbit-3 {\n    0% {\n        transform: rotate(90deg) translate(10vmax) rotate(-90deg) scale(1);\n    }\n    50% {\n        transform: rotate(270deg) translate(10vmax) rotate(-270deg) scale(0.85);\n    }\n    100% {\n        transform: rotate(450deg) translate(10vmax) rotate(-450deg) scale(1);\n    }\n}\n","import clsx from \"clsx\";\nimport type React from \"react\";\nimport styles from \"./radialGlowDecorator.module.css\";\n\nexport interface RadialGlowDecoratorProps {\n    /** Custom z-index value. Defaults to -10 */\n    zIndex?: number;\n    /** Additional CSS classes */\n    className?: string;\n    /** Additional custom styles */\n    style?: React.CSSProperties;\n    /** Blob arrangement variant. Defaults to 'default' */\n    variant?:\n        | \"default\"\n        | \"split\"\n        | \"top-bar\"\n        | \"corners\"\n        | \"aurora\"\n        | \"spotlight\"\n        | \"nebula\"\n        | \"horizon\"\n        | \"spiral\";\n}\n\nexport const RadialGlowDecorator = ({\n    zIndex = -10,\n    className,\n    style,\n    variant = \"default\",\n}: RadialGlowDecoratorProps) => {\n    return (\n        <div\n            className={clsx(styles[\"container\"], className)}\n            aria-hidden=\"true\"\n            data-variant={variant}\n            style={{ zIndex, ...style }}\n        >\n            {variant === \"default\" && (\n                <>\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"default-primary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"default-secondary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"default-tertiary\"]\n                        )}\n                    />\n                </>\n            )}\n            {variant === \"split\" && (\n                <>\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"split-left\"])}\n                    />\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"split-right\"])}\n                    />\n                </>\n            )}\n            {variant === \"top-bar\" && (\n                <>\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"top-bar-primary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"top-bar-secondary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"top-bar-tertiary\"]\n                        )}\n                    />\n                </>\n            )}\n            {variant === \"corners\" && (\n                <>\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"corner-tl\"])}\n                    />\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"corner-tr\"])}\n                    />\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"corner-bl\"])}\n                    />\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"corner-br\"])}\n                    />\n                </>\n            )}\n            {variant === \"aurora\" && (\n                <>\n                    <div className={clsx(styles[\"blob\"], styles[\"aurora-1\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"aurora-2\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"aurora-3\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"aurora-4\"])} />\n                </>\n            )}\n            {variant === \"spotlight\" && (\n                <>\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"spotlight-primary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"spotlight-secondary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"spotlight-tertiary\"]\n                        )}\n                    />\n                </>\n            )}\n            {variant === \"nebula\" && (\n                <>\n                    <div className={clsx(styles[\"blob\"], styles[\"nebula-1\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"nebula-2\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"nebula-3\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"nebula-4\"])} />\n                </>\n            )}\n            {variant === \"horizon\" && (\n                <>\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"horizon-primary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"horizon-secondary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"horizon-tertiary\"]\n                        )}\n                    />\n                </>\n            )}\n            {variant === \"spiral\" && (\n                <>\n                    <div className={clsx(styles[\"blob\"], styles[\"spiral-1\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"spiral-2\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"spiral-3\"])} />\n                </>\n            )}\n        </div>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"file":"RadialGlowDecorator","names":["clsx","styles","_Fragment","clsx$1","radialGlowDecorator_module_default","RadialGlowDecorator","\"container\"","className","variant","style","Fragment","\"blob\""],"sources":["../../src/components/Decorators/RadialGlowDecorator/radialGlowDecorator.module.css","../../src/components/Decorators/RadialGlowDecorator/RadialGlowDecorator.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .container {\n        position: fixed;\n        inset: 0;\n        pointer-events: none;\n        overflow: hidden;\n\n        /* Default Opacity (Light mode/Base defaults) - higher visibility */\n        --glow-opacity-18: 28%;\n        --glow-opacity-15: 24%;\n        --glow-opacity-14: 22%;\n        --glow-opacity-12: 20%;\n        --glow-opacity-10: 16%;\n        --glow-opacity-8: 12%;\n    }\n\n    :global([data-theme=\"dark\"]) .container,\n    :global([data-theme=\"dark-high-contrast\"]) .container,\n    :global([data-theme=\"dark-medium-contrast\"]) .container,\n    :global([data-theme=\"monochrome-dark\"]) .container {\n        --glow-opacity-18: 15%;\n        --glow-opacity-15: 12%;\n        --glow-opacity-14: 11%;\n        --glow-opacity-12: 10%;\n        --glow-opacity-10: 8%;\n        --glow-opacity-8: 6%;\n    }\n\n    @media (prefers-color-scheme: dark) {\n        .container {\n            --glow-opacity-18: 15%;\n            --glow-opacity-15: 12%;\n            --glow-opacity-14: 11%;\n            --glow-opacity-12: 10%;\n            --glow-opacity-10: 8%;\n            --glow-opacity-8: 6%;\n        }\n    }\n\n    :global([data-theme=\"light\"]) .container,\n    :global([data-theme=\"light-high-contrast\"]) .container,\n    :global([data-theme=\"light-medium-contrast\"]) .container,\n    :global([data-theme=\"monochrome-light\"]) .container {\n        --glow-opacity-18: 28%;\n        --glow-opacity-15: 24%;\n        --glow-opacity-14: 22%;\n        --glow-opacity-12: 20%;\n        --glow-opacity-10: 16%;\n        --glow-opacity-8: 12%;\n    }\n\n    .blob {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(180px);\n        pointer-events: none;\n        will-change: transform, filter;\n    }\n\n    /* DEFAULT VARIANT */\n    .default-primary {\n        inline-size: 50vmax;\n        block-size: 50vmax;\n        top: -10vmax;\n        left: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-15),\n            transparent\n        );\n    }\n\n    .default-secondary {\n        inline-size: 45vmax;\n        block-size: 45vmax;\n        bottom: -15vmax;\n        right: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    .default-tertiary {\n        inline-size: 40vmax;\n        block-size: 40vmax;\n        top: 25vh;\n        right: 15vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-10),\n            transparent\n        );\n    }\n\n    /* SPLIT VARIANT */\n    .split-left {\n        inline-size: 60vmax;\n        block-size: 60vmax;\n        top: 20vh;\n        left: -20vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    .split-right {\n        inline-size: 60vmax;\n        block-size: 60vmax;\n        top: 20vh;\n        right: -20vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-10),\n            transparent\n        );\n    }\n\n    /* TOP-BAR VARIANT */\n    .top-bar-primary {\n        inline-size: 35vmax;\n        block-size: 20vmax;\n        top: -10vmax;\n        left: 10vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-18),\n            transparent\n        );\n    }\n\n    .top-bar-secondary {\n        inline-size: 35vmax;\n        block-size: 20vmax;\n        top: -10vmax;\n        left: 40vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-15),\n            transparent\n        );\n    }\n\n    .top-bar-tertiary {\n        inline-size: 35vmax;\n        block-size: 20vmax;\n        top: -10vmax;\n        left: 70vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    /* CORNERS VARIANT */\n    .corner-tl {\n        inline-size: 30vmax;\n        block-size: 30vmax;\n        top: -10vmax;\n        left: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-15),\n            transparent\n        );\n    }\n\n    .corner-tr {\n        inline-size: 30vmax;\n        block-size: 30vmax;\n        top: -10vmax;\n        right: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    .corner-bl {\n        inline-size: 30vmax;\n        block-size: 30vmax;\n        bottom: -10vmax;\n        left: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    .corner-br {\n        inline-size: 30vmax;\n        block-size: 30vmax;\n        bottom: -10vmax;\n        right: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-10),\n            transparent\n        );\n    }\n\n    /* AURORA VARIANT */\n    .aurora-1 {\n        inline-size: 55vmax;\n        block-size: 40vmax;\n        top: -15vmax;\n        left: 5vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: aurora-float-1 25s ease-in-out infinite alternate;\n    }\n\n    .aurora-2 {\n        inline-size: 50vmax;\n        block-size: 45vmax;\n        top: -10vmax;\n        left: 30vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: aurora-float-2 22s ease-in-out infinite alternate;\n    }\n\n    .aurora-3 {\n        inline-size: 60vmax;\n        block-size: 40vmax;\n        top: -20vmax;\n        right: 5vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: aurora-float-3 28s ease-in-out infinite alternate;\n    }\n\n    .aurora-4 {\n        inline-size: 45vmax;\n        block-size: 40vmax;\n        bottom: -15vmax;\n        left: 25vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-8),\n            transparent\n        );\n        animation: aurora-float-4 26s ease-in-out infinite alternate;\n    }\n\n    /* SPOTLIGHT VARIANT */\n    .spotlight-primary {\n        inline-size: 55vmax;\n        block-size: 55vmax;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-14),\n            transparent\n        );\n        animation: spotlight-pulse-1 12s ease-in-out infinite alternate;\n    }\n\n    .spotlight-secondary {\n        inline-size: 45vmax;\n        block-size: 45vmax;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: spotlight-pulse-2 16s ease-in-out infinite alternate;\n    }\n\n    .spotlight-tertiary {\n        inline-size: 35vmax;\n        block-size: 35vmax;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-8),\n            transparent\n        );\n        animation: spotlight-pulse-3 10s ease-in-out infinite alternate;\n    }\n\n    /* NEBULA VARIANT */\n    .nebula-1 {\n        inline-size: 65vmax;\n        block-size: 65vmax;\n        top: 10vh;\n        left: 10vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: nebula-drift-1 30s ease-in-out infinite;\n    }\n\n    .nebula-2 {\n        inline-size: 55vmax;\n        block-size: 55vmax;\n        bottom: 10vh;\n        right: 10vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: nebula-drift-2 35s ease-in-out infinite;\n    }\n\n    .nebula-3 {\n        inline-size: 50vmax;\n        block-size: 50vmax;\n        top: 30vh;\n        right: 15vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: nebula-drift-3 28s ease-in-out infinite;\n    }\n\n    .nebula-4 {\n        inline-size: 45vmax;\n        block-size: 45vmax;\n        bottom: 20vh;\n        left: 15vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-8),\n            transparent\n        );\n        animation: nebula-drift-4 32s ease-in-out infinite;\n    }\n\n    /* HORIZON VARIANT */\n    .horizon-primary {\n        inline-size: 55vmax;\n        block-size: 30vmax;\n        bottom: -15vmax;\n        left: 10vw;\n        border-radius: 50% 50% 0 0;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-15),\n            transparent\n        );\n        animation: horizon-pulse-1 8s ease-in-out infinite alternate;\n    }\n\n    .horizon-secondary {\n        inline-size: 60vmax;\n        block-size: 35vmax;\n        bottom: -20vmax;\n        left: 30vw;\n        border-radius: 50% 50% 0 0;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: horizon-pulse-2 11s ease-in-out infinite alternate;\n    }\n\n    .horizon-tertiary {\n        inline-size: 50vmax;\n        block-size: 28vmax;\n        bottom: -18vmax;\n        right: 10vw;\n        border-radius: 50% 50% 0 0;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: horizon-pulse-3 9s ease-in-out infinite alternate;\n    }\n\n    /* SPIRAL VARIANT */\n    .spiral-1 {\n        inline-size: 45vmax;\n        block-size: 45vmax;\n        top: calc(50% - 22.5vmax);\n        left: calc(50% - 22.5vmax);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: spiral-orbit-1 25s linear infinite;\n    }\n\n    .spiral-2 {\n        inline-size: 40vmax;\n        block-size: 40vmax;\n        top: calc(50% - 20vmax);\n        left: calc(50% - 20vmax);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: spiral-orbit-2 30s linear infinite;\n    }\n\n    .spiral-3 {\n        inline-size: 35vmax;\n        block-size: 35vmax;\n        top: calc(50% - 17.5vmax);\n        left: calc(50% - 17.5vmax);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: spiral-orbit-3 20s linear infinite;\n    }\n}\n\n/* Animations for premium organic feeling */\n@keyframes aurora-float-1 {\n    0% {\n        transform: translate(0, 0) scale(1);\n    }\n    100% {\n        transform: translate(5vw, 5vh) scale(1.1);\n    }\n}\n\n@keyframes aurora-float-2 {\n    0% {\n        transform: translate(0, 0) scale(1.1);\n    }\n    100% {\n        transform: translate(-4vw, -6vh) scale(0.95);\n    }\n}\n\n@keyframes aurora-float-3 {\n    0% {\n        transform: translate(0, 0) scale(0.95);\n    }\n    100% {\n        transform: translate(6vw, -4vh) scale(1.05);\n    }\n}\n\n@keyframes aurora-float-4 {\n    0% {\n        transform: translate(0, 0) scale(1.05);\n    }\n    100% {\n        transform: translate(-5vw, 4vh) scale(1);\n    }\n}\n\n@keyframes spotlight-pulse-1 {\n    0% {\n        transform: translate(-50%, -50%) scale(0.9);\n    }\n    100% {\n        transform: translate(-50%, -50%) scale(1.1);\n    }\n}\n\n@keyframes spotlight-pulse-2 {\n    0% {\n        transform: translate(-48%, -52%) scale(1.1);\n    }\n    100% {\n        transform: translate(-52%, -48%) scale(0.9);\n    }\n}\n\n@keyframes spotlight-pulse-3 {\n    0% {\n        transform: translate(-52%, -48%) scale(0.95);\n    }\n    100% {\n        transform: translate(-48%, -52%) scale(1.05);\n    }\n}\n\n@keyframes nebula-drift-1 {\n    0% {\n        transform: translate(0, 0) scale(1) rotate(0deg);\n    }\n    33% {\n        transform: translate(10vw, 15vh) scale(1.15) rotate(120deg);\n    }\n    66% {\n        transform: translate(-10vw, 10vh) scale(0.9) rotate(240deg);\n    }\n    100% {\n        transform: translate(0, 0) scale(1) rotate(360deg);\n    }\n}\n\n@keyframes nebula-drift-2 {\n    0% {\n        transform: translate(0, 0) scale(1) rotate(0deg);\n    }\n    33% {\n        transform: translate(-15vw, -10vh) scale(0.9) rotate(-120deg);\n    }\n    66% {\n        transform: translate(5vw, -15vh) scale(1.1) rotate(-240deg);\n    }\n    100% {\n        transform: translate(0, 0) scale(1) rotate(-360deg);\n    }\n}\n\n@keyframes nebula-drift-3 {\n    0% {\n        transform: translate(0, 0) scale(1);\n    }\n    50% {\n        transform: translate(-8vw, 12vh) scale(1.2);\n    }\n    100% {\n        transform: translate(0, 0) scale(1);\n    }\n}\n\n@keyframes nebula-drift-4 {\n    0% {\n        transform: translate(0, 0) scale(1.1);\n    }\n    50% {\n        transform: translate(12vw, -10vh) scale(0.9);\n    }\n    100% {\n        transform: translate(0, 0) scale(1.1);\n    }\n}\n\n@keyframes horizon-pulse-1 {\n    0% {\n        transform: translateY(0) scale(0.95);\n    }\n    100% {\n        transform: translateY(-2vmax) scale(1.05);\n    }\n}\n\n@keyframes horizon-pulse-2 {\n    0% {\n        transform: translateY(0) scale(1.05);\n    }\n    100% {\n        transform: translateY(-3vmax) scale(0.95);\n    }\n}\n\n@keyframes horizon-pulse-3 {\n    0% {\n        transform: translateY(0) scale(0.9);\n    }\n    100% {\n        transform: translateY(-2vmax) scale(1.1);\n    }\n}\n\n@keyframes spiral-orbit-1 {\n    0% {\n        transform: rotate(0deg) translate(15vmax) rotate(0deg) scale(0.9);\n    }\n    50% {\n        transform: rotate(180deg) translate(15vmax) rotate(-180deg) scale(1.1);\n    }\n    100% {\n        transform: rotate(360deg) translate(15vmax) rotate(-360deg) scale(0.9);\n    }\n}\n\n@keyframes spiral-orbit-2 {\n    0% {\n        transform: rotate(0deg) translate(-12vmax) rotate(0deg) scale(1.1);\n    }\n    50% {\n        transform: rotate(-180deg) translate(-12vmax) rotate(180deg) scale(0.9);\n    }\n    100% {\n        transform: rotate(-360deg) translate(-12vmax) rotate(360deg) scale(1.1);\n    }\n}\n\n@keyframes spiral-orbit-3 {\n    0% {\n        transform: rotate(90deg) translate(10vmax) rotate(-90deg) scale(1);\n    }\n    50% {\n        transform: rotate(270deg) translate(10vmax) rotate(-270deg) scale(0.85);\n    }\n    100% {\n        transform: rotate(450deg) translate(10vmax) rotate(-450deg) scale(1);\n    }\n}\n","import clsx from \"clsx\";\nimport type React from \"react\";\nimport styles from \"./radialGlowDecorator.module.css\";\n\n/**\n * Predefined layout, blob placement, and motion variants for the {@link RadialGlowDecorator} component.\n *\n * - `\"default\"`: 3 static blobs (primary, secondary, tertiary) spread across the viewport.\n * - `\"split\"`: 2 static blobs separated left and right, ideal for two-column or split layouts.\n * - `\"top-bar\"`: 3 horizontal blobs aligned across the top fold or header area.\n * - `\"corners\"`: 4 static blobs anchored in each of the four screen corners.\n * - `\"aurora\"`: 4 organic floating blobs with continuous drift animation for atmospheric ambiance.\n * - `\"spotlight\"`: 3 centered, layered blobs with an organic pulsating scale animation.\n * - `\"nebula\"`: 4 orbiting and drifting blobs creating an immersive, fluid cosmic look.\n * - `\"horizon\"`: 3 bottom-anchored blobs with rising and pulsating motion for footers and page bottoms.\n * - `\"spiral\"`: 3 blobs following a circular orbiting path for dynamic centerpiece effects.\n */\nexport type RadialGlowDecoratorVariant =\n    | \"default\"\n    | \"split\"\n    | \"top-bar\"\n    | \"corners\"\n    | \"aurora\"\n    | \"spotlight\"\n    | \"nebula\"\n    | \"horizon\"\n    | \"spiral\";\n\n/**\n * Props for the {@link RadialGlowDecorator} component.\n */\nexport interface RadialGlowDecoratorProps {\n    /**\n     * Z-index layer depth for the decorator container.\n     *\n     * @default -10\n     */\n    zIndex?: number;\n\n    /** Additional CSS class names to apply to the decorator container. */\n    className?: string;\n\n    /** Custom inline styles to apply to the decorator container. */\n    style?: React.CSSProperties;\n\n    /**\n     * Predefined layout, blob placement, and animation variant.\n     *\n     * @default \"default\"\n     */\n    variant?: RadialGlowDecoratorVariant;\n}\n\n/**\n * A non-blocking decorative background component that renders smooth, theme-aware radial glow gradients.\n *\n * Layers multiple blurred color blobs to produce premium ambient lighting and background washes.\n * Automatically scales opacities between light and dark modes to ensure visual balance.\n * Spans the full page with `pointer-events: none` and `aria-hidden=\"true\"`, ensuring no interference\n * with user interactions or accessibility trees.\n *\n * @example\n * ```tsx\n * import { RadialGlowDecorator } from '@adgytec/web-ui-components';\n *\n * // Static multi-color radial gradient\n * <RadialGlowDecorator variant=\"default\" />\n *\n * // Continuous floating aurora animation with custom z-index\n * <RadialGlowDecorator variant=\"aurora\" zIndex={-20} />\n *\n * // Centered pulsating spotlight for hero sections\n * <RadialGlowDecorator variant=\"spotlight\" />\n * ```\n */\nexport const RadialGlowDecorator: React.FC<RadialGlowDecoratorProps> = ({\n    zIndex = -10,\n    className,\n    style,\n    variant = \"default\",\n}) => {\n    return (\n        <div\n            className={clsx(styles[\"container\"], className)}\n            aria-hidden=\"true\"\n            data-variant={variant}\n            style={{ zIndex, ...style }}\n        >\n            {variant === \"default\" && (\n                <>\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"default-primary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"default-secondary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"default-tertiary\"]\n                        )}\n                    />\n                </>\n            )}\n            {variant === \"split\" && (\n                <>\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"split-left\"])}\n                    />\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"split-right\"])}\n                    />\n                </>\n            )}\n            {variant === \"top-bar\" && (\n                <>\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"top-bar-primary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"top-bar-secondary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"top-bar-tertiary\"]\n                        )}\n                    />\n                </>\n            )}\n            {variant === \"corners\" && (\n                <>\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"corner-tl\"])}\n                    />\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"corner-tr\"])}\n                    />\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"corner-bl\"])}\n                    />\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"corner-br\"])}\n                    />\n                </>\n            )}\n            {variant === \"aurora\" && (\n                <>\n                    <div className={clsx(styles[\"blob\"], styles[\"aurora-1\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"aurora-2\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"aurora-3\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"aurora-4\"])} />\n                </>\n            )}\n            {variant === \"spotlight\" && (\n                <>\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"spotlight-primary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"spotlight-secondary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"spotlight-tertiary\"]\n                        )}\n                    />\n                </>\n            )}\n            {variant === \"nebula\" && (\n                <>\n                    <div className={clsx(styles[\"blob\"], styles[\"nebula-1\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"nebula-2\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"nebula-3\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"nebula-4\"])} />\n                </>\n            )}\n            {variant === \"horizon\" && (\n                <>\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"horizon-primary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"horizon-secondary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"horizon-tertiary\"]\n                        )}\n                    />\n                </>\n            )}\n            {variant === \"spiral\" && (\n                <>\n                    <div className={clsx(styles[\"blob\"], styles[\"spiral-1\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"spiral-2\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"spiral-3\"])} />\n                </>\n            )}\n        </div>\n    );\n};\n"],"mappings":"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"}