@adgytec/adgytec-web-ui-components 2.3.0 → 2.4.0

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":";;;;;A,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

@@ -11,15 +11,14 @@ import { createContext as p, useContext as m, useState as h } from "react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { Header as v, Heading as y, Provider as b } from "react-aria-components";
 import { X as x } from "lucide-react";
-import '../assets/Navigation.css';//#region src/components/Navigation/Navigation/navigation.module.css
+import '../assets/Navigation.css';// src/components/Navigation/Navigation/navigation.module.css
 var S = e(), C = { container: "_container_npu2b_2" }, w = p(null);
 function T() {
 	let e = m(w);
 	if (e === null) throw Error("Missing navigation rendering info. Ensure this component is rendered within Navigation component.");
 	return e;
 }
-//#endregion
-//#region src/components/Navigation/Navigation/Navigation.tsx
+// src/components/Navigation/Navigation/Navigation.tsx
 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, {
@@ -72,7 +71,6 @@ var E = ({ label: e, children: c, className: l, isLinkActive: p, isButtonActive:
 	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 };
 
 //# sourceMappingURL=Navigation.map

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`](src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx).\n *\n * @throws If called outside of a [`Navigation`](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`](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":";;;;;;;;;;;;;;A,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

@@ -5,16 +5,18 @@ 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
+import '../assets/NavigationScrollContainer.css';// src/utils/scroll/scroll.ts
 function s({ scrollHeight: e, scrollTop: t, clientHeight: n }) {
 	let r = e - n;
-	return r <= 0 ? 0 : t / r;
+	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 }) {
-	return t * (e - 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
+// 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);
@@ -49,7 +51,6 @@ var l = e(), u = { container: "_container_1o1zm_2" }, d = (e) => {
 		...p
 	}), d[14] = p, d[15] = h, d[16] = x, d[17] = S, d[18] = C) : C = d[18], C;
 };
-//#endregion
 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/utils/scroll/scroll.ts","../../src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css","../../src/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.tsx"],"sourcesContent":["export function getScrollProgress({\n    scrollHeight,\n    scrollTop,\n    clientHeight,\n}: {\n    scrollTop: number;\n    scrollHeight: number;\n    clientHeight: number;\n}): number {\n    const maxScrollTop = scrollHeight - clientHeight;\n    return maxScrollTop <= 0 ? 0 : scrollTop / maxScrollTop;\n}\n\nexport function getScrollTopFromProgress({\n    scrollHeight,\n    progress,\n    clientHeight,\n}: {\n    progress: number;\n    scrollHeight: number;\n    clientHeight: number;\n}): number {\n    const maxScrollTop = scrollHeight - clientHeight;\n    return progress * 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\nexport const NavigationScrollContainer: React.FC<\n    React.ComponentPropsWithRef<\"div\">\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":";;;;;;;;AAAA,SAAgB,EAAkB,EAC9B,iBACA,cACA,mBAKO;CACP,IAAM,IAAe,IAAe;CACpC,OAAO,KAAgB,IAAI,IAAI,IAAY;AAC/C;AAEA,SAAgB,EAAyB,EACrC,iBACA,aACA,mBAKO;CAEP,OAAO,KADc,IAAe;AAExC;;;sDEhBa,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,oCAAA,mCACI,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,MAIL,EAAS,YAAa,EAAyB;GAAA,cAC7B,EAAS;GAAa,cACtB,EAAS;GAAa,UAC1B,EAA4B,CAAE;EAC5C,CAAC;CAJkB,GAKpB,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,KAXxD,EAAgB,GAWb,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`](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`](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;;A,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

@@ -1,7 +1,7 @@
 import { t as e } from "./compiler-runtime";
 import t from "clsx";
 import { jsx as n } from "react/jsx-runtime";
-import '../assets/NavigationSection.css';//#region src/components/Navigation/NavigationSection/NavigationSection/navigationSection.module.css
+import '../assets/NavigationSection.css';// src/components/Navigation/NavigationSection/NavigationSection/navigationSection.module.css
 var r = e(), i = { section: "_section_1u3u0_2" }, a = (e) => {
 	let a = (0, r.c)(8), o, s;
 	a[0] === e ? (o = a[1], s = a[2]) : ({className: o, ...s} = e, a[0] = e, a[1] = o, a[2] = s);
@@ -13,7 +13,6 @@ var r = e(), i = { section: "_section_1u3u0_2" }, a = (e) => {
 		...s
 	}), a[5] = s, a[6] = c, a[7] = l) : l = a[7], l;
 };
