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

package/dist/chunks/ListSupportingText

@@ -0,0 +1,22 @@
+import { t as e } from "./compiler-runtime";
+import { t } from "./base";
+import n from "clsx";
+import { jsx as r } from "react/jsx-runtime";
+import { Text as i } from "react-aria-components";
+import '../assets/ListSupportingText.css';//#region src/components/List/ListSupportingText/listSupportingText.module.css
+var a = e(), o = { supporting: "_supporting_1pti8_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.supporting, t.bodyMedium, c), s[3] = c, s[4] = u);
+	let d;
+	return s[5] !== l || s[6] !== u ? (d = /* @__PURE__ */ r(i, {
+		className: u,
+		slot: "description",
+		...l
+	}), s[5] = l, s[6] = u, s[7] = d) : d = s[7], d;
+};
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=ListSupportingText.map

package/dist/chunks/ListSupportingText.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSupportingText","names":[],"sources":["../../src/components/List/ListSupportingText/listSupportingText.module.css","../../src/components/List/ListSupportingText/ListSupportingText.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .supporting {\n        color: var(--_md-list-color);\n\n        transition: color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listSupportingText.module.css\";\n\nexport const ListSupportingText: React.FC<\n    Omit<React.ComponentPropsWithRef<typeof Text>, \"slot\">\n> = ({ className, ...props }) => {\n    return (\n        <Text\n            className={clsx(\n                styles[\"supporting\"],\n                typography.bodyMedium,\n                className\n            )}\n            slot=\"description\"\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;wDCKa,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,IAOf,IAAA,EAAA,MAJU,IAAA,EACP,EAAM,YACN,EAAU,YACV,CACJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAGH,OAHG,EAAA,OAAA,KAAA,EAAA,OAAA,KALL,IAAA,kBAAC,GAAD;EACe,WAAA;EAKN,MAAA;EAAa,GACd;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IARF;AAQE"}

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/RadialGlowDecorator

