@adgytec/adgytec-web-ui-components 1.1.4 → 2.0.0

package/dist/chunks/SliderThumb.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderThumb","names":[],"sources":["../../src/components/Input/Slider/SliderThumb/sliderThumb.module.css","../../src/components/Input/Slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .thumb {\n        /* thumb */\n        --_md-slider-thumb-thickness: var(--md-sys-layout-space-4);\n    }\n\n    .extra-small {\n        /* thumb */\n        --_md-slider-thumb-size: calc(44 * var(--dp, 1px));\n    }\n\n    .small {\n        /* thumb */\n        --_md-slider-thumb-size: calc(44 * var(--dp, 1px));\n    }\n\n    .medium {\n        /* thumb */\n        --_md-slider-thumb-size: calc(52 * var(--dp, 1px));\n    }\n\n    .large {\n        /* thumb */\n        --_md-slider-thumb-size: calc(68 * var(--dp, 1px));\n    }\n\n    .extra-large {\n        /* thumb */\n        --_md-slider-thumb-size: calc(108 * var(--dp, 1px));\n    }\n\n    .thumb {\n        --_thumb-block-size: var(--_md-slider-thumb-size);\n        --_thumb-inline-size: var(--_md-slider-thumb-thickness);\n\n        position: absolute;\n        transform-origin: center;\n\n        &[data-orientation=\"horizontal\"] {\n            inset-block-start: 50%;\n        }\n\n        &[data-orientation=\"vertical\"] {\n            --_thumb-block-size: var(--_md-slider-thumb-thickness);\n            --_thumb-inline-size: var(--_md-slider-thumb-size);\n\n            inset-inline-start: 50%;\n        }\n\n        inline-size: var(--_thumb-inline-size);\n        block-size: var(--_thumb-block-size);\n\n        outline: none;\n        border-radius: var(--md-sys-shape-corner-radius-full);\n\n        background-color: var(--_md-slider-thumb-color);\n\n        transition:\n            block-size var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration),\n            inline-size 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-z-index-increase] {\n            z-index: 1;\n        }\n\n        &[data-focus-visible]::before {\n            --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n            --focus-indicator-offset: calc(6 * var(--dp, 1px));\n            --focus-indicator-color: var(--md-sys-color-secondary);\n\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            border-radius: inherit;\n\n            z-index: 2;\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-dragging],\n        &[data-focus-visible] {\n            --_md-slider-thumb-thickness: calc(2 * var(--dp, 1px));\n        }\n\n        &[data-disabled] {\n            background-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","import clsx from \"clsx\";\nimport type { Orientation } from \"react-aria\";\nimport { SliderThumb as AriaSliderThumb } from \"react-aria-components\";\nimport type { OutputRenderer, SliderSize } from \"../core\";\nimport { SliderOutput } from \"../SliderOutput\";\nimport { SliderThumbStateContext } from \"./context\";\nimport styles from \"./sliderThumb.module.css\";\n\nexport const SliderThumb: React.FC<\n    Omit<React.ComponentPropsWithRef<typeof AriaSliderThumb>, \"children\"> & {\n        orientation: Orientation;\n        size: SliderSize;\n        outputRenderer?: OutputRenderer;\n    }\n> = ({ index = 0, orientation, className, size, outputRenderer, ...props }) => {\n    return (\n        <AriaSliderThumb\n            index={index}\n            className={(renderProps) =>\n                clsx(\n                    styles[\"thumb\"],\n                    styles[size],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            data-orientation={orientation}\n            {...props}\n            data-slider-thumb\n        >\n            {(renderProp) => (\n                <SliderThumbStateContext value={renderProp}>\n                    {outputRenderer ? (\n                        typeof outputRenderer === \"function\" ? (\n                            outputRenderer({\n                                ...renderProp,\n                                thumbIndex: index,\n                            })\n                        ) : (\n                            outputRenderer\n                        )\n                    ) : (\n                        <SliderOutput>\n                            {({ state }) => state.getThumbValueLabel(index)}\n                        </SliderOutput>\n                    )}\n                </SliderThumbStateContext>\n            )}\n        </AriaSliderThumb>\n    );\n};\n"],"mappings":";;;;;;;;;;;GCQa,KAMR,EAAE,WAAQ,GAAG,gBAAa,cAAW,SAAM,mBAAgB,GAAG,QAE3D,kBAAC,GAAD;CACW;CACP,YAAY,MACR,EACI,EAAO,OACP,EAAO,IACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,oBAAkB;CAClB,GAAI;CACJ,qBAAA;YAEE,MACE,kBAAC,GAAD;EAAyB,OAAO;YAC3B,IACG,OAAO,KAAmB,aACtB,EAAe;GACX,GAAG;GACH,YAAY;EAChB,CAAC,IAED,IAGJ,kBAAC,GAAD,EAAA,WACM,EAAE,eAAY,EAAM,mBAAmB,CAAK,EACpC,CAAA;CAEG,CAAA;AAEhB,CAAA"}

package/dist/chunks/Snackbar

@@ -0,0 +1,61 @@
+import { t as e } from "./base";
+import { IconButton as t } from "../components/Button/IconButton/index.js";
+import { clsx as n } from "clsx";
+import { Text as r, UNSTABLE_Toast as i, UNSTABLE_ToastContent as a, UNSTABLE_ToastQueue as o, UNSTABLE_ToastRegion as s } from "react-aria-components";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { X as u } from "lucide-react";
+import { createContext as d, useContext as f, useMemo as p } from "react";
+import { flushSync as m } from "react-dom";
+import '../assets/Snackbar.css';//#region src/components/Snackbar/context.ts
+var h = d(null);
+function g() {
+	let e = f(h);
+	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: d, maxVisibleSnackbars: f = 1 }) => {
+	let g = p(() => new o({
+		maxVisibleToasts: f,
+		wrapUpdate(e) {
+			"startViewTransition" in document ? document.startViewTransition(() => {
+				m(e);
+			}) : e();
+		}
+	}), [f]);
+	return /* @__PURE__ */ l(h, {
+		value: g,
+		children: [d, /* @__PURE__ */ c(s, {
+			queue: g,
+			className: n(_["snackbar-region"]),
+			children: ({ toast: o }) => /* @__PURE__ */ l(i, {
+				toast: o,
+				className: n(_.snackbar),
+				style: { viewTransitionName: o.key },
+				"data-close": !o.content.hideCloseAction || void 0,
+				"data-action": o.content.hideCloseAction && !!o.content.action || void 0,
+				children: [/* @__PURE__ */ l(a, {
+					className: _["snackbar-content"],
+					children: [/* @__PURE__ */ c(r, {
+						slot: "description",
+						className: n(_.text, e.bodyMedium),
+						children: o.content.supportingText
+					}), o.content.action]
+				}), !o.content.hideCloseAction && /* @__PURE__ */ c(t, {
+					slot: "close",
+					icon: u,
+					color: "standard",
+					"data-close-button": !0
+				})]
+			})
+		})]
+	});
+};
+//#endregion
+export { h as n, g as r, v as t };
+
+//# sourceMappingURL=Snackbar.map

package/dist/chunks/Snackbar.map

