@adgytec/adgytec-web-ui-components 2.1.7 → 2.1.8

package/dist/chunks/Navigation

@@ -1,42 +1,44 @@
-import { n as e, r as t, t as n } from "./NavigationState";
-import { t as r } from "./base";
-import { IconButton as i } from "../components/Button/IconButton/index.js";
-import { useInDialog as a } from "../components/Dialog/core/index.js";
-import { a as o, i as s, n as c } from "./core8";
-import { t as l } from "./NavigationScrollContainer";
-import { t as u } from "./navContext";
-import d from "clsx";
-import { createContext as f, useContext as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Header as _, Heading as v, Provider as y } from "react-aria-components";
-import { X as b } from "lucide-react";
-import '../assets/Navigation.css';var x = { container: "_container_npu2b_2" }, S = f(null);
-function C() {
-	let e = p(S);
+import { t as e } from "./compiler-runtime";
+import { n as t, r as n, t as r } from "./NavigationState";
+import { t as i } from "./base";
+import { IconButton as a } from "../components/Button/IconButton/index.js";
+import { useInDialog as o } from "../components/Dialog/core/index.js";
+import { a as s, i as c, n as l } from "./core8";
+import { t as u } from "./NavigationScrollContainer";
+import { t as d } from "./navContext";
+import f from "clsx";
+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
+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
-var w = ({ label: e, children: n, className: f, isLinkActive: p, isButtonActive: C, stateID: w = "__root__", inert: T, style: E, containerClassName: D, ...O }) => {
-	let [k, A] = m(null), { isInert: j } = t(), M = a(), N = M || !!e || !1;
-	return /* @__PURE__ */ h(y, {
+var E = ({ label: e, children: t, className: r, isLinkActive: p, isButtonActive: m, stateID: S = "__root__", inert: T, style: E, containerClassName: D, ...O }) => {
+	let [k, A] = h(null), { isInert: j } = n(), M = o(), N = M || !!e || !1;
+	return /* @__PURE__ */ g(b, {
 		values: [
-			[S, { container: k }],
-			[u, {
+			[w, { container: k }],
+			[d, {
 				isLinkActive: p,
-				isButtonActive: C
+				isButtonActive: m
 			}],
-			[c, {
-				id: w,
+			[l, {
+				id: S,
 				depth: 0
 			}]
 		],
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ g("div", {
 			ref: A,
-			className: d(x.container, D),
-			children: /* @__PURE__ */ g("nav", {
-				className: d(o, f),
+			className: f(C.container, D),
+			children: /* @__PURE__ */ _("nav", {
+				className: f(s, r),
 				...O,
 				"data-header": N || void 0,
 				style: {
@@ -45,24 +47,32 @@ var w = ({ label: e, children: n, className: f, isLinkActive: p, isButtonActive:
 				},
 				inert: T ?? j(0),
 				"data-modal": M || void 0,
-				children: [N && /* @__PURE__ */ g(_, {
-					className: d(s),
-					children: [e && /* @__PURE__ */ h(v, {
-						className: d(r.titleLarge),
+				children: [N && /* @__PURE__ */ _(v, {
+					className: f(c),
+					children: [e && /* @__PURE__ */ g(y, {
+						className: f(i.titleLarge),
 						"data-heading": !0,
 						children: e
-					}), M && /* @__PURE__ */ h(i, {
-						icon: b,
+					}), M && /* @__PURE__ */ g(a, {
+						icon: x,
 						color: "standard",
 						slot: "close",
 						"data-close-button": !0
 					})]
-				}), /* @__PURE__ */ h(l, { children: n })]
+				}), /* @__PURE__ */ g(u, { children: t })]
 			})
 		})
 	});
-}, T = (t) => p(e) === null ? /* @__PURE__ */ h(n, { children: /* @__PURE__ */ h(w, { ...t }) }) : /* @__PURE__ */ h(w, { ...t });
+}, D = (e) => {
+	let n = (0, S.c)(4);
+	if (m(t) === null) {
+		let t;
+		return n[0] === e ? t = n[1] : (t = /* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(E, { ...e }) }), n[0] = e, n[1] = t), t;
+	}
+	let i;
+	return n[2] === e ? i = n[3] : (i = /* @__PURE__ */ g(E, { ...e }), n[2] = e, n[3] = i), i;
+};
 //#endregion
-export { S as n, C as r, T as t };
+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":";;;;;;;;;;;;6CCMa,IACT,EAAqD,IAAI;AAE7D,SAAgB,IAAyB;CACrC,IAAM,IAAY,EAAW,CAA0B;CACvD,IAAI,MAAc,MACd,MAAU,MACN,mGACJ;CAGJ,OAAO;AACX;;;ACKA,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;EAClD;YAEA,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;KACH,CAAA,CAED;QAGZ,kBAAC,GAAD,EACK,YACsB,CAAA,CAC1B;;EACJ,CAAA;CACC,CAAA;AAElB,GAEa,KAAyC,MAC9B,EAAW,CAE3B,MAAgB,OAEZ,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD,EAAK,GAAI,EAAQ,CAAA,EACJ,CAAA,IAIlB,kBAAC,GAAD,EAAK,GAAI,EAAQ,CAAA"}
+{"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"}

package/dist/chunks/NavigationScrollContainer

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

package/dist/chunks/NavigationScrollContainer.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationScrollContainer","names":[],"sources":["../../src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css","../../src/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .container {\n        padding-inline: var(--md-sys-layout-space-16);\n        overflow-y: auto;\n\n        display: grid;\n        gap: var(--_md-navigation-items-gap);\n        align-content: start;\n\n        /* 2dp for focus outline offset and 3dp for focus outline width + 1dp to prevent clipping */\n        padding-block: calc(6 * var(--dp, 1px));\n    }\n}\n","import clsx from \"clsx\";\nimport { useLayoutEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { getScrollProgress } from \"@/utils\";\nimport { useNavigationInfo } from \"../core\";\nimport { useNavigationState } from \"../NavigationState\";\nimport styles from \"./navigationScrollContainer.module.css\";\n\nexport const NavigationScrollContainer: React.FC<\n    React.ComponentPropsWithRef<\"div\">\n> = ({ ref, className, ...props }) => {\n    const scrollContainerRef = useObjectRef(ref);\n\n    const { registerNavigationContainer, saveNavigationScrollTopProgress } =\n        useNavigationState();\n    const { id } = useNavigationInfo();\n\n    useLayoutEffect(() => {\n        const container = scrollContainerRef.current;\n        if (!container) {\n            return;\n        }\n\n        return registerNavigationContainer(id, container);\n    }, [scrollContainerRef, id, registerNavigationContainer]);\n\n    return (\n        <div\n            ref={scrollContainerRef}\n            onScroll={(e) => {\n                saveNavigationScrollTopProgress(\n                    id,\n                    getScrollProgress({\n                        scrollHeight: e.currentTarget.scrollHeight,\n                        clientHeight: e.currentTarget.clientHeight,\n                        scrollTop: e.currentTarget.scrollTop,\n                    })\n                );\n            }}\n            className={clsx(styles[\"container\"], className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;6CCQa,KAER,EAAE,QAAK,cAAW,GAAG,QAAY;CAClC,IAAM,IAAqB,EAAa,CAAG,GAErC,EAAE,gCAA6B,uCACjC,EAAmB,GACjB,EAAE,UAAO,EAAkB;CAWjC,OATA,QAAsB;EAClB,IAAM,IAAY,EAAmB;EAChC,OAIL,OAAO,EAA4B,GAAI,CAAS;CACpD,GAAG;EAAC;EAAoB;EAAI;CAA2B,CAAC,GAGpD,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,MAAM;GACb,EACI,GACA,EAAkB;IACd,cAAc,EAAE,cAAc;IAC9B,cAAc,EAAE,cAAc;IAC9B,WAAW,EAAE,cAAc;GAC/B,CAAC,CACL;EACJ;EACA,WAAW,EAAK,EAAO,WAAc,CAAS;EAC9C,GAAI;CACP,CAAA;AAET"}
+{"version":3,"file":"NavigationScrollContainer","names":["scrollContainerRef"],"sources":["../../src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css","../../src/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .container {\n        padding-inline: var(--md-sys-layout-space-16);\n        overflow-y: auto;\n\n        display: grid;\n        gap: var(--_md-navigation-items-gap);\n        align-content: start;\n\n        /* 2dp for focus outline offset and 3dp for focus outline width + 1dp to prevent clipping */\n        padding-block: calc(6 * var(--dp, 1px));\n    }\n}\n","import clsx from \"clsx\";\nimport { useLayoutEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { getScrollProgress } from \"@/utils\";\nimport { useNavigationInfo } from \"../core\";\nimport { useNavigationState } from \"../NavigationState\";\nimport styles from \"./navigationScrollContainer.module.css\";\n\nexport const NavigationScrollContainer: React.FC<\n    React.ComponentPropsWithRef<\"div\">\n> = ({ ref, className, ...props }) => {\n    const scrollContainerRef = useObjectRef(ref);\n\n    const { registerNavigationContainer, saveNavigationScrollTopProgress } =\n        useNavigationState();\n    const { id } = useNavigationInfo();\n\n    useLayoutEffect(() => {\n        const container = scrollContainerRef.current;\n        if (!container) {\n            return;\n        }\n\n        return registerNavigationContainer(id, container);\n    }, [scrollContainerRef, id, registerNavigationContainer]);\n\n    return (\n        <div\n            ref={scrollContainerRef}\n            onScroll={(e) => {\n                saveNavigationScrollTopProgress(\n                    id,\n                    getScrollProgress({\n                        scrollHeight: e.currentTarget.scrollHeight,\n                        clientHeight: e.currentTarget.clientHeight,\n                        scrollTop: e.currentTarget.scrollTop,\n                    })\n                );\n            }}\n            className={clsx(styles[\"container\"], className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;;;sDCQa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAA6B,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,OAA5B,0BAAA,KAAA,GAA4B,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAC7B,IAAA,IAA2B,EAAa,CAAG,GAE3C,EAAA,gCAAA,uCACI,EAAmB,GACvB,EAAA,UAAe,EAAkB,GAAE,GAAA;CAEnC,AAFmC,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEnB,UAAA;EACZ,IAAA,IAAkB,EAAkB;EAC/B,OAEJ,OAEM,EAA4B,GAAI,CAAS;CAAC,GAClD,IAAA;EAAC;EAAoB;EAAI;CAA2B,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,MAAA,IAAA,EAAA,IAAA,IAAA,EAAA,KAPxD,EAAgB,GAOb,CAAqD;CAAC,IAAA;CAAA,AAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAKvC,KAAA,MAAA;EACN,EACI,GACA,EAAkB;GAAA,cACA,EAAC,cAAc;GAAa,cAC5B,EAAC,cAAc;GAAa,WAC/B,EAAC,cAAc;EAC9B,CAAC,CACL;CAAC,GACJ,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CAAA,AAAA,EAAA,QAAA,IAC8C,IAAA,EAAA,OAApC,IAAA,EAAK,EAAM,WAAe,CAAS,GAAC,EAAA,MAAA,GAAA,EAAA,MAAA;CAAA,IAAA;CAEjD,OAFiD,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAZnD,IAAA,kBAAA,OAAA;EACSA,KAAA;EACK,UAAA;EAUC,WAAA;EAAoC,GAC3C;CAAK,CAAA,GACX,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAdF;AAcE"}

package/dist/chunks/NavigationSection

@@ -1,10 +1,19 @@
-import e from "clsx";
-import { jsx as t } from "react/jsx-runtime";
-import '../assets/NavigationSection.css';var n = { section: "_section_1u3u0_2" }, r = ({ className: r, ...i }) => /* @__PURE__ */ t("section", {
-	className: e(n.section, r),
-	...i
-});
+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
+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);
+	let c;
+	a[3] === o ? c = a[4] : (c = t(i.section, o), a[3] = o, a[4] = c);
+	let l;
+	return a[5] !== s || a[6] !== c ? (l = /* @__PURE__ */ n("section", {
+		className: c,
+		...s
+	}), a[5] = s, a[6] = c, a[7] = l) : l = a[7], l;
+};
 //#endregion
-export { r as t };
+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":";;yCCGa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,WAAD;CAAS,WAAW,EAAK,EAAO,SAAY,CAAS;CAAG,GAAI;AAAQ,CAAA"}
+{"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"}

package/dist/chunks/NavigationSectionLabel

@@ -1,12 +1,21 @@
-import { t as e } from "./base";
-import t from "clsx";
-import { jsx as n } from "react/jsx-runtime";
-import { Heading as r } from "react-aria-components";
-import '../assets/NavigationSectionLabel.css';var i = { label: "_label_6sxxv_2" }, a = ({ className: a, ...o }) => /* @__PURE__ */ n(r, {
-	className: t(i.label, e.titleSmall, a),
-	...o
-});
+import { t as e } from "./compiler-runtime";
+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
+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);
+	let u;
+	s[3] === c ? u = s[4] : (u = n(o.label, t.titleSmall, c), s[3] = c, s[4] = u);
+	let d;
+	return s[5] !== l || s[6] !== u ? (d = /* @__PURE__ */ r(i, {
+		className: u,
+		...l
+	}), s[5] = l, s[6] = u, s[7] = d) : d = s[7], d;
+};
 //#endregion
-export { a as t };
+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":";;;;qCCKa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,WAAW,EAAK,EAAO,OAAU,EAAW,YAAY,CAAS;CACjE,GAAI;AACP,CAAA"}
+{"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"}

package/dist/chunks/NavigationState.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationState","names":[],"sources":["../../src/utils/scroll/scroll.ts","../../src/components/Navigation/NavigationState/context.ts","../../src/components/Navigation/NavigationState/NavigationState.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}\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","import { createContext, useContext } from \"react\";\n\nexport type NavigationStateContextType = {\n    openSubNavigation: (id: string, depth: number) => void;\n    closeSubNavigation: (id: string) => void;\n    saveNavigationScrollTopProgress: (id: string, progress: number) => void;\n    registerNavigationContainer: (\n        id: string,\n        container: HTMLDivElement\n    ) => () => void;\n\n    isSubNavigationOpen: (id: string) => boolean;\n    isInert: (depth: number) => boolean;\n};\n\nexport const NavigationStateContext =\n    createContext<NavigationStateContextType | null>(null);\n\nexport function useNavigationState() {\n    const ctx = useContext(NavigationStateContext);\n    if (ctx === null) {\n        throw new Error(\n            \"Missing navigation state. Ensure this component is rendered within Navigation component.\"\n        );\n    }\n\n    return ctx;\n}\n","import { type ReactNode, useCallback, useRef, useState } from \"react\";\nimport { getScrollTopFromProgress } from \"@/utils\";\nimport { NavigationStateContext } from \"./context\";\nimport type { NavScrollInfo, SubNavItem } from \"./types\";\n\nexport const NavigationState: React.FC<{ children?: ReactNode }> = ({\n    children,\n}) => {\n    const [openSubNavs, setOpenSubNavs] = useState<SubNavItem[]>([]);\n    const navScrollRef = useRef<NavScrollInfo>({});\n    const navContainersRef = useRef<Record<string, Set<HTMLDivElement>>>({});\n\n    const registerNavigationContainer = useCallback(\n        (id: string, container: HTMLDivElement) => {\n            const progress = navScrollRef.current[id] ?? 0;\n\n            container.scrollTop = getScrollTopFromProgress({\n                scrollHeight: container.scrollHeight,\n                clientHeight: container.clientHeight,\n                progress,\n            });\n\n            navContainersRef.current[id] ??= new Set();\n            navContainersRef.current[id].add(container);\n\n            return () => {\n                navContainersRef.current[id]?.delete(container);\n\n                if (navContainersRef.current[id]?.size === 0) {\n                    delete navContainersRef.current[id];\n                }\n            };\n        },\n        []\n    );\n\n    const openSubNavigation = useCallback((id: string, depth: number) => {\n        setOpenSubNavs((prev) => [\n            ...prev.filter((item) => item.depth < depth),\n            { id, depth },\n        ]);\n    }, []);\n\n    const closeSubNavigation = useCallback(\n        (id: string) => {\n            const item = openSubNavs.find((x) => x.id === id);\n            if (!item) {\n                return;\n            }\n\n            const removedItems = openSubNavs.filter(\n                (x) => x.depth >= item.depth\n            );\n            for (const removedItem of removedItems) {\n                delete navScrollRef.current[removedItem.id];\n            }\n\n            setOpenSubNavs((prev) => prev.filter((x) => x.depth < item.depth));\n        },\n        [openSubNavs]\n    );\n\n    const saveNavigationScrollTopProgress = useCallback(\n        (id: string, progress: number) => {\n            navScrollRef.current[id] = progress;\n\n            const containers = navContainersRef.current[id];\n\n            if (!containers) {\n                return;\n            }\n\n            for (const container of containers) {\n                const targetScrollTop = getScrollTopFromProgress({\n                    scrollHeight: container.scrollHeight,\n                    clientHeight: container.clientHeight,\n                    progress,\n                });\n\n                if (Math.abs(container.scrollTop - targetScrollTop) > 1) {\n                    container.scrollTop = targetScrollTop;\n                }\n            }\n        },\n        []\n    );\n\n    const isSubNavigationOpen = useCallback(\n        (id: string) => {\n            return openSubNavs.some((item) => item.id === id);\n        },\n        [openSubNavs]\n    );\n\n    const isInert = useCallback(\n        (depth: number) => {\n            const activeDepth = openSubNavs[openSubNavs.length - 1]?.depth ?? 0;\n\n            return depth < activeDepth;\n        },\n        [openSubNavs]\n    );\n\n    return (\n        <NavigationStateContext\n            value={{\n                openSubNavigation,\n                closeSubNavigation,\n                saveNavigationScrollTopProgress,\n                registerNavigationContainer,\n                isSubNavigationOpen,\n                isInert,\n            }}\n        >\n            {children}\n        </NavigationStateContext>\n    );\n};\n"],"mappings":";;;AAAA,SAAgB,EAAkB,EAC9B,iBACA,cACA,mBAKO;CACP,IAAM,IAAe,IAAe;CACpC,OAAO,KAAgB,IAAI,IAAI,IAAY;AAC/C;AACA,SAAgB,EAAyB,EACrC,iBACA,aACA,mBAKO;CAEP,OAAO,KADc,IAAe;AAExC;;;ACRA,IAAa,IACT,EAAiD,IAAI;AAEzD,SAAgB,IAAqB;CACjC,IAAM,IAAM,EAAW,CAAsB;CAC7C,IAAI,MAAQ,MACR,MAAU,MACN,0FACJ;CAGJ,OAAO;AACX;;;ACtBA,IAAa,KAAuD,EAChE,kBACE;CACF,IAAM,CAAC,GAAa,KAAkB,EAAuB,CAAC,CAAC,GACzD,IAAe,EAAsB,CAAC,CAAC,GACvC,IAAmB,EAA4C,CAAC,CAAC,GAEjE,IAA8B,GAC/B,GAAY,MAA8B;EACvC,IAAM,IAAW,EAAa,QAAQ,MAAO;EAW7C,OATA,EAAU,YAAY,EAAyB;GAC3C,cAAc,EAAU;GACxB,cAAc,EAAU;GACxB;EACJ,CAAC,GAED,EAAiB,QAAQ,uBAAQ,IAAI,IAAI,GACzC,EAAiB,QAAQ,GAAI,IAAI,CAAS,SAE7B;GAGT,AAFA,EAAiB,QAAQ,IAAK,OAAO,CAAS,GAE1C,EAAiB,QAAQ,IAAK,SAAS,KACvC,OAAO,EAAiB,QAAQ;EAExC;CACJ,GACA,CAAC,CACL;CAqEA,OACI,kBAAC,GAAD;EACI,OAAO;GACH,mBAtEc,GAAa,GAAY,MAAkB;IACjE,GAAgB,MAAS,CACrB,GAAG,EAAK,QAAQ,MAAS,EAAK,QAAQ,CAAK,GAC3C;KAAE;KAAI;IAAM,CAChB,CAAC;GACL,GAAG,CAAC,CAiEQ;GACA,oBAhEe,GACtB,MAAe;IACZ,IAAM,IAAO,EAAY,MAAM,MAAM,EAAE,OAAO,CAAE;IAChD,IAAI,CAAC,GACD;IAGJ,IAAM,IAAe,EAAY,QAC5B,MAAM,EAAE,SAAS,EAAK,KAC3B;IACA,KAAK,IAAM,KAAe,GACtB,OAAO,EAAa,QAAQ,EAAY;IAG5C,GAAgB,MAAS,EAAK,QAAQ,MAAM,EAAE,QAAQ,EAAK,KAAK,CAAC;GACrE,GACA,CAAC,CAAW,CAgDJ;GACA,iCA9C4B,GACnC,GAAY,MAAqB;IAC9B,EAAa,QAAQ,KAAM;IAE3B,IAAM,IAAa,EAAiB,QAAQ;IAEvC,OAIL,KAAK,IAAM,KAAa,GAAY;KAChC,IAAM,IAAkB,EAAyB;MAC7C,cAAc,EAAU;MACxB,cAAc,EAAU;MACxB;KACJ,CAAC;KAED,AAAI,KAAK,IAAI,EAAU,YAAY,CAAe,IAAI,MAClD,EAAU,YAAY;IAE9B;GACJ,GACA,CAAC,CAwBO;GACA;GACA,qBAvBgB,GACvB,MACU,EAAY,MAAM,MAAS,EAAK,OAAO,CAAE,GAEpD,CAAC,CAAW,CAmBJ;GACA,SAjBI,GACX,MAGU,KAFa,EAAY,EAAY,SAAS,IAAI,SAAS,IAItE,CAAC,CAAW,CAWJ;EACJ;EAEC;CACmB,CAAA;AAEhC"}
+{"version":3,"file":"NavigationState","names":["id","item","x","prev","progress","container","depth"],"sources":["../../src/utils/scroll/scroll.ts","../../src/components/Navigation/NavigationState/context.ts","../../src/components/Navigation/NavigationState/NavigationState.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}\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","import { createContext, useContext } from \"react\";\n\nexport type NavigationStateContextType = {\n    openSubNavigation: (id: string, depth: number) => void;\n    closeSubNavigation: (id: string) => void;\n    saveNavigationScrollTopProgress: (id: string, progress: number) => void;\n    registerNavigationContainer: (\n        id: string,\n        container: HTMLDivElement\n    ) => () => void;\n\n    isSubNavigationOpen: (id: string) => boolean;\n    isInert: (depth: number) => boolean;\n};\n\nexport const NavigationStateContext =\n    createContext<NavigationStateContextType | null>(null);\n\nexport function useNavigationState() {\n    const ctx = useContext(NavigationStateContext);\n    if (ctx === null) {\n        throw new Error(\n            \"Missing navigation state. Ensure this component is rendered within Navigation component.\"\n        );\n    }\n\n    return ctx;\n}\n","import { type ReactNode, useCallback, useRef, useState } from \"react\";\nimport { getScrollTopFromProgress } from \"@/utils\";\nimport { NavigationStateContext } from \"./context\";\nimport type { NavScrollInfo, SubNavItem } from \"./types\";\n\nexport const NavigationState: React.FC<{ children?: ReactNode }> = ({\n    children,\n}) => {\n    const [openSubNavs, setOpenSubNavs] = useState<SubNavItem[]>([]);\n    const navScrollRef = useRef<NavScrollInfo>({});\n    const navContainersRef = useRef<Record<string, Set<HTMLDivElement>>>({});\n\n    const registerNavigationContainer = useCallback(\n        (id: string, container: HTMLDivElement) => {\n            const progress = navScrollRef.current[id] ?? 0;\n\n            container.scrollTop = getScrollTopFromProgress({\n                scrollHeight: container.scrollHeight,\n                clientHeight: container.clientHeight,\n                progress,\n            });\n\n            navContainersRef.current[id] ??= new Set();\n            navContainersRef.current[id].add(container);\n\n            return () => {\n                navContainersRef.current[id]?.delete(container);\n\n                if (navContainersRef.current[id]?.size === 0) {\n                    delete navContainersRef.current[id];\n                }\n            };\n        },\n        []\n    );\n\n    const openSubNavigation = useCallback((id: string, depth: number) => {\n        setOpenSubNavs((prev) => [\n            ...prev.filter((item) => item.depth < depth),\n            { id, depth },\n        ]);\n    }, []);\n\n    const closeSubNavigation = useCallback(\n        (id: string) => {\n            const item = openSubNavs.find((x) => x.id === id);\n            if (!item) {\n                return;\n            }\n\n            const removedItems = openSubNavs.filter(\n                (x) => x.depth >= item.depth\n            );\n            for (const removedItem of removedItems) {\n                delete navScrollRef.current[removedItem.id];\n            }\n\n            setOpenSubNavs((prev) => prev.filter((x) => x.depth < item.depth));\n        },\n        [openSubNavs]\n    );\n\n    const saveNavigationScrollTopProgress = useCallback(\n        (id: string, progress: number) => {\n            navScrollRef.current[id] = progress;\n\n            const containers = navContainersRef.current[id];\n\n            if (!containers) {\n                return;\n            }\n\n            for (const container of containers) {\n                const targetScrollTop = getScrollTopFromProgress({\n                    scrollHeight: container.scrollHeight,\n                    clientHeight: container.clientHeight,\n                    progress,\n                });\n\n                if (Math.abs(container.scrollTop - targetScrollTop) > 1) {\n                    container.scrollTop = targetScrollTop;\n                }\n            }\n        },\n        []\n    );\n\n    const isSubNavigationOpen = useCallback(\n        (id: string) => {\n            return openSubNavs.some((item) => item.id === id);\n        },\n        [openSubNavs]\n    );\n\n    const isInert = useCallback(\n        (depth: number) => {\n            const activeDepth = openSubNavs[openSubNavs.length - 1]?.depth ?? 0;\n\n            return depth < activeDepth;\n        },\n        [openSubNavs]\n    );\n\n    return (\n        <NavigationStateContext\n            value={{\n                openSubNavigation,\n                closeSubNavigation,\n                saveNavigationScrollTopProgress,\n                registerNavigationContainer,\n                isSubNavigationOpen,\n                isInert,\n            }}\n        >\n            {children}\n        </NavigationStateContext>\n    );\n};\n"],"mappings":";;;AAAA,SAAgB,EAAkB,EAC9B,iBACA,cACA,mBAKO;CACP,IAAM,IAAe,IAAe;CACpC,OAAO,KAAgB,IAAI,IAAI,IAAY;AAC/C;AACA,SAAgB,EAAyB,EACrC,iBACA,aACA,mBAKO;CAEP,OAAO,KADc,IAAe;AAExC;;;ACRA,IAAa,IACT,EAAiD,IAAI;AAEzD,SAAO,IAAA;CACH,IAAA,IAAY,EAAW,CAAsB;CAC7C,IAAI,MAAQ,MACR,MAAU,MACN,0FACJ;CACH,OAEM;AAAG;;;ACrBd,IAAa,KAAuD,EAChE,kBACE;CACF,IAAM,CAAC,GAAa,KAAkB,EAAuB,CAAA,CAAE,GACzD,IAAe,EAAsB,CAAC,CAAC,GACvC,IAAmB,EAA4C,CAAC,CAAC,GAEjE,IAA8B,GAC/B,GAAY,MAA8B;EACvC,IAAM,IAAW,EAAa,QAAQ,MAAO;EAW7C,OATA,EAAU,YAAY,EAAyB;GAC3C,cAAc,EAAU;GACxB,cAAc,EAAU;GACxB;EACJ,CAAC,GAED,EAAiB,QAAQ,uBAAQ,IAAI,IAAI,GACzC,EAAiB,QAAQ,EAAG,CAAC,IAAI,CAAS,SAE7B;GAGT,AAFA,EAAiB,QAAQ,EAAG,EAAE,OAAO,CAAS,GAE1C,EAAiB,QAAQ,EAAG,EAAE,SAAS,KACvC,OAAO,EAAiB,QAAQ;EAExC;CACJ,GACA,CAAA,CACJ;CAqEA,OACI,kBAAC,GAAD;EACI,OAAO;GACH,mBAtEc,GAAaA,GAAY,MAAkB;IACjE,GAAgB,MAAS,CACrB,GAAG,EAAK,QAAQ,MAAS,EAAK,QAAQ,CAAK,GAC3C;KAAE,IAAAA;KAAI;IAAM,CAAC,CAChB;GACL,GAAG,CAAA,CAiES;GACA,oBAhEe,GACtBA,MAAe;IACZ,IAAMC,IAAO,EAAY,MAAM,MAAM,EAAE,OAAOD,CAAE;IAChD,IAAI,CAACC,GACD;IAGJ,IAAM,IAAe,EAAY,QAC5BC,MAAMA,EAAE,SAASD,EAAK,KAC3B;IACA,KAAK,IAAM,KAAe,GACtB,OAAO,EAAa,QAAQ,EAAY;IAG5C,GAAgBE,MAASA,EAAK,QAAQD,MAAMA,EAAE,QAAQD,EAAK,KAAK,CAAC;GACrE,GACA,CAAC,CAAW,CAgDJ;GACA,iCA9C4B,GACnCD,GAAYI,MAAqB;IAC9B,EAAa,QAAQJ,KAAMI;IAE3B,IAAM,IAAa,EAAiB,QAAQJ;IAEvC,OAIL,KAAK,IAAMK,KAAa,GAAY;KAChC,IAAM,IAAkB,EAAyB;MAC7C,cAAcA,EAAU;MACxB,cAAcA,EAAU;MACxB,UAAAD;KACJ,CAAC;KAED,AAAI,KAAK,IAAIC,EAAU,YAAY,CAAe,IAAI,MAClDA,EAAU,YAAY;IAE9B;GACJ,GACA,CAAA,CAwBQ;GACA;GACA,qBAvBgB,GACvBL,MACU,EAAY,MAAMC,MAASA,EAAK,OAAOD,CAAE,GAEpD,CAAC,CAAW,CAmBJ;GACA,SAjBI,GACXM,MAGUA,KAFa,EAAY,EAAY,SAAS,EAAE,EAAE,SAAS,IAItE,CAAC,CAAW,CAWJ;EACJ;EAEC;CACmB,CAAA;AAEhC"}

package/dist/chunks/Popover

@@ -1,11 +1,20 @@
-import e from "clsx";
-import { jsx as t } from "react/jsx-runtime";
-import { Popover as n } from "react-aria-components";
-import '../assets/Popover.css';var r = { popover: "_popover_gsd0s_2" }, i = ({ className: i, ...a }) => /* @__PURE__ */ t(n, {
-	className: (t) => e(r.popover, typeof i == "function" ? i(t) : i),
-	...a
-});
+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
+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);
+	let l;
+	o[3] === s ? l = o[4] : (l = (e) => t(a.popover, typeof s == "function" ? s(e) : s), o[3] = s, o[4] = l);
+	let u;
+	return o[5] !== c || o[6] !== l ? (u = /* @__PURE__ */ n(r, {
+		className: l,
+		...c
+	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
+};
 //#endregion
-export { i as t };
+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":";;;yCCIa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,SACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}
+{"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"}

package/dist/chunks/Radio

@@ -1,77 +1,84 @@
-import { t as e } from "./tapTarget";
-import { t } from "./base";
-import { Description as n } from "../components/Input/Description/index.js";
-import { t as r } from "./FieldError";
-import { Label as i } from "../components/Input/Label/index.js";
-import { clsx as a } from "clsx";
-import { createContext as o, useContext as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Radio as d, RadioGroup as f } from "react-aria-components";
+import { t as e } from "./compiler-runtime";
+import { t } from "./tapTarget";
+import { t as n } from "./base";
+import { Description as r } from "../components/Input/Description/index.js";
+import { t as i } from "./FieldError";
+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 p = o({}), m = {
+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"
-}, h = ({ className: n, children: r, labelPlacement: i, containerStateLayer: o, ...f }) => {
-	let { labelPlacement: h, containerStateLayer: g } = s(p), _ = i ?? h ?? "end", v = o ?? g ?? !1;
-	return /* @__PURE__ */ l(d, {
-		className: (e) => a(m.radio, v && m["state-layer"], t.labelLarge, typeof n == "function" ? n(e) : n),
-		...f,
+}, _ = (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: (t) => {
-			let { isSelected: n, isHovered: i, isDisabled: o, isFocused: s, isFocusVisible: d, isPressed: f, isInvalid: p } = t, h = {
-				"data-selected": n || void 0,
-				"data-hovered": i || void 0,
-				"data-disabled": o || void 0,
-				"data-focused": s || void 0,
-				"data-focus-visible": d || void 0,
-				"data-pressed": f || void 0,
-				"data-show-state-layer": !v || void 0,
-				"data-invalid": p || void 0
-			}, g = typeof r == "function" ? r(t) : r;
-			return /* @__PURE__ */ u(c, { children: [
-				_ === "start" && g,
-				/* @__PURE__ */ l("span", {
-					className: a(m.indicator, e),
-					...h,
-					children: /* @__PURE__ */ l("span", {
-						className: a(m["indicator-icon"]),
-						...h
-					})
-				}),
-				_ === "end" && g
-			] });
-		}
-	});
-}, g = ({ label: e, description: t, errorMessage: o, showDescriptionOnInvalid: s = !1, children: d, className: h, radioItemsGap: g = 24, labelPlacement: _, containerStateLayer: v, ...y }) => /* @__PURE__ */ l(p, {
+		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__ */ l(f, {
-		className: (e) => a(m["radio-group"], typeof h == "function" ? h(e) : h),
+	children: /* @__PURE__ */ u(p, {
+		className: (e) => o(g["radio-group"], typeof f == "function" ? f(e) : f),
 		...y,
 		"data-radio-group": !0,
 		children: ({ orientation: f, isInvalid: p }) => {
 			let h = t && (!p || p && s);
-			return /* @__PURE__ */ u(c, { children: [
-				e && /* @__PURE__ */ l(i, { children: e }),
-				/* @__PURE__ */ l("div", {
+			return /* @__PURE__ */ d(l, { children: [
+				e && /* @__PURE__ */ u(a, { children: e }),
+				/* @__PURE__ */ u("div", {
 					"data-orientation": f,
-					className: a(m["radio-items"]),
-					style: { gap: `calc(${g} * var(--dp, 1px))` },
-					children: d
+					className: o(g["radio-items"]),
+					style: { gap: `calc(${m} * var(--dp, 1px))` },
+					children: c
 				}),
-				h && /* @__PURE__ */ l(n, { children: t }),
-				/* @__PURE__ */ l(r, { children: o })
+				h && /* @__PURE__ */ u(r, { children: t }),
+				/* @__PURE__ */ u(i, { children: n })
 			] });
 		}
 	})
 });
 //#endregion
-export { h as n, g as t };
+export { _ as n, v as t };
 
 //# sourceMappingURL=Radio.map