@@ -0,0 +1,110 @@
+import e from "clsx";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import '../assets/RadialGlowDecorator.css';var i = {
+	container: "_container_1rbez_2",
+	blob: "_blob_1rbez_52",
+	"default-primary": "_default-primary_1rbez_61",
+	"default-secondary": "_default-secondary_1rbez_73",
+	"default-tertiary": "_default-tertiary_1rbez_85",
+	"split-left": "_split-left_1rbez_98",
+	"split-right": "_split-right_1rbez_110",
+	"top-bar-primary": "_top-bar-primary_1rbez_123",
+	"top-bar-secondary": "_top-bar-secondary_1rbez_135",
+	"top-bar-tertiary": "_top-bar-tertiary_1rbez_147",
+	"corner-tl": "_corner-tl_1rbez_160",
+	"corner-tr": "_corner-tr_1rbez_172",
+	"corner-bl": "_corner-bl_1rbez_184",
+	"corner-br": "_corner-br_1rbez_196",
+	"aurora-1": "_aurora-1_1rbez_209",
+	"aurora-float-1": "_aurora-float-1_1rbez_1",
+	"aurora-2": "_aurora-2_1rbez_222",
+	"aurora-float-2": "_aurora-float-2_1rbez_1",
+	"aurora-3": "_aurora-3_1rbez_235",
+	"aurora-float-3": "_aurora-float-3_1rbez_1",
+	"aurora-4": "_aurora-4_1rbez_248",
+	"aurora-float-4": "_aurora-float-4_1rbez_1",
+	"spotlight-primary": "_spotlight-primary_1rbez_262",
+	"spotlight-pulse-1": "_spotlight-pulse-1_1rbez_1",
+	"spotlight-secondary": "_spotlight-secondary_1rbez_276",
+	"spotlight-pulse-2": "_spotlight-pulse-2_1rbez_1",
+	"spotlight-tertiary": "_spotlight-tertiary_1rbez_290",
+	"spotlight-pulse-3": "_spotlight-pulse-3_1rbez_1",
+	"nebula-1": "_nebula-1_1rbez_305",
+	"nebula-drift-1": "_nebula-drift-1_1rbez_1",
+	"nebula-2": "_nebula-2_1rbez_318",
+	"nebula-drift-2": "_nebula-drift-2_1rbez_1",
+	"nebula-3": "_nebula-3_1rbez_331",
+	"nebula-drift-3": "_nebula-drift-3_1rbez_1",
+	"nebula-4": "_nebula-4_1rbez_344",
+	"nebula-drift-4": "_nebula-drift-4_1rbez_1",
+	"horizon-primary": "_horizon-primary_1rbez_358",
+	"horizon-pulse-1": "_horizon-pulse-1_1rbez_1",
+	"horizon-secondary": "_horizon-secondary_1rbez_372",
+	"horizon-pulse-2": "_horizon-pulse-2_1rbez_1",
+	"horizon-tertiary": "_horizon-tertiary_1rbez_386",
+	"horizon-pulse-3": "_horizon-pulse-3_1rbez_1",
+	"spiral-1": "_spiral-1_1rbez_401",
+	"spiral-orbit-1": "_spiral-orbit-1_1rbez_1",
+	"spiral-2": "_spiral-2_1rbez_414",
+	"spiral-orbit-2": "_spiral-orbit-2_1rbez_1",
+	"spiral-3": "_spiral-3_1rbez_427",
+	"spiral-orbit-3": "_spiral-orbit-3_1rbez_1"
+}, a = ({ zIndex: a = -10, className: o, style: s, variant: c = "default" }) => /* @__PURE__ */ r("div", {
+	className: e(i.container, o),
+	"aria-hidden": "true",
+	"data-variant": c,
+	style: {
+		zIndex: a,
+		...s
+	},
+	children: [
+		c === "default" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["default-primary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["default-secondary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["default-tertiary"]) })
+		] }),
+		c === "split" && /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("div", { className: e(i.blob, i["split-left"]) }), /* @__PURE__ */ n("div", { className: e(i.blob, i["split-right"]) })] }),
+		c === "top-bar" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["top-bar-primary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["top-bar-secondary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["top-bar-tertiary"]) })
+		] }),
+		c === "corners" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["corner-tl"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["corner-tr"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["corner-bl"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["corner-br"]) })
+		] }),
+		c === "aurora" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["aurora-1"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["aurora-2"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["aurora-3"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["aurora-4"]) })
+		] }),
+		c === "spotlight" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["spotlight-primary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["spotlight-secondary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["spotlight-tertiary"]) })
+		] }),
+		c === "nebula" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["nebula-1"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["nebula-2"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["nebula-3"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["nebula-4"]) })
+		] }),
+		c === "horizon" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["horizon-primary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["horizon-secondary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["horizon-tertiary"]) })
+		] }),
+		c === "spiral" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["spiral-1"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["spiral-2"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["spiral-3"]) })
+		] })
+	]
+});
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=RadialGlowDecorator.map