@@ -0,0 +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,SAAgB,IAAmB;CAC/B,IAAM,IAAQ,EAAW,CAAoB;CAE7C,IAAI,CAAC,GACD,MAAU,MAAM,qDAAqD;CAGzE,OAAO;AACX;;;;;;GEEa,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;IACH,CAAA,CAEF;;EAEF,CAAA,CACK;;AAE9B"}

package/dist/chunks/SplitButton

@@ -0,0 +1,31 @@
+import { u as e } from "./core";
+import { a as t } from "./core2";
+import { SplitButtonContext as n } from "../components/Button/SplitButton/SplitButtonContext/index.js";
+import { clsx as r } from "clsx";
+import { Toolbar as i } from "react-aria-components";
+import { jsx as a } from "react/jsx-runtime";
+import { useMemo as o } from "react";
+import '../assets/SplitButton.css';//#region src/components/Button/SplitButton/SplitButton/splitButton.module.css
+var s = { "split-button": "_split-button_1mye6_2" }, c = ({ color: c = "filled", size: l = "small", isPending: u, isDisabled: d, children: f, className: p, ...m }) => /* @__PURE__ */ a(n, {
+	value: o(() => ({
+		isPending: u,
+		isDisabled: d,
+		color: c,
+		size: l
+	}), [
+		u,
+		d,
+		c,
+		l
+	]),
+	children: /* @__PURE__ */ a(i, {
+		className: r(s["split-button"], t(l), e(c), p),
+		...m,
+		"data-split-button": !0,
+		children: f
+	})
+});
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=SplitButton.map

package/dist/chunks/SplitButton.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton","names":[],"sources":["../../src/components/Button/SplitButton/SplitButton/splitButton.module.css","../../src/components/Button/SplitButton/SplitButton/SplitButton.tsx"],"sourcesContent":["@layer adgytec.overrides {\n    .split-button [data-visual-button] {\n        --_md-button-shape-motion: var(--md-sys-motion-standard-fast-spatial);\n        --_md-button-shape-motion-duration: var(\n            --md-sys-motion-standard-fast-spatial-duration\n        );\n    }\n}\n\n@layer adgytec.comps {\n    .split-button {\n        display: inline-flex;\n        gap: calc(2 * var(--dp, 1px));\n    }\n}\n","import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { Toolbar } from \"react-aria-components\";\nimport { buttonColorConfig } from \"../../core\";\nimport { splitButtonSizeConfig } from \"../core\";\nimport { SplitButtonContext } from \"../SplitButtonContext\";\nimport styles from \"./splitButton.module.css\";\nimport type { SplitButtonProps } from \"./types\";\n\nexport const SplitButton: React.FC<SplitButtonProps> = ({\n    color = \"filled\",\n    size = \"small\",\n\n    isPending,\n    isDisabled,\n\n    children,\n    className,\n\n    ...props\n}) => {\n    const contextValue = useMemo(\n        () => ({\n            isPending,\n            isDisabled,\n            color,\n            size,\n        }),\n        [isPending, isDisabled, color, size]\n    );\n\n    return (\n        <SplitButtonContext value={contextValue}>\n            <Toolbar\n                className={clsx(\n                    styles[\"split-button\"],\n                    splitButtonSizeConfig(size),\n                    buttonColorConfig(color),\n                    className\n                )}\n                {...props}\n                data-split-button\n            >\n                {children}\n            </Toolbar>\n        </SplitButtonContext>\n    );\n};\n"],"mappings":";;;;;;;;qDCSa,KAA2C,EACpD,WAAQ,UACR,UAAO,SAEP,cACA,eAEA,aACA,cAEA,GAAG,QAaC,kBAAC,GAAD;CAAoB,OAXH,SACV;EACH;EACA;EACA;EACA;CACJ,IACA;EAAC;EAAW;EAAY;EAAO;CAAI,CAIR;WACvB,kBAAC,GAAD;EACI,WAAW,EACP,EAAO,iBACP,EAAsB,CAAI,GAC1B,EAAkB,CAAK,GACvB,CACJ;EACA,GAAI;EACJ,qBAAA;EAEC;CACI,CAAA;AACO,CAAA"}

package/dist/chunks/SplitButtonTrigger

@@ -0,0 +1,44 @@
+import { t as e } from "./Icon";
+import { n as t, t as n } from "./useSplash";
+import { t as r } from "./tapTarget";
+import { d as i, f as a, l as o, t as s } from "./core";
+import { i as c, n as l, r as u } from "./core2";
+import { useSplitButtonContext as d } from "../components/Button/SplitButton/SplitButtonContext/index.js";
+import { clsx as f } from "clsx";
+import { Button as p } from "react-aria-components";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ChevronDown as g } from "lucide-react";
+import '../assets/SplitButtonTrigger.css';var _ = { trigger: "_trigger_5plck_2" }, v = ({ tooltip: v, onPress: y, isDisabled: b, isPending: x, className: S, ...C }) => {
+	let w = d(), { splashInfo: T, handlePress: E } = n(y), D = x || w.isPending;
+	return s(/* @__PURE__ */ m(p, {
+		onPress: E,
+		isDisabled: b || w.isDisabled,
+		isPending: D,
+		className: (e) => f(a, r, typeof S == "function" ? S(e) : S),
+		...C,
+		"data-button": !0,
+		"data-split-button-trigger": !0,
+		children: ({ isDisabled: n, isFocusVisible: r, isFocused: a, isPressed: s, isHovered: d }) => {
+			let p = {
+				"data-hovered": d || void 0,
+				"data-disabled": n || void 0,
+				"data-focused": a || void 0,
+				"data-focus-visible": r || void 0,
+				"data-pressed": s || void 0,
+				"data-visual-button": !0
+			};
+			return /* @__PURE__ */ h("span", {
+				className: f(i, o, _.trigger, c, l),
+				...p,
+				children: [T && /* @__PURE__ */ m(t, { ...T }), /* @__PURE__ */ m(e, {
+					icon: g,
+					size: u[w.size]
+				})]
+			});
+		}
+	}), v);
+};
+//#endregion
+export { v as t };
+
+//# sourceMappingURL=SplitButtonTrigger.map

