@adgytec/adgytec-web-ui-components 1.1.5 → 2.1.0

package/dist/chunks/Loader

@@ -1,10 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
-import { clsx as r } from "clsx";
-import { LoaderCircle as e } from "lucide-react";
-import '../assets/Loader.css';const s = "_loader_9ec9z_1", a = {
-  loader: s
-}, m = () => /* @__PURE__ */ o(e, { className: r(a.loader) });
-export {
-  m as L
-};
-//# sourceMappingURL=Loader.map
+import { t as e } from "./Icon";
+import { clsx as t } from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { LoaderCircle as r } from "lucide-react";
+import '../assets/Loader.css';var i = { loader: "_loader_kal5x_2" }, a = (a) => /* @__PURE__ */ n(e, {
+	icon: r,
+	className: t(i.loader),
+	...a
+});
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=Loader.map

package/dist/chunks/Loader.map

@@ -1 +1 @@
-{"version":3,"file":"Loader","sources":["../../src/components/Loader/Loader.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { LoaderCircle } from \"lucide-react\";\nimport styles from \"./loader.module.css\";\n\nexport const Loader = () => {\n    return <LoaderCircle className={clsx(styles[\"loader\"])} />;\n};\n"],"names":["Loader","LoaderCircle","clsx","styles"],"mappings":";;;;;GAIaA,IAAS,wBACVC,GAAA,EAAa,WAAWC,EAAKC,EAAO,MAAS,GAAG;"}
+{"version":3,"file":"Loader","names":[],"sources":["../../src/components/Loader/loader.module.css","../../src/components/Loader/Loader.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .loader {\n        animation: loader 1s infinite linear;\n    }\n\n    @keyframes loader {\n        from {\n            rotate: 0deg;\n        }\n        to {\n            rotate: 360deg;\n        }\n    }\n}\n","import { clsx } from \"clsx\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./loader.module.css\";\n\nexport const Loader: React.FC<\n    Omit<React.ComponentPropsWithRef<typeof Icon>, \"icon\" | \"className\">\n> = (props) => {\n    return (\n        <Icon\n            icon={LoaderCircle}\n            className={clsx(styles[\"loader\"])}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;uCCKa,KAER,MAEG,kBAAC,GAAD;CACI,MAAM;CACN,WAAW,EAAK,EAAO,MAAS;CAChC,GAAI;AACP,CAAA"}

package/dist/chunks/MenuPopover

@@ -0,0 +1,11 @@
+import { t as e } from "./Popover";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import '../assets/MenuPopover.css';var r = { popover: "_popover_1whgu_2" }, i = ({ className: i, ...a }) => /* @__PURE__ */ n(e, {
+	className: (e) => t(r.popover, typeof i == "function" ? i(e) : i),
+	...a
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=MenuPopover.map

package/dist/chunks/MenuPopover.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopover","names":[],"sources":["../../src/components/Menu/MenuPopover/menuPopover.module.css","../../src/components/Menu/MenuPopover/MenuPopover.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .popover {\n        display: grid;\n        grid-template-rows: 1fr;\n    }\n}\n","import clsx from \"clsx\";\nimport { Popover } from \"@/components/Popover\";\nimport styles from \"./menuPopover.module.css\";\n\nexport const MenuPopover: React.FC<\n    React.ComponentPropsWithRef<typeof Popover>\n> = ({ className, ...props }) => {\n    return (\n        <Popover\n            className={(renderProps) =>\n                clsx(\n                    styles[\"popover\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;yCCIa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,SACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}

package/dist/chunks/Modal

@@ -0,0 +1,11 @@
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+import { Modal as n } from "react-aria-components";
+import '../assets/Modal.css';var r = { modal: "_modal_1sjxc_2" }, i = ({ className: i, ...a }) => /* @__PURE__ */ t(n, {
+	className: (t) => e(r.modal, typeof i == "function" ? i(t) : i),
+	...a
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=Modal.map

package/dist/chunks/Modal.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal","names":[],"sources":["../../src/components/Dialog/Modal/modal.module.css","../../src/components/Dialog/Modal/Modal.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .modal {\n        padding-inline: var(--md-sys-layout-window-size-compact-margin);\n\n        position: fixed;\n        inset: 0;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        transition: scale var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-entering] {\n            scale: 0.75;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { Modal as AriaModal } from \"react-aria-components\";\nimport styles from \"./modal.module.css\";\n\nexport const Modal: React.FC<React.ComponentPropsWithRef<typeof AriaModal>> = ({\n    className,\n    ...props\n}) => {\n    return (\n        <AriaModal\n            className={(renderProps) =>\n                clsx(\n                    styles[\"modal\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;qCCIa,KAAkE,EAC3E,cACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,OACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}

package/dist/chunks/ModalOverlay

@@ -0,0 +1,11 @@
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+import { ModalOverlay as n } from "react-aria-components";
+import '../assets/ModalOverlay.css';var r = { overlay: "_overlay_jlm1y_8" }, i = ({ className: i, ...a }) => /* @__PURE__ */ t(n, {
+	className: (t) => e(r.overlay, typeof i == "function" ? i(t) : i),
+	...a
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=ModalOverlay.map

package/dist/chunks/ModalOverlay.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay","names":[],"sources":["../../src/components/Dialog/ModalOverlay/modalOverlay.module.css","../../src/components/Dialog/ModalOverlay/ModalOverlay.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-dialog-overlay\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .overlay {\n        /* configurable tokens */\n        --_md-dialog-overlay: var(\n            --md-dialog-overlay,\n            var(--md-sys-color-scrim)\n        );\n\n        /* configurable tokens end */\n\n        --_modal-motion: var(--md-sys-motion-expressive-default-effects);\n        --_modal-motion-duration: var(\n            --md-sys-motion-expressive-default-effects-duration\n        );\n\n        background-color: rgb(\n            from var(--_md-dialog-overlay) r g b /\n            var(--md-sys-state-backdrop)\n        );\n\n        position: fixed;\n        inset: 0;\n        z-index: 1000;\n\n        transition: opacity var(--_modal-motion) var(--_modal-motion-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-entering],\n        &[data-exiting] {\n            opacity: 0;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { ModalOverlay as AriaModalOverlay } from \"react-aria-components\";\nimport styles from \"./modalOverlay.module.css\";\n\nexport const ModalOverlay: React.FC<\n    React.ComponentPropsWithRef<typeof AriaModalOverlay>\n> = ({ className, ...props }) => {\n    return (\n        <AriaModalOverlay\n            className={(renderProps) =>\n                clsx(\n                    styles[\"overlay\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;yCCIa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,SACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}

package/dist/chunks/Navigation

@@ -0,0 +1,68 @@
+import { n as e, r as t, t as n } from "./NavigationState";
+import { t as r } from "./base";
+import { IconButton as i } from "../components/Button/IconButton/index.js";
+import { useInDialog as a } from "../components/Dialog/core/index.js";
+import { a as o, i as s, n as c } from "./core8";
+import { t as l } from "./NavigationScrollContainer";
+import { t as u } from "./navContext";
+import d from "clsx";
+import { createContext as f, useContext as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Header as _, Heading as v, Provider as y } from "react-aria-components";
+import { X as b } from "lucide-react";
+import '../assets/Navigation.css';var x = { container: "_container_npu2b_2" }, S = f(null);
+function C() {
+	let e = p(S);
+	if (e === null) throw Error("Missing navigation rendering info. Ensure this component is rendered within Navigation component.");
+	return e;
+}
+//#endregion
+//#region src/components/Navigation/Navigation/Navigation.tsx
+var w = ({ label: e, children: n, className: f, isLinkActive: p, isButtonActive: C, stateID: w = "__root__", inert: T, style: E, containerClassName: D, ...O }) => {
+	let [k, A] = m(null), { isInert: j } = t(), M = a(), N = M || !!e || !1;
+	return /* @__PURE__ */ h(y, {
+		values: [
+			[S, { container: k }],
+			[u, {
+				isLinkActive: p,
+				isButtonActive: C
+			}],
+			[c, {
+				id: w,
+				depth: 0
+			}]
+		],
+		children: /* @__PURE__ */ h("div", {
+			ref: A,
+			className: d(x.container, D),
+			children: /* @__PURE__ */ g("nav", {
+				className: d(o, f),
+				...O,
+				"data-header": N || void 0,
+				style: {
+					...E,
+					zIndex: 1
+				},
+				inert: T ?? j(0),
+				"data-modal": M || void 0,
+				children: [N && /* @__PURE__ */ g(_, {
+					className: d(s),
+					children: [e && /* @__PURE__ */ h(v, {
+						className: d(r.titleLarge),
+						"data-heading": !0,
+						children: e
+					}), M && /* @__PURE__ */ h(i, {
+						icon: b,
+						color: "standard",
+						slot: "close",
+						"data-close-button": !0
+					})]
+				}), /* @__PURE__ */ h(l, { children: n })]
+			})
+		})
+	});
+}, T = (t) => p(e) === null ? /* @__PURE__ */ h(n, { children: /* @__PURE__ */ h(w, { ...t }) }) : /* @__PURE__ */ h(w, { ...t });
+//#endregion
+export { S as n, C as r, T as t };
+
+//# sourceMappingURL=Navigation.map

package/dist/chunks/Navigation.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation","names":[],"sources":["../../src/components/Navigation/Navigation/navigation.module.css","../../src/components/Navigation/Navigation/navRenderingContext.ts","../../src/components/Navigation/Navigation/Navigation.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .container {\n        --_md-navigation-items-gap: var(--md-sys-layout-space-4);\n\n        position: relative;\n        border-radius: inherit;\n        overflow: clip;\n    }\n}\n","import { createContext, useContext } from \"react\";\n\nexport type NavigationRenderingContextType = {\n    container: HTMLDivElement | null;\n};\n\nexport const NavigationRenderingContext =\n    createContext<NavigationRenderingContextType | null>(null);\n\nexport function useNavigationContainer() {\n    const container = useContext(NavigationRenderingContext);\n    if (container === null) {\n        throw new Error(\n            \"Missing navigation rendering info. Ensure this component is rendered within Navigation component.\"\n        );\n    }\n\n    return container;\n}\n","import clsx from \"clsx\";\nimport { X } from \"lucide-react\";\nimport { useContext, useState } from \"react\";\nimport { Header, Heading, Provider } from \"react-aria-components\";\nimport { IconButton } from \"@/components/Button\";\nimport { useInDialog } from \"@/components/Dialog\";\nimport { typography } from \"@/utils\";\nimport {\n    NavigationHeaderStyles,\n    NavigationInfoContext,\n    NavigationStyles,\n} from \"../core\";\nimport { NavigationScrollContainer } from \"../NavigationScrollContainer\";\nimport {\n    NavigationState,\n    NavigationStateContext,\n    useNavigationState,\n} from \"../NavigationState\";\nimport { NavigationContext } from \"./navContext\";\nimport styles from \"./navigation.module.css\";\nimport { NavigationRenderingContext } from \"./navRenderingContext\";\nimport type { NavigationProps } from \"./types\";\n\nconst Nav: React.FC<NavigationProps> = ({\n    label,\n    children,\n    className,\n    isLinkActive,\n    isButtonActive,\n    stateID = \"__root__\",\n    inert,\n    style,\n    containerClassName,\n    ...props\n}) => {\n    const depth = 0;\n\n    const [container, setContainer] = useState<HTMLDivElement | null>(null);\n    const { isInert } = useNavigationState();\n\n    const isInModal = useInDialog();\n    const renderHeader = isInModal || !!label || false;\n\n    return (\n        <Provider\n            values={[\n                [NavigationRenderingContext, { container }],\n                [NavigationContext, { isLinkActive, isButtonActive }],\n                [NavigationInfoContext, { id: stateID, depth }],\n            ]}\n        >\n            <div\n                ref={setContainer}\n                className={clsx(styles[\"container\"], containerClassName)}\n            >\n                <nav\n                    className={clsx(NavigationStyles, className)}\n                    {...props}\n                    data-header={renderHeader || undefined}\n                    style={{\n                        ...style,\n                        zIndex: depth + 1,\n                    }}\n                    inert={inert ?? isInert(depth)}\n                    data-modal={isInModal || undefined}\n                >\n                    {renderHeader && (\n                        <Header className={clsx(NavigationHeaderStyles)}>\n                            {label && (\n                                <Heading\n                                    className={clsx(typography.titleLarge)}\n                                    data-heading\n                                >\n                                    {label}\n                                </Heading>\n                            )}\n\n                            {isInModal && (\n                                <IconButton\n                                    icon={X}\n                                    color=\"standard\"\n                                    slot=\"close\"\n                                    data-close-button\n                                />\n                            )}\n                        </Header>\n                    )}\n\n                    <NavigationScrollContainer>\n                        {children}\n                    </NavigationScrollContainer>\n                </nav>\n            </div>\n        </Provider>\n    );\n};\n\nexport const Navigation: React.FC<NavigationProps> = (props) => {\n    const navStateCtx = useContext(NavigationStateContext);\n\n    if (navStateCtx === null) {\n        return (\n            <NavigationState>\n                <Nav {...props} />\n            </NavigationState>\n        );\n    }\n\n    return <Nav {...props} />;\n};\n"],"mappings":";;;;;;;;;;;;6CCMa,IACT,EAAqD,IAAI;AAE7D,SAAgB,IAAyB;CACrC,IAAM,IAAY,EAAW,CAA0B;CACvD,IAAI,MAAc,MACd,MAAU,MACN,mGACJ;CAGJ,OAAO;AACX;;;ACKA,IAAM,KAAkC,EACpC,UACA,aACA,cACA,iBACA,mBACA,aAAU,YACV,UACA,UACA,uBACA,GAAG,QACD;CACF,IAEM,CAAC,GAAW,KAAgB,EAAgC,IAAI,GAChE,EAAE,eAAY,EAAmB,GAEjC,IAAY,EAAY,GACxB,IAAe,KAAa,CAAC,CAAC,KAAS;CAE7C,OACI,kBAAC,GAAD;EACI,QAAQ;GACJ,CAAC,GAA4B,EAAE,aAAU,CAAC;GAC1C,CAAC,GAAmB;IAAE;IAAc;GAAe,CAAC;GACpD,CAAC,GAAuB;IAAE,IAAI;IAAS;GAAM,CAAC;EAClD;YAEA,kBAAC,OAAD;GACI,KAAK;GACL,WAAW,EAAK,EAAO,WAAc,CAAkB;aAEvD,kBAAC,OAAD;IACI,WAAW,EAAK,GAAkB,CAAS;IAC3C,GAAI;IACJ,eAAa,KAAgB,KAAA;IAC7B,OAAO;KACH,GAAG;KACH,QAAQ;IACZ;IACA,OAAO,KAAS,EAAQ,CAAK;IAC7B,cAAY,KAAa,KAAA;cAT7B,CAWK,KACG,kBAAC,GAAD;KAAQ,WAAW,EAAK,CAAsB;eAA9C,CACK,KACG,kBAAC,GAAD;MACI,WAAW,EAAK,EAAW,UAAU;MACrC,gBAAA;gBAEC;KACI,CAAA,GAGZ,KACG,kBAAC,GAAD;MACI,MAAM;MACN,OAAM;MACN,MAAK;MACL,qBAAA;KACH,CAAA,CAED;QAGZ,kBAAC,GAAD,EACK,YACsB,CAAA,CAC1B;;EACJ,CAAA;CACC,CAAA;AAElB,GAEa,KAAyC,MAC9B,EAAW,CAE3B,MAAgB,OAEZ,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD,EAAK,GAAI,EAAQ,CAAA,EACJ,CAAA,IAIlB,kBAAC,GAAD,EAAK,GAAI,EAAQ,CAAA"}

package/dist/chunks/NavigationScrollContainer

@@ -0,0 +1,32 @@
+import { i as e, r as t } from "./NavigationState";
+import { r as n } from "./core8";
+import r from "clsx";
+import { useLayoutEffect as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { useObjectRef as o } from "react-aria";
+import '../assets/NavigationScrollContainer.css';var s = { container: "_container_iv0fl_2" }, c = ({ ref: c, className: l, ...u }) => {
+	let d = o(c), { registerNavigationContainer: f, saveNavigationScrollTopProgress: p } = t(), { id: m } = n();
+	return i(() => {
+		let e = d.current;
+		if (e) return f(m, e);
+	}, [
+		d,
+		m,
+		f
+	]), /* @__PURE__ */ a("div", {
+		ref: d,
+		onScroll: (t) => {
+			p(m, e({
+				scrollHeight: t.currentTarget.scrollHeight,
+				clientHeight: t.currentTarget.clientHeight,
+				scrollTop: t.currentTarget.scrollTop
+			}));
+		},
+		className: r(s.container, l),
+		...u
+	});
+};
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=NavigationScrollContainer.map

package/dist/chunks/NavigationScrollContainer.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationScrollContainer","names":[],"sources":["../../src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css","../../src/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .container {\n        padding-inline: var(--md-sys-layout-space-16);\n        overflow-y: auto;\n\n        display: grid;\n        gap: var(--_md-navigation-items-gap);\n        align-content: start;\n    }\n}\n","import clsx from \"clsx\";\nimport { useLayoutEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { getScrollProgress } from \"@/utils\";\nimport { useNavigationInfo } from \"../core\";\nimport { useNavigationState } from \"../NavigationState\";\nimport styles from \"./navigationScrollContainer.module.css\";\n\nexport const NavigationScrollContainer: React.FC<\n    React.ComponentPropsWithRef<\"div\">\n> = ({ ref, className, ...props }) => {\n    const scrollContainerRef = useObjectRef(ref);\n\n    const { registerNavigationContainer, saveNavigationScrollTopProgress } =\n        useNavigationState();\n    const { id } = useNavigationInfo();\n\n    useLayoutEffect(() => {\n        const container = scrollContainerRef.current;\n        if (!container) {\n            return;\n        }\n\n        return registerNavigationContainer(id, container);\n    }, [scrollContainerRef, id, registerNavigationContainer]);\n\n    return (\n        <div\n            ref={scrollContainerRef}\n            onScroll={(e) => {\n                saveNavigationScrollTopProgress(\n                    id,\n                    getScrollProgress({\n                        scrollHeight: e.currentTarget.scrollHeight,\n                        clientHeight: e.currentTarget.clientHeight,\n                        scrollTop: e.currentTarget.scrollTop,\n                    })\n                );\n            }}\n            className={clsx(styles[\"container\"], className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;6CCQa,KAER,EAAE,QAAK,cAAW,GAAG,QAAY;CAClC,IAAM,IAAqB,EAAa,CAAG,GAErC,EAAE,gCAA6B,uCACjC,EAAmB,GACjB,EAAE,UAAO,EAAkB;CAWjC,OATA,QAAsB;EAClB,IAAM,IAAY,EAAmB;EAChC,OAIL,OAAO,EAA4B,GAAI,CAAS;CACpD,GAAG;EAAC;EAAoB;EAAI;CAA2B,CAAC,GAGpD,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,MAAM;GACb,EACI,GACA,EAAkB;IACd,cAAc,EAAE,cAAc;IAC9B,cAAc,EAAE,cAAc;IAC9B,WAAW,EAAE,cAAc;GAC/B,CAAC,CACL;EACJ;EACA,WAAW,EAAK,EAAO,WAAc,CAAS;EAC9C,GAAI;CACP,CAAA;AAET"}

package/dist/chunks/NavigationSection

@@ -0,0 +1,10 @@
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+import '../assets/NavigationSection.css';var n = { section: "_section_1u3u0_2" }, r = ({ className: r, ...i }) => /* @__PURE__ */ t("section", {
+	className: e(n.section, r),
+	...i
+});
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=NavigationSection.map

package/dist/chunks/NavigationSection.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationSection","names":[],"sources":["../../src/components/Navigation/NavigationSection/NavigationSection/navigationSection.module.css","../../src/components/Navigation/NavigationSection/NavigationSection/NavigationSection.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .section {\n        display: grid;\n        gap: var(--_md-navigation-items-gap);\n\n        margin-block-end: var(--md-sys-layout-space-16);\n    }\n}\n","import clsx from \"clsx\";\nimport styles from \"./navigationSection.module.css\";\n\nexport const NavigationSection: React.FC<\n    React.ComponentPropsWithRef<\"section\">\n> = ({ className, ...props }) => {\n    return (\n        <section className={clsx(styles[\"section\"], className)} {...props} />\n    );\n};\n"],"mappings":";;yCCGa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,WAAD;CAAS,WAAW,EAAK,EAAO,SAAY,CAAS;CAAG,GAAI;AAAQ,CAAA"}

package/dist/chunks/NavigationSectionLabel

@@ -0,0 +1,12 @@
+import { t as e } from "./base";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { Heading as r } from "react-aria-components";
+import '../assets/NavigationSectionLabel.css';var i = { label: "_label_6sxxv_2" }, a = ({ className: a, ...o }) => /* @__PURE__ */ n(r, {
+	className: t(i.label, e.titleSmall, a),
+	...o
+});
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=NavigationSectionLabel.map

package/dist/chunks/NavigationSectionLabel.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationSectionLabel","names":[],"sources":["../../src/components/Navigation/NavigationSection/NavigationSectionLabel/navigationSectionLabel.module.css","../../src/components/Navigation/NavigationSection/NavigationSectionLabel/NavigationSectionLabel.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .label {\n        --_md-navigation-section-label-color: var(\n            --md-navigation-section-label-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n\n        padding-inline: var(--md-sys-layout-space-16);\n        padding-block-end: var(--md-sys-layout-space-4);\n\n        color: var(--_md-navigation-section-label-color);\n    }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./navigationSectionLabel.module.css\";\n\nexport const NavigationSectionLabel: React.FC<\n    React.ComponentPropsWithRef<typeof Heading>\n> = ({ className, ...props }) => {\n    return (\n        <Heading\n            className={clsx(styles[\"label\"], typography.titleSmall, className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;qCCKa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,WAAW,EAAK,EAAO,OAAU,EAAW,YAAY,CAAS;CACjE,GAAI;AACP,CAAA"}

package/dist/chunks/NavigationState

@@ -0,0 +1,69 @@
+import { createContext as e, useCallback as t, useContext as n, useRef as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/utils/scroll/scroll.ts
+function o({ scrollHeight: e, scrollTop: t, clientHeight: n }) {
+	let r = e - n;
+	return r <= 0 ? 0 : t / r;
+}
+function s({ scrollHeight: e, progress: t, clientHeight: n }) {
+	return t * (e - n);
+}
+//#endregion
+//#region src/components/Navigation/NavigationState/context.ts
+var c = e(null);
+function l() {
+	let e = n(c);
+	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 u = ({ children: e }) => {
+	let [n, o] = i([]), l = r({}), u = r({}), d = t((e, t) => {
+		let n = l.current[e] ?? 0;
+		return t.scrollTop = s({
+			scrollHeight: t.scrollHeight,
+			clientHeight: t.clientHeight,
+			progress: n
+		}), u.current[e] ??= /* @__PURE__ */ new Set(), u.current[e].add(t), () => {
+			u.current[e]?.delete(t), u.current[e]?.size === 0 && delete u.current[e];
+		};
+	}, []);
+	return /* @__PURE__ */ a(c, {
+		value: {
+			openSubNavigation: t((e, t) => {
+				o((n) => [...n.filter((e) => e.depth < t), {
+					id: e,
+					depth: t
+				}]);
+			}, []),
+			closeSubNavigation: t((e) => {
+				let t = n.find((t) => t.id === e);
+				if (!t) return;
+				let r = n.filter((e) => e.depth >= t.depth);
+				for (let e of r) delete l.current[e.id];
+				o((e) => e.filter((e) => e.depth < t.depth));
+			}, [n]),
+			saveNavigationScrollTopProgress: t((e, t) => {
+				l.current[e] = t;
+				let n = u.current[e];
+				if (n) for (let e of n) {
+					let n = s({
+						scrollHeight: e.scrollHeight,
+						clientHeight: e.clientHeight,
+						progress: t
+					});
+					Math.abs(e.scrollTop - n) > 1 && (e.scrollTop = n);
+				}
+			}, []),
+			registerNavigationContainer: d,
+			isSubNavigationOpen: t((e) => n.some((t) => t.id === e), [n]),
+			isInert: t((e) => e < (n[n.length - 1]?.depth ?? 0), [n])
+		},
+		children: e
+	});
+};
+//#endregion
+export { s as a, o as i, c as n, l as r, u as t };
+
+//# sourceMappingURL=NavigationState.map

package/dist/chunks/NavigationState.map

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

package/dist/chunks/Popover

@@ -1,16 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
-import p from "clsx";
-import { Popover as e } from "react-aria-components";
-import '../assets/Popover.css';const s = "_popover_1lrhq_1", t = {
-  popover: s
-}, c = (o) => /* @__PURE__ */ r(
-  e,
-  {
-    ...o,
-    className: p(t.popover, o.className)
-  }
-);
-export {
-  c as P
-};
-//# sourceMappingURL=Popover.map
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+import { Popover as n } from "react-aria-components";
+import '../assets/Popover.css';var r = { popover: "_popover_gsd0s_2" }, i = ({ className: i, ...a }) => /* @__PURE__ */ t(n, {
+	className: (t) => e(r.popover, typeof i == "function" ? i(t) : i),
+	...a
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=Popover.map

package/dist/chunks/Popover.map

@@ -1 +1 @@
-{"version":3,"file":"Popover","sources":["../../src/components/Popover/PopoverBase/Popover.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n    type PopoverProps,\n    Popover as UnstyledPopover,\n} from \"react-aria-components\";\nimport styles from \"./popover.module.css\";\n\nexport const Popover = (props: PopoverProps) => {\n    return (\n        <UnstyledPopover\n            {...props}\n            className={clsx(styles[\"popover\"], props.className)}\n        />\n    );\n};\n"],"names":["Popover","props","jsx","UnstyledPopover","clsx","styles"],"mappings":";;;;;GAOaA,IAAU,CAACC,MAEhB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,WAAWG,EAAKC,EAAO,SAAYJ,EAAM,SAAS;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"Popover","names":[],"sources":["../../src/components/Popover/popover.module.css","../../src/components/Popover/Popover.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .popover {\n        --_offset: calc(4 * var(--dp, 1px));\n\n        transform: translate3d(0, 0, 0);\n        transition:\n            transform var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration),\n            opacity var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        &[data-placement=\"bottom\"] {\n            --_origin: translateY(calc(-1 * var(--_offset)));\n        }\n\n        &[data-placement=\"top\"] {\n            --_origin: translateY(var(--_offset));\n        }\n\n        &[data-placement=\"right\"] {\n            --_origin: translateX(calc(-1 * var(--_offset)));\n        }\n\n        &[data-placement=\"left\"] {\n            --_origin: translateX(var(--_offset));\n        }\n\n        &[data-entering],\n        &[data-exiting] {\n            transform: var(--_origin);\n            opacity: 0;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { Popover as AriaPopover } from \"react-aria-components\";\nimport styles from \"./popover.module.css\";\n\nexport const Popover: React.FC<\n    React.ComponentPropsWithRef<typeof AriaPopover>\n> = ({ className, ...props }) => {\n    return (\n        <AriaPopover\n            className={(renderProps) =>\n                clsx(\n                    styles[\"popover\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;yCCIa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,SACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}

package/dist/chunks/Radio

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

package/dist/chunks/Radio.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio","names":[],"sources":["../../src/components/Input/Radio/context.ts","../../src/components/Input/Radio/radio.module.css","../../src/components/Input/Radio/Radio.tsx","../../src/components/Input/Radio/RadioGroup.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport type { RadioLabelPlacement } from \"./types\";\n\nexport type RadioGroupContextValue = {\n    labelPlacement?: RadioLabelPlacement;\n    containerStateLayer?: boolean;\n};\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue>({});\n","/* configurable tokens\n*\n* --md-radio-icon-color\n* --md-radio-selected-icon-color\n*\n* --md-radio-interaction-icon-color\n* --md-radio-selected-interaction-icon-color\n*\n* --md-radio-state-layer-color\n* --md-radio-selected-state-layer-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .radio-group {\n        /* configurable tokens */\n        --_md-radio-icon-color: var(\n            --md-radio-icon-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n        --_md-radio-selected-icon-color: var(\n            --md-radio-selected-icon-color,\n            var(--md-sys-color-primary)\n        );\n\n        --_md-radio-interaction-icon-color: var(\n            --md-radio-interaction-icon-color,\n            var(--md-sys-color-on-surface)\n        );\n        --_md-radio-selected-interaction-icon-color: var(\n            --md-radio-selected-interaction-icon-color,\n            var(--_md-radio-selected-icon-color)\n        );\n\n        --_md-radio-state-layer-color: var(\n            --md-radio-state-layer-color,\n            var(--md-sys-color-on-surface)\n        );\n        --_md-radio-selected-state-layer-color: var(\n            --md-radio-selected-state-layer-color,\n            var(--_md-radio-selected-icon-color)\n        );\n\n        /* configurable tokens end */\n\n        display: grid;\n        gap: var(--md-sys-layout-space-16);\n\n        &[data-disabled] {\n            color: rgb(\n                from currentcolor r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            cursor: default;\n        }\n    }\n\n    .radio-items {\n        display: grid;\n\n        &[data-orientation=\"horizontal\"] {\n            display: flex;\n        }\n    }\n\n    .radio {\n        /* invalid tokens */\n        --_md-radio-invalid-icon-color: var(--md-sys-color-error);\n        --_md-radio-invalid-state-layer-color: var(\n            --_md-radio-invalid-icon-color\n        );\n\n        /* indicator tokens */\n        --_md-radio-size: calc(20 * var(--dp, 1px));\n        --_md-radio-icon-size: calc(\n            var(--_md-radio-size) -\n            calc(10 * var(--dp, 1px))\n        );\n        --_md-radio-state-layer-size: calc(40 * var(--dp, 1px));\n\n        /* state layer tokens */\n        --_md-radio-pressed-state-layer-color: var(\n            --_md-radio-selected-state-layer-color\n        );\n        --_md-radio-pressed-selected-state-layer-color: var(\n            --_md-radio-state-layer-color\n        );\n\n        --_state-layer-opacity: 0;\n        --_state-color: var(--_md-radio-state-layer-color);\n\n        --_state-layer-color: rgb(\n            from var(--_state-color) r g b /\n            var(--_state-layer-opacity)\n        );\n\n        /* styles */\n        position: relative;\n\n        display: flex;\n        align-items: center;\n        gap: var(--md-sys-layout-space-16);\n\n        color: inherit;\n        cursor: pointer;\n\n        & * {\n            cursor: inherit;\n        }\n\n        &[data-disabled] {\n            cursor: default;\n        }\n\n        &[data-selected] {\n            --_state-color: var(--_md-radio-selected-state-layer-color);\n        }\n\n        &[data-pressed] {\n            --_state-layer-opacity: var(--md-sys-state-pressed);\n            --_state-color: var(--_md-radio-pressed-state-layer-color);\n\n            &[data-selected] {\n                --_state-color: var(\n                    --_md-radio-pressed-selected-state-layer-color\n                );\n            }\n        }\n\n        &[data-invalid] {\n            --_state-color: var(--_md-radio-invalid-state-layer-color);\n\n            &[data-selected] {\n                --_state-color: var(--_md-radio-invalid-state-layer-color);\n            }\n        }\n\n        &[data-hovered] {\n            --_state-layer-opacity: var(--md-sys-state-hover);\n            z-index: 1;\n        }\n\n        &[data-focus-visible] {\n            --_state-layer-opacity: var(--md-sys-state-focus);\n            z-index: 1;\n        }\n    }\n\n    .state-layer::before {\n        content: \"\";\n\n        position: absolute;\n        inset: calc(-1 * var(--md-sys-layout-space-12));\n\n        background-color: var(--_state-layer-color);\n        border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n        pointer-events: none;\n\n        transition: background-color\n            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    .indicator {\n        --_indicator-color: var(--_md-radio-icon-color);\n\n        position: relative;\n\n        inline-size: var(--_md-radio-size);\n        aspect-ratio: 1 / 1;\n        border-radius: var(--md-sys-shape-corner-radius-full);\n\n        border: var(--md-sys-shape-border-width-thick) solid\n            var(--_indicator-color);\n\n        transition: border-color var(--md-sys-motion-expressive-default-effects)\n            var(--md-sys-motion-expressive-default-effects-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-selected] {\n            --_indicator-color: var(--_md-radio-selected-icon-color);\n        }\n\n        &[data-invalid] {\n            --_indicator-color: var(--_md-radio-invalid-icon-color);\n        }\n\n        &[data-pressed],\n        &[data-hovered],\n        &[data-focus-visible] {\n            --_indicator-color: var(--_md-radio-interaction-icon-color);\n\n            &[data-selected] {\n                --_indicator-color: var(\n                    --_md-radio-selected-interaction-icon-color\n                );\n            }\n\n            &[data-invalid] {\n                --_indicator-color: var(--_md-radio-invalid-icon-color);\n            }\n        }\n\n        &[data-disabled] {\n            --_indicator-color: rgb(\n                from var(--md-sys-color-on-surface) r g b /\n                var(--md-sys-state-disabled-content)\n            );\n\n            &[data-selected] {\n                --_indicator-color: rgb(\n                    from var(--md-sys-color-on-surface) r g b /\n                    var(--md-sys-state-disabled-content)\n                );\n            }\n        }\n    }\n\n    /* state layer */\n    .indicator[data-show-state-layer]::before {\n        content: \"\";\n\n        position: absolute;\n        inset-block-start: 50%;\n        inset-inline-start: 50%;\n        transform: translate(-50%, -50%);\n\n        inline-size: var(--_md-radio-state-layer-size);\n        aspect-ratio: 1 / 1;\n        border-radius: var(--md-sys-shape-corner-radius-full);\n\n        background-color: var(--_state-layer-color);\n\n        transition: background-color\n            var(--md-sys-motion-expressive-default-effects)\n            var(--md-sys-motion-expressive-default-effects-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n\n    /* indicator center icon */\n    .indicator-icon {\n        content: \"\";\n\n        position: absolute;\n        inline-size: var(--_md-radio-icon-size);\n        aspect-ratio: 1 / 1;\n\n        inset-inline-start: 50%;\n        inset-block-start: 50%;\n        translate: -50% -50%;\n\n        background-color: var(--_indicator-color);\n        border-radius: var(--md-sys-shape-corner-radius-full);\n\n        scale: 0;\n\n        transition:\n            background-color var(--md-sys-motion-expressive-default-effects)\n            var(--md-sys-motion-expressive-default-effects-duration),\n            scale var(--md-sys-motion-standard-default-spatial)\n            var(--md-sys-motion-standard-default-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-selected] {\n            scale: 1;\n        }\n    }\n\n    .indicator[data-focus-visible] {\n        --focus-indicator-color: var(--md-sys-color-secondary);\n        --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n        --focus-indicator-offset: calc(2 * var(--dp, 1px));\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","import { clsx } from \"clsx\";\nimport { useContext } from \"react\";\nimport { Radio as AriaRadio } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport { RadioGroupContext } from \"./context\";\nimport styles from \"./radio.module.css\";\nimport type { RadioProps } from \"./types\";\n\nexport const Radio: React.FC<RadioProps> = ({\n    className,\n    children,\n    labelPlacement,\n    containerStateLayer,\n    ...props\n}) => {\n    const {\n        labelPlacement: groupLabelPlacement,\n        containerStateLayer: groupContainerStateLayer,\n    } = useContext(RadioGroupContext);\n    const placement = labelPlacement ?? groupLabelPlacement ?? \"end\";\n    const stateLayer = containerStateLayer ?? groupContainerStateLayer ?? false;\n\n    return (\n        <AriaRadio\n            className={(renderProps) =>\n                clsx(\n                    styles[\"radio\"],\n                    stateLayer && styles[\"state-layer\"],\n                    typography.labelLarge,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            data-radio\n        >\n            {(renderProps) => {\n                const {\n                    isSelected,\n                    isHovered,\n                    isDisabled,\n                    isFocused,\n                    isFocusVisible,\n                    isPressed,\n                    isInvalid,\n                } = renderProps;\n\n                const dataAttrs = {\n                    \"data-selected\": isSelected || undefined,\n                    \"data-hovered\": isHovered || undefined,\n                    \"data-disabled\": isDisabled || undefined,\n                    \"data-focused\": isFocused || undefined,\n                    \"data-focus-visible\": isFocusVisible || undefined,\n                    \"data-pressed\": isPressed || undefined,\n                    \"data-show-state-layer\": !stateLayer || undefined,\n                    \"data-invalid\": isInvalid || undefined,\n                };\n\n                const label =\n                    typeof children === \"function\"\n                        ? children(renderProps)\n                        : children;\n                return (\n                    <>\n                        {placement === \"start\" && label}\n\n                        <span\n                            className={clsx(styles[\"indicator\"], TapTarget)}\n                            {...dataAttrs}\n                        >\n                            <span\n                                className={clsx(styles[\"indicator-icon\"])}\n                                {...dataAttrs}\n                            ></span>\n                        </span>\n\n                        {placement === \"end\" && label}\n                    </>\n                );\n            }}\n        </AriaRadio>\n    );\n};\n","import { clsx } from \"clsx\";\nimport { RadioGroup as AriaRadioGroup } from \"react-aria-components\";\nimport { Description } from \"../Description\";\nimport { FieldError } from \"../FieldError\";\nimport { Label } from \"../Label\";\nimport { RadioGroupContext } from \"./context\";\nimport styles from \"./radio.module.css\";\nimport type { RadioGroupProps } from \"./types\";\n\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\n    label,\n    description,\n    errorMessage,\n    showDescriptionOnInvalid = false,\n    children,\n    className,\n    radioItemsGap = 24,\n    labelPlacement,\n    containerStateLayer,\n    ...props\n}) => {\n    return (\n        <RadioGroupContext value={{ labelPlacement, containerStateLayer }}>\n            <AriaRadioGroup\n                className={(renderProps) =>\n                    clsx(\n                        styles[\"radio-group\"],\n                        typeof className === \"function\"\n                            ? className(renderProps)\n                            : className\n                    )\n                }\n                {...props}\n                data-radio-group\n            >\n                {({ orientation, isInvalid }) => {\n                    const showDescription =\n                        description &&\n                        (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n                    return (\n                        <>\n                            {label && <Label>{label}</Label>}\n\n                            <div\n                                data-orientation={orientation}\n                                className={clsx(styles[\"radio-items\"])}\n                                style={{\n                                    gap: `calc(${radioItemsGap} * var(--dp, 1px))`,\n                                }}\n                            >\n                                {children}\n                            </div>\n\n                            {showDescription && (\n                                <Description>{description}</Description>\n                            )}\n                            <FieldError>{errorMessage}</FieldError>\n                        </>\n                    );\n                }}\n            </AriaRadioGroup>\n        </RadioGroupContext>\n    );\n};\n"],"mappings":";;;;;;;;;;AAQA,IAAa,IAAoB,EAAsC,CAAC,CAAC;;;;;;;GEC5D,KAA+B,EACxC,cACA,aACA,mBACA,wBACA,GAAG,QACD;CACF,IAAM,EACF,gBAAgB,GAChB,qBAAqB,MACrB,EAAW,CAAiB,GAC1B,IAAY,KAAkB,KAAuB,OACrD,IAAa,KAAuB,KAA4B;CAEtE,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,OACP,KAAc,EAAO,gBACrB,EAAW,YACX,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,cAAA;aAEE,MAAgB;GACd,IAAM,EACF,eACA,cACA,eACA,cACA,mBACA,cACA,iBACA,GAEE,IAAY;IACd,iBAAiB,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;IAC7B,iBAAiB,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB,KAAkB,KAAA;IACxC,gBAAgB,KAAa,KAAA;IAC7B,yBAAyB,CAAC,KAAc,KAAA;IACxC,gBAAgB,KAAa,KAAA;GACjC,GAEM,IACF,OAAO,KAAa,aACd,EAAS,CAAW,IACpB;GACV,OACI,kBAAA,GAAA,EAAA,UAAA;IACK,MAAc,WAAW;IAE1B,kBAAC,QAAD;KACI,WAAW,EAAK,EAAO,WAAc,CAAS;KAC9C,GAAI;eAEJ,kBAAC,QAAD;MACI,WAAW,EAAK,EAAO,iBAAiB;MACxC,GAAI;KACD,CAAA;IACL,CAAA;IAEL,MAAc,SAAS;GAC1B,EAAA,CAAA;EAEV;CACO,CAAA;AAEnB,GC3Ea,KAAyC,EAClD,UACA,gBACA,iBACA,8BAA2B,IAC3B,aACA,cACA,mBAAgB,IAChB,mBACA,wBACA,GAAG,QAGC,kBAAC,GAAD;CAAmB,OAAO;EAAE;EAAgB;CAAoB;WAC5D,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,gBACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,oBAAA;aAEE,EAAE,gBAAa,mBAAgB;GAC7B,IAAM,IACF,MACC,CAAC,KAAc,KAAa;GAEjC,OACI,kBAAA,GAAA,EAAA,UAAA;IACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA;IAE/B,kBAAC,OAAD;KACI,oBAAkB;KAClB,WAAW,EAAK,EAAO,cAAc;KACrC,OAAO,EACH,KAAK,QAAQ,EAAc,oBAC/B;KAEC;IACA,CAAA;IAEJ,KACG,kBAAC,GAAD,EAAA,UAAc,EAAyB,CAAA;IAE3C,kBAAC,GAAD,EAAA,UAAa,EAAyB,CAAA;GACxC,EAAA,CAAA;EAEV;CACY,CAAA;AACD,CAAA"}

package/dist/chunks/RichTooltip

@@ -0,0 +1,11 @@
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+import '../assets/RichTooltip.css';var n = { tooltip: "_tooltip_m5ize_9" }, r = ({ className: r, ...i }) => /* @__PURE__ */ t("div", {
+	className: e(n.tooltip, r),
+	...i,
+	"data-rich-tooltip": !0
+});
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=RichTooltip.map

package/dist/chunks/RichTooltip.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTooltip","names":[],"sources":["../../src/components/Tooltip/RichTooltip/RichTooltip/richTooltip.module.css","../../src/components/Tooltip/RichTooltip/RichTooltip/RichTooltip.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-rich-tooltip-background\n* --md-rich-tooltip-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .tooltip {\n        --_md-rich-tooltip-background: var(\n            --md-rich-tooltip-background,\n            var(--md-sys-color-surface-container)\n        );\n        --_md-rich-tooltip-color: var(\n            --md-rich-tooltip-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n\n        display: grid;\n        gap: var(--md-sys-layout-space-12);\n\n        padding-block-start: var(--md-sys-layout-space-12);\n        padding-block-end: var(--md-sys-layout-space-8);\n\n        background-color: var(--_md-rich-tooltip-background);\n        color: var(--_md-rich-tooltip-color);\n\n        border-radius: var(--md-sys-shape-corner-radius-medium);\n        box-shadow: var(--md-sys-elevation-shadow-2);\n\n        max-inline-size: calc(300 * var(--dp, 1px));\n    }\n}\n","// https://m3.material.io/components/tooltips/guidelines#00e87770-86d0-436d-b50b-436ff3cefe75\n// use this with popover, for more details read the article\n\nimport clsx from \"clsx\";\nimport styles from \"./richTooltip.module.css\";\n\nexport const RichTooltip: React.FC<React.ComponentPropsWithRef<\"div\">> = ({\n    className,\n    ...props\n}) => {\n    return (\n        <div\n            className={clsx(styles[\"tooltip\"], className)}\n            {...props}\n            data-rich-tooltip\n        />\n    );\n};\n"],"mappings":";;yCCMa,KAA6D,EACtE,cACA,GAAG,QAGC,kBAAC,OAAD;CACI,WAAW,EAAK,EAAO,SAAY,CAAS;CAC5C,GAAI;CACJ,qBAAA;AACH,CAAA"}

package/dist/chunks/RichTooltipActions

@@ -0,0 +1,10 @@
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+import '../assets/RichTooltipActions.css';var n = { actions: "_actions_yji6y_2" }, r = ({ className: r, ...i }) => /* @__PURE__ */ t("div", {
+	className: e(n.actions, r),
+	...i
+});
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=RichTooltipActions.map

package/dist/chunks/RichTooltipActions.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTooltipActions","names":[],"sources":["../../src/components/Tooltip/RichTooltip/RichTooltipActions/richTooltipActions.module.css","../../src/components/Tooltip/RichTooltip/RichTooltipActions/RichTooltipActions.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .actions {\n        display: flex;\n        align-items: center;\n        gap: var(--md-sys-layout-space-4);\n    }\n}\n","import clsx from \"clsx\";\nimport styles from \"./richTooltipActions.module.css\";\n\n// use Button color -> text and size -> small\nexport const RichTooltipActions: React.FC<\n    React.ComponentPropsWithRef<\"div\">\n> = ({ className, ...props }) => {\n    return <div className={clsx(styles[\"actions\"], className)} {...props} />;\n};\n"],"mappings":";;yCCIa,KAER,EAAE,cAAW,GAAG,QACV,kBAAC,OAAD;CAAK,WAAW,EAAK,EAAO,SAAY,CAAS;CAAG,GAAI;AAAQ,CAAA"}

package/dist/chunks/RichTooltipInfo

@@ -0,0 +1,10 @@
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+import '../assets/RichTooltipInfo.css';var n = { info: "_info_xsenv_2" }, r = ({ className: r, ...i }) => /* @__PURE__ */ t("div", {
+	className: e(n.info, r),
+	...i
+});
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=RichTooltipInfo.map

package/dist/chunks/RichTooltipInfo.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTooltipInfo","names":[],"sources":["../../src/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipInfo/richTooltipInfo.module.css","../../src/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipInfo/RichTooltipInfo.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .info {\n        padding-inline: var(--md-sys-layout-space-16);\n\n        display: grid;\n        gap: var(--md-sys-layout-space-4);\n    }\n}\n","import clsx from \"clsx\";\nimport styles from \"./richTooltipInfo.module.css\";\n\nexport const RichTooltipInfo: React.FC<React.ComponentPropsWithRef<\"div\">> = ({\n    className,\n    ...props\n}) => {\n    return <div className={clsx(styles[\"info\"], className)} {...props} />;\n};\n"],"mappings":";;mCCGa,KAAiE,EAC1E,cACA,GAAG,QAEI,kBAAC,OAAD;CAAK,WAAW,EAAK,EAAO,MAAS,CAAS;CAAG,GAAI;AAAQ,CAAA"}

