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

package/dist/chunks/Navigation

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

package/dist/chunks/NavigationScrollContainer

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

package/dist/chunks/NavigationScrollContainer.map

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

package/dist/chunks/Snackbar

@@ -5,44 +5,35 @@ import { createContext as r, useContext as i, useMemo as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Text as c, UNSTABLE_Toast as l, UNSTABLE_ToastContent as u, UNSTABLE_ToastQueue as d, UNSTABLE_ToastRegion as f } from "react-aria-components";
 import { X as p } from "lucide-react";
-import { flushSync as m } from "react-dom";
 import '../assets/Snackbar.css';//#region src/components/Snackbar/context.ts
-var h = r(null);
-function g() {
-	let e = i(h);
+var m = r(null);
+function h() {
+	let e = i(m);
 	if (!e) throw Error("useSnackbarQueue must be used inside SnackbarRegion");
 	return e;
 }
-var _ = {
-	"snackbar-region": "_snackbar-region_1xcaw_10",
-	snackbar: "_snackbar_1xcaw_10",
-	"snackbar-content": "_snackbar-content_1xcaw_66",
-	text: "_text_1xcaw_78"
-}, v = ({ children: r, maxVisibleSnackbars: i = 1 }) => {
-	let g = a(() => new d({
-		maxVisibleToasts: i,
-		wrapUpdate(e) {
-			"startViewTransition" in document ? document.startViewTransition(() => {
-				m(e);
-			}) : e();
-		}
-	}), [i]);
-	return /* @__PURE__ */ s(h, {
-		value: g,
+var g = {
+	"snackbar-region": "_snackbar-region_1uhs8_10",
+	snackbar: "_snackbar_1uhs8_10",
+	"snackbar-content": "_snackbar-content_1uhs8_68",
+	text: "_text_1uhs8_80"
+}, _ = ({ children: r, maxVisibleSnackbars: i = 1 }) => {
+	let h = a(() => new d({ maxVisibleToasts: i }), [i]);
+	return /* @__PURE__ */ s(m, {
+		value: h,
 		children: [r, /* @__PURE__ */ o(f, {
-			queue: g,
-			className: n(_["snackbar-region"]),
+			queue: h,
+			className: n(g["snackbar-region"]),
 			children: ({ toast: r }) => /* @__PURE__ */ s(l, {
 				toast: r,
-				className: n(_.snackbar),
-				style: { viewTransitionName: r.key },
+				className: n(g.snackbar),
 				"data-close": !r.content.hideCloseAction || void 0,
 				"data-action": r.content.hideCloseAction && !!r.content.action || void 0,
 				children: [/* @__PURE__ */ s(u, {
-					className: _["snackbar-content"],
+					className: g["snackbar-content"],
 					children: [/* @__PURE__ */ o(c, {
 						slot: "description",
-						className: n(_.text, e.bodyMedium),
+						className: n(g.text, e.bodyMedium),
 						children: r.content.supportingText
 					}), r.content.action]
 				}), !r.content.hideCloseAction && /* @__PURE__ */ o(t, {
@@ -56,6 +47,6 @@ var _ = {
 	});
 };
 //#endregion
-export { h as n, g as r, v as t };
+export { m as n, h as r, _ as t };
 
 //# sourceMappingURL=Snackbar.map

package/dist/chunks/Snackbar.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar","names":[],"sources":["../../src/components/Snackbar/context.ts","../../src/components/Snackbar/snackbar.module.css","../../src/components/Snackbar/SnackbarRegion.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { UNSTABLE_ToastQueue as ToastQueue } from \"react-aria-components\";\nimport type { SnackbarContent } from \"./types\";\n\nexport const SnackbarQueueContext =\n    createContext<ToastQueue<SnackbarContent> | null>(null);\n\nexport function useSnackbarQueue() {\n    const queue = useContext(SnackbarQueueContext);\n\n    if (!queue) {\n        throw new Error(\"useSnackbarQueue must be used inside SnackbarRegion\");\n    }\n\n    return queue;\n}\n","/* configurable tokens\n*\n* --md-snackbar-background\n* --md-snackbar-color\n* --md-snackbar-action-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .snackbar-region {\n        position: fixed;\n\n        display: flex;\n        flex-direction: column-reverse;\n        gap: calc(2 * var(--dp, 1px));\n\n        inset-block-end: var(--md-sys-layout-space-24);\n\n        inset-inline-start: 50%;\n        translate: -50%;\n    }\n\n    .snackbar {\n        --_md-snackbar-background: var(\n            --md-snackbar-background,\n            var(--md-sys-color-inverse-surface)\n        );\n        --_md-snackbar-color: var(\n            --md-snackbar-color,\n            var(--md-sys-color-inverse-on-surface)\n        );\n        --_md-snackbar-action-color: var(\n            --md-snackbar-action-color,\n            var(--md-sys-color-inverse-primary)\n        );\n\n        inline-size: min(90svi, calc(568 * var(--dp, 1px)));\n\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: var(--md-sys-layout-space-4);\n\n        padding-block: var(--md-sys-layout-space-4);\n        padding-inline: var(--md-sys-layout-space-16);\n\n        box-shadow: var(--md-sys-elevation-shadow-3);\n        border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n        background-color: var(--_md-snackbar-background);\n        color: var(--_md-snackbar-color);\n\n        &[data-close] {\n            padding-inline-end: var(--md-sys-layout-space-4);\n        }\n\n        &[data-action] {\n            padding-inline-end: var(--md-sys-layout-space-8);\n        }\n\n        [data-close-button] {\n            --md-button-color: var(--_md-snackbar-color);\n        }\n    }\n\n    .snackbar-content {\n        inline-size: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: var(--md-sys-layout-space-8);\n\n        [data-button] {\n            --md-button-color: var(--_md-snackbar-action-color);\n        }\n    }\n\n    .text {\n        padding-block: calc(10 * var(--dp, 1px));\n    }\n}\n","import { clsx } from \"clsx\";\nimport { X } from \"lucide-react\";\nimport { useMemo } from \"react\";\nimport {\n    Text,\n    UNSTABLE_Toast as Toast,\n    UNSTABLE_ToastContent as ToastContent,\n    UNSTABLE_ToastQueue as ToastQueue,\n    UNSTABLE_ToastRegion as ToastRegion,\n} from \"react-aria-components\";\nimport { flushSync } from \"react-dom\";\nimport { typography } from \"@/utils\";\nimport { IconButton } from \"../Button\";\nimport { SnackbarQueueContext } from \"./context\";\nimport styles from \"./snackbar.module.css\";\nimport type { SnackbarContent, SnackbarRegionProps } from \"./types\";\n\nexport const SnackbarRegion: React.FC<SnackbarRegionProps> = ({\n    children,\n    maxVisibleSnackbars = 1,\n}) => {\n    const queue = useMemo(() => {\n        return new ToastQueue<SnackbarContent>({\n            maxVisibleToasts: maxVisibleSnackbars,\n\n            wrapUpdate(fn) {\n                if (\"startViewTransition\" in document) {\n                    document.startViewTransition(() => {\n                        flushSync(fn);\n                    });\n                } else {\n                    fn();\n                }\n            },\n        });\n    }, [maxVisibleSnackbars]);\n\n    return (\n        <SnackbarQueueContext value={queue}>\n            {children}\n            <ToastRegion\n                queue={queue}\n                className={clsx(styles[\"snackbar-region\"])}\n            >\n                {({ toast }) => (\n                    <Toast\n                        toast={toast}\n                        className={clsx(styles[\"snackbar\"])}\n                        style={{ viewTransitionName: toast.key }}\n                        data-close={!toast.content.hideCloseAction || undefined}\n                        data-action={\n                            (toast.content.hideCloseAction &&\n                                !!toast.content.action) ||\n                            undefined\n                        }\n                    >\n                        <ToastContent className={styles[\"snackbar-content\"]}>\n                            <Text\n                                slot=\"description\"\n                                className={clsx(\n                                    styles[\"text\"],\n                                    typography.bodyMedium\n                                )}\n                            >\n                                {toast.content.supportingText}\n                            </Text>\n\n                            {toast.content.action}\n                        </ToastContent>\n\n                        {!toast.content.hideCloseAction && (\n                            <IconButton\n                                slot=\"close\"\n                                icon={X}\n                                color=\"standard\"\n                                data-close-button\n                            />\n                        )}\n                    </Toast>\n                )}\n            </ToastRegion>\n        </SnackbarQueueContext>\n    );\n};\n"],"mappings":";;;;;;;;;AAIA,IAAa,IACT,EAAkD,IAAI;AAE1D,SAAO,IAAA;CACH,IAAA,IAAc,EAAW,CAAoB;CAE7C,IAAI,CAAC,GACD,MAAU,MAAM,qDAAqD;CACxE,OAEM;AAAK;;;;;;GEGH,KAAiD,EAC1D,aACA,yBAAsB,QACpB;CACF,IAAM,IAAQ,QACH,IAAI,EAA4B;EACnC,kBAAkB;EAElB,WAAW,GAAI;GACX,AAAI,yBAAyB,WACzB,SAAS,0BAA0B;IAC/B,EAAU,CAAE;GAChB,CAAC,IAED,EAAG;EAEX;CACJ,CAAC,GACF,CAAC,CAAmB,CAAC;CAExB,OACI,kBAAC,GAAD;EAAsB,OAAO;YAA7B,CACK,GACD,kBAAC,GAAD;GACW;GACP,WAAW,EAAK,EAAO,kBAAkB;cAEvC,EAAE,eACA,kBAAC,GAAD;IACW;IACP,WAAW,EAAK,EAAO,QAAW;IAClC,OAAO,EAAE,oBAAoB,EAAM,IAAI;IACvC,cAAY,CAAC,EAAM,QAAQ,mBAAmB,KAAA;IAC9C,eACK,EAAM,QAAQ,mBACX,CAAC,CAAC,EAAM,QAAQ,UACpB,KAAA;cARR,CAWI,kBAAC,GAAD;KAAc,WAAW,EAAO;eAAhC,CACI,kBAAC,GAAD;MACI,MAAK;MACL,WAAW,EACP,EAAO,MACP,EAAW,UACf;gBAEC,EAAM,QAAQ;KACb,CAAA,GAEL,EAAM,QAAQ,MACL;QAEb,CAAC,EAAM,QAAQ,mBACZ,kBAAC,GAAD;KACI,MAAK;KACL,MAAM;KACN,OAAM;KACN,qBAAA;IAAiB,CAAA,CAGtB;;EAEF,CAAA,CACK;;AAE9B"}
+{"version":3,"file":"Snackbar","names":[],"sources":["../../src/components/Snackbar/context.ts","../../src/components/Snackbar/snackbar.module.css","../../src/components/Snackbar/SnackbarRegion.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { UNSTABLE_ToastQueue as ToastQueue } from \"react-aria-components\";\nimport type { SnackbarContent } from \"./types\";\n\nexport const SnackbarQueueContext =\n    createContext<ToastQueue<SnackbarContent> | null>(null);\n\nexport function useSnackbarQueue() {\n    const queue = useContext(SnackbarQueueContext);\n\n    if (!queue) {\n        throw new Error(\"useSnackbarQueue must be used inside SnackbarRegion\");\n    }\n\n    return queue;\n}\n","/* configurable tokens\n*\n* --md-snackbar-background\n* --md-snackbar-color\n* --md-snackbar-action-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .snackbar-region {\n        position: fixed;\n\n        display: flex;\n        flex-direction: column-reverse;\n        gap: calc(2 * var(--dp, 1px));\n\n        inset-block-end: var(--md-sys-layout-space-24);\n\n        inset-inline-start: 50%;\n        translate: -50%;\n\n        z-index: 999999;\n    }\n\n    .snackbar {\n        --_md-snackbar-background: var(\n            --md-snackbar-background,\n            var(--md-sys-color-inverse-surface)\n        );\n        --_md-snackbar-color: var(\n            --md-snackbar-color,\n            var(--md-sys-color-inverse-on-surface)\n        );\n        --_md-snackbar-action-color: var(\n            --md-snackbar-action-color,\n            var(--md-sys-color-inverse-primary)\n        );\n\n        inline-size: min(90svi, calc(568 * var(--dp, 1px)));\n\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: var(--md-sys-layout-space-4);\n\n        padding-block: var(--md-sys-layout-space-4);\n        padding-inline: var(--md-sys-layout-space-16);\n\n        box-shadow: var(--md-sys-elevation-shadow-3);\n        border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n        background-color: var(--_md-snackbar-background);\n        color: var(--_md-snackbar-color);\n\n        &[data-close] {\n            padding-inline-end: var(--md-sys-layout-space-4);\n        }\n\n        &[data-action] {\n            padding-inline-end: var(--md-sys-layout-space-8);\n        }\n\n        [data-close-button] {\n            --md-button-color: var(--_md-snackbar-color);\n        }\n    }\n\n    .snackbar-content {\n        inline-size: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: var(--md-sys-layout-space-8);\n\n        [data-button] {\n            --md-button-color: var(--_md-snackbar-action-color);\n        }\n    }\n\n    .text {\n        padding-block: calc(10 * var(--dp, 1px));\n    }\n}\n","import { clsx } from \"clsx\";\nimport { X } from \"lucide-react\";\nimport { useMemo } from \"react\";\nimport {\n    Text,\n    UNSTABLE_Toast as Toast,\n    UNSTABLE_ToastContent as ToastContent,\n    UNSTABLE_ToastQueue as ToastQueue,\n    UNSTABLE_ToastRegion as ToastRegion,\n} from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport { IconButton } from \"../Button\";\nimport { SnackbarQueueContext } from \"./context\";\nimport styles from \"./snackbar.module.css\";\nimport type { SnackbarContent, SnackbarRegionProps } from \"./types\";\n\nexport const SnackbarRegion: React.FC<SnackbarRegionProps> = ({\n    children,\n    maxVisibleSnackbars = 1,\n}) => {\n    const queue = useMemo(() => {\n        return new ToastQueue<SnackbarContent>({\n            maxVisibleToasts: maxVisibleSnackbars,\n        });\n    }, [maxVisibleSnackbars]);\n\n    return (\n        <SnackbarQueueContext value={queue}>\n            {children}\n            <ToastRegion\n                queue={queue}\n                className={clsx(styles[\"snackbar-region\"])}\n            >\n                {({ toast }) => (\n                    <Toast\n                        toast={toast}\n                        className={clsx(styles[\"snackbar\"])}\n                        data-close={!toast.content.hideCloseAction || undefined}\n                        data-action={\n                            (toast.content.hideCloseAction &&\n                                !!toast.content.action) ||\n                            undefined\n                        }\n                    >\n                        <ToastContent className={styles[\"snackbar-content\"]}>\n                            <Text\n                                slot=\"description\"\n                                className={clsx(\n                                    styles[\"text\"],\n                                    typography.bodyMedium\n                                )}\n                            >\n                                {toast.content.supportingText}\n                            </Text>\n\n                            {toast.content.action}\n                        </ToastContent>\n\n                        {!toast.content.hideCloseAction && (\n                            <IconButton\n                                slot=\"close\"\n                                icon={X}\n                                color=\"standard\"\n                                data-close-button\n                            />\n                        )}\n                    </Toast>\n                )}\n            </ToastRegion>\n        </SnackbarQueueContext>\n    );\n};\n"],"mappings":";;;;;;;;AAIA,IAAa,IACT,EAAkD,IAAI;AAE1D,SAAO,IAAA;CACH,IAAA,IAAc,EAAW,CAAoB;CAE7C,IAAI,CAAC,GACD,MAAU,MAAM,qDAAqD;CACxE,OAEM;AAAK;;;;;;GEEH,KAAiD,EAC1D,aACA,yBAAsB,QACpB;CACF,IAAM,IAAQ,QACH,IAAI,EAA4B,EACnC,kBAAkB,EACtB,CAAC,GACF,CAAC,CAAmB,CAAC;CAExB,OACI,kBAAC,GAAD;EAAsB,OAAO;YAA7B,CACK,GACD,kBAAC,GAAD;GACW;GACP,WAAW,EAAK,EAAO,kBAAkB;cAEvC,EAAE,eACA,kBAAC,GAAD;IACW;IACP,WAAW,EAAK,EAAO,QAAW;IAClC,cAAY,CAAC,EAAM,QAAQ,mBAAmB,KAAA;IAC9C,eACK,EAAM,QAAQ,mBACX,CAAC,CAAC,EAAM,QAAQ,UACpB,KAAA;cAPR,CAUI,kBAAC,GAAD;KAAc,WAAW,EAAO;eAAhC,CACI,kBAAC,GAAD;MACI,MAAK;MACL,WAAW,EACP,EAAO,MACP,EAAW,UACf;gBAEC,EAAM,QAAQ;KACb,CAAA,GAEL,EAAM,QAAQ,MACL;QAEb,CAAC,EAAM,QAAQ,mBACZ,kBAAC,GAAD;KACI,MAAK;KACL,MAAM;KACN,OAAM;KACN,qBAAA;IAAiB,CAAA,CAGtB;;EAEF,CAAA,CACK;;AAE9B"}

package/dist/chunks/types

@@ -0,0 +1,6 @@
+//#region src/components/Card/Card/types.ts
+var e = 12, t = 24;
+//#endregion
+export { e as n, t };
+
+//# sourceMappingURL=types.map

package/dist/chunks/types.map

@@ -0,0 +1 @@
+{"version":3,"file":"types","names":[],"sources":["../../src/components/Card/Card/types.ts"],"sourcesContent":["import type { GridListItem } from \"react-aria-components\";\n\nexport type CardVariant = \"elevated\" | \"outlined\" | \"filled\";\n\nexport interface CardProps\n    extends React.ComponentPropsWithRef<typeof GridListItem> {\n    variant?: CardVariant;\n}\n\nexport const PaddingBetweenCards = 12;\n\nexport const CardIconSize = 24;\n"],"mappings":";AASA,IAAa,IAAsB,IAEtB,IAAe"}

package/dist/components/Card/Card/Card.d.ts

@@ -0,0 +1,2 @@
+import { CardProps } from './types';
+export declare const Card: React.FC<CardProps>;

package/dist/components/Card/Card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Card';
+export * from './types';

package/dist/components/Card/Card/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "../../../chunks/Card";
+import { n as t, t as n } from "../../../chunks/types";
+export { e as Card, n as CardIconSize, t as PaddingBetweenCards };

package/dist/components/Card/Card/types.d.ts

@@ -0,0 +1,7 @@
+import { GridListItem } from 'react-aria-components';
+export type CardVariant = "elevated" | "outlined" | "filled";
+export interface CardProps extends React.ComponentPropsWithRef<typeof GridListItem> {
+    variant?: CardVariant;
+}
+export declare const PaddingBetweenCards = 12;
+export declare const CardIconSize = 24;

package/dist/components/Card/CardIcon/CardIcon.d.ts

@@ -0,0 +1,2 @@
+import { Icon } from '../../Icon';
+export declare const CardIcon: React.FC<Omit<React.ComponentPropsWithRef<typeof Icon>, "size" | "withText">>;

package/dist/components/Card/CardIcon/index.d.ts

@@ -0,0 +1 @@
+export * from './CardIcon';

package/dist/components/Card/CardIcon/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../chunks/CardIcon";
+export { e as CardIcon };

package/dist/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Card';
+export * from './CardIcon';

package/dist/components/Card/index.js

@@ -0,0 +1,4 @@
+import { t as e } from "../../chunks/Card";
+import { n as t, t as n } from "../../chunks/types";
+import { t as r } from "../../chunks/CardIcon";
+export { e as Card, r as CardIcon, n as CardIconSize, t as PaddingBetweenCards };

package/dist/components/List/ListAction/ListAction.d.ts

@@ -0,0 +1,2 @@
+import { IconButtonProps } from '../../Button';
+export declare const ListAction: React.FC<Omit<IconButtonProps, "size">>;

package/dist/components/List/ListAction/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/List/ListAvatar/ListAvatar.d.ts

@@ -0,0 +1 @@
+export declare const ListAvatar: React.FC<React.ComponentPropsWithRef<"div">>;

package/dist/components/List/ListAvatar/index.d.ts

@@ -0,0 +1 @@
+export * from './ListAvatar';

package/dist/components/List/ListAvatar/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../chunks/ListAvatar";
+export { e as ListAvatar };

package/dist/components/List/ListBox/ListBox.d.ts

@@ -0,0 +1,2 @@
+import { ListBoxProps } from './types';
+export declare const ListBox: <T extends object>({ alignY, className, ...props }: ListBoxProps<T>) => import("react").JSX.Element;

package/dist/components/List/ListBox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ListBox';
+export * from './types';

package/dist/components/List/ListBox/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../chunks/ListBox";
+export { e as ListBox };

package/dist/components/List/ListBox/types.d.ts

@@ -0,0 +1,5 @@
+import { ListBox } from 'react-aria-components';
+export type ListAlignY = "start" | "center" | "end";
+export interface ListBoxProps<T extends object> extends React.ComponentPropsWithRef<typeof ListBox<T>> {
+    alignY?: ListAlignY;
+}

package/dist/components/List/ListIcon/ListIcon.d.ts

@@ -0,0 +1,2 @@
+import { Icon } from '../../Icon';
+export declare const ListIcon: React.FC<Omit<React.ComponentPropsWithRef<typeof Icon>, "size" | "withText">>;

package/dist/components/List/ListIcon/index.d.ts

@@ -0,0 +1 @@
+export * from './ListIcon';

package/dist/components/List/ListIcon/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../chunks/ListIcon";
+export { e as ListIcon };

package/dist/components/List/ListItem/ListItem.d.ts

@@ -0,0 +1,2 @@
+import { ListItemProps } from './types';
+export declare const ListItem: React.FC<ListItemProps>;

package/dist/components/List/ListItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ListItem';
+export * from './types';

package/dist/components/List/ListItem/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../chunks/ListItem";
+export { e as ListItem };

package/dist/components/List/ListItem/types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ListBoxItem } from 'react-aria-components';
+export interface ListItemProps extends Omit<React.ComponentPropsWithRef<typeof ListBoxItem>, "children"> {
+    leading?: ReactNode;
+    overline?: ReactNode;
+    label: ReactNode;
+    supporting?: ReactNode;
+    trailing?: ReactNode[];
+}

package/dist/components/List/ListLabelText/ListLabelText.d.ts

@@ -0,0 +1,2 @@
+import { Text } from 'react-aria-components';
+export declare const ListLabelText: React.FC<Omit<React.ComponentPropsWithRef<typeof Text>, "slot">>;

package/dist/components/List/ListLabelText/index.d.ts

@@ -0,0 +1 @@
+export * from './ListLabelText';

package/dist/components/List/ListLabelText/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../chunks/ListLabelText";
+export { e as ListLabelText };

package/dist/components/List/ListMedia/ListMedia.d.ts

@@ -0,0 +1,2 @@
+import { ListMediaProps } from './types';
+export declare const ListMedia: React.FC<ListMediaProps>;

package/dist/components/List/ListMedia/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ListMedia';
+export * from './types';

package/dist/components/List/ListMedia/index.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../../../chunks/ListMedia";
+export { a as ListMedia, o as ListMediaImageHeight, n as ListMediaImageWidth, i as ListMediaLargeVideoHeight, t as ListMediaLargeVideoWidth, e as ListMediaVideoHeight, r as ListMediaVideoWidth };

package/dist/components/List/ListMedia/types.d.ts

@@ -0,0 +1,10 @@
+export declare const ListMediaImageWidth = 56;
+export declare const ListMediaImageHeight = 56;
+export declare const ListMediaVideoWidth = 100;
+export declare const ListMediaVideoHeight = 56;
+export declare const ListMediaLargeVideoWidth = 114;
+export declare const ListMediaLargeVideoHeight = 64;
+export type ListMediaVariant = "image" | "video" | "large-video";
+export interface ListMediaProps extends React.ComponentPropsWithRef<"div"> {
+    variant?: ListMediaVariant;
+}

package/dist/components/List/ListOverlineText/ListOverlineText.d.ts

@@ -0,0 +1,2 @@
+import { Text } from 'react-aria-components';
+export declare const ListOverlineText: React.FC<React.ComponentPropsWithRef<typeof Text>>;

package/dist/components/List/ListOverlineText/index.d.ts

@@ -0,0 +1 @@
+export * from './ListOverlineText';

package/dist/components/List/ListOverlineText/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../chunks/ListOverlineText";
+export { e as ListOverlineText };

package/dist/components/List/ListSupportingText/ListSupportingText.d.ts

@@ -0,0 +1,2 @@
+import { Text } from 'react-aria-components';
+export declare const ListSupportingText: React.FC<Omit<React.ComponentPropsWithRef<typeof Text>, "slot">>;

package/dist/components/List/ListSupportingText/index.d.ts

@@ -0,0 +1 @@
+export * from './ListSupportingText';

package/dist/components/List/ListSupportingText/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../../chunks/ListSupportingText";
+export { e as ListSupportingText };

package/dist/components/List/ListTrailingText/ListTrailingText.d.ts

@@ -0,0 +1,2 @@
+import { Text } from 'react-aria-components';
+export declare const ListTrailingText: React.FC<React.ComponentPropsWithRef<typeof Text>>;

package/dist/components/List/ListTrailingText/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/List/index.d.ts

@@ -0,0 +1,10 @@
+export * from './ListAction';
+export * from './ListAvatar';
+export * from './ListBox';
+export * from './ListIcon';
+export * from './ListItem';
+export * from './ListLabelText';
+export * from './ListMedia';
+export * from './ListOverlineText';
+export * from './ListSupportingText';
+export * from './ListTrailingText';

package/dist/components/List/index.js

@@ -0,0 +1,9 @@
+import { t as e } from "../../chunks/ListAvatar";
+import { t } from "../../chunks/ListBox";
+import { t as n } from "../../chunks/ListIcon";
+import { t as r } from "../../chunks/ListItem";
+import { t as i } from "../../chunks/ListLabelText";
+import { a, i as o, n as s, o as c, r as l, s as u, t as d } from "../../chunks/ListMedia";
+import { t as f } from "../../chunks/ListOverlineText";
+import { t as p } from "../../chunks/ListSupportingText";
+export { e as ListAvatar, t as ListBox, n as ListIcon, r as ListItem, i as ListLabelText, u as ListMedia, d as ListMediaImageHeight, s as ListMediaImageWidth, l as ListMediaLargeVideoHeight, o as ListMediaLargeVideoWidth, a as ListMediaVideoHeight, c as ListMediaVideoWidth, f as ListOverlineText, p as ListSupportingText };

package/dist/components/Navigation/NavigationState/context.d.ts

@@ -2,9 +2,9 @@ export type NavigationStateContextType = {
     openSubNavigation: (id: string, depth: number) => void;
     closeSubNavigation: (id: string) => void;
     saveNavigationScrollTopProgress: (id: string, progress: number) => void;
-    registerNavigationContainer: (id: string, container: HTMLDivElement) => () => void;
     isSubNavigationOpen: (id: string) => boolean;
     isInert: (depth: number) => boolean;
+    getNavigationScrollProgress: (id: string) => number;
 };
 export declare const NavigationStateContext: import('react').Context<NavigationStateContextType | null>;
 export declare function useNavigationState(): NavigationStateContextType;

package/dist/components/Navigation/NavigationState/index.js

@@ -1,2 +1,61 @@
-import { n as e, r as t, t as n } from "../../../chunks/NavigationState";
-export { n as NavigationState, e as NavigationStateContext, t as useNavigationState };
+import { t as e } from "../../../chunks/compiler-runtime";
+import { createContext as t, useContext as n, useRef as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/Navigation/NavigationState/context.ts
+var o = t(null);
+function s() {
+	let e = n(o);
+	if (e === null) throw Error("Missing navigation state. Ensure this component is rendered within Navigation component.");
+	return e;
+}
+//#endregion
+//#region src/components/Navigation/NavigationState/NavigationState.tsx
+var c = e(), l = (e) => {
+	let t = (0, c.c)(18), { children: n } = e, s;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = [], t[0] = s) : s = t[0];
+	let [l, u] = i(s), d;
+	t[1] === Symbol.for("react.memo_cache_sentinel") ? (d = {}, t[1] = d) : d = t[1];
+	let f = r(d), p;
+	t[2] === Symbol.for("react.memo_cache_sentinel") ? (p = (e) => f.current[e] ?? 0, t[2] = p) : p = t[2];
+	let m = p, h;
+	t[3] === Symbol.for("react.memo_cache_sentinel") ? (h = (e, t) => {
+		u((n) => [...n.filter((e) => e.depth < t), {
+			id: e,
+			depth: t
+		}]);
+	}, t[3] = h) : h = t[3];
+	let g = h, _;
+	t[4] === l ? _ = t[5] : (_ = (e) => {
+		let t = l.find((t) => t.id === e);
+		if (!t) return;
+		let n = l.filter((e) => e.depth >= t.depth);
+		for (let e of n) delete f.current[e.id];
+		u((e) => e.filter((e) => e.depth < t.depth));
+	}, t[4] = l, t[5] = _);
+	let v = _, y;
+	t[6] === Symbol.for("react.memo_cache_sentinel") ? (y = (e, t) => {
+		f.current[e] = t;
+	}, t[6] = y) : y = t[6];
+	let b = y, x;
+	t[7] === l ? x = t[8] : (x = (e) => l.some((t) => t.id === e), t[7] = l, t[8] = x);
+	let S = x, C;
+	t[9] === l ? C = t[10] : (C = (e) => e < (l[l.length - 1]?.depth ?? 0), t[9] = l, t[10] = C);
+	let w = C, T;
+	t[11] !== v || t[12] !== w || t[13] !== S ? (T = {
+		getNavigationScrollProgress: m,
+		openSubNavigation: g,
+		closeSubNavigation: v,
+		saveNavigationScrollTopProgress: b,
+		isSubNavigationOpen: S,
+		isInert: w
+	}, t[11] = v, t[12] = w, t[13] = S, t[14] = T) : T = t[14];
+	let E;
+	return t[15] !== n || t[16] !== T ? (E = /* @__PURE__ */ a(o, {
+		value: T,
+		children: n
+	}), t[15] = n, t[16] = T, t[17] = E) : E = t[17], E;
+};
+//#endregion
+export { l as NavigationState, o as NavigationStateContext, s as useNavigationState };
+
+//# sourceMappingURL=index.js.map