package/dist/chunks/SplitButtonTrigger.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButtonTrigger","names":[],"sources":["../../src/components/Button/SplitButton/SplitButtonTrigger/splitButtonTrigger.module.css","../../src/components/Button/SplitButton/SplitButtonTrigger/SplitButtonTrigger.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .trigger {\n        --rotate: 0;\n\n        &[data-pressed] {\n            --rotate: 180deg;\n        }\n\n        > svg {\n            rotate: var(--rotate);\n            transition: rotate var(--md-sys-motion-standard-fast-spatial)\n                var(--md-sys-motion-standard-fast-spatial-duration);\n\n            @media (prefers-reduced-motion) {\n                transition: none;\n            }\n        }\n    }\n}\n","import { clsx } from \"clsx\";\nimport { ChevronDown } from \"lucide-react\";\nimport { Button as AriaButton } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n    ButtonCore,\n    ButtonReset,\n    buttonColorBase,\n    withTooltip,\n} from \"../../core\";\nimport {\n    SplitButtonTriggerBase,\n    SplitButtonTriggerIconSize,\n    SplitButtonVariantBase,\n} from \"../core\";\nimport { useSplitButtonContext } from \"../SplitButtonContext\";\nimport styles from \"./splitButtonTrigger.module.css\";\nimport type { SplitButtonTriggerProps } from \"./types\";\n\nexport const SplitButtonTrigger: React.FC<SplitButtonTriggerProps> = ({\n    tooltip,\n    onPress,\n    isDisabled,\n    isPending,\n    className,\n    ...props\n}) => {\n    const splitButtonState = useSplitButtonContext();\n\n    const { splashInfo, handlePress } = useSplash(onPress);\n\n    const pending = isPending || splitButtonState.isPending;\n    const disabled = isDisabled || splitButtonState.isDisabled;\n\n    return withTooltip(\n        <AriaButton\n            onPress={handlePress}\n            isDisabled={disabled}\n            isPending={pending}\n            className={(renderProps) =>\n                clsx(\n                    ButtonReset,\n                    TapTarget,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            data-button\n            data-split-button-trigger\n        >\n            {({\n                isDisabled,\n                isFocusVisible,\n                isFocused,\n                isPressed,\n                isHovered,\n            }) => {\n                const dataAttrs = {\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-visual-button\": true,\n                };\n\n                return (\n                    <span\n                        className={clsx(\n                            ButtonCore,\n                            buttonColorBase,\n                            styles[\"trigger\"],\n                            SplitButtonVariantBase,\n                            SplitButtonTriggerBase\n                        )}\n                        {...dataAttrs}\n                    >\n                        {splashInfo && <Splash {...splashInfo} />}\n                        <Icon\n                            icon={ChevronDown}\n                            size={\n                                SplitButtonTriggerIconSize[\n                                    splitButtonState.size\n                                ]\n                            }\n                        />\n                    </span>\n                );\n            }}\n        </AriaButton>,\n        tooltip\n    );\n};\n"],"mappings":";;;;;;;;;;yCCsBa,KAAyD,EAClE,YACA,YACA,eACA,cACA,cACA,GAAG,QACD;CACF,IAAM,IAAmB,EAAsB,GAEzC,EAAE,eAAY,mBAAgB,EAAU,CAAO,GAE/C,IAAU,KAAa,EAAiB;CAG9C,OAAO,EACH,kBAAC,GAAD;EACI,SAAS;EACT,YALS,KAAc,EAAiB;EAMxC,WAAW;EACX,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,eAAA;EACA,6BAAA;aAEE,EACE,eACA,mBACA,cACA,cACA,mBACE;GACF,IAAM,IAAY;IACd,gBAAgB,KAAa,KAAA;IAC7B,iBAAiB,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB,KAAkB,KAAA;IACxC,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB;GAC1B;GAEA,OACI,kBAAC,QAAD;IACI,WAAW,EACP,GACA,GACA,EAAO,SACP,GACA,CACJ;IACA,GAAI;cARR,CAUK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA,GACxC,kBAAC,GAAD;KACI,MAAM;KACN,MACI,EACI,EAAiB;IAG5B,CAAA,CACC;;EAEd;CACQ,CAAA,GACZ,CACJ;AACJ"}

package/dist/chunks/SubmenuPopover