package/dist/chunks/RadialGlowDecorator.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialGlowDecorator","names":[],"sources":["../../src/components/Decorators/RadialGlowDecorator/radialGlowDecorator.module.css","../../src/components/Decorators/RadialGlowDecorator/RadialGlowDecorator.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .container {\n        position: fixed;\n        inset: 0;\n        pointer-events: none;\n        overflow: hidden;\n\n        /* Default Opacity (Light mode/Base defaults) - higher visibility */\n        --glow-opacity-18: 28%;\n        --glow-opacity-15: 24%;\n        --glow-opacity-14: 22%;\n        --glow-opacity-12: 20%;\n        --glow-opacity-10: 16%;\n        --glow-opacity-8: 12%;\n    }\n\n    :global([data-theme=\"dark\"]) .container,\n    :global([data-theme=\"dark-high-contrast\"]) .container,\n    :global([data-theme=\"dark-medium-contrast\"]) .container,\n    :global([data-theme=\"monochrome-dark\"]) .container {\n        --glow-opacity-18: 15%;\n        --glow-opacity-15: 12%;\n        --glow-opacity-14: 11%;\n        --glow-opacity-12: 10%;\n        --glow-opacity-10: 8%;\n        --glow-opacity-8: 6%;\n    }\n\n    @media (prefers-color-scheme: dark) {\n        .container {\n            --glow-opacity-18: 15%;\n            --glow-opacity-15: 12%;\n            --glow-opacity-14: 11%;\n            --glow-opacity-12: 10%;\n            --glow-opacity-10: 8%;\n            --glow-opacity-8: 6%;\n        }\n    }\n\n    :global([data-theme=\"light\"]) .container,\n    :global([data-theme=\"light-high-contrast\"]) .container,\n    :global([data-theme=\"light-medium-contrast\"]) .container,\n    :global([data-theme=\"monochrome-light\"]) .container {\n        --glow-opacity-18: 28%;\n        --glow-opacity-15: 24%;\n        --glow-opacity-14: 22%;\n        --glow-opacity-12: 20%;\n        --glow-opacity-10: 16%;\n        --glow-opacity-8: 12%;\n    }\n\n    .blob {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(180px);\n        pointer-events: none;\n        will-change: transform, filter;\n    }\n\n    /* DEFAULT VARIANT */\n    .default-primary {\n        inline-size: 50vmax;\n        block-size: 50vmax;\n        top: -10vmax;\n        left: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-15),\n            transparent\n        );\n    }\n\n    .default-secondary {\n        inline-size: 45vmax;\n        block-size: 45vmax;\n        bottom: -15vmax;\n        right: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    .default-tertiary {\n        inline-size: 40vmax;\n        block-size: 40vmax;\n        top: 25vh;\n        right: 15vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-10),\n            transparent\n        );\n    }\n\n    /* SPLIT VARIANT */\n    .split-left {\n        inline-size: 60vmax;\n        block-size: 60vmax;\n        top: 20vh;\n        left: -20vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    .split-right {\n        inline-size: 60vmax;\n        block-size: 60vmax;\n        top: 20vh;\n        right: -20vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-10),\n            transparent\n        );\n    }\n\n    /* TOP-BAR VARIANT */\n    .top-bar-primary {\n        inline-size: 35vmax;\n        block-size: 20vmax;\n        top: -10vmax;\n        left: 10vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-18),\n            transparent\n        );\n    }\n\n    .top-bar-secondary {\n        inline-size: 35vmax;\n        block-size: 20vmax;\n        top: -10vmax;\n        left: 40vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-15),\n            transparent\n        );\n    }\n\n    .top-bar-tertiary {\n        inline-size: 35vmax;\n        block-size: 20vmax;\n        top: -10vmax;\n        left: 70vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    /* CORNERS VARIANT */\n    .corner-tl {\n        inline-size: 30vmax;\n        block-size: 30vmax;\n        top: -10vmax;\n        left: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-15),\n            transparent\n        );\n    }\n\n    .corner-tr {\n        inline-size: 30vmax;\n        block-size: 30vmax;\n        top: -10vmax;\n        right: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    .corner-bl {\n        inline-size: 30vmax;\n        block-size: 30vmax;\n        bottom: -10vmax;\n        left: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-12),\n            transparent\n        );\n    }\n\n    .corner-br {\n        inline-size: 30vmax;\n        block-size: 30vmax;\n        bottom: -10vmax;\n        right: -10vmax;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-10),\n            transparent\n        );\n    }\n\n    /* AURORA VARIANT */\n    .aurora-1 {\n        inline-size: 55vmax;\n        block-size: 40vmax;\n        top: -15vmax;\n        left: 5vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: aurora-float-1 25s ease-in-out infinite alternate;\n    }\n\n    .aurora-2 {\n        inline-size: 50vmax;\n        block-size: 45vmax;\n        top: -10vmax;\n        left: 30vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: aurora-float-2 22s ease-in-out infinite alternate;\n    }\n\n    .aurora-3 {\n        inline-size: 60vmax;\n        block-size: 40vmax;\n        top: -20vmax;\n        right: 5vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: aurora-float-3 28s ease-in-out infinite alternate;\n    }\n\n    .aurora-4 {\n        inline-size: 45vmax;\n        block-size: 40vmax;\n        bottom: -15vmax;\n        left: 25vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-8),\n            transparent\n        );\n        animation: aurora-float-4 26s ease-in-out infinite alternate;\n    }\n\n    /* SPOTLIGHT VARIANT */\n    .spotlight-primary {\n        inline-size: 55vmax;\n        block-size: 55vmax;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-14),\n            transparent\n        );\n        animation: spotlight-pulse-1 12s ease-in-out infinite alternate;\n    }\n\n    .spotlight-secondary {\n        inline-size: 45vmax;\n        block-size: 45vmax;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: spotlight-pulse-2 16s ease-in-out infinite alternate;\n    }\n\n    .spotlight-tertiary {\n        inline-size: 35vmax;\n        block-size: 35vmax;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-8),\n            transparent\n        );\n        animation: spotlight-pulse-3 10s ease-in-out infinite alternate;\n    }\n\n    /* NEBULA VARIANT */\n    .nebula-1 {\n        inline-size: 65vmax;\n        block-size: 65vmax;\n        top: 10vh;\n        left: 10vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: nebula-drift-1 30s ease-in-out infinite;\n    }\n\n    .nebula-2 {\n        inline-size: 55vmax;\n        block-size: 55vmax;\n        bottom: 10vh;\n        right: 10vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: nebula-drift-2 35s ease-in-out infinite;\n    }\n\n    .nebula-3 {\n        inline-size: 50vmax;\n        block-size: 50vmax;\n        top: 30vh;\n        right: 15vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: nebula-drift-3 28s ease-in-out infinite;\n    }\n\n    .nebula-4 {\n        inline-size: 45vmax;\n        block-size: 45vmax;\n        bottom: 20vh;\n        left: 15vw;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-8),\n            transparent\n        );\n        animation: nebula-drift-4 32s ease-in-out infinite;\n    }\n\n    /* HORIZON VARIANT */\n    .horizon-primary {\n        inline-size: 55vmax;\n        block-size: 30vmax;\n        bottom: -15vmax;\n        left: 10vw;\n        border-radius: 50% 50% 0 0;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-15),\n            transparent\n        );\n        animation: horizon-pulse-1 8s ease-in-out infinite alternate;\n    }\n\n    .horizon-secondary {\n        inline-size: 60vmax;\n        block-size: 35vmax;\n        bottom: -20vmax;\n        left: 30vw;\n        border-radius: 50% 50% 0 0;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: horizon-pulse-2 11s ease-in-out infinite alternate;\n    }\n\n    .horizon-tertiary {\n        inline-size: 50vmax;\n        block-size: 28vmax;\n        bottom: -18vmax;\n        right: 10vw;\n        border-radius: 50% 50% 0 0;\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: horizon-pulse-3 9s ease-in-out infinite alternate;\n    }\n\n    /* SPIRAL VARIANT */\n    .spiral-1 {\n        inline-size: 45vmax;\n        block-size: 45vmax;\n        top: calc(50% - 22.5vmax);\n        left: calc(50% - 22.5vmax);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-primary) var(--glow-opacity-12),\n            transparent\n        );\n        animation: spiral-orbit-1 25s linear infinite;\n    }\n\n    .spiral-2 {\n        inline-size: 40vmax;\n        block-size: 40vmax;\n        top: calc(50% - 20vmax);\n        left: calc(50% - 20vmax);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-tertiary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: spiral-orbit-2 30s linear infinite;\n    }\n\n    .spiral-3 {\n        inline-size: 35vmax;\n        block-size: 35vmax;\n        top: calc(50% - 17.5vmax);\n        left: calc(50% - 17.5vmax);\n        background-color: color-mix(\n            in srgb,\n            var(--md-sys-color-secondary) var(--glow-opacity-10),\n            transparent\n        );\n        animation: spiral-orbit-3 20s linear infinite;\n    }\n}\n\n/* Animations for premium organic feeling */\n@keyframes aurora-float-1 {\n    0% {\n        transform: translate(0, 0) scale(1);\n    }\n    100% {\n        transform: translate(5vw, 5vh) scale(1.1);\n    }\n}\n\n@keyframes aurora-float-2 {\n    0% {\n        transform: translate(0, 0) scale(1.1);\n    }\n    100% {\n        transform: translate(-4vw, -6vh) scale(0.95);\n    }\n}\n\n@keyframes aurora-float-3 {\n    0% {\n        transform: translate(0, 0) scale(0.95);\n    }\n    100% {\n        transform: translate(6vw, -4vh) scale(1.05);\n    }\n}\n\n@keyframes aurora-float-4 {\n    0% {\n        transform: translate(0, 0) scale(1.05);\n    }\n    100% {\n        transform: translate(-5vw, 4vh) scale(1);\n    }\n}\n\n@keyframes spotlight-pulse-1 {\n    0% {\n        transform: translate(-50%, -50%) scale(0.9);\n    }\n    100% {\n        transform: translate(-50%, -50%) scale(1.1);\n    }\n}\n\n@keyframes spotlight-pulse-2 {\n    0% {\n        transform: translate(-48%, -52%) scale(1.1);\n    }\n    100% {\n        transform: translate(-52%, -48%) scale(0.9);\n    }\n}\n\n@keyframes spotlight-pulse-3 {\n    0% {\n        transform: translate(-52%, -48%) scale(0.95);\n    }\n    100% {\n        transform: translate(-48%, -52%) scale(1.05);\n    }\n}\n\n@keyframes nebula-drift-1 {\n    0% {\n        transform: translate(0, 0) scale(1) rotate(0deg);\n    }\n    33% {\n        transform: translate(10vw, 15vh) scale(1.15) rotate(120deg);\n    }\n    66% {\n        transform: translate(-10vw, 10vh) scale(0.9) rotate(240deg);\n    }\n    100% {\n        transform: translate(0, 0) scale(1) rotate(360deg);\n    }\n}\n\n@keyframes nebula-drift-2 {\n    0% {\n        transform: translate(0, 0) scale(1) rotate(0deg);\n    }\n    33% {\n        transform: translate(-15vw, -10vh) scale(0.9) rotate(-120deg);\n    }\n    66% {\n        transform: translate(5vw, -15vh) scale(1.1) rotate(-240deg);\n    }\n    100% {\n        transform: translate(0, 0) scale(1) rotate(-360deg);\n    }\n}\n\n@keyframes nebula-drift-3 {\n    0% {\n        transform: translate(0, 0) scale(1);\n    }\n    50% {\n        transform: translate(-8vw, 12vh) scale(1.2);\n    }\n    100% {\n        transform: translate(0, 0) scale(1);\n    }\n}\n\n@keyframes nebula-drift-4 {\n    0% {\n        transform: translate(0, 0) scale(1.1);\n    }\n    50% {\n        transform: translate(12vw, -10vh) scale(0.9);\n    }\n    100% {\n        transform: translate(0, 0) scale(1.1);\n    }\n}\n\n@keyframes horizon-pulse-1 {\n    0% {\n        transform: translateY(0) scale(0.95);\n    }\n    100% {\n        transform: translateY(-2vmax) scale(1.05);\n    }\n}\n\n@keyframes horizon-pulse-2 {\n    0% {\n        transform: translateY(0) scale(1.05);\n    }\n    100% {\n        transform: translateY(-3vmax) scale(0.95);\n    }\n}\n\n@keyframes horizon-pulse-3 {\n    0% {\n        transform: translateY(0) scale(0.9);\n    }\n    100% {\n        transform: translateY(-2vmax) scale(1.1);\n    }\n}\n\n@keyframes spiral-orbit-1 {\n    0% {\n        transform: rotate(0deg) translate(15vmax) rotate(0deg) scale(0.9);\n    }\n    50% {\n        transform: rotate(180deg) translate(15vmax) rotate(-180deg) scale(1.1);\n    }\n    100% {\n        transform: rotate(360deg) translate(15vmax) rotate(-360deg) scale(0.9);\n    }\n}\n\n@keyframes spiral-orbit-2 {\n    0% {\n        transform: rotate(0deg) translate(-12vmax) rotate(0deg) scale(1.1);\n    }\n    50% {\n        transform: rotate(-180deg) translate(-12vmax) rotate(180deg) scale(0.9);\n    }\n    100% {\n        transform: rotate(-360deg) translate(-12vmax) rotate(360deg) scale(1.1);\n    }\n}\n\n@keyframes spiral-orbit-3 {\n    0% {\n        transform: rotate(90deg) translate(10vmax) rotate(-90deg) scale(1);\n    }\n    50% {\n        transform: rotate(270deg) translate(10vmax) rotate(-270deg) scale(0.85);\n    }\n    100% {\n        transform: rotate(450deg) translate(10vmax) rotate(-450deg) scale(1);\n    }\n}\n","import clsx from \"clsx\";\nimport type React from \"react\";\nimport styles from \"./radialGlowDecorator.module.css\";\n\nexport interface RadialGlowDecoratorProps {\n    /** Custom z-index value. Defaults to -10 */\n    zIndex?: number;\n    /** Additional CSS classes */\n    className?: string;\n    /** Additional custom styles */\n    style?: React.CSSProperties;\n    /** Blob arrangement variant. Defaults to 'default' */\n    variant?:\n        | \"default\"\n        | \"split\"\n        | \"top-bar\"\n        | \"corners\"\n        | \"aurora\"\n        | \"spotlight\"\n        | \"nebula\"\n        | \"horizon\"\n        | \"spiral\";\n}\n\nexport const RadialGlowDecorator = ({\n    zIndex = -10,\n    className,\n    style,\n    variant = \"default\",\n}: RadialGlowDecoratorProps) => {\n    return (\n        <div\n            className={clsx(styles[\"container\"], className)}\n            aria-hidden=\"true\"\n            data-variant={variant}\n            style={{ zIndex, ...style }}\n        >\n            {variant === \"default\" && (\n                <>\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"default-primary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"default-secondary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"default-tertiary\"]\n                        )}\n                    />\n                </>\n            )}\n            {variant === \"split\" && (\n                <>\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"split-left\"])}\n                    />\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"split-right\"])}\n                    />\n                </>\n            )}\n            {variant === \"top-bar\" && (\n                <>\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"top-bar-primary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"top-bar-secondary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"top-bar-tertiary\"]\n                        )}\n                    />\n                </>\n            )}\n            {variant === \"corners\" && (\n                <>\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"corner-tl\"])}\n                    />\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"corner-tr\"])}\n                    />\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"corner-bl\"])}\n                    />\n                    <div\n                        className={clsx(styles[\"blob\"], styles[\"corner-br\"])}\n                    />\n                </>\n            )}\n            {variant === \"aurora\" && (\n                <>\n                    <div className={clsx(styles[\"blob\"], styles[\"aurora-1\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"aurora-2\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"aurora-3\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"aurora-4\"])} />\n                </>\n            )}\n            {variant === \"spotlight\" && (\n                <>\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"spotlight-primary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"spotlight-secondary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"spotlight-tertiary\"]\n                        )}\n                    />\n                </>\n            )}\n            {variant === \"nebula\" && (\n                <>\n                    <div className={clsx(styles[\"blob\"], styles[\"nebula-1\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"nebula-2\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"nebula-3\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"nebula-4\"])} />\n                </>\n            )}\n            {variant === \"horizon\" && (\n                <>\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"horizon-primary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"horizon-secondary\"]\n                        )}\n                    />\n                    <div\n                        className={clsx(\n                            styles[\"blob\"],\n                            styles[\"horizon-tertiary\"]\n                        )}\n                    />\n                </>\n            )}\n            {variant === \"spiral\" && (\n                <>\n                    <div className={clsx(styles[\"blob\"], styles[\"spiral-1\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"spiral-2\"])} />\n                    <div className={clsx(styles[\"blob\"], styles[\"spiral-3\"])} />\n                </>\n            )}\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCwBa,KAAuB,EAChC,YAAS,KACT,cACA,UACA,aAAU,gBAGN,kBAAC,OAAD;CACI,WAAW,EAAK,EAAO,WAAc,CAAS;CAC9C,eAAY;CACZ,gBAAc;CACd,OAAO;EAAE;EAAQ,GAAG;CAAM;WAJ9B;EAMK,MAAY,aACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,kBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,oBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,mBACX,EAAE,CAAA;EAEV,EAAA,CAAA;EAEH,MAAY,WACT,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,aAAa,EAAE,CAAA,GAE1D,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,cAAc,EAAE,CAAA,CAE/D,EAAA,CAAA;EAEH,MAAY,aACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,kBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,oBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,mBACX,EAAE,CAAA;EAEV,EAAA,CAAA;EAEH,MAAY,aACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,YAAY,EAAE,CAAA;GAEzD,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,YAAY,EAAE,CAAA;GAEzD,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,YAAY,EAAE,CAAA;GAEzD,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,YAAY,EAAE,CAAA;EAE7D,EAAA,CAAA;EAEH,MAAY,YACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;EAC7D,EAAA,CAAA;EAEH,MAAY,eACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,oBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,sBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,qBACX,EAAE,CAAA;EAEV,EAAA,CAAA;EAEH,MAAY,YACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;EAC7D,EAAA,CAAA;EAEH,MAAY,aACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,kBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,oBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,mBACX,EAAE,CAAA;EAEV,EAAA,CAAA;EAEH,MAAY,YACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;EAC7D,EAAA,CAAA;CAEH"}

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/Decorators/GridBackgroundDecorator/GridBackgroundDecorator.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface GridBackgroundDecoratorProps {
+    /** Custom z-index value. Defaults to 0 */
+    zIndex?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Additional custom styles */
+    style?: React.CSSProperties;
+    /** Grid size in pixels. Defaults to 40 */
+    gridSize?: number;
+    /** Grid pattern variant. Defaults to 'lines' */
+    variant?: "lines" | "dots";
+}
+export declare const GridBackgroundDecorator: ({ zIndex, className, style, gridSize, variant, }: GridBackgroundDecoratorProps) => React.JSX.Element;

package/dist/components/Decorators/GridBackgroundDecorator/index.d.ts

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

package/dist/components/Decorators/GridBackgroundDecorator/index.js

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

package/dist/components/Decorators/RadialGlowDecorator/RadialGlowDecorator.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface RadialGlowDecoratorProps {
+    /** Custom z-index value. Defaults to -10 */
+    zIndex?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Additional custom styles */
+    style?: React.CSSProperties;
+    /** Blob arrangement variant. Defaults to 'default' */
+    variant?: "default" | "split" | "top-bar" | "corners" | "aurora" | "spotlight" | "nebula" | "horizon" | "spiral";
+}
+export declare const RadialGlowDecorator: ({ zIndex, className, style, variant, }: RadialGlowDecoratorProps) => React.JSX.Element;

package/dist/components/Decorators/RadialGlowDecorator/index.d.ts

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

package/dist/components/Decorators/RadialGlowDecorator/index.js

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

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

@@ -0,0 +1,2 @@
+export * from './GridBackgroundDecorator';
+export * from './RadialGlowDecorator';