-//#endregion
 export { a as t };
 
 //# sourceMappingURL=NavigationSection.map

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`](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":";;;;A,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

@@ -3,7 +3,7 @@ import { t } from "./base";
 import n from "clsx";
 import { jsx as r } from "react/jsx-runtime";
 import { Heading as i } from "react-aria-components";
-import '../assets/NavigationSectionLabel.css';//#region src/components/Navigation/NavigationSection/NavigationSectionLabel/navigationSectionLabel.module.css
+import '../assets/NavigationSectionLabel.css';// src/components/Navigation/NavigationSection/NavigationSectionLabel/navigationSectionLabel.module.css
 var a = e(), o = { label: "_label_6sxxv_2" }, s = (e) => {
 	let s = (0, a.c)(8), c, l;
 	s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
@@ -15,7 +15,6 @@ var a = e(), o = { label: "_label_6sxxv_2" }, s = (e) => {
 		...l
 	}), s[5] = l, s[6] = u, s[7] = d) : d = s[7], d;
 };
-//#endregion
 export { s as t };
 
 //# sourceMappingURL=NavigationSectionLabel.map

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`](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`](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":";;;;;;A,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

@@ -2,7 +2,7 @@ import { t as e } from "./compiler-runtime";
 import t from "clsx";
 import { jsx as n } from "react/jsx-runtime";
 import { Popover as r } from "react-aria-components";
-import '../assets/Popover.css';//#region src/components/Popover/popover.module.css
+import '../assets/Popover.css';// src/components/Popover/popover.module.css
 var i = e(), a = { popover: "_popover_gsd0s_2" }, o = (e) => {
 	let o = (0, i.c)(8), s, c;
 	o[0] === e ? (s = o[1], c = o[2]) : ({className: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
@@ -14,7 +14,6 @@ var i = e(), a = { popover: "_popover_gsd0s_2" }, o = (e) => {
 		...c
 	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
 };
-//#endregion
 export { o as t };
 
 //# sourceMappingURL=Popover.map

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`](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":";;;;;A,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

@@ -104,7 +104,6 @@ import '../assets/RadialGlowDecorator.css';var i = {
 		] })
 	]
 });
-//#endregion
 export { a as t };
 
 //# sourceMappingURL=RadialGlowDecorator.map

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCwBa,KAAuB,EAChC,YAAS,KACT,cACA,UACA,aAAU,gBAGN,kBAAC,OAAD;CACI,WAAW,EAAK,EAAO,WAAc,CAAS;CAC9C,eAAY;CACZ,gBAAc;CACd,OAAO;EAAE;EAAQ,GAAG;CAAM;WAJ9B;EAMK,MAAY,aACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,kBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,oBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,mBACX,EAAE,CAAA;EAEV,EAAA,CAAA;EAEH,MAAY,WACT,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,aAAa,EAAE,CAAA,GAE1D,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,cAAc,EAAE,CAAA,CAE/D,EAAA,CAAA;EAEH,MAAY,aACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,kBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,oBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,mBACX,EAAE,CAAA;EAEV,EAAA,CAAA;EAEH,MAAY,aACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,YAAY,EAAE,CAAA;GAEzD,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,YAAY,EAAE,CAAA;GAEzD,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,YAAY,EAAE,CAAA;GAEzD,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,YAAY,EAAE,CAAA;EAE7D,EAAA,CAAA;EAEH,MAAY,YACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;EAC7D,EAAA,CAAA;EAEH,MAAY,eACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,oBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,sBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,qBACX,EAAE,CAAA;EAEV,EAAA,CAAA;EAEH,MAAY,YACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;EAC7D,EAAA,CAAA;EAEH,MAAY,aACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,kBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,oBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,mBACX,EAAE,CAAA;EAEV,EAAA,CAAA;EAEH,MAAY,YACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;EAC7D,EAAA,CAAA;CAEH"}
+{"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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"}