package/dist/chunks/SearchField

@@ -0,0 +1,35 @@
+import { t as e } from "./base";
+import { t } from "./Icon";
+import { IconButton as n } from "../components/Button/IconButton/index.js";
+import { clsx as r } from "clsx";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Input as s, SearchField as c } from "react-aria-components";
+import { Search as l, X as u } from "lucide-react";
+import '../assets/SearchField.css';var d = {
+	"search-field": "_search-field_dol97_10",
+	input: "_input_dol97_74"
+}, f = ({ placeholder: f = "Search", className: p, ...m }) => /* @__PURE__ */ a(c, {
+	className: (e) => r(d["search-field"], typeof p == "function" ? p(e) : p),
+	...m,
+	children: ({ isEmpty: c }) => /* @__PURE__ */ o(i, { children: [
+		/* @__PURE__ */ a(t, {
+			icon: l,
+			size: 24,
+			"data-search-icon": !0
+		}),
+		/* @__PURE__ */ a(s, {
+			className: r(d.input, e.bodyLarge),
+			placeholder: f
+		}),
+		!c && /* @__PURE__ */ a(n, {
+			icon: u,
+			size: "small",
+			width: "default",
+			color: "standard"
+		})
+	] })
+});
+//#endregion
+export { f as t };
+
+//# sourceMappingURL=SearchField.map