@@ -0,0 +1,12 @@
+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 = ({ offset: i = -1, className: a, ...o }) => /* @__PURE__ */ n(e, {
+	offset: i,
+	className: (e) => t(r.popover, typeof a == "function" ? a(e) : a),
+	...o
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=SubmenuPopover.map

package/dist/chunks/SubmenuPopover.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmenuPopover","names":[],"sources":["../../src/components/Menu/SubmenuPopover/submenuPopover.module.css","../../src/components/Menu/SubmenuPopover/SubmenuPopover.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 \"./submenuPopover.module.css\";\n\nexport const SubmenuPopover: React.FC<\n    React.ComponentPropsWithRef<typeof Popover>\n> = ({ offset = -1, className, ...props }) => {\n    return (\n        <Popover\n            offset={offset}\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,YAAS,IAAI,cAAW,GAAG,QAE1B,kBAAC,GAAD;CACY;CACR,YAAY,MACR,EACI,EAAO,SACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}

package/dist/chunks/Switch

@@ -0,0 +1,57 @@
+import { t as e } from "./Icon";
+import { t } from "./tapTarget";
+import { t as n } from "./base";
+import r from "clsx";
+import { Switch as i } from "react-aria-components";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Check as c, X as l } from "lucide-react";
+import '../assets/Switch.css';var u = {
+	switch: "_switch_vehim_22",
+	"state-layer": "_state-layer_vehim_155",
+	icon: "_icon_vehim_175",
+	handle: "_handle_vehim_179",
+	track: "_track_vehim_299"
+}, d = ({ className: d, children: f, icon: p = "selected", labelPlacement: m = "start", containerStateLayer: h = !1, ...g }) => /* @__PURE__ */ o(i, {
+	className: (e) => r(u.switch, h && u["state-layer"], n.labelLarge, typeof d == "function" ? d(e) : d),
+	...g,
+	"data-switch": !0,
+	children: (n) => {
+		let { isSelected: i, isHovered: d, isDisabled: g, isFocused: _, isFocusVisible: v, isPressed: y, isReadOnly: b } = n, x;
+		p !== "none" && i && (x = c), p === "both" && !i && (x = l);
+		let S = {
+			"data-selected": i || void 0,
+			"data-hovered": d || void 0,
+			"data-disabled": g || void 0,
+			"data-focused": _ || void 0,
+			"data-focus-visible": v || void 0,
+			"data-pressed": y || void 0,
+			"data-readonly": b || void 0,
+			"data-icon": x ? !0 : void 0,
+			"data-show-state-layer": !h || void 0
+		}, C;
+		x && (C = /* @__PURE__ */ o(e, {
+			icon: x,
+			size: 16,
+			className: r(u.icon),
+			...S
+		}));
+		let w = typeof f == "function" ? f(n) : f;
+		return /* @__PURE__ */ s(a, { children: [
+			m === "start" && w,
+			/* @__PURE__ */ o("span", {
+				...S,
+				className: r(u.track, t),
+				children: /* @__PURE__ */ o("span", {
+					...S,
+					className: r(u.handle),
+					children: C
+				})
+			}),
+			m === "end" && w
+		] });
+	}
+});
+//#endregion
+export { d as t };
+
+//# sourceMappingURL=Switch.map

package/dist/chunks/Switch.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch","names":[],"sources":["../../src/components/Input/Switch/switch.module.css","../../src/components/Input/Switch/Switch.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-switch-handle-color\n* --md-switch-selected-handle-color\n*\n* --md-switch-handle-interaction-color\n* --md-switch-selected-handle-interaction-color\n*\n* --md-switch-handle-icon-color\n* --md-switch-selected-handle-icon-color\n*\n* --md-switch-track-color\n* --md-switch-selected-track-color\n* --md-switch-track-outline-color\n*\n* --md-switch-state-layer-color\n* --md-switch-selected-state-layer-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .switch {\n        /* switch tokens */\n        /* handle tokens */\n        --_md-switch-handle-color: var(\n            --md-switch-handle-color,\n            var(--md-sys-color-outline)\n        );\n        --_md-switch-selected-handle-color: var(\n            --md-switch-selected-handle-color,\n            var(--md-sys-color-on-primary)\n        );\n\n        /* for hovered, focused and pressed state */\n        --_md-switch-handle-interaction-color: var(\n            --md-switch-handle-interaction-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n        --_md-switch-selected-handle-interaction-color: var(\n            --md-switch-selected-handle-interaction-color,\n            var(--md-sys-color-primary-container)\n        );\n\n        /* handle icon tokens */\n        --_md-switch-handle-icon-color: var(\n            --md-switch-handle-icon-color,\n            var(--md-sys-color-surface-container-highest)\n        );\n        --_md-switch-selected-handle-icon-color: var(\n            --md-switch-selected-handle-icon-color,\n            var(--md-sys-color-primary)\n        );\n\n        /* track tokens */\n        --_md-switch-track-color: var(\n            --md-switch-track-color,\n            var(--md-sys-color-surface-container-highest)\n        );\n        --_md-switch-selected-track-color: var(\n            --md-switch-selected-track-color,\n            var(--md-sys-color-primary)\n        );\n        --_md-switch-track-outline-color: var(\n            --md-switch-track-outline-color,\n            var(--md-sys-color-outline)\n        );\n\n        /* state layer tokens */\n        --_md-switch-state-layer-color: var(\n            --md-switch-state-layer-color,\n            var(--md-sys-color-on-surface)\n        );\n        --_md-switch-selected-state-layer-color: var(\n            --md-switch-selected-state-layer-color,\n            var(--_md-switch-selected-track-color)\n        );\n\n        /* configurable tokens end */\n\n        /* handle specific tokens */\n        /* size */\n        --_md-switch-handle-size: calc(16 * var(--dp, 1px));\n        --_md-switch-handle-with-icon-size: calc(24 * var(--dp, 1px));\n        --_md-switch-selected-handle-size: calc(24 * var(--dp, 1px));\n        --_md-switch-pressed-handle-size: calc(28 * var(--dp, 1px));\n\n        /* shape */\n        --_md-switch-handle-shape: var(--md-sys-shape-corner-radius-full);\n\n        /* handle tokens end */\n\n        /* track tokens */\n        /* dimensions and shape */\n        --_md-switch-track-block-size: calc(32 * var(--dp, 1px));\n        --_md-switch-track-inline-size: calc(52 * var(--dp, 1px));\n        --_md-switch-track-shape: var(--md-sys-shape-corner-radius-full);\n\n        /* outline */\n        --_md-switch-track-outline-thickness: calc(2 * var(--dp, 1px));\n\n        /* track tokens end */\n\n        /* state layer tokens */\n        --_state-layer-opacity: 0;\n        --_state-color: var(--_md-switch-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        /* state layer tokens end */\n\n        position: relative;\n        display: inline-flex;\n\n        align-items: center;\n        justify-content: space-between;\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            color: rgb(\n                from currentColor r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            cursor: default;\n        }\n\n        &[data-selected] {\n            --_state-color: var(--_md-switch-selected-state-layer-color);\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        &[data-pressed] {\n            --_state-layer-opacity: var(--md-sys-state-pressed);\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    .icon {\n        color: var(--_icon-color);\n    }\n\n    .handle {\n        /* derived size */\n        --_handle-size: var(--_md-switch-handle-size);\n        --_handle-color: var(--_md-switch-handle-color);\n        --_handle-x: calc(6 * var(--dp, 1px));\n\n        --_icon-color: var(--_md-switch-handle-icon-color);\n\n        /* handle style */\n        position: absolute;\n        inset-block-start: 50%;\n        translate: var(--_handle-x) -50%;\n\n        inline-size: var(--_handle-size);\n        aspect-ratio: 1 / 1;\n        border-radius: var(--_md-switch-handle-shape);\n\n        background-color: var(--_handle-color);\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        transition:\n            translate var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration),\n            background-color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            inline-size var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            block-size 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        &[data-icon] {\n            --_handle-size: var(--_md-switch-handle-with-icon-size);\n            --_handle-x: calc(2 * var(--dp, 1px));\n        }\n\n        &[data-selected] {\n            --_handle-color: var(--_md-switch-selected-handle-color);\n            --_handle-size: var(--_md-switch-selected-handle-size);\n            --_handle-x: calc(22 * var(--dp, 1px));\n            --_icon-color: var(--_md-switch-selected-handle-icon-color);\n        }\n\n        &[data-pressed] {\n            --_handle-size: var(--_md-switch-pressed-handle-size);\n            --_handle-x: 0;\n\n            &[data-selected] {\n                --_handle-x: calc(20 * var(--dp, 1px));\n            }\n        }\n\n        &[data-focus-visible],\n        &[data-hovered],\n        &[data-pressed] {\n            --_handle-color: var(--_md-switch-handle-interaction-color);\n\n            &[data-selected] {\n                --_handle-color: var(\n                    --_md-switch-selected-handle-interaction-color\n                );\n            }\n        }\n\n        &[data-disabled] {\n            --_icon-color: rgb(\n                from var(--md-sys-color-surface-container-highest) r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            --_handle-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                --_icon-color: rgb(\n                    from var(--md-sys-color-on-surface) r g b /\n                    var(--md-sys-state-disabled-content)\n                );\n                --_handle-color: rgb(\n                    from var(--md-sys-color-surface) r g b /\n                    1\n                );\n            }\n        }\n    }\n\n    /* handle state layer */\n    .handle[data-show-state-layer]::before {\n        --_state-size: calc(40 * var(--dp, 1px));\n        --_state-shape: var(--md-sys-shape-corner-radius-full);\n\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(--_state-size);\n        aspect-ratio: 1 / 1;\n        border-radius: var(--_state-shape);\n\n        background-color: var(--_state-layer-color);\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    .track {\n        --_track-color: var(--_md-switch-track-color);\n        --_track-outline-color: var(--_md-switch-track-outline-color);\n\n        position: relative;\n        border-radius: var(--_md-switch-track-shape);\n\n        inline-size: var(--_md-switch-track-inline-size);\n        min-inline-size: var(--_md-switch-track-inline-size);\n\n        block-size: var(--_md-switch-track-block-size);\n        min-block-size: var(--_md-switch-track-block-size);\n\n        border-width: var(--_md-switch-track-outline-thickness);\n        border-style: solid;\n        border-color: var(--_track-outline-color);\n\n        background-color: var(--_track-color);\n\n        transition:\n            background-color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            border-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    .track[data-disabled] {\n        --_track-color: rgb(\n            from var(--md-sys-color-surface-container-highest) r g b /\n            var(--md-sys-state-disabled-container)\n        );\n        --_track-outline-color: rgb(\n            from var(--md-sys-color-on-surface) r g b /\n            var(--md-sys-state-disabled-container)\n        );\n\n        &[data-selected] {\n            --_track-color: rgb(\n                from var(--md-sys-color-on-surface) r g b /\n                var(--md-sys-state-disabled-container)\n            );\n        }\n    }\n\n    .track[data-selected] {\n        --_track-color: var(--_md-switch-selected-track-color);\n        --_track-outline-color: transparent;\n    }\n\n    .track[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 { Check, type LucideIcon, X } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { Switch as AriaSwitch } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { typography } from \"@/utils\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport styles from \"./switch.module.css\";\nimport type { SwitchProps } from \"./types\";\n\nexport const Switch: React.FC<SwitchProps> = ({\n    className,\n    children,\n    icon = \"selected\",\n    labelPlacement = \"start\",\n    containerStateLayer = false,\n    ...props\n}) => {\n    return (\n        <AriaSwitch\n            className={(renderProps) =>\n                clsx(\n                    styles[\"switch\"],\n                    containerStateLayer && styles[\"state-layer\"],\n                    typography.labelLarge,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            data-switch\n        >\n            {(renderProps) => {\n                const {\n                    isSelected,\n                    isHovered,\n                    isDisabled,\n                    isFocused,\n                    isFocusVisible,\n                    isPressed,\n                    isReadOnly,\n                } = renderProps;\n\n                let iconValue: LucideIcon | undefined;\n                if (icon !== \"none\" && isSelected) {\n                    iconValue = Check;\n                }\n\n                if (icon === \"both\" && !isSelected) {\n                    iconValue = X;\n                }\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-readonly\": isReadOnly || undefined,\n                    \"data-icon\": iconValue ? true : undefined,\n                    \"data-show-state-layer\": !containerStateLayer || undefined,\n                };\n\n                let iconElement: ReactNode;\n                if (iconValue) {\n                    iconElement = (\n                        <Icon\n                            icon={iconValue}\n                            size={16}\n                            className={clsx(styles[\"icon\"])}\n                            {...dataAttrs}\n                        />\n                    );\n                }\n\n                const label =\n                    typeof children === \"function\"\n                        ? children(renderProps)\n                        : children;\n\n                return (\n                    <>\n                        {labelPlacement === \"start\" && label}\n\n                        <span\n                            {...dataAttrs}\n                            className={clsx(styles[\"track\"], TapTarget)}\n                        >\n                            <span\n                                {...dataAttrs}\n                                className={clsx(styles[\"handle\"])}\n                            >\n                                {iconElement}\n                            </span>\n                        </span>\n\n                        {labelPlacement === \"end\" && label}\n                    </>\n                );\n            }}\n        </AriaSwitch>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;GCUa,KAAiC,EAC1C,cACA,aACA,UAAO,YACP,oBAAiB,SACjB,yBAAsB,IACtB,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,QACP,KAAuB,EAAO,gBAC9B,EAAW,YACX,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;CACJ,eAAA;YAEE,MAAgB;EACd,IAAM,EACF,eACA,cACA,eACA,cACA,mBACA,cACA,kBACA,GAEA;EAKJ,AAJI,MAAS,UAAU,MACnB,IAAY,IAGZ,MAAS,UAAU,CAAC,MACpB,IAAY;EAGhB,IAAM,IAAY;GACd,iBAAiB,KAAc,KAAA;GAC/B,gBAAgB,KAAa,KAAA;GAC7B,iBAAiB,KAAc,KAAA;GAC/B,gBAAgB,KAAa,KAAA;GAC7B,sBAAsB,KAAkB,KAAA;GACxC,gBAAgB,KAAa,KAAA;GAC7B,iBAAiB,KAAc,KAAA;GAC/B,aAAa,IAAY,KAAO,KAAA;GAChC,yBAAyB,CAAC,KAAuB,KAAA;EACrD,GAEI;EACJ,AAAI,MACA,IACI,kBAAC,GAAD;GACI,MAAM;GACN,MAAM;GACN,WAAW,EAAK,EAAO,IAAO;GAC9B,GAAI;EACP,CAAA;EAIT,IAAM,IACF,OAAO,KAAa,aACd,EAAS,CAAW,IACpB;EAEV,OACI,kBAAA,GAAA,EAAA,UAAA;GACK,MAAmB,WAAW;GAE/B,kBAAC,QAAD;IACI,GAAI;IACJ,WAAW,EAAK,EAAO,OAAU,CAAS;cAE1C,kBAAC,QAAD;KACI,GAAI;KACJ,WAAW,EAAK,EAAO,MAAS;eAE/B;IACC,CAAA;GACJ,CAAA;GAEL,MAAmB,SAAS;EAC/B,EAAA,CAAA;CAEV;AACQ,CAAA"}

package/dist/chunks/Tab

@@ -0,0 +1,39 @@
+import { t as e } from "./Icon";
+import { n as t, t as n } from "./useSplash";
+import { t as r } from "./base";
+import i from "clsx";
+import { SelectionIndicator as a, Tab as o } from "react-aria-components";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import '../assets/Tab.css';var l = {
+	tab: "_tab_1lw7s_2",
+	"selection-indicator": "_selection-indicator_1lw7s_117",
+	splash: "_splash_1lw7s_130"
+}, u = ({ className: u, label: d, icon: f, onPress: p, ...m }) => {
+	let { splashInfo: h, handlePress: g } = n(p);
+	return /* @__PURE__ */ c(o, {
+		onPress: g,
+		className: (e) => i(l.tab, r.titleSmall, typeof u == "function" ? u(e) : u),
+		...m,
+		"data-icon": f ? !0 : void 0,
+		"data-tab": !0,
+		children: [
+			h && /* @__PURE__ */ s("span", {
+				className: i(l.splash),
+				children: /* @__PURE__ */ s(t, { ...h })
+			}),
+			f && /* @__PURE__ */ s(e, {
+				icon: f,
+				size: 24
+			}),
+			d,
+			/* @__PURE__ */ s(a, {
+				className: i(l["selection-indicator"]),
+				"data-selection-indicator": !0
+			})
+		]
+	});
+};
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=Tab.map

package/dist/chunks/Tab.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab","names":[],"sources":["../../src/components/Tabs/Tab/tab.module.css","../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .tab {\n        --_state-color: var(--md-sys-color-on-surface);\n        --_state-layer-opacity: 0;\n\n        --_state-layer-color: rgb(\n            from var(--_state-color) r g b /\n            var(--_state-layer-opacity)\n        );\n\n        --_color: var(--_md-tabs-color);\n\n        --_focus-inset-inline-start: var(--md-sys-layout-space-4);\n        --_focus-inset-inline-end: var(--md-sys-layout-space-4);\n        --_focus-inset-block-start: var(--md-sys-layout-space-4);\n        --_focus-inset-block-end: var(--md-sys-layout-space-4);\n\n        position: relative;\n        outline: none;\n\n        padding-block: calc(14 * var(--dp, 1px));\n        padding-inline: var(--md-sys-layout-space-16);\n\n        white-space: nowrap;\n\n        display: flex;\n        align-items: center;\n        gap: var(--md-sys-layout-space-8);\n\n        color: var(--_color);\n\n        cursor: pointer;\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        &[data-icon] {\n            padding-block: var(--md-sys-layout-space-12);\n        }\n\n        &[data-selected] {\n            --_color: var(--_md-tabs-active-color);\n\n            --_focus-inset-inline-end: var(--_focus-inset-inline-end-active);\n            --_focus-inset-block-end: var(--_focus-inset-block-end-active);\n        }\n\n        &[data-hovered] {\n            --_color: var(--_md-tabs-active-color);\n            --_state-layer-opacity: var(--md-sys-state-hover);\n        }\n\n        &[data-focus-visible] {\n            --_state-layer-opacity: var(--md-sys-state-focus);\n        }\n\n        &[data-pressed] {\n            --_state-layer-opacity: var(--md-sys-state-pressed);\n        }\n\n        &[data-disabled] {\n            cursor: default;\n\n            --_color: rgb(\n                from var(--md-sys-color-on-surface) r g b /\n                var(--md-sys-state-disabled-content)\n            );\n\n            --_md-tabs-active-indicator-color: var(--_color);\n        }\n    }\n\n    /* state layer */\n    .tab::before {\n        content: \"\";\n\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n\n        background-color: var(--_state-layer-color);\n\n        transition: background-color var(--md-sys-motion-standard-fast-spatial)\n            var(--md-sys-motion-standard-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n\n    /* focus indicator */\n    .tab[data-focus-visible]::after {\n        --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n        --focus-indicator-color: var(--md-sys-color-secondary);\n\n        content: \"\";\n        position: absolute;\n\n        inset-inline-start: var(--_focus-inset-inline-start);\n        inset-inline-end: var(--_focus-inset-inline-end);\n        inset-block-start: var(--_focus-inset-block-start);\n        inset-block-end: var(--_focus-inset-block-end);\n\n        outline-width: var(--focus-indicator-thickness);\n        outline-style: solid;\n        outline-color: var(--focus-indicator-color);\n\n        border-radius: var(--md-sys-shape-corner-radius-small);\n\n        z-index: 1;\n    }\n\n    .selection-indicator {\n        position: absolute;\n\n        transition-timing-function: var(--md-sys-motion-standard-fast-spatial);\n        transition-duration: var(\n            --md-sys-motion-standard-fast-spatial-duration\n        );\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n\n    .splash {\n        position: absolute;\n        inset: 0;\n        overflow: clip;\n    }\n}\n","import clsx from \"clsx\";\nimport type { LucideIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { Tab as AriaTab, SelectionIndicator } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { typography } from \"@/utils\";\nimport styles from \"./tab.module.css\";\n\nexport const Tab: React.FC<\n    Omit<React.ComponentPropsWithRef<typeof AriaTab>, \"children\"> & {\n        label?: ReactNode;\n        icon?: LucideIcon;\n    }\n> = ({ className, label, icon, onPress, ...props }) => {\n    const { splashInfo, handlePress } = useSplash(onPress);\n\n    return (\n        <AriaTab\n            onPress={handlePress}\n            className={(renderProps) =>\n                clsx(\n                    styles[\"tab\"],\n                    typography.titleSmall,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            data-icon={icon ? true : undefined}\n            data-tab={true}\n        >\n            {splashInfo && (\n                <span className={clsx(styles[\"splash\"])}>\n                    <Splash {...splashInfo} />\n                </span>\n            )}\n            {icon && <Icon icon={icon} size={24} />}\n            {label}\n            <SelectionIndicator\n                className={clsx(styles[\"selection-indicator\"])}\n                data-selection-indicator={true}\n            />\n        </AriaTab>\n    );\n};\n"],"mappings":";;;;;;;;;;GCUa,KAKR,EAAE,cAAW,UAAO,SAAM,YAAS,GAAG,QAAY;CACnD,IAAM,EAAE,eAAY,mBAAgB,EAAU,CAAO;CAErD,OACI,kBAAC,GAAD;EACI,SAAS;EACT,YAAY,MACR,EACI,EAAO,KACP,EAAW,YACX,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,aAAW,IAAO,KAAO,KAAA;EACzB,YAAU;YAbd;GAeK,KACG,kBAAC,QAAD;IAAM,WAAW,EAAK,EAAO,MAAS;cAClC,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA;GACvB,CAAA;GAET,KAAQ,kBAAC,GAAD;IAAY;IAAM,MAAM;GAAK,CAAA;GACrC;GACD,kBAAC,GAAD;IACI,WAAW,EAAK,EAAO,sBAAsB;IAC7C,4BAA0B;GAC7B,CAAA;EACI;;AAEjB"}

package/dist/chunks/TabList

@@ -0,0 +1,12 @@
+import e from "clsx";
+import { TabList as t } from "react-aria-components";
+import { jsx as n } from "react/jsx-runtime";
+import '../assets/TabList.css';//#region src/components/Tabs/TabList/tabList.module.css
+var r = { "tab-list": "_tab-list_8hi4u_12" }, i = ({ className: i, ...a }) => /* @__PURE__ */ n(t, {
+	className: (t) => e(r["tab-list"], typeof i == "function" ? i(t) : i),
+	...a
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=TabList.map

package/dist/chunks/TabList.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList","names":[],"sources":["../../src/components/Tabs/TabList/tabList.module.css","../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-tab-list-divider-color\n* --md-tabs-active-indicator-color\n*\n* --md-tabs-color\n* --md-tabs-active-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .tab-list {\n        --_md-tabs-color: var(\n            --md-tabs-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n        --_md-tabs-active-color: var(\n            --md-tabs-active-color,\n            var(--md-sys-color-on-surface)\n        );\n\n        --_md-tab-list-divider-width: calc(1 * var(--dp, 1px));\n        --_md-tab-list-divider-color: var(\n            --md-tab-list-divider-color,\n            var(--md-sys-color-surface-variant)\n        );\n\n        --_md-tabs-active-indicator-size: calc(2 * var(--dp, 1px));\n        --_md-tabs-active-indicator-color: var(\n            --md-tabs-active-indicator-color,\n            var(--md-sys-color-primary)\n        );\n\n        [data-selection-indicator] {\n            background-color: var(--_md-tabs-active-indicator-color);\n        }\n\n        &[data-orientation=\"horizontal\"] {\n            --_focus-inset-block-end-active: var(--md-sys-layout-space-8);\n            --_focus-inset-inline-end-active: var(--md-sys-layout-space-4);\n\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n\n            overflow-x: auto;\n\n            border-block-end: var(--_md-tab-list-divider-width) solid\n                var(--_md-tab-list-divider-color);\n\n            [data-tab] {\n                flex: 1;\n                text-align: center;\n            }\n\n            [data-selection-indicator] {\n                inset-inline-start: 0;\n                inset-block-end: 0px;\n\n                inline-size: 100%;\n                block-size: var(--_md-tabs-active-indicator-size);\n\n                transition-property: translate, inline-size;\n            }\n        }\n\n        &[data-orientation=\"vertical\"] {\n            --_focus-inset-block-end-active: var(--md-sys-layout-space-4);\n            --_focus-inset-inline-end-active: var(--md-sys-layout-space-8);\n\n            border-inline-end: var(--_md-tab-list-divider-width) solid\n                var(--_md-tab-list-divider-color);\n\n            [data-selection-indicator] {\n                inset-block-start: 0;\n                inset-inline-end: 0px;\n\n                block-size: 100%;\n                inline-size: var(--_md-tabs-active-indicator-size);\n\n                transition-property: translate, block-size;\n            }\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { TabList as AriaTabList } from \"react-aria-components\";\nimport styles from \"./tabList.module.css\";\n\nexport const TabList = <T extends object>({\n    className,\n    ...props\n}: React.ComponentPropsWithRef<typeof AriaTabList<T>>) => {\n    return (\n        <AriaTabList\n            className={(renderProps) =>\n                clsx(\n                    styles[\"tab-list\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;8CCIa,KAA6B,EACtC,cACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,aACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}

package/dist/chunks/TabPanel

@@ -0,0 +1,12 @@
+import e from "clsx";
+import { TabPanel as t } from "react-aria-components";
+import { jsx as n } from "react/jsx-runtime";
+import '../assets/TabPanel.css';//#region src/components/Tabs/TabPanel/tabPanel.module.css
+var r = { "tab-panel": "_tab-panel_1q4o7_2" }, i = ({ className: i, ...a }) => /* @__PURE__ */ n(t, {
+	className: (t) => e(r["tab-panel"], typeof i == "function" ? i(t) : i),
+	...a
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=TabPanel.map

package/dist/chunks/TabPanel.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel","names":[],"sources":["../../src/components/Tabs/TabPanel/tabPanel.module.css","../../src/components/Tabs/TabPanel/TabPanel.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .tab-panel {\n        transition: opacity var(--md-sys-motion-expressive-slow-effects)\n            var(--md-sys-motion-expressive-slow-effects-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-entering] {\n            opacity: 0;\n        }\n\n        &[data-exiting] {\n            display: none;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { TabPanel as AriaTabPanel } from \"react-aria-components\";\nimport styles from \"./tabPanel.module.css\";\n\nexport const TabPanel: React.FC<\n    React.ComponentPropsWithRef<typeof AriaTabPanel>\n> = ({ className, ...props }) => {\n    return (\n        <AriaTabPanel\n            className={(renderProps) =>\n                clsx(\n                    styles[\"tab-panel\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;+CCIa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,cACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}

package/dist/chunks/TabPanels

@@ -0,0 +1,13 @@
+import e from "clsx";
+import { TabPanels as t } from "react-aria-components";
+import { jsx as n } from "react/jsx-runtime";
+import '../assets/TabPanels.css';//#region src/components/Tabs/TabPanels/tabPanels.module.css
+var r = { "tab-panels": "_tab-panels_u5x73_2" }, i = ({ className: i, ...a }) => /* @__PURE__ */ n(t, {
+	className: e(r["tab-panels"], i),
+	...a,
+	"data-tab-panels": !0
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=TabPanels.map

package/dist/chunks/TabPanels.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanels","names":[],"sources":["../../src/components/Tabs/TabPanels/tabPanels.module.css","../../src/components/Tabs/TabPanels/TabPanels.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .tab-panels {\n        position: relative;\n\n        height: var(--tab-panel-height);\n        transition: height var(--md-sys-motion-standard-fast-spatial)\n            var(--md-sys-motion-standard-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { TabPanels as AriaTabPanels } from \"react-aria-components\";\nimport styles from \"./tabPanels.module.css\";\n\nexport const TabPanels = <T extends object>({\n    className,\n    ...props\n}: React.ComponentPropsWithRef<typeof AriaTabPanels<T>>) => {\n    return (\n        <AriaTabPanels\n            className={clsx(styles[\"tab-panels\"], className)}\n            {...props}\n            data-tab-panels={true}\n        />\n    );\n};\n"],"mappings":";;;;iDCIa,KAA+B,EACxC,cACA,GAAG,QAGC,kBAAC,GAAD;CACI,WAAW,EAAK,EAAO,eAAe,CAAS;CAC/C,GAAI;CACJ,mBAAiB;AACpB,CAAA"}

package/dist/chunks/Tabs

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

package/dist/chunks/Tabs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs","names":[],"sources":["../../src/components/Tabs/Tabs/tabs.module.css","../../src/components/Tabs/Tabs/Tabs.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .tabs {\n        display: grid;\n        gap: var(--md-sys-layout-space-16);\n\n        &[data-orientation=\"vertical\"] {\n            grid-template-columns: auto 1fr;\n        }\n\n        &[data-orientation=\"horizontal\"] {\n            grid-template-rows: auto 1fr;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { Tabs as AriaTabs } from \"react-aria-components\";\nimport styles from \"./tabs.module.css\";\n\nexport const Tabs: React.FC<React.ComponentPropsWithRef<typeof AriaTabs>> = ({\n    className,\n    ...props\n}) => {\n    return (\n        <AriaTabs\n            className={(renderProps) =>\n                clsx(\n                    styles[\"tabs\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;mCCIa,KAAgE,EACzE,cACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,MACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}

package/dist/chunks/Tag

@@ -0,0 +1,52 @@
+import { t as e } from "./Icon";
+import { n as t, t as n } from "./useSplash";
+import { t as r } from "./base";
+import { IconButton as i } from "../components/Button/IconButton/index.js";
+import a from "clsx";
+import { Tag as o } from "react-aria-components";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Check as u, X as d } from "lucide-react";
+import '../assets/Tag.css';//#region src/components/Tag/core.ts
+var f = 18, p = 24, m = {
+	tag: "_tag_mgv0u_15",
+	label: "_label_mgv0u_184",
+	"avatar-constraint": "_avatar-constraint_mgv0u_195"
+}, h = ({ icon: f, avatar: p, label: h, className: g, onPress: _, textValue: v = h, ...y }) => {
+	let { splashInfo: b, handlePress: x } = n(_);
+	return /* @__PURE__ */ c(o, {
+		onPress: x,
+		className: (e) => a(m.tag, typeof g == "function" ? g(e) : g),
+		textValue: v,
+		...y,
+		"data-avatar": p ? !0 : void 0,
+		"data-icon": !p && f ? !0 : void 0,
+		children: ({ isSelected: n, allowsRemoving: o, isDisabled: g }) => /* @__PURE__ */ l(s, { children: [
+			b && /* @__PURE__ */ c(t, { ...b }),
+			p ? /* @__PURE__ */ c("div", {
+				className: a(m["avatar-constraint"]),
+				"data-disabled": g || void 0,
+				children: p
+			}) : n ? /* @__PURE__ */ c(e, {
+				icon: u,
+				size: 18
+			}) : f && /* @__PURE__ */ c(e, {
+				icon: f,
+				size: 18
+			}),
+			/* @__PURE__ */ c("p", {
+				className: a(r.labelLarge, m.label),
+				children: h
+			}),
+			o && /* @__PURE__ */ c(i, {
+				slot: "remove",
+				icon: d,
+				size: "extra-small",
+				color: "standard"
+			})
+		] })
+	});
+};
+//#endregion
+export { p as n, f as r, h as t };
+
+//# sourceMappingURL=Tag.map

package/dist/chunks/Tag.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag","names":[],"sources":["../../src/components/Tag/core.ts","../../src/components/Tag/tag.module.css","../../src/components/Tag/Tag.tsx"],"sourcesContent":["export const TagIconSize = 18;\nexport const AvatarSize = 24;\n","/* configurable tokens\n*\n* --md-chip-background-color\n* --md-chip-selected-background-color\n*\n* --md-chip-icon-color\n* --md-chip-selected-icon-color\n*\n* --md-chip-label-color\n* --md-chip-selected-label-color\n*\n* configurable tokens end */\n\n@layer adgytec.overrides {\n    .tag {\n        [data-visual-button] {\n            --focus-indicator-offset: calc(-4 * var(--dp, 1px));\n        }\n    }\n}\n\n@layer adgytec.comps {\n    .tag {\n        --_md-chip-background-color: var(\n            --md-chip-background-color,\n            var(--md-sys-color-surface-container-low)\n        );\n        --_md-chip-selected-background-color: var(\n            --md-chip-selected-background-color,\n            var(--md-sys-color-secondary-container)\n        );\n        --_md-chip-icon-color: var(\n            --md-chip-icon-color,\n            var(--md-sys-color-primary)\n        );\n        --_md-chip-selected-icon-color: var(\n            --md-chip-selected-icon-color,\n            var(--md-sys-color-on-secondary-container)\n        );\n        --_md-chip-label-color: var(\n            --md-chip-label-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n        --_md-chip-selected-label-color: var(\n            --md-chip-selected-label-color,\n            var(--md-sys-color-on-secondary-container)\n        );\n\n        /* derived */\n        --_background: var(--_md-chip-background-color);\n        --_label-color: var(--_md-chip-label-color);\n        --_icon-color: var(--_md-chip-icon-color);\n\n        --_state-layer-opacity: 0;\n\n        --_state-layer-color: rgb(\n            from var(--_label-color) r g b /\n            var(--_state-layer-opacity)\n        );\n\n        /* styles  */\n\n        display: flex;\n        align-items: center;\n        gap: var(--md-sys-layout-space-8);\n\n        position: relative;\n        overflow: clip;\n\n        background-color: var(--_background);\n        color: var(--_icon-color);\n\n        padding-inline: var(--md-sys-layout-space-12);\n        padding-block: calc(5 * var(--dp, 1px));\n        border-radius: var(--md-sys-shape-corner-radius-small);\n\n        border: calc(1 * var(--dp, 1px)) solid\n            var(--md-sys-color-outline-variant);\n        outline: none;\n\n        transition:\n            background-color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            border-color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            padding 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-icon] {\n            padding-inline-start: var(--md-sys-layout-space-8);\n        }\n\n        &[data-avatar] {\n            padding-block: calc(3 * var(--dp, 1px));\n            padding-inline-start: var(--md-sys-layout-space-4);\n        }\n\n        &[data-allows-removing] {\n            padding-block: 0;\n            padding-inline-end: calc(2 * var(--dp, 1px));\n        }\n\n        &[data-selection-mode] {\n            cursor: pointer;\n        }\n\n        &[data-selected] {\n            --_background: var(--_md-chip-selected-background-color);\n            --_label-color: var(--_md-chip-selected-label-color);\n            --_icon-color: var(--_md-chip-selected-icon-color);\n\n            border-color: transparent;\n        }\n\n        &[data-hovered] {\n            --_state-layer-opacity: var(--md-sys-state-hover);\n        }\n\n        &[data-focus-visible] {\n            --_state-layer-opacity: var(--md-sys-state-focus);\n        }\n\n        &[data-pressed] {\n            --_state-layer-opacity: var(--md-sys-state-pressed);\n        }\n\n        &[data-disabled] {\n            cursor: default;\n            border-color: transparent;\n\n            --_background: rgb(\n                from var(--md-sys-color-on-surface) r g b /\n                var(--md-sys-state-disabled-container)\n            );\n            --_label-color: rgb(\n                from var(--md-sys-color-on-surface) r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            --_icon-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    /* state layer */\n    .tag::before {\n        content: \"\";\n\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n\n        background-color: var(--_state-layer-color);\n\n        transition: background-color var(--md-sys-motion-standard-fast-spatial)\n            var(--md-sys-motion-standard-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n\n    /* focus indicator */\n    .tag[data-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        z-index: 1;\n    }\n\n    .label {\n        color: var(--_label-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    .avatar-constraint {\n        inline-size: var(--md-sys-layout-space-24);\n        aspect-ratio: 1 / 1;\n\n        overflow: clip;\n\n        &[data-disabled] {\n            position: relative;\n\n            &::before {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                border-radius: 50%;\n\n                background: 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","import clsx from \"clsx\";\nimport { Check, X } from \"lucide-react\";\nimport { Tag as AriaTag } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport { IconButton } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport { Splash } from \"../Splash/Splash\";\nimport { useSplash } from \"../Splash/useSplash\";\nimport { TagIconSize } from \"./core\";\nimport styles from \"./tag.module.css\";\nimport type { TagProps } from \"./types\";\n\nexport const Tag: React.FC<TagProps> = ({\n    icon,\n    avatar,\n    label,\n    className,\n    onPress,\n    textValue = label,\n    ...props\n}) => {\n    const { splashInfo, handlePress } = useSplash(onPress);\n\n    return (\n        <AriaTag\n            onPress={handlePress}\n            className={(renderProps) =>\n                clsx(\n                    styles[\"tag\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            textValue={textValue}\n            {...props}\n            data-avatar={avatar ? true : undefined}\n            data-icon={!avatar && icon ? true : undefined}\n        >\n            {({ isSelected, allowsRemoving, isDisabled }) => (\n                <>\n                    {splashInfo && <Splash {...splashInfo} />}\n                    {avatar ? (\n                        <div\n                            className={clsx(styles[\"avatar-constraint\"])}\n                            data-disabled={isDisabled || undefined}\n                        >\n                            {avatar}\n                        </div>\n                    ) : isSelected ? (\n                        <Icon icon={Check} size={TagIconSize} />\n                    ) : (\n                        icon && <Icon icon={icon} size={TagIconSize} />\n                    )}\n\n                    <p className={clsx(typography.labelLarge, styles[\"label\"])}>\n                        {label}\n                    </p>\n\n                    {allowsRemoving && (\n                        <IconButton\n                            slot=\"remove\"\n                            icon={X}\n                            size=\"extra-small\"\n                            color=\"standard\"\n                        />\n                    )}\n                </>\n            )}\n        </AriaTag>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAa,IAAc,IACd,IAAa;;;;GEWb,KAA2B,EACpC,SACA,WACA,UACA,cACA,YACA,eAAY,GACZ,GAAG,QACD;CACF,IAAM,EAAE,eAAY,mBAAgB,EAAU,CAAO;CAErD,OACI,kBAAC,GAAD;EACI,SAAS;EACT,YAAY,MACR,EACI,EAAO,KACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEO;EACX,GAAI;EACJ,eAAa,IAAS,KAAO,KAAA;EAC7B,aAAW,CAAC,KAAU,IAAO,KAAO,KAAA;aAElC,EAAE,eAAY,mBAAgB,oBAC5B,kBAAA,GAAA,EAAA,UAAA;GACK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA;GACvC,IACG,kBAAC,OAAD;IACI,WAAW,EAAK,EAAO,oBAAoB;IAC3C,iBAAe,KAAc,KAAA;cAE5B;GACA,CAAA,IACL,IACA,kBAAC,GAAD;IAAM,MAAM;IAAO,MAAA;GAAoB,CAAA,IAEvC,KAAQ,kBAAC,GAAD;IAAY;IAAM,MAAA;GAAoB,CAAA;GAGlD,kBAAC,KAAD;IAAG,WAAW,EAAK,EAAW,YAAY,EAAO,KAAQ;cACpD;GACF,CAAA;GAEF,KACG,kBAAC,GAAD;IACI,MAAK;IACL,MAAM;IACN,MAAK;IACL,OAAM;GACT,CAAA;EAEP,EAAA,CAAA;CAED,CAAA;AAEjB"}