package/dist/chunks/Radio

@@ -7,78 +7,65 @@ import { Label as a } from "../components/Input/Label/index.js";
 import { clsx as o } from "clsx";
 import { createContext as s, useContext as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Radio as f, RadioGroup as p } from "react-aria-components";
-import '../assets/Radio.css';//#region src/components/Input/Radio/context.ts
-var m = e(), h = s({}), g = {
-	"radio-group": "_radio-group_12t9w_15",
-	"radio-items": "_radio-items_12t9w_58",
-	radio: "_radio_12t9w_15",
-	"state-layer": "_state-layer_12t9w_149",
-	indicator: "_indicator_12t9w_169",
-	"indicator-icon": "_indicator-icon_12t9w_252"
-}, _ = (e) => {
-	let r = (0, m.c)(17), i, a, s, p, _;
-	r[0] === e ? (i = r[1], a = r[2], s = r[3], p = r[4], _ = r[5]) : ({className: a, children: i, labelPlacement: p, containerStateLayer: s, ..._} = e, r[0] = e, r[1] = i, r[2] = a, r[3] = s, r[4] = p, r[5] = _);
-	let { labelPlacement: v, containerStateLayer: y } = c(h), b = p ?? v ?? "end", x = s ?? y ?? !1, S;
-	r[6] !== a || r[7] !== x ? (S = (e) => o(g.radio, x && g["state-layer"], n.labelLarge, typeof a == "function" ? a(e) : a), r[6] = a, r[7] = x, r[8] = S) : S = r[8];
-	let C;
-	r[9] !== i || r[10] !== b || r[11] !== x ? (C = (e) => {
-		let { isSelected: n, isHovered: r, isDisabled: a, isFocused: s, isFocusVisible: c, isPressed: f, isInvalid: p } = e, m = {
-			"data-selected": n || void 0,
-			"data-hovered": r || void 0,
-			"data-disabled": a || void 0,
-			"data-focused": s || void 0,
-			"data-focus-visible": c || void 0,
-			"data-pressed": f || void 0,
-			"data-show-state-layer": !x || void 0,
-			"data-invalid": p || void 0
-		}, h = typeof i == "function" ? i(e) : i;
-		return /* @__PURE__ */ d(l, { children: [
-			b === "start" && h,
-			/* @__PURE__ */ u("span", {
-				className: o(g.indicator, t),
-				...m,
-				children: /* @__PURE__ */ u("span", {
-					className: o(g["indicator-icon"]),
-					...m
-				})
-			}),
-			b === "end" && h
-		] });
-	}, r[9] = i, r[10] = b, r[11] = x, r[12] = C) : C = r[12];
-	let w;
-	return r[13] !== _ || r[14] !== S || r[15] !== C ? (w = /* @__PURE__ */ u(f, {
-		className: S,
-		..._,
-		"data-radio": !0,
-		children: C
-	}), r[13] = _, r[14] = S, r[15] = C, r[16] = w) : w = r[16], w;
-}, v = ({ label: e, description: t, errorMessage: n, showDescriptionOnInvalid: s = !1, children: c, className: f, radioItemsGap: m = 24, labelPlacement: _, containerStateLayer: v, ...y }) => /* @__PURE__ */ u(h, {
-	value: {
-		labelPlacement: _,
-		containerStateLayer: v
-	},
-	children: /* @__PURE__ */ u(p, {
-		className: (e) => o(g["radio-group"], typeof f == "function" ? f(e) : f),
-		...y,
+import { RadioButton as f, RadioField as p, RadioGroup as m } from "react-aria-components";
+import '../assets/Radio.css';// src/components/Input/Radio/context.ts
+var h = e(), g = s({}), _ = {
+	"radio-group": "_radio-group_59fre_15",
+	radio: "_radio_59fre_15",
+	indicator: "_indicator_59fre_141",
+	"indicator-icon": "_indicator-icon_59fre_224"
+}, v = (e) => {
+	let r = (0, h.c)(10), i, a, s;
+	r[0] === e ? (i = r[1], a = r[2], s = r[3]) : ({children: i, labelPlacement: a, ...s} = e, r[0] = e, r[1] = i, r[2] = a, r[3] = s);
+	let { labelPlacement: m } = c(g), v = a ?? m ?? "end", y;
+	r[4] !== i || r[5] !== v ? (y = (e) => {
+		let r = typeof i == "function" ? i(e) : i;
+		return /* @__PURE__ */ u(f, {
+			className: o(_.radio, n.labelLarge),
+			children: (e) => {
+				let { isSelected: n, isHovered: i, isDisabled: a, isFocused: s, isFocusVisible: c, isPressed: f, isInvalid: p } = e, m = {
+					"data-selected": n || void 0,
+					"data-hovered": i || void 0,
+					"data-disabled": a || void 0,
+					"data-focused": s || void 0,
+					"data-focus-visible": c || void 0,
+					"data-pressed": f || void 0,
+					"data-invalid": p || void 0
+				};
+				return /* @__PURE__ */ d(l, { children: [
+					v === "start" && r,
+					/* @__PURE__ */ u("span", {
+						className: o(_.indicator, t),
+						...m,
+						children: /* @__PURE__ */ u("span", {
+							className: o(_["indicator-icon"]),
+							...m
+						})
+					}),
+					v === "end" && r
+				] });
+			}
+		});
+	}, r[4] = i, r[5] = v, r[6] = y) : y = r[6];
+	let b;
+	return r[7] !== s || r[8] !== y ? (b = /* @__PURE__ */ u(p, {
+		...s,
+		children: y
+	}), r[7] = s, r[8] = y, r[9] = b) : b = r[9], b;
+}, y = ({ label: e, description: t, errorMessage: n, showDescriptionOnInvalid: s = !1, children: c, className: f, labelPlacement: p, ...h }) => /* @__PURE__ */ u(g, {
+	value: { labelPlacement: p },
+	children: /* @__PURE__ */ u(m, {
+		className: (e) => o(_["radio-group"], typeof f == "function" ? f(e) : f),
+		...h,
 		"data-radio-group": !0,
-		children: ({ orientation: f, isInvalid: p }) => {
-			let h = t && (!p || p && s);
-			return /* @__PURE__ */ d(l, { children: [
-				e && /* @__PURE__ */ u(a, { children: e }),
-				/* @__PURE__ */ u("div", {
-					"data-orientation": f,
-					className: o(g["radio-items"]),
-					style: { gap: `calc(${m} * var(--dp, 1px))` },
-					children: c
-				}),
-				h && /* @__PURE__ */ u(r, { children: t }),
-				/* @__PURE__ */ u(i, { children: n })
-			] });
-		}
+		children: ({ isInvalid: o }) => /* @__PURE__ */ d(l, { children: [
+			e && /* @__PURE__ */ u(a, { children: e }),
+			c,
+			t && (!o || o && s) && /* @__PURE__ */ u(r, { children: t }),
+			/* @__PURE__ */ u(i, { children: n })
+		] })
 	})
 });
-//#endregion
-export { _ as n, v as t };
+export { v as n, y as t };
 
 //# sourceMappingURL=Radio.map