package/dist/chunks/SearchField.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField","names":[],"sources":["../../src/components/Input/SearchField/searchField.module.css","../../src/components/Input/SearchField/SearchField.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-search-field-background\n* --md-search-field-color\n* --md-search-field-supporting-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .search-field {\n        --_md-search-field-background: var(\n            --md-search-field-background,\n            var(--md-sys-color-surface-container-high)\n        );\n        --_md-search-field-color: var(\n            --md-search-field-color,\n            var(--md-sys-color-on-surface)\n        );\n        --_md-search-field-supporting-color: var(\n            --md-search-field-supporting-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n\n        display: flex;\n        align-items: center;\n\n        background-color: var(--_md-search-field-background);\n        color: var(--_md-search-field-color);\n\n        box-shadow: var(--md-sys-elevation-shadow-3);\n\n        padding-block: var(--md-sys-layout-space-8);\n        padding-inline-start: var(--md-sys-layout-space-16);\n        padding-inline-end: var(--md-sys-layout-space-8);\n\n        border-radius: var(--md-sys-shape-corner-radius-full);\n\n        &[data-empty] {\n            padding-block: var(--md-sys-layout-space-16);\n        }\n\n        &:has([data-focused]) {\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        &[data-disabled] {\n            --_md-search-field-background: rgb(\n                from var(--md-sys-color-surface-container-high) r g b /\n                var(--md-sys-state-disabled-container)\n            );\n            --_md-search-field-color: rgb(\n                from currentColor r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            box-shadow: none;\n        }\n    }\n\n    .search-field [data-button] {\n        --md-button-color: var(--_md-search-field-supporting-color);\n\n        &[data-disabled] [data-visual-button] {\n            background-color: transparent;\n        }\n    }\n\n    .input {\n        all: unset;\n\n        width: 100%;\n\n        padding-inline-start: var(--md-sys-layout-space-16);\n        padding-inline-end: var(--md-sys-layout-space-8);\n\n        &[data-disabled] {\n            cursor: default;\n        }\n    }\n\n    .input::placeholder {\n        color: var(--_md-search-field-supporting-color);\n    }\n\n    .input[data-disabled]::placeholder {\n        color: rgb(\n            from currentColor r g b /\n            var(--md-sys-state-disabled-content)\n        );\n    }\n}\n","import { clsx } from \"clsx\";\nimport { Search, X } from \"lucide-react\";\nimport { SearchField as AriaSearchField, Input } from \"react-aria-components\";\nimport { IconButton } from \"@/components/Button\";\nimport { Icon } from \"@/components/Icon\";\nimport { typography } from \"@/utils\";\nimport styles from \"./searchField.module.css\";\nimport type { SearchFieldProps } from \"./types\";\n\nexport const SearchField: React.FC<SearchFieldProps> = ({\n    placeholder = \"Search\",\n    className,\n    ...props\n}) => {\n    return (\n        <AriaSearchField\n            className={(renderProps) =>\n                clsx(\n                    styles[\"search-field\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        >\n            {({ isEmpty }) => (\n                <>\n                    <Icon icon={Search} size={24} data-search-icon />\n\n                    <Input\n                        className={clsx(styles[\"input\"], typography.bodyLarge)}\n                        placeholder={placeholder}\n                    />\n\n                    {!isEmpty && (\n                        <IconButton\n                            icon={X}\n                            size=\"small\"\n                            width=\"default\"\n                            color=\"standard\"\n                        />\n                    )}\n                </>\n            )}\n        </AriaSearchField>\n    );\n};\n"],"mappings":";;;;;;;;;;GCSa,KAA2C,EACpD,iBAAc,UACd,cACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,iBACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;YAEF,EAAE,iBACA,kBAAA,GAAA,EAAA,UAAA;EACI,kBAAC,GAAD;GAAM,MAAM;GAAQ,MAAM;GAAI,oBAAA;EAAkB,CAAA;EAEhD,kBAAC,GAAD;GACI,WAAW,EAAK,EAAO,OAAU,EAAW,SAAS;GACxC;EAChB,CAAA;EAEA,CAAC,KACE,kBAAC,GAAD;GACI,MAAM;GACN,MAAK;GACL,OAAM;GACN,OAAM;EACT,CAAA;CAEP,EAAA,CAAA;AAEO,CAAA"}

package/dist/chunks/SelectPopover

@@ -0,0 +1,11 @@
+import { t as e } from "./Popover";
+import { clsx as t } from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import '../assets/SelectPopover.css';var r = { popover: "_popover_108ip_2" }, i = ({ className: i, ...a }) => /* @__PURE__ */ n(e, {
+	className: (e) => t(r.popover, typeof i == "function" ? i(e) : i),
+	...a
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=SelectPopover.map

package/dist/chunks/SelectPopover.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPopover","names":[],"sources":["../../src/components/Input/Select/SelectPopover/selectPopover.module.css","../../src/components/Input/Select/SelectPopover/SelectPopover.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .popover {\n        min-inline-size: var(--trigger-width);\n\n        display: grid;\n        grid-template-rows: 1fr;\n    }\n}\n","import { clsx } from \"clsx\";\nimport { Popover } from \"@/components/Popover\";\nimport styles from \"./selectPopover.module.css\";\n\nexport const SelectPopover: React.FC<\n    React.ComponentPropsWithRef<typeof Popover>\n> = ({ className, ...props }) => {\n    return (\n        <Popover\n            className={(renderProps) =>\n                clsx(\n                    styles[\"popover\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;yCCIa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,SACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}