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

package/dist/chunks/BaseCalendar

@@ -6,34 +6,30 @@ import { n as i, t as a } from "./core3";
 import { CalendarMonthMenu as o } from "../components/Calendar/CalendarMonthMenu/index.js";
 import { CalendarYearMenu as s } from "../components/Calendar/CalendarYearMenu/index.js";
 import c from "clsx";
-import { createRef as l, useMemo as u, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { ButtonContext as h } from "react-aria-components";
-import { ChevronDown as g, ChevronLeft as _, ChevronRight as v } from "lucide-react";
-import { today as y } from "@internationalized/date";
-import { useDateFormatter as b } from "react-aria";
-import { Transition as x, TransitionGroup as S } from "react-transition-group";
-import '../assets/BaseCalendar.css';var C = {
-	header: "_header_da71w_2",
-	selection: "_selection_da71w_16",
-	options: "_options_da71w_38",
-	"transition-group": "_transition-group_da71w_43",
-	view: "_view_da71w_48"
-}, w = ({ isRangeCalendar: w, weekdayStyle: T }) => {
-	let [E, D] = f("calendar"), O = d({
-		calendar: l(),
-		month: l(),
-		year: l()
-	}).current[E], k = d(null), A = i(), j = A.timeZone, M = b({
+import { useMemo as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { ButtonContext as m } from "react-aria-components";
+import { ChevronDown as h, ChevronLeft as g, ChevronRight as _ } from "lucide-react";
+import { today as v } from "@internationalized/date";
+import { useDateFormatter as y } from "react-aria";
+import { Transition as b } from "react-transition-group";
+import '../assets/BaseCalendar.css';var x = {
+	header: "_header_te9i6_2",
+	selection: "_selection_te9i6_16",
+	options: "_options_te9i6_38",
+	view: "_view_te9i6_43",
+	menu: "_menu_te9i6_48"
+}, S = ({ isRangeCalendar: S, weekdayStyle: C }) => {
+	let [w, T] = d("calendar"), E = u(null), D = u(null), O = u(null), k = u(null), A = i(), j = A.timeZone, M = y({
 		month: "short",
 		timeZone: j
-	}), N = b({
+	}), N = y({
 		month: "long",
 		timeZone: j
-	}), P = b({
+	}), P = y({
 		year: "numeric",
 		timeZone: j
-	}), F = M.format(A.focusedDate.toDate(j)), I = P.format(A.focusedDate.toDate(j)), L = y(j).year, R = A.minValue?.year ?? 1900, z = A.maxValue?.year ?? L + 100, B = u(() => {
+	}), F = M.format(A.focusedDate.toDate(j)), I = P.format(A.focusedDate.toDate(j)), L = v(j).year, R = A.minValue?.year ?? 1900, z = A.maxValue?.year ?? L + 100, B = l(() => {
 		let e = [];
 		for (let t = R; t <= z; t++) {
 			let n = A.focusedDate.set({ year: t });
@@ -48,7 +44,7 @@ import '../assets/BaseCalendar.css';var C = {
 		z,
 		j,
 		P
-	]), V = u(() => {
+	]), V = l(() => {
 		let e = [], t = A.focusedDate.calendar.getMonthsInYear(A.focusedDate);
 		for (let n = 1; n <= t; n++) {
 			let t = A.focusedDate.set({ month: n });
@@ -76,142 +72,175 @@ import '../assets/BaseCalendar.css';var C = {
 	}, K = () => {
 		a(A) && (A.setAnchorDate(k.current), k.current = null);
 	}, q = () => {
-		D("calendar"), K();
+		T("calendar"), K();
 	};
-	return /* @__PURE__ */ m(h, {
+	return /* @__PURE__ */ p(m, {
 		value: { slots: {
 			"previous-month": {
 				onPress: () => A.focusPreviousPage(),
-				isDisabled: A.isDisabled || E !== "calendar" || A.isPreviousVisibleRangeInvalid()
+				isDisabled: A.isDisabled || w !== "calendar" || A.isPreviousVisibleRangeInvalid()
 			},
 			"next-month": {
 				onPress: () => A.focusNextPage(),
-				isDisabled: A.isDisabled || E !== "calendar" || A.isNextVisibleRangeInvalid()
+				isDisabled: A.isDisabled || w !== "calendar" || A.isNextVisibleRangeInvalid()
 			},
 			"month-view": {
 				onPress: () => {
-					if (E === "month") {
-						K(), D("calendar");
+					if (w === "month") {
+						K(), T("calendar");
 						return;
 					}
-					G(), D("month");
+					G(), T("month");
 				},
-				isDisabled: A.isDisabled || E === "year",
-				isPressed: E === "month"
+				isDisabled: A.isDisabled || w === "year",
+				isPressed: w === "month"
 			},
 			"previous-year": {
 				onPress: () => {
 					A.setFocusedDate(A.focusedDate.cycle("year", -1));
 				},
-				isDisabled: A.isDisabled || E !== "calendar" || W()
+				isDisabled: A.isDisabled || w !== "calendar" || W()
 			},
 			"next-year": {
 				onPress: () => {
 					A.setFocusedDate(A.focusedDate.cycle("year", 1));
 				},
-				isDisabled: A.isDisabled || E !== "calendar" || U()
+				isDisabled: A.isDisabled || w !== "calendar" || U()
 			},
 			"year-view": {
 				onPress: () => {
-					if (E === "year") {
-						K(), D("calendar");
+					if (w === "year") {
+						K(), T("calendar");
 						return;
 					}
-					G(), D("year");
+					G(), T("year");
 				},
-				isDisabled: A.isDisabled || E === "month",
-				isPressed: E === "year"
+				isDisabled: A.isDisabled || w === "month",
+				isPressed: w === "year"
 			}
 		} },
-		children: [/* @__PURE__ */ m("header", {
-			className: c(C.header),
-			children: [/* @__PURE__ */ m("div", {
-				className: c(C.options),
+		children: [/* @__PURE__ */ p("header", {
+			className: c(x.header),
+			children: [/* @__PURE__ */ p("div", {
+				className: c(x.options),
 				children: [
-					/* @__PURE__ */ p(n, {
+					/* @__PURE__ */ f(n, {
 						slot: "previous-month",
-						icon: _,
+						icon: g,
 						color: "standard",
 						size: "extra-small"
 					}),
-					/* @__PURE__ */ m(t, {
+					/* @__PURE__ */ p(t, {
 						slot: "month-view",
 						color: "text",
 						shape: "square",
 						size: "extra-small",
-						className: c(C.selection),
-						children: [F, /* @__PURE__ */ p(e, {
-							icon: g,
+						className: c(x.selection),
+						children: [F, /* @__PURE__ */ f(e, {
+							icon: h,
 							size: 18
 						})]
 					}),
-					/* @__PURE__ */ p(n, {
+					/* @__PURE__ */ f(n, {
 						slot: "next-month",
-						icon: v,
+						icon: _,
 						color: "standard",
 						size: "extra-small"
 					})
 				]
-			}), /* @__PURE__ */ m("div", {
-				className: c(C.options),
+			}), /* @__PURE__ */ p("div", {
+				className: c(x.options),
 				children: [
-					/* @__PURE__ */ p(n, {
+					/* @__PURE__ */ f(n, {
 						slot: "previous-year",
-						icon: _,
+						icon: g,
 						color: "standard",
 						size: "extra-small"
 					}),
-					/* @__PURE__ */ m(t, {
+					/* @__PURE__ */ p(t, {
 						slot: "year-view",
 						color: "text",
 						shape: "square",
 						size: "extra-small",
-						className: c(C.selection),
-						children: [I, /* @__PURE__ */ p(e, {
-							icon: g,
+						className: c(x.selection),
+						children: [I, /* @__PURE__ */ f(e, {
+							icon: h,
 							size: 18
 						})]
 					}),
-					/* @__PURE__ */ p(n, {
+					/* @__PURE__ */ f(n, {
 						slot: "next-year",
-						icon: v,
+						icon: _,
 						color: "standard",
 						size: "extra-small"
 					})
 				]
 			})]
-		}), /* @__PURE__ */ p(S, {
-			className: c(C["transition-group"]),
-			children: /* @__PURE__ */ p(x, {
-				nodeRef: O,
-				timeout: 150,
-				unmountOnExit: !0,
-				children: (e) => /* @__PURE__ */ m("div", {
-					ref: O,
-					className: c(C.view),
-					"data-entering": e === "entering" || void 0,
-					"data-exiting": e === "exiting" || void 0,
-					"data-entered": e === "entered" || void 0,
-					children: [
-						E === "calendar" && /* @__PURE__ */ p(r, {
-							weekdayStyle: T,
-							isRangeCalendar: w
-						}),
-						E === "month" && /* @__PURE__ */ p(o, {
+		}), /* @__PURE__ */ p("div", {
+			className: c(x.view),
+			children: [
+				/* @__PURE__ */ f(b, {
+					nodeRef: E,
+					timeout: {
+						enter: 0,
+						exit: 150
+					},
+					mountOnEnter: !0,
+					unmountOnExit: !0,
+					in: w === "calendar",
+					children: (e) => /* @__PURE__ */ f("div", {
+						ref: E,
+						className: c(x.menu),
+						"data-state": e,
+						children: /* @__PURE__ */ f(r, {
+							weekdayStyle: C,
+							isRangeCalendar: S
+						})
+					})
+				}),
+				/* @__PURE__ */ f(b, {
+					nodeRef: D,
+					timeout: {
+						enter: 0,
+						exit: 150
+					},
+					mountOnEnter: !0,
+					unmountOnExit: !0,
+					in: w === "month",
+					children: (e) => /* @__PURE__ */ f("div", {
+						ref: D,
+						className: c(x.menu),
+						"data-state": e,
+						children: /* @__PURE__ */ f(o, {
 							onSelection: q,
 							months: V
-						}),
-						E === "year" && /* @__PURE__ */ p(s, {
+						})
+					})
+				}),
+				/* @__PURE__ */ f(b, {
+					nodeRef: O,
+					timeout: {
+						enter: 0,
+						exit: 150
+					},
+					mountOnEnter: !0,
+					unmountOnExit: !0,
+					in: w === "year",
+					children: (e) => /* @__PURE__ */ f("div", {
+						ref: O,
+						className: c(x.menu),
+						"data-state": e,
+						children: /* @__PURE__ */ f(s, {
 							onSelection: q,
 							years: B
 						})
-					]
+					})
 				})
-			}, E)
+			]
 		})]
 	});
 };
 //#endregion
-export { w as t };
+export { S as t };
 
 //# sourceMappingURL=BaseCalendar.map

package/dist/chunks/BaseCalendar.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCalendar","names":[],"sources":["../../src/components/Calendar/BaseCalendar/baseCalendar.module.css","../../src/components/Calendar/BaseCalendar/BaseCalendar.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .header {\n        padding-inline: var(--md-sys-layout-space-12);\n\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n\n        [data-visual-button] {\n            &[data-disabled] {\n                background-color: transparent;\n            }\n        }\n    }\n\n    .selection {\n        --rotate: 0;\n\n        &[data-pressed] {\n            --rotate: 180deg;\n\n            [data-visual-button] {\n                --state-layer-opacity: var(--md-sys-state-pressed);\n            }\n        }\n\n        svg {\n            rotate: var(--rotate);\n            transition: rotate 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    }\n\n    .options {\n        display: flex;\n        align-items: center;\n    }\n\n    .transition-group {\n        position: relative;\n        overflow: clip;\n    }\n\n    .view {\n        transition: opacity 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        opacity: 0;\n\n        display: grid;\n        grid-template-columns: 1fr;\n        grid-template-rows: 1fr;\n\n        &[data-exiting] {\n            position: absolute;\n            inset: 0;\n            opacity: 0;\n        }\n\n        &[data-entered] {\n            opacity: 1;\n        }\n\n        [data-menu] {\n            max-block-size: calc(6 * var(--_md-calendar-cell-size));\n            block-size: calc(6 * var(--_md-calendar-cell-size));\n\n            min-inline-size: calc(7 * var(--_md-calendar-cell-size));\n\n            overflow-y: auto;\n            padding-block-start: var(--md-sys-layout-space-12);\n            padding-block-end: var(--md-sys-layout-space-4);\n\n            border-block-start: calc(1 * var(--dp, 1px)) solid\n                var(--_md-calendar-menu-divider-color);\n        }\n    }\n}\n","import { type CalendarDate, today } from \"@internationalized/date\";\nimport clsx from \"clsx\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { createRef, useMemo, useRef, useState } from \"react\";\nimport { useDateFormatter } from \"react-aria\";\nimport { ButtonContext } from \"react-aria-components\";\nimport { Transition, TransitionGroup } from \"react-transition-group\";\nimport { Button, IconButton } from \"@/components/Button\";\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarGrid } from \"../CalendarGrid\";\nimport { CalendarMonthMenu } from \"../CalendarMonthMenu\";\nimport { CalendarYearMenu } from \"../CalendarYearMenu\";\nimport {\n    defaultMaxYearIncrement,\n    defaultMinYear,\n    isRangeCalendarState,\n    type MonthItem,\n    useCalendarState,\n    type WeekdayStyle,\n    type YearItem,\n} from \"../core\";\nimport styles from \"./baseCalendar.module.css\";\n\ntype View = \"calendar\" | \"month\" | \"year\";\n\nexport const BaseCalendar: React.FC<{\n    isRangeCalendar?: boolean;\n    weekdayStyle?: WeekdayStyle;\n}> = ({ isRangeCalendar, weekdayStyle }) => {\n    const [view, setView] = useState<View>(\"calendar\");\n    const nodeRefs = useRef({\n        calendar: createRef<HTMLDivElement>(),\n        month: createRef<HTMLDivElement>(),\n        year: createRef<HTMLDivElement>(),\n    }).current;\n    const currentRef = nodeRefs[view];\n    // fixes menu selection issue in range calendar\n    const anchorDate = useRef<CalendarDate | null>(null);\n\n    const calendarState = useCalendarState();\n    const timeZone = calendarState.timeZone;\n\n    const monthShortFormatter = useDateFormatter({\n        month: \"short\",\n        timeZone: timeZone,\n    });\n    const monthLongFormatter = useDateFormatter({\n        month: \"long\",\n        timeZone,\n    });\n    const yearFormatter = useDateFormatter({\n        year: \"numeric\",\n        timeZone: timeZone,\n    });\n\n    const focusedMonth = monthShortFormatter.format(\n        calendarState.focusedDate.toDate(timeZone)\n    );\n    const focusedYear = yearFormatter.format(\n        calendarState.focusedDate.toDate(timeZone)\n    );\n\n    // create year menu items\n    const currentYear = today(timeZone).year;\n\n    const minYear = calendarState.minValue?.year ?? defaultMinYear;\n    const maxYear =\n        calendarState.maxValue?.year ?? currentYear + defaultMaxYearIncrement;\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect rendered year labels\n    const years = useMemo(() => {\n        const items: YearItem[] = [];\n\n        for (let year = minYear; year <= maxYear; year++) {\n            const date = calendarState.focusedDate.set({ year });\n\n            items.push({\n                id: year,\n                formatted: yearFormatter.format(date.toDate(timeZone)),\n            });\n        }\n\n        return items;\n    }, [minYear, maxYear, timeZone, yearFormatter]);\n\n    // create month menu items\n    // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect generated month items\n    const months = useMemo(() => {\n        const items: MonthItem[] = [];\n\n        const numMonths = calendarState.focusedDate.calendar.getMonthsInYear(\n            calendarState.focusedDate\n        );\n\n        for (let month = 1; month <= numMonths; month++) {\n            const date = calendarState.focusedDate.set({ month });\n\n            items.push({\n                id: month,\n                formatted: monthLongFormatter.format(date.toDate(timeZone)),\n            });\n        }\n\n        return items;\n    }, [calendarState.focusedDate.calendar, timeZone, monthLongFormatter]);\n\n    const isYearInvalid = (date: CalendarDate) => {\n        const startOfYear = date.set({ month: 1, day: 1 });\n\n        const lastMonth = date.calendar.getMonthsInYear(date);\n        const endOfYear = date.set({\n            month: lastMonth,\n            day: date.calendar.getDaysInMonth(date.set({ month: lastMonth })),\n        });\n\n        return (\n            (calendarState.maxValue != null &&\n                startOfYear.compare(calendarState.maxValue) > 0) ||\n            (calendarState.minValue != null &&\n                endOfYear.compare(calendarState.minValue) < 0)\n        );\n    };\n\n    const nextYearIsInvalid = () => {\n        return isYearInvalid(calendarState.focusedDate.cycle(\"year\", 1));\n    };\n\n    const prevYearIsInvalid = () => {\n        return isYearInvalid(calendarState.focusedDate.cycle(\"year\", -1));\n    };\n\n    const saveAnchorDateForRangeCalendar = () => {\n        if (!isRangeCalendarState(calendarState)) return;\n\n        anchorDate.current = calendarState.anchorDate;\n        calendarState.setAnchorDate(null);\n    };\n\n    const restoreAnchorDateForRangeCalendar = () => {\n        if (!isRangeCalendarState(calendarState)) return;\n\n        calendarState.setAnchorDate(anchorDate.current);\n        anchorDate.current = null;\n    };\n\n    const menuItemOnSelection = () => {\n        setView(\"calendar\");\n        restoreAnchorDateForRangeCalendar();\n    };\n\n    return (\n        <ButtonContext\n            value={{\n                slots: {\n                    \"previous-month\": {\n                        onPress: () => calendarState.focusPreviousPage(),\n                        isDisabled:\n                            calendarState.isDisabled ||\n                            view !== \"calendar\" ||\n                            calendarState.isPreviousVisibleRangeInvalid(),\n                    },\n                    \"next-month\": {\n                        onPress: () => calendarState.focusNextPage(),\n                        isDisabled:\n                            calendarState.isDisabled ||\n                            view !== \"calendar\" ||\n                            calendarState.isNextVisibleRangeInvalid(),\n                    },\n                    \"month-view\": {\n                        onPress: () => {\n                            if (view === \"month\") {\n                                restoreAnchorDateForRangeCalendar();\n                                setView(\"calendar\");\n                                return;\n                            }\n\n                            saveAnchorDateForRangeCalendar();\n                            setView(\"month\");\n                        },\n                        isDisabled: calendarState.isDisabled || view === \"year\",\n                        isPressed: view === \"month\",\n                    },\n\n                    \"previous-year\": {\n                        onPress: () => {\n                            calendarState.setFocusedDate(\n                                calendarState.focusedDate.cycle(\"year\", -1)\n                            );\n                        },\n                        isDisabled:\n                            calendarState.isDisabled ||\n                            view !== \"calendar\" ||\n                            prevYearIsInvalid(),\n                    },\n                    \"next-year\": {\n                        onPress: () => {\n                            calendarState.setFocusedDate(\n                                calendarState.focusedDate.cycle(\"year\", 1)\n                            );\n                        },\n                        isDisabled:\n                            calendarState.isDisabled ||\n                            view !== \"calendar\" ||\n                            nextYearIsInvalid(),\n                    },\n                    \"year-view\": {\n                        onPress: () => {\n                            if (view === \"year\") {\n                                restoreAnchorDateForRangeCalendar();\n                                setView(\"calendar\");\n                                return;\n                            }\n\n                            saveAnchorDateForRangeCalendar();\n                            setView(\"year\");\n                        },\n                        isDisabled:\n                            calendarState.isDisabled || view === \"month\",\n                        isPressed: view === \"year\",\n                    },\n                },\n            }}\n        >\n            <header className={clsx(styles[\"header\"])}>\n                <div className={clsx(styles[\"options\"])}>\n                    <IconButton\n                        slot=\"previous-month\"\n                        icon={ChevronLeft}\n                        color=\"standard\"\n                        size=\"extra-small\"\n                    />\n\n                    <Button\n                        slot=\"month-view\"\n                        color=\"text\"\n                        shape=\"square\"\n                        size=\"extra-small\"\n                        className={clsx(styles[\"selection\"])}\n                    >\n                        {focusedMonth}\n                        <Icon icon={ChevronDown} size={18} />\n                    </Button>\n\n                    <IconButton\n                        slot=\"next-month\"\n                        icon={ChevronRight}\n                        color=\"standard\"\n                        size=\"extra-small\"\n                    />\n                </div>\n\n                <div className={clsx(styles[\"options\"])}>\n                    <IconButton\n                        slot=\"previous-year\"\n                        icon={ChevronLeft}\n                        color=\"standard\"\n                        size=\"extra-small\"\n                    />\n\n                    <Button\n                        slot=\"year-view\"\n                        color=\"text\"\n                        shape=\"square\"\n                        size=\"extra-small\"\n                        className={clsx(styles[\"selection\"])}\n                    >\n                        {focusedYear}\n                        <Icon icon={ChevronDown} size={18} />\n                    </Button>\n\n                    <IconButton\n                        slot=\"next-year\"\n                        icon={ChevronRight}\n                        color=\"standard\"\n                        size=\"extra-small\"\n                    />\n                </div>\n            </header>\n\n            <TransitionGroup className={clsx(styles[\"transition-group\"])}>\n                <Transition\n                    key={view}\n                    nodeRef={currentRef}\n                    timeout={150}\n                    unmountOnExit\n                >\n                    {(transitionState) => (\n                        <div\n                            ref={currentRef}\n                            className={clsx(styles[\"view\"])}\n                            data-entering={\n                                transitionState === \"entering\" || undefined\n                            }\n                            data-exiting={\n                                transitionState === \"exiting\" || undefined\n                            }\n                            data-entered={\n                                transitionState === \"entered\" || undefined\n                            }\n                        >\n                            {view === \"calendar\" && (\n                                <CalendarGrid\n                                    weekdayStyle={weekdayStyle}\n                                    isRangeCalendar={isRangeCalendar}\n                                />\n                            )}\n\n                            {view === \"month\" && (\n                                <CalendarMonthMenu\n                                    onSelection={menuItemOnSelection}\n                                    months={months}\n                                />\n                            )}\n\n                            {view === \"year\" && (\n                                <CalendarYearMenu\n                                    onSelection={menuItemOnSelection}\n                                    years={years}\n                                />\n                            )}\n                        </div>\n                    )}\n                </Transition>\n            </TransitionGroup>\n        </ButtonContext>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"file":"BaseCalendar","names":["items","date","state"],"sources":["../../src/components/Calendar/BaseCalendar/baseCalendar.module.css","../../src/components/Calendar/BaseCalendar/BaseCalendar.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .header {\n        padding-inline: var(--md-sys-layout-space-12);\n\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n\n        [data-visual-button] {\n            &[data-disabled] {\n                background-color: transparent;\n            }\n        }\n    }\n\n    .selection {\n        --rotate: 0;\n\n        &[data-pressed] {\n            --rotate: 180deg;\n\n            [data-visual-button] {\n                --state-layer-opacity: var(--md-sys-state-pressed);\n            }\n        }\n\n        svg {\n            rotate: var(--rotate);\n            transition: rotate 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    }\n\n    .options {\n        display: flex;\n        align-items: center;\n    }\n\n    .view {\n        position: relative;\n        overflow: clip;\n    }\n\n    .menu {\n        transition: opacity 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        opacity: 0;\n\n        display: grid;\n        grid-template-columns: 1fr;\n        grid-template-rows: 1fr;\n\n        &[data-state=\"exiting\"] {\n            position: absolute;\n            inset: 0;\n        }\n\n        &[data-state=\"entered\"] {\n            opacity: 1;\n        }\n\n        [data-menu] {\n            max-block-size: calc(6 * var(--_md-calendar-cell-size));\n            block-size: calc(6 * var(--_md-calendar-cell-size));\n\n            min-inline-size: calc(7 * var(--_md-calendar-cell-size));\n\n            overflow-y: auto;\n            padding-block-start: var(--md-sys-layout-space-12);\n            padding-block-end: var(--md-sys-layout-space-4);\n\n            border-block-start: calc(1 * var(--dp, 1px)) solid\n                var(--_md-calendar-menu-divider-color);\n        }\n    }\n}\n","import { type CalendarDate, today } from \"@internationalized/date\";\nimport clsx from \"clsx\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { useMemo, useRef, useState } from \"react\";\nimport { useDateFormatter } from \"react-aria\";\nimport { ButtonContext } from \"react-aria-components\";\nimport { Transition } from \"react-transition-group\";\nimport { Button, IconButton } from \"@/components/Button\";\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarGrid } from \"../CalendarGrid\";\nimport { CalendarMonthMenu } from \"../CalendarMonthMenu\";\nimport { CalendarYearMenu } from \"../CalendarYearMenu\";\nimport {\n    defaultMaxYearIncrement,\n    defaultMinYear,\n    isRangeCalendarState,\n    type MonthItem,\n    useCalendarState,\n    type WeekdayStyle,\n    type YearItem,\n} from \"../core\";\nimport styles from \"./baseCalendar.module.css\";\n\ntype View = \"calendar\" | \"month\" | \"year\";\n\nexport const BaseCalendar: React.FC<{\n    isRangeCalendar?: boolean;\n    weekdayStyle?: WeekdayStyle;\n}> = ({ isRangeCalendar, weekdayStyle }) => {\n    const [view, setView] = useState<View>(\"calendar\");\n\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const monthRef = useRef<HTMLDivElement>(null);\n    const yearRef = useRef<HTMLDivElement>(null);\n\n    // fixes menu selection issue in range calendar\n    const anchorDate = useRef<CalendarDate | null>(null);\n\n    const calendarState = useCalendarState();\n    const timeZone = calendarState.timeZone;\n\n    const monthShortFormatter = useDateFormatter({\n        month: \"short\",\n        timeZone: timeZone,\n    });\n    const monthLongFormatter = useDateFormatter({\n        month: \"long\",\n        timeZone,\n    });\n    const yearFormatter = useDateFormatter({\n        year: \"numeric\",\n        timeZone: timeZone,\n    });\n\n    const focusedMonth = monthShortFormatter.format(\n        calendarState.focusedDate.toDate(timeZone)\n    );\n    const focusedYear = yearFormatter.format(\n        calendarState.focusedDate.toDate(timeZone)\n    );\n\n    // create year menu items\n    const currentYear = today(timeZone).year;\n\n    const minYear = calendarState.minValue?.year ?? defaultMinYear;\n    const maxYear =\n        calendarState.maxValue?.year ?? currentYear + defaultMaxYearIncrement;\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect rendered year labels\n    const years = useMemo(() => {\n        const items: YearItem[] = [];\n\n        for (let year = minYear; year <= maxYear; year++) {\n            const date = calendarState.focusedDate.set({ year });\n\n            items.push({\n                id: year,\n                formatted: yearFormatter.format(date.toDate(timeZone)),\n            });\n        }\n\n        return items;\n    }, [minYear, maxYear, timeZone, yearFormatter]);\n\n    // create month menu items\n    // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect generated month items\n    const months = useMemo(() => {\n        const items: MonthItem[] = [];\n\n        const numMonths = calendarState.focusedDate.calendar.getMonthsInYear(\n            calendarState.focusedDate\n        );\n\n        for (let month = 1; month <= numMonths; month++) {\n            const date = calendarState.focusedDate.set({ month });\n\n            items.push({\n                id: month,\n                formatted: monthLongFormatter.format(date.toDate(timeZone)),\n            });\n        }\n\n        return items;\n    }, [calendarState.focusedDate.calendar, timeZone, monthLongFormatter]);\n\n    const isYearInvalid = (date: CalendarDate) => {\n        const startOfYear = date.set({ month: 1, day: 1 });\n\n        const lastMonth = date.calendar.getMonthsInYear(date);\n        const endOfYear = date.set({\n            month: lastMonth,\n            day: date.calendar.getDaysInMonth(date.set({ month: lastMonth })),\n        });\n\n        return (\n            (calendarState.maxValue != null &&\n                startOfYear.compare(calendarState.maxValue) > 0) ||\n            (calendarState.minValue != null &&\n                endOfYear.compare(calendarState.minValue) < 0)\n        );\n    };\n\n    const nextYearIsInvalid = () => {\n        return isYearInvalid(calendarState.focusedDate.cycle(\"year\", 1));\n    };\n\n    const prevYearIsInvalid = () => {\n        return isYearInvalid(calendarState.focusedDate.cycle(\"year\", -1));\n    };\n\n    const saveAnchorDateForRangeCalendar = () => {\n        if (!isRangeCalendarState(calendarState)) return;\n\n        anchorDate.current = calendarState.anchorDate;\n        calendarState.setAnchorDate(null);\n    };\n\n    const restoreAnchorDateForRangeCalendar = () => {\n        if (!isRangeCalendarState(calendarState)) return;\n\n        calendarState.setAnchorDate(anchorDate.current);\n        anchorDate.current = null;\n    };\n\n    const menuItemOnSelection = () => {\n        setView(\"calendar\");\n        restoreAnchorDateForRangeCalendar();\n    };\n\n    return (\n        <ButtonContext\n            value={{\n                slots: {\n                    \"previous-month\": {\n                        onPress: () => calendarState.focusPreviousPage(),\n                        isDisabled:\n                            calendarState.isDisabled ||\n                            view !== \"calendar\" ||\n                            calendarState.isPreviousVisibleRangeInvalid(),\n                    },\n                    \"next-month\": {\n                        onPress: () => calendarState.focusNextPage(),\n                        isDisabled:\n                            calendarState.isDisabled ||\n                            view !== \"calendar\" ||\n                            calendarState.isNextVisibleRangeInvalid(),\n                    },\n                    \"month-view\": {\n                        onPress: () => {\n                            if (view === \"month\") {\n                                restoreAnchorDateForRangeCalendar();\n                                setView(\"calendar\");\n                                return;\n                            }\n\n                            saveAnchorDateForRangeCalendar();\n                            setView(\"month\");\n                        },\n                        isDisabled: calendarState.isDisabled || view === \"year\",\n                        isPressed: view === \"month\",\n                    },\n\n                    \"previous-year\": {\n                        onPress: () => {\n                            calendarState.setFocusedDate(\n                                calendarState.focusedDate.cycle(\"year\", -1)\n                            );\n                        },\n                        isDisabled:\n                            calendarState.isDisabled ||\n                            view !== \"calendar\" ||\n                            prevYearIsInvalid(),\n                    },\n                    \"next-year\": {\n                        onPress: () => {\n                            calendarState.setFocusedDate(\n                                calendarState.focusedDate.cycle(\"year\", 1)\n                            );\n                        },\n                        isDisabled:\n                            calendarState.isDisabled ||\n                            view !== \"calendar\" ||\n                            nextYearIsInvalid(),\n                    },\n                    \"year-view\": {\n                        onPress: () => {\n                            if (view === \"year\") {\n                                restoreAnchorDateForRangeCalendar();\n                                setView(\"calendar\");\n                                return;\n                            }\n\n                            saveAnchorDateForRangeCalendar();\n                            setView(\"year\");\n                        },\n                        isDisabled:\n                            calendarState.isDisabled || view === \"month\",\n                        isPressed: view === \"year\",\n                    },\n                },\n            }}\n        >\n            <header className={clsx(styles[\"header\"])}>\n                <div className={clsx(styles[\"options\"])}>\n                    <IconButton\n                        slot=\"previous-month\"\n                        icon={ChevronLeft}\n                        color=\"standard\"\n                        size=\"extra-small\"\n                    />\n\n                    <Button\n                        slot=\"month-view\"\n                        color=\"text\"\n                        shape=\"square\"\n                        size=\"extra-small\"\n                        className={clsx(styles[\"selection\"])}\n                    >\n                        {focusedMonth}\n                        <Icon icon={ChevronDown} size={18} />\n                    </Button>\n\n                    <IconButton\n                        slot=\"next-month\"\n                        icon={ChevronRight}\n                        color=\"standard\"\n                        size=\"extra-small\"\n                    />\n                </div>\n\n                <div className={clsx(styles[\"options\"])}>\n                    <IconButton\n                        slot=\"previous-year\"\n                        icon={ChevronLeft}\n                        color=\"standard\"\n                        size=\"extra-small\"\n                    />\n\n                    <Button\n                        slot=\"year-view\"\n                        color=\"text\"\n                        shape=\"square\"\n                        size=\"extra-small\"\n                        className={clsx(styles[\"selection\"])}\n                    >\n                        {focusedYear}\n                        <Icon icon={ChevronDown} size={18} />\n                    </Button>\n\n                    <IconButton\n                        slot=\"next-year\"\n                        icon={ChevronRight}\n                        color=\"standard\"\n                        size=\"extra-small\"\n                    />\n                </div>\n            </header>\n\n            <div className={clsx(styles[\"view\"])}>\n                <Transition\n                    nodeRef={calendarRef}\n                    timeout={{\n                        enter: 0,\n                        exit: 150,\n                    }}\n                    mountOnEnter\n                    unmountOnExit\n                    in={view === \"calendar\"}\n                >\n                    {(state) => (\n                        <div\n                            ref={calendarRef}\n                            className={clsx(styles[\"menu\"])}\n                            data-state={state}\n                        >\n                            <CalendarGrid\n                                weekdayStyle={weekdayStyle}\n                                isRangeCalendar={isRangeCalendar}\n                            />\n                        </div>\n                    )}\n                </Transition>\n\n                <Transition\n                    nodeRef={monthRef}\n                    timeout={{\n                        enter: 0,\n                        exit: 150,\n                    }}\n                    mountOnEnter\n                    unmountOnExit\n                    in={view === \"month\"}\n                >\n                    {(state) => (\n                        <div\n                            ref={monthRef}\n                            className={clsx(styles[\"menu\"])}\n                            data-state={state}\n                        >\n                            <CalendarMonthMenu\n                                onSelection={menuItemOnSelection}\n                                months={months}\n                            />\n                        </div>\n                    )}\n                </Transition>\n\n                <Transition\n                    nodeRef={yearRef}\n                    timeout={{\n                        enter: 0,\n                        exit: 150,\n                    }}\n                    mountOnEnter\n                    unmountOnExit\n                    in={view === \"year\"}\n                >\n                    {(state) => (\n                        <div\n                            ref={yearRef}\n                            className={clsx(styles[\"menu\"])}\n                            data-state={state}\n                        >\n                            <CalendarYearMenu\n                                onSelection={menuItemOnSelection}\n                                years={years}\n                            />\n                        </div>\n                    )}\n                </Transition>\n            </div>\n        </ButtonContext>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;GCyBa,KAGP,EAAE,oBAAiB,sBAAmB;CACxC,IAAM,CAAC,GAAM,KAAW,EAAe,UAAU,GAE3C,IAAc,EAAuB,IAAI,GACzC,IAAW,EAAuB,IAAI,GACtC,IAAU,EAAuB,IAAI,GAGrC,IAAa,EAA4B,IAAI,GAE7C,IAAgB,EAAiB,GACjC,IAAW,EAAc,UAEzB,IAAsB,EAAiB;EACzC,OAAO;EACG;CACd,CAAC,GACK,IAAqB,EAAiB;EACxC,OAAO;EACP;CACJ,CAAC,GACK,IAAgB,EAAiB;EACnC,MAAM;EACI;CACd,CAAC,GAEK,IAAe,EAAoB,OACrC,EAAc,YAAY,OAAO,CAAQ,CAC7C,GACM,IAAc,EAAc,OAC9B,EAAc,YAAY,OAAO,CAAQ,CAC7C,GAGM,IAAc,EAAM,CAAQ,CAAC,CAAC,MAE9B,IAAU,EAAc,UAAU,QAAA,MAClC,IACF,EAAc,UAAU,QAAQ,IAAA,KAG9B,IAAQ,QAAc;EACxB,IAAM,IAAoB,CAAA;EAE1B,KAAK,IAAI,IAAO,GAAS,KAAQ,GAAS,KAAQ;GAC9C,IAAM,IAAO,EAAc,YAAY,IAAI,EAAE,QAAK,CAAC;GAEnD,EAAM,KAAK;IACP,IAAI;IACJ,WAAW,EAAc,OAAO,EAAK,OAAO,CAAQ,CAAC;GACzD,CAAC;EACL;EAEA,OAAO;CACX,GAAG;EAAC;EAAS;EAAS;EAAU;CAAa,CAAC,GAIxC,IAAS,QAAc;EACzB,IAAMA,IAAqB,CAAA,GAErB,IAAY,EAAc,YAAY,SAAS,gBACjD,EAAc,WAClB;EAEA,KAAK,IAAI,IAAQ,GAAG,KAAS,GAAW,KAAS;GAC7C,IAAMC,IAAO,EAAc,YAAY,IAAI,EAAE,SAAM,CAAC;GAEpDD,EAAM,KAAK;IACP,IAAI;IACJ,WAAW,EAAmB,OAAOC,EAAK,OAAO,CAAQ,CAAC;GAC9D,CAAC;EACL;EAEA,OAAOD;CACX,GAAG;EAAC,EAAc,YAAY;EAAU;EAAU;CAAkB,CAAC,GAE/D,KAAiBC,MAAuB;EAC1C,IAAM,IAAcA,EAAK,IAAI;GAAE,OAAO;GAAG,KAAK;EAAE,CAAC,GAE3C,IAAYA,EAAK,SAAS,gBAAgBA,CAAI,GAC9C,IAAYA,EAAK,IAAI;GACvB,OAAO;GACP,KAAKA,EAAK,SAAS,eAAeA,EAAK,IAAI,EAAE,OAAO,EAAU,CAAC,CAAC;EACpE,CAAC;EAED,OACK,EAAc,YAAY,QACvB,EAAY,QAAQ,EAAc,QAAQ,IAAI,KACjD,EAAc,YAAY,QACvB,EAAU,QAAQ,EAAc,QAAQ,IAAI;CAExD,GAEM,UACK,EAAc,EAAc,YAAY,MAAM,QAAQ,CAAC,CAAC,GAG7D,UACK,EAAc,EAAc,YAAY,MAAM,QAAQ,EAAE,CAAC,GAG9D,UAAuC;EACpC,EAAqB,CAAa,MAEvC,EAAW,UAAU,EAAc,YACnC,EAAc,cAAc,IAAI;CACpC,GAEM,UAA0C;EACvC,EAAqB,CAAa,MAEvC,EAAc,cAAc,EAAW,OAAO,GAC9C,EAAW,UAAU;CACzB,GAEM,UAA4B;EAE9B,AADA,EAAQ,UAAU,GAClB,EAAkC;CACtC;CAEA,OACI,kBAAC,GAAD;EACI,OAAO,EACH,OAAO;GACH,kBAAkB;IACd,eAAe,EAAc,kBAAkB;IAC/C,YACI,EAAc,cACd,MAAS,cACT,EAAc,8BAA8B;GACpD;GACA,cAAc;IACV,eAAe,EAAc,cAAc;IAC3C,YACI,EAAc,cACd,MAAS,cACT,EAAc,0BAA0B;GAChD;GACA,cAAc;IACV,eAAe;KACX,IAAI,MAAS,SAAS;MAElB,AADA,EAAkC,GAClC,EAAQ,UAAU;MAClB;KACJ;KAGA,AADA,EAA+B,GAC/B,EAAQ,OAAO;IACnB;IACA,YAAY,EAAc,cAAc,MAAS;IACjD,WAAW,MAAS;GACxB;GAEA,iBAAiB;IACb,eAAe;KACX,EAAc,eACV,EAAc,YAAY,MAAM,QAAQ,EAAE,CAC9C;IACJ;IACA,YACI,EAAc,cACd,MAAS,cACT,EAAkB;GAC1B;GACA,aAAa;IACT,eAAe;KACX,EAAc,eACV,EAAc,YAAY,MAAM,QAAQ,CAAC,CAC7C;IACJ;IACA,YACI,EAAc,cACd,MAAS,cACT,EAAkB;GAC1B;GACA,aAAa;IACT,eAAe;KACX,IAAI,MAAS,QAAQ;MAEjB,AADA,EAAkC,GAClC,EAAQ,UAAU;MAClB;KACJ;KAGA,AADA,EAA+B,GAC/B,EAAQ,MAAM;IAClB;IACA,YACI,EAAc,cAAc,MAAS;IACzC,WAAW,MAAS;GACxB;EACJ,EACJ;YAtEJ,CAwEI,kBAAC,UAAD;GAAQ,WAAW,EAAK,EAAO,MAAS;aAAxC,CACI,kBAAC,OAAD;IAAK,WAAW,EAAK,EAAO,OAAU;cAAtC;KACI,kBAAC,GAAD;MACI,MAAK;MACL,MAAM;MACN,OAAM;MACN,MAAK;KAAa,CAAA;KAGtB,kBAAC,GAAD;MACI,MAAK;MACL,OAAM;MACN,OAAM;MACN,MAAK;MACL,WAAW,EAAK,EAAO,SAAY;gBALvC,CAOK,GACD,kBAAC,GAAD;OAAM,MAAM;OAAa,MAAM;MAAG,CAAA,CAC9B;;KAER,kBAAC,GAAD;MACI,MAAK;MACL,MAAM;MACN,OAAM;MACN,MAAK;KAAa,CAAA;IAErB;OAEL,kBAAC,OAAD;IAAK,WAAW,EAAK,EAAO,OAAU;cAAtC;KACI,kBAAC,GAAD;MACI,MAAK;MACL,MAAM;MACN,OAAM;MACN,MAAK;KAAa,CAAA;KAGtB,kBAAC,GAAD;MACI,MAAK;MACL,OAAM;MACN,OAAM;MACN,MAAK;MACL,WAAW,EAAK,EAAO,SAAY;gBALvC,CAOK,GACD,kBAAC,GAAD;OAAM,MAAM;OAAa,MAAM;MAAG,CAAA,CAC9B;;KAER,kBAAC,GAAD;MACI,MAAK;MACL,MAAM;MACN,OAAM;MACN,MAAK;KAAa,CAAA;IAErB;KACD;MAER,kBAAC,OAAD;GAAK,WAAW,EAAK,EAAO,IAAO;aAAnC;IACI,kBAAC,GAAD;KACI,SAAS;KACT,SAAS;MACL,OAAO;MACP,MAAM;KACV;KACA,cAAA;KACA,eAAA;KACA,IAAI,MAAS;gBAEX,MACE,kBAAC,OAAD;MACI,KAAK;MACL,WAAW,EAAK,EAAO,IAAO;MAC9B,cAAY;gBAEZ,kBAAC,GAAD;OACkB;OACG;MAAgB,CAAA;KAEpC,CAAA;IAED,CAAA;IAEZ,kBAAC,GAAD;KACI,SAAS;KACT,SAAS;MACL,OAAO;MACP,MAAM;KACV;KACA,cAAA;KACA,eAAA;KACA,IAAI,MAAS;gBAEXC,MACE,kBAAC,OAAD;MACI,KAAK;MACL,WAAW,EAAK,EAAO,IAAO;MAC9B,cAAYA;gBAEZ,kBAAC,GAAD;OACI,aAAa;OACL;MAAO,CAAA;KAElB,CAAA;IAED,CAAA;IAEZ,kBAAC,GAAD;KACI,SAAS;KACT,SAAS;MACL,OAAO;MACP,MAAM;KACV;KACA,cAAA;KACA,eAAA;KACA,IAAI,MAAS;gBAEXA,MACE,kBAAC,OAAD;MACI,KAAK;MACL,WAAW,EAAK,EAAO,IAAO;MAC9B,cAAYA;gBAEZ,kBAAC,GAAD;OACI,aAAa;OACN;MAAM,CAAA;KAEhB,CAAA;IAED,CAAA;GACX;IACM;;AAEvB"}

package/dist/chunks/BottomSheet

@@ -1,23 +1,30 @@
-import { DialogContext as e } from "../components/Dialog/core/index.js";
-import { n as t } from "./BottomSheetModal";
-import n from "clsx";
-import { useContext as r } from "react";
-import { Fragment as i, jsx as a } from "react/jsx-runtime";
-import { Dialog as o } from "react-aria-components";
+import { t as e } from "./compiler-runtime";
+import { DialogContext as t } from "../components/Dialog/core/index.js";
+import { n } from "./BottomSheetModal";
+import r from "clsx";
+import { useContext as i } from "react";
+import { Fragment as a, jsx as o } from "react/jsx-runtime";
+import { Dialog as s } from "react-aria-components";
 import '../assets/BottomSheet.css';//#region src/components/Sheets/BottomSheet/bottomSheet.module.css
-var s = { "bottom-sheet": "_bottom-sheet_1fkp9_9" }, c = ({ children: c, className: l, ...u }) => {
-	let { layout: d } = r(t);
-	return /* @__PURE__ */ a(e, {
+var c = e(), l = { "bottom-sheet": "_bottom-sheet_1fkp9_9" }, u = (e) => {
+	let u = (0, c.c)(13), d, f, p;
+	u[0] === e ? (d = u[1], f = u[2], p = u[3]) : ({children: d, className: f, ...p} = e, u[0] = e, u[1] = d, u[2] = f, u[3] = p);
+	let { layout: m } = i(n), h;
+	u[4] === f ? h = u[5] : (h = r(l["bottom-sheet"], f), u[4] = f, u[5] = h);
+	let g;
+	u[6] === d ? g = u[7] : (g = (e) => /* @__PURE__ */ o(a, { children: typeof d == "function" ? d(e) : d }), u[6] = d, u[7] = g);
+	let _;
+	return u[8] !== m || u[9] !== p || u[10] !== h || u[11] !== g ? (_ = /* @__PURE__ */ o(t, {
 		value: !0,
-		children: /* @__PURE__ */ a(o, {
-			className: n(s["bottom-sheet"], l),
-			"data-layout": d,
-			...u,
-			children: (e) => /* @__PURE__ */ a(i, { children: typeof c == "function" ? c(e) : c })
+		children: /* @__PURE__ */ o(s, {
+			className: h,
+			"data-layout": m,
+			...p,
+			children: g
 		})
-	});
+	}), u[8] = m, u[9] = p, u[10] = h, u[11] = g, u[12] = _) : _ = u[12], _;
 };
 //#endregion
-export { c as t };
+export { u as t };
 
 //# sourceMappingURL=BottomSheet.map

package/dist/chunks/BottomSheet.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet","names":[],"sources":["../../src/components/Sheets/BottomSheet/bottomSheet.module.css","../../src/components/Sheets/BottomSheet/BottomSheet.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-bottom-sheet-background\n* --md-bottom-sheet-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .bottom-sheet {\n        --_md-bottom-sheet-background: var(\n            --md-bottom-sheet-background,\n            var(--md-sys-color-surface-container-low)\n        );\n        --_md-bottom-sheet-color: var(\n            --md-bottom-sheet-color,\n            var(--md-sys-color-on-surface)\n        );\n        --_max-inline-size: calc(640 * var(--dp, 1px));\n\n        background-color: var(--_md-bottom-sheet-background);\n        color: var(--_md-bottom-sheet-color);\n\n        box-shadow: var(--md-sys-elevation-shadow-1);\n        border-radius: var(--md-sys-shape-corner-radius-large);\n\n        inline-size: min(100svi, var(--_max-inline-size));\n        max-block-size: calc(100svb - var(--_top-padding));\n\n        padding: var(--md-sys-layout-space-20);\n\n        overflow-y: auto;\n\n        &[data-layout=\"detached\"] {\n            max-block-size: calc(\n                100svb -\n                calc(var(--_top-padding) + var(--_detached-margin))\n            );\n            inline-size: min(\n                calc(100svi - calc(2 * var(--_detached-margin))),\n                var(--_max-inline-size)\n            );\n        }\n\n        &[data-layout=\"standard\"] {\n            border-end-start-radius: 0;\n            border-end-end-radius: 0;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Dialog } from \"react-aria-components\";\nimport { DialogContext } from \"@/components/Dialog\";\nimport { BottomSheetContext } from \"../BottomSheetModal\";\nimport styles from \"./bottomSheet.module.css\";\n\nexport const BottomSheet: React.FC<\n    React.ComponentPropsWithRef<typeof Dialog>\n> = ({ children, className, ...props }) => {\n    const { layout } = useContext(BottomSheetContext);\n\n    return (\n        <DialogContext value={true}>\n            <Dialog\n                className={clsx(styles[\"bottom-sheet\"], className)}\n                data-layout={layout}\n                {...props}\n            >\n                {(renderProps) => (\n                    <>\n                        {typeof children === \"function\"\n                            ? children(renderProps)\n                            : children}\n                    </>\n                )}\n            </Dialog>\n        </DialogContext>\n    );\n};\n"],"mappings":";;;;;;;qDCOa,KAER,EAAE,aAAU,cAAW,GAAG,QAAY;CACvC,IAAM,EAAE,cAAW,EAAW,CAAkB;CAEhD,OACI,kBAAC,GAAD;EAAe,OAAO;YAClB,kBAAC,GAAD;GACI,WAAW,EAAK,EAAO,iBAAiB,CAAS;GACjD,eAAa;GACb,GAAI;cAEF,MACE,kBAAA,GAAA,EAAA,UACK,OAAO,KAAa,aACf,EAAS,CAAW,IACpB,EACR,CAAA;EAEF,CAAA;CACG,CAAA;AAEvB"}
+{"version":3,"file":"BottomSheet","names":["layout"],"sources":["../../src/components/Sheets/BottomSheet/bottomSheet.module.css","../../src/components/Sheets/BottomSheet/BottomSheet.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-bottom-sheet-background\n* --md-bottom-sheet-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .bottom-sheet {\n        --_md-bottom-sheet-background: var(\n            --md-bottom-sheet-background,\n            var(--md-sys-color-surface-container-low)\n        );\n        --_md-bottom-sheet-color: var(\n            --md-bottom-sheet-color,\n            var(--md-sys-color-on-surface)\n        );\n        --_max-inline-size: calc(640 * var(--dp, 1px));\n\n        background-color: var(--_md-bottom-sheet-background);\n        color: var(--_md-bottom-sheet-color);\n\n        box-shadow: var(--md-sys-elevation-shadow-1);\n        border-radius: var(--md-sys-shape-corner-radius-large);\n\n        inline-size: min(100svi, var(--_max-inline-size));\n        max-block-size: calc(100svb - var(--_top-padding));\n\n        padding: var(--md-sys-layout-space-20);\n\n        overflow-y: auto;\n\n        &[data-layout=\"detached\"] {\n            max-block-size: calc(\n                100svb -\n                calc(var(--_top-padding) + var(--_detached-margin))\n            );\n            inline-size: min(\n                calc(100svi - calc(2 * var(--_detached-margin))),\n                var(--_max-inline-size)\n            );\n        }\n\n        &[data-layout=\"standard\"] {\n            border-end-start-radius: 0;\n            border-end-end-radius: 0;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Dialog } from \"react-aria-components\";\nimport { DialogContext } from \"@/components/Dialog\";\nimport { BottomSheetContext } from \"../BottomSheetModal\";\nimport styles from \"./bottomSheet.module.css\";\n\nexport const BottomSheet: React.FC<\n    React.ComponentPropsWithRef<typeof Dialog>\n> = ({ children, className, ...props }) => {\n    const { layout } = useContext(BottomSheetContext);\n\n    return (\n        <DialogContext value={true}>\n            <Dialog\n                className={clsx(styles[\"bottom-sheet\"], className)}\n                data-layout={layout}\n                {...props}\n            >\n                {(renderProps) => (\n                    <>\n                        {typeof children === \"function\"\n                            ? children(renderProps)\n                            : children}\n                    </>\n                )}\n            </Dialog>\n        </DialogContext>\n    );\n};\n"],"mappings":";;;;;;;;8DCOa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAkC,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,OAAjC,+BAAA,KAAA,GAAiC,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAClC,IAAA,EAAA,cAAmB,EAAW,CAAkB,GAAE;CAAA,AAAA,EAAA,OAAA,IAKY,IAAA,EAAA,MAAvC,IAAA,EAAK,EAAO,iBAAiB,CAAS,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAUjD,IAAA,EAAA,MANA,KAAA,MACG,kBAAA,GAAA,EAAA,UACK,OAAO,KAAa,aACf,EAAS,CACF,IAFZ,EAEa,CAAA,GAErB,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAEO,OAFP,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAZT,IAAA,kBAAC,GAAD;EAAsB,OAAA;YAClB,kBAAC,GAAD;GACe,WAAA;GACEA,eAAA;GAAM,GACf;aAEH;EALE,CAAA;CADG,CAAA,GAcE,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAdhB;AAcgB"}

package/dist/chunks/BottomSheetModal.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetModal","names":[],"sources":["../../src/components/Sheets/BottomSheetModal/bottomSheetModal.module.css","../../src/components/Sheets/BottomSheetModal/context.ts","../../src/components/Sheets/BottomSheetModal/BottomSheetModal.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .modal {\n        --_detached-margin: var(--md-sys-layout-space-16);\n        --_top-padding: var(--md-sys-layout-space-64);\n\n        position: fixed;\n        inset-block-end: 0;\n\n        inset-inline-start: 50%;\n        translate: -50%;\n\n        margin-block-start: var(--_top-padding);\n\n        &[data-layout=\"detached\"] {\n            margin-block-end: var(--_detached-margin);\n        }\n\n        transition: translate 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            translate: -50% 100%;\n        }\n    }\n}\n","import { createContext } from \"react\";\nimport type { SheetLayout } from \"../core\";\n\nexport type BottomSheetContextValue = {\n    layout: SheetLayout;\n};\n\nexport const BottomSheetContext = createContext<BottomSheetContextValue>({\n    layout: \"standard\",\n});\n","import clsx from \"clsx\";\nimport { Modal } from \"react-aria-components\";\nimport styles from \"./bottomSheetModal.module.css\";\nimport { BottomSheetContext } from \"./context\";\nimport type { BottomSheetModalProps } from \"./types\";\n\nexport const BottomSheetModal: React.FC<BottomSheetModalProps> = ({\n    className,\n    layout = \"standard\",\n    ...props\n}) => {\n    return (\n        <BottomSheetContext value={{ layout }}>\n            <Modal\n                data-layout={layout}\n                className={(renderProps) =>\n                    clsx(\n                        styles[\"modal\"],\n                        typeof className === \"function\"\n                            ? className(renderProps)\n                            : className\n                    )\n                }\n                {...props}\n            />\n        </BottomSheetContext>\n    );\n};\n"],"mappings":";;;;qCCOa,IAAqB,EAAuC,EACrE,QAAQ,WACZ,CAAC,GCHY,KAAqD,EAC9D,cACA,YAAS,YACT,GAAG,QAGC,kBAAC,GAAD;CAAoB,OAAO,EAAE,UAAO;WAChC,kBAAC,GAAD;EACI,eAAa;EACb,YAAY,MACR,EACI,EAAO,OACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;CACP,CAAA;AACe,CAAA"}
+{"version":3,"file":"BottomSheetModal","names":[],"sources":["../../src/components/Sheets/BottomSheetModal/bottomSheetModal.module.css","../../src/components/Sheets/BottomSheetModal/context.ts","../../src/components/Sheets/BottomSheetModal/BottomSheetModal.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .modal {\n        --_detached-margin: var(--md-sys-layout-space-16);\n        --_top-padding: var(--md-sys-layout-space-64);\n\n        position: fixed;\n        inset-block-end: 0;\n\n        inset-inline-start: 50%;\n        translate: -50%;\n\n        margin-block-start: var(--_top-padding);\n\n        &[data-layout=\"detached\"] {\n            margin-block-end: var(--_detached-margin);\n        }\n\n        transition: translate 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            translate: -50% 100%;\n        }\n    }\n}\n","import { createContext } from \"react\";\nimport type { SheetLayout } from \"../core\";\n\nexport type BottomSheetContextValue = {\n    layout: SheetLayout;\n};\n\nexport const BottomSheetContext = createContext<BottomSheetContextValue>({\n    layout: \"standard\",\n});\n","import clsx from \"clsx\";\nimport { Modal } from \"react-aria-components\";\nimport styles from \"./bottomSheetModal.module.css\";\nimport { BottomSheetContext } from \"./context\";\nimport type { BottomSheetModalProps } from \"./types\";\n\nexport const BottomSheetModal: React.FC<BottomSheetModalProps> = ({\n    className,\n    layout = \"standard\",\n    ...props\n}) => {\n    return (\n        <BottomSheetContext value={{ layout }}>\n            <Modal\n                data-layout={layout}\n                className={(renderProps) =>\n                    clsx(\n                        styles[\"modal\"],\n                        typeof className === \"function\"\n                            ? className(renderProps)\n                            : className\n                    )\n                }\n                {...props}\n            />\n        </BottomSheetContext>\n    );\n};\n"],"mappings":";;;;qCCOa,IAAqB,EAAuC,EACrE,QAAQ,WACZ,CAAC,GCHY,KAAqD,EAC9D,cACA,YAAS,YACT,GAAG,QAGC,kBAAC,GAAD;CAAoB,OAAO,EAAE,UAAO;WAChC,kBAAC,GAAD;EACI,eAAa;EACb,YAAY,MACR,EACI,EAAO,OACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;CAAM,CAAA;AAEE,CAAA"}

package/dist/chunks/ButtonGroup

@@ -1,34 +1,42 @@
-import { ButtonGroupContext as e } from "../components/Button/ButtonGroups/ButtonGroupContext/index.js";
-import { clsx as t } from "clsx";
-import { useMemo as n } from "react";
+import { t as e } from "./compiler-runtime";
+import { ButtonGroupContext as t } from "../components/Button/ButtonGroups/ButtonGroupContext/index.js";
+import { clsx as n } from "clsx";
+import "react";
 import { jsx as r } from "react/jsx-runtime";
 import { ToggleButtonGroup as i } from "react-aria-components";
-import '../assets/ButtonGroup.css';var a = {
+import '../assets/ButtonGroup.css';//#region src/components/Button/ButtonGroups/ButtonGroup/buttonGroup.module.css
+var a = e(), o = {
 	"button-group": "_button-group_1enif_2",
 	"extra-small": "_extra-small_1enif_41",
 	small: "_small_1enif_49",
 	medium: "_medium_1enif_57",
 	large: "_large_1enif_65",
 	"extra-large": "_extra-large_1enif_73"
-}, o = ({ size: o, shape: s, color: c, className: l, iconPlacement: u, ...d }) => /* @__PURE__ */ r(e, {
-	value: n(() => ({
-		size: o,
-		shape: s,
-		color: c,
+}, s = (e) => {
+	let s = (0, a.c)(21), c, l, u, d, f, p;
+	s[0] === e ? (c = s[1], l = s[2], u = s[3], d = s[4], f = s[5], p = s[6]) : ({size: p, shape: f, color: l, className: c, iconPlacement: u, ...d} = e, s[0] = e, s[1] = c, s[2] = l, s[3] = u, s[4] = d, s[5] = f, s[6] = p);
+	let m;
+	s[7] !== l || s[8] !== u || s[9] !== f || s[10] !== p ? (m = {
+		size: p,
+		shape: f,
+		color: l,
 		iconPlacement: u
-	}), [
-		o,
-		s,
-		c,
-		u
-	]),
-	children: /* @__PURE__ */ r(i, {
-		className: (e) => t(a["button-group"], a[o ?? "small"], typeof l == "function" ? l(e) : l),
+	}, s[7] = l, s[8] = u, s[9] = f, s[10] = p, s[11] = m) : m = s[11];
+	let h = m, g;
+	s[12] !== c || s[13] !== p ? (g = (e) => n(o["button-group"], o[p ?? "small"], typeof c == "function" ? c(e) : c), s[12] = c, s[13] = p, s[14] = g) : g = s[14];
+	let _;
+	s[15] !== d || s[16] !== g ? (_ = /* @__PURE__ */ r(i, {
+		className: g,
 		...d,
 		"data-button-group": !0
-	})
-});
+	}), s[15] = d, s[16] = g, s[17] = _) : _ = s[17];
+	let v;
+	return s[18] !== h || s[19] !== _ ? (v = /* @__PURE__ */ r(t, {
+		value: h,
+		children: _
+	}), s[18] = h, s[19] = _, s[20] = v) : v = s[20], v;
+};
 //#endregion
-export { o as t };
+export { s as t };
 
 //# sourceMappingURL=ButtonGroup.map

package/dist/chunks/ButtonGroup.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup","names":[],"sources":["../../src/components/Button/ButtonGroups/ButtonGroup/buttonGroup.module.css","../../src/components/Button/ButtonGroups/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .button-group {\n        display: inline-flex;\n        align-items: center;\n\n        gap: var(--_md-button-group-gap);\n    }\n\n    .button-group [data-visual-button] {\n        padding-inline: calc(\n            var(--_md-button-padding-inline) +\n            var(--_morph, 0px)\n        );\n    }\n\n    /* pressed item */\n    .button-group > [data-pressed] {\n        --_morph: var(--_morph-pressed, 0px);\n    }\n\n    /* next sibling */\n    .button-group > [data-pressed] + * {\n        --_morph: var(--_morph-pressed-sibling, 0px);\n    }\n\n    /* previous sibling */\n    .button-group > *:has(+ [data-pressed]) {\n        --_morph: var(--_morph-pressed-sibling, 0px);\n    }\n\n    /* next sibling ONLY if pressed is first */\n    .button-group > [data-pressed]:first-child + * {\n        --_morph: var(--_morph-edge-pressed-sibling, 0px);\n    }\n\n    /* previous sibling ONLY if pressed is last */\n    .button-group > *:has(+ [data-pressed]:last-child) {\n        --_morph: var(--_morph-edge-pressed-sibling, 0px);\n    }\n\n    .extra-small {\n        --_md-button-group-gap: calc(18 * var(--dp, 1px));\n\n        --_morph-pressed: var(--md-sys-layout-space-4);\n        --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n        --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n    }\n\n    .small {\n        --_md-button-group-gap: var(--md-sys-layout-space-12);\n\n        --_morph-pressed: calc(6 * var(--dp, 1px));\n        --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n        --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n    }\n\n    .medium {\n        --_md-button-group-gap: var(--md-sys-layout-space-8);\n\n        --_morph-pressed: var(--md-sys-layout-space-12);\n        --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n        --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n    }\n\n    .large {\n        --_md-button-group-gap: var(--md-sys-layout-space-8);\n\n        --_morph-pressed: var(--md-sys-layout-space-16);\n        --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n        --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n    }\n\n    .extra-large {\n        --_md-button-group-gap: var(--md-sys-layout-space-8);\n\n        --_morph-pressed: var(--md-sys-layout-space-20);\n        --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n        --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n    }\n}\n","import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { ToggleButtonGroup as AriaToggleButtonGroup } from \"react-aria-components\";\nimport { ButtonGroupContext } from \"../ButtonGroupContext\";\nimport styles from \"./buttonGroup.module.css\";\nimport type { ButtonGroupProps } from \"./types\";\n\nexport const ButtonGroup: React.FC<ButtonGroupProps> = ({\n    size,\n    shape,\n    color,\n    className,\n    iconPlacement,\n    ...props\n}) => {\n    const contextValue = useMemo(\n        () => ({ size, shape, color, iconPlacement }),\n        [size, shape, color, iconPlacement]\n    );\n\n    return (\n        <ButtonGroupContext value={contextValue}>\n            <AriaToggleButtonGroup\n                className={(renderProps) =>\n                    clsx(\n                        styles[\"button-group\"],\n                        styles[size ?? \"small\"],\n                        typeof className === \"function\"\n                            ? className(renderProps)\n                            : className\n                    )\n                }\n                {...props}\n                data-button-group\n            />\n        </ButtonGroupContext>\n    );\n};\n"],"mappings":";;;;;;;;;;;;GCOa,KAA2C,EACpD,SACA,UACA,UACA,cACA,kBACA,GAAG,QAQC,kBAAC,GAAD;CAAoB,OANH,SACV;EAAE;EAAM;EAAO;EAAO;CAAc,IAC3C;EAAC;EAAM;EAAO;EAAO;CAAa,CAIP;WACvB,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,iBACP,EAAO,KAAQ,UACf,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,qBAAA;CACH,CAAA;AACe,CAAA"}
+{"version":3,"file":"ButtonGroup","names":["contextValue"],"sources":["../../src/components/Button/ButtonGroups/ButtonGroup/buttonGroup.module.css","../../src/components/Button/ButtonGroups/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .button-group {\n        display: inline-flex;\n        align-items: center;\n\n        gap: var(--_md-button-group-gap);\n    }\n\n    .button-group [data-visual-button] {\n        padding-inline: calc(\n            var(--_md-button-padding-inline) +\n            var(--_morph, 0px)\n        );\n    }\n\n    /* pressed item */\n    .button-group > [data-pressed] {\n        --_morph: var(--_morph-pressed, 0px);\n    }\n\n    /* next sibling */\n    .button-group > [data-pressed] + * {\n        --_morph: var(--_morph-pressed-sibling, 0px);\n    }\n\n    /* previous sibling */\n    .button-group > *:has(+ [data-pressed]) {\n        --_morph: var(--_morph-pressed-sibling, 0px);\n    }\n\n    /* next sibling ONLY if pressed is first */\n    .button-group > [data-pressed]:first-child + * {\n        --_morph: var(--_morph-edge-pressed-sibling, 0px);\n    }\n\n    /* previous sibling ONLY if pressed is last */\n    .button-group > *:has(+ [data-pressed]:last-child) {\n        --_morph: var(--_morph-edge-pressed-sibling, 0px);\n    }\n\n    .extra-small {\n        --_md-button-group-gap: calc(18 * var(--dp, 1px));\n\n        --_morph-pressed: var(--md-sys-layout-space-4);\n        --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n        --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n    }\n\n    .small {\n        --_md-button-group-gap: var(--md-sys-layout-space-12);\n\n        --_morph-pressed: calc(6 * var(--dp, 1px));\n        --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n        --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n    }\n\n    .medium {\n        --_md-button-group-gap: var(--md-sys-layout-space-8);\n\n        --_morph-pressed: var(--md-sys-layout-space-12);\n        --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n        --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n    }\n\n    .large {\n        --_md-button-group-gap: var(--md-sys-layout-space-8);\n\n        --_morph-pressed: var(--md-sys-layout-space-16);\n        --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n        --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n    }\n\n    .extra-large {\n        --_md-button-group-gap: var(--md-sys-layout-space-8);\n\n        --_morph-pressed: var(--md-sys-layout-space-20);\n        --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n        --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n    }\n}\n","import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { ToggleButtonGroup as AriaToggleButtonGroup } from \"react-aria-components\";\nimport { ButtonGroupContext } from \"../ButtonGroupContext\";\nimport styles from \"./buttonGroup.module.css\";\nimport type { ButtonGroupProps } from \"./types\";\n\nexport const ButtonGroup: React.FC<ButtonGroupProps> = ({\n    size,\n    shape,\n    color,\n    className,\n    iconPlacement,\n    ...props\n}) => {\n    const contextValue = useMemo(\n        () => ({ size, shape, color, iconPlacement }),\n        [size, shape, color, iconPlacement]\n    );\n\n    return (\n        <ButtonGroupContext value={contextValue}>\n            <AriaToggleButtonGroup\n                className={(renderProps) =>\n                    clsx(\n                        styles[\"button-group\"],\n                        styles[size ?? \"small\"],\n                        typeof className === \"function\"\n                            ? className(renderProps)\n                            : className\n                    )\n                }\n                {...props}\n                data-button-group\n            />\n        </ButtonGroupContext>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;GCOa,KAA0C,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAOtD,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,OAPuD,iEAAA,KAAA,GAOvD,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAEc,IAAA;EAAA;EAAA;EAAA;EAAA;CAAoC,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CADhD,IAAA,IACW,GAET;CAAA,AAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAKqB,KAAA,MACP,EACI,EAAO,iBACP,EAAO,KAAA,UACP,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CAAA,AAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KART,IAAA,kBAAC,GAAD;EACe,WAAA;EAON,GAED;EACJ,qBAAA;CAAiB,CAAA,GACnB,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CACe,OADf,EAAA,QAAA,KAAA,EAAA,QAAA,KAbN,IAAA,kBAAC,GAAD;EAA2BA,OAAA;YACvB;CADe,CAAA,GAcE,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAdrB;AAcqB"}

package/dist/chunks/CalendarCell.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarCell","names":[],"sources":["../../src/components/Calendar/CalendarCell/calendarCell.module.css","../../src/components/Calendar/CalendarCell/CalendarCell.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .cell {\n        --_state-color: var(--_md-calendar-cell-state-layer-color,);\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        position: relative;\n        text-align: center;\n        outline: none;\n\n        inline-size: var(--_md-calendar-cell-size);\n        block-size: var(--_md-calendar-cell-size);\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        z-index: 0;\n\n        cursor: pointer;\n        color: var(--_md-calendar-cell-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        &[data-focus-visible] {\n            z-index: 1;\n            --_state-layer-opacity: var(--md-sys-state-focus);\n        }\n\n        &[data-hovered] {\n            --_state-layer-opacity: var(--md-sys-state-hover);\n        }\n\n        &[data-pressed] {\n            --_state-layer-opacity: var(--md-sys-state-pressed);\n        }\n\n        &[data-today] {\n            color: var(--_md-calendar-cell-today-color);\n            --_state-color: currentColor;\n\n            &::before {\n                border: calc(1 * var(--dp, 1px)) solid currentColor;\n            }\n        }\n\n        &[data-selected],\n        &[data-selection-start],\n        &[data-selection-end] {\n            color: var(--_md-calendar-selected-color);\n            --_state-color: currentColor;\n\n            &::before {\n                border-width: 0;\n                background-color: var(--_md-calendar-cell-selected-background);\n            }\n        }\n\n        &[data-unavailable] {\n            text-decoration: line-through;\n        }\n\n        &[data-range-calendar][data-selected] {\n            &:not([data-selection-start]):not([data-selection-end]) {\n                color: var(--_md-calendar-in-active-range-color);\n\n                &::before {\n                    background-color: transparent;\n                }\n            }\n        }\n\n        &[data-disabled],\n        &[data-outside-month],\n        &[data-outside-visible-range] {\n            color: rgb(\n                from currentColor r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            cursor: default;\n\n            &::before {\n                border-width: 0;\n                background-color: transparent;\n            }\n        }\n\n        &[data-invalid] {\n            color: var(--md-sys-color-on-error);\n            --_state-layer: currentColor;\n\n            &::before {\n                background-color: var(--md-sys-color-error);\n            }\n\n            &[data-range-calendar]:not([data-selection-start]):not(\n                    [data-selection-end]\n                ) {\n                color: var(--md-sys-color-on-error-container,);\n\n                &::before {\n                    background-color: transparent;\n                }\n            }\n        }\n    }\n\n    .cell::before,\n    .cell::after,\n    .splash-container {\n        z-index: -1;\n        content: \"\";\n\n        position: absolute;\n        inset: var(--md-sys-layout-space-4);\n        border-radius: var(--md-sys-shape-corner-radius-full);\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    .splash-container {\n        overflow: hidden;\n    }\n\n    .cell::after {\n        background-color: var(--_state-layer-color);\n    }\n\n    .cell[data-focus-visible]::before {\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    .range-indicator {\n        --_range-indicator-background: var(\n            --_md-calendar-in-active-range-background\n        );\n\n        z-index: -2;\n        position: absolute;\n        inset: 0;\n        inset-block: var(--md-sys-layout-space-4);\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        &[data-invalid] {\n            --_range-indicator-background: var(--md-sys-color-error-container);\n        }\n\n        &[data-in-range] {\n            background-color: var(--_range-indicator-background);\n        }\n\n        &[data-selection-start] {\n            inset-inline-start: var(--md-sys-layout-space-4);\n\n            border-start-start-radius: var(--md-sys-shape-corner-radius-full);\n            border-end-start-radius: var(--md-sys-shape-corner-radius-full);\n\n            background-color: var(--_range-indicator-background);\n        }\n\n        &[data-selection-end] {\n            inset-inline-end: var(--md-sys-layout-space-4);\n\n            border-start-end-radius: var(--md-sys-shape-corner-radius-full);\n            border-end-end-radius: var(--md-sys-shape-corner-radius-full);\n\n            background-color: var(--_range-indicator-background);\n        }\n\n        &[data-disabled],\n        &[data-outside-month],\n        &[data-outside-visible-range] {\n            --_range-indicator-background: transparent;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { usePress } from \"react-aria/usePress\";\nimport { CalendarCell as AriaCalendarCell } from \"react-aria-components\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { typography } from \"@/utils\";\nimport styles from \"./calendarCell.module.css\";\n\nexport const CalendarCell: React.FC<\n    Omit<React.ComponentPropsWithRef<typeof AriaCalendarCell>, \"children\"> & {\n        isRangeCalendar?: boolean;\n    }\n> = ({ className, isRangeCalendar = false, ...props }) => {\n    const { splashInfo, handlePress } = useSplash();\n    const { pressProps } = usePress({ onPress: handlePress });\n\n    return (\n        <AriaCalendarCell\n            className={(renderProps) =>\n                clsx(\n                    styles[\"cell\"],\n                    typography.bodyLarge,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...pressProps}\n            {...props}\n            data-range-calendar={isRangeCalendar || undefined}\n        >\n            {({\n                formattedDate,\n                isDisabled,\n                isOutsideVisibleRange,\n                isOutsideMonth,\n                isInvalid,\n                isSelected,\n                isSelectionStart,\n                isSelectionEnd,\n            }) => {\n                const inBetweenRange =\n                    isRangeCalendar &&\n                    isSelected &&\n                    !isSelectionStart &&\n                    !isSelectionEnd;\n\n                const disableSplash =\n                    isDisabled || isOutsideMonth || isOutsideVisibleRange;\n\n                return (\n                    <>\n                        {!disableSplash && splashInfo && (\n                            <span className={clsx(styles[\"splash-container\"])}>\n                                <Splash {...splashInfo} />\n                            </span>\n                        )}\n\n                        {isRangeCalendar && (\n                            <span\n                                className={clsx(styles[\"range-indicator\"])}\n                                data-in-range={inBetweenRange || undefined}\n                                data-selection-start={\n                                    isSelectionStart || undefined\n                                }\n                                data-selection-end={isSelectionEnd || undefined}\n                                data-invalid={isInvalid || undefined}\n                                data-disabled={isDisabled || undefined}\n                                data-outside-month={isOutsideMonth || undefined}\n                                data-outside-visible-range={\n                                    isOutsideVisibleRange || undefined\n                                }\n                            ></span>\n                        )}\n\n                        {formattedDate}\n                    </>\n                );\n            }}\n        </AriaCalendarCell>\n    );\n};\n"],"mappings":";;;;;;;;;;GCQa,KAIR,EAAE,cAAW,qBAAkB,IAAO,GAAG,QAAY;CACtD,IAAM,EAAE,eAAY,mBAAgB,EAAU,GACxC,EAAE,kBAAe,EAAS,EAAE,SAAS,EAAY,CAAC;CAExD,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,MACP,EAAW,WACX,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,GAAI;EACJ,uBAAqB,KAAmB,KAAA;aAEtC,EACE,kBACA,eACA,0BACA,mBACA,cACA,eACA,qBACA,wBACE;GACF,IAAM,IACF,KACA,KACA,CAAC,KACD,CAAC;GAKL,OACI,kBAAA,GAAA,EAAA,UAAA;IACK,EAJL,KAAc,KAAkB,MAIT,KACf,kBAAC,QAAD;KAAM,WAAW,EAAK,EAAO,mBAAmB;eAC5C,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA;IACvB,CAAA;IAGT,KACG,kBAAC,QAAD;KACI,WAAW,EAAK,EAAO,kBAAkB;KACzC,iBAAe,KAAkB,KAAA;KACjC,wBACI,KAAoB,KAAA;KAExB,sBAAoB,KAAkB,KAAA;KACtC,gBAAc,KAAa,KAAA;KAC3B,iBAAe,KAAc,KAAA;KAC7B,sBAAoB,KAAkB,KAAA;KACtC,8BACI,KAAyB,KAAA;IAE1B,CAAA;IAGV;GACH,EAAA,CAAA;EAEV;CACc,CAAA;AAE1B"}
+{"version":3,"file":"CalendarCell","names":[],"sources":["../../src/components/Calendar/CalendarCell/calendarCell.module.css","../../src/components/Calendar/CalendarCell/CalendarCell.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .cell {\n        --_state-color: var(--_md-calendar-cell-state-layer-color,);\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        position: relative;\n        text-align: center;\n        outline: none;\n\n        inline-size: var(--_md-calendar-cell-size);\n        block-size: var(--_md-calendar-cell-size);\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        z-index: 0;\n\n        cursor: pointer;\n        color: var(--_md-calendar-cell-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        &[data-focus-visible] {\n            z-index: 1;\n            --_state-layer-opacity: var(--md-sys-state-focus);\n        }\n\n        &[data-hovered] {\n            --_state-layer-opacity: var(--md-sys-state-hover);\n        }\n\n        &[data-pressed] {\n            --_state-layer-opacity: var(--md-sys-state-pressed);\n        }\n\n        &[data-today] {\n            color: var(--_md-calendar-cell-today-color);\n            --_state-color: currentColor;\n\n            &::before {\n                border: calc(1 * var(--dp, 1px)) solid currentColor;\n            }\n        }\n\n        &[data-selected],\n        &[data-selection-start],\n        &[data-selection-end] {\n            color: var(--_md-calendar-selected-color);\n            --_state-color: currentColor;\n\n            &::before {\n                border-width: 0;\n                background-color: var(--_md-calendar-cell-selected-background);\n            }\n        }\n\n        &[data-unavailable] {\n            text-decoration: line-through;\n        }\n\n        &[data-range-calendar][data-selected] {\n            &:not([data-selection-start]):not([data-selection-end]) {\n                color: var(--_md-calendar-in-active-range-color);\n\n                &::before {\n                    background-color: transparent;\n                }\n            }\n        }\n\n        &[data-disabled],\n        &[data-outside-month],\n        &[data-outside-visible-range] {\n            color: rgb(\n                from currentColor r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            cursor: default;\n\n            &::before {\n                border-width: 0;\n                background-color: transparent;\n            }\n        }\n\n        &[data-invalid] {\n            color: var(--md-sys-color-on-error);\n            --_state-layer: currentColor;\n\n            &::before {\n                background-color: var(--md-sys-color-error);\n            }\n\n            &[data-range-calendar]:not([data-selection-start]):not(\n                    [data-selection-end]\n                ) {\n                color: var(--md-sys-color-on-error-container,);\n\n                &::before {\n                    background-color: transparent;\n                }\n            }\n        }\n    }\n\n    .cell::before,\n    .cell::after,\n    .splash-container {\n        z-index: -1;\n        content: \"\";\n\n        position: absolute;\n        inset: var(--md-sys-layout-space-4);\n        border-radius: var(--md-sys-shape-corner-radius-full);\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    .splash-container {\n        overflow: hidden;\n    }\n\n    .cell::after {\n        background-color: var(--_state-layer-color);\n    }\n\n    .cell[data-focus-visible]::before {\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    .range-indicator {\n        --_range-indicator-background: var(\n            --_md-calendar-in-active-range-background\n        );\n\n        z-index: -2;\n        position: absolute;\n        inset: 0;\n        inset-block: var(--md-sys-layout-space-4);\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        &[data-invalid] {\n            --_range-indicator-background: var(--md-sys-color-error-container);\n        }\n\n        &[data-in-range] {\n            background-color: var(--_range-indicator-background);\n        }\n\n        &[data-selection-start] {\n            inset-inline-start: var(--md-sys-layout-space-4);\n\n            border-start-start-radius: var(--md-sys-shape-corner-radius-full);\n            border-end-start-radius: var(--md-sys-shape-corner-radius-full);\n\n            background-color: var(--_range-indicator-background);\n        }\n\n        &[data-selection-end] {\n            inset-inline-end: var(--md-sys-layout-space-4);\n\n            border-start-end-radius: var(--md-sys-shape-corner-radius-full);\n            border-end-end-radius: var(--md-sys-shape-corner-radius-full);\n\n            background-color: var(--_range-indicator-background);\n        }\n\n        &[data-disabled],\n        &[data-outside-month],\n        &[data-outside-visible-range] {\n            --_range-indicator-background: transparent;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { usePress } from \"react-aria/usePress\";\nimport { CalendarCell as AriaCalendarCell } from \"react-aria-components\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { typography } from \"@/utils\";\nimport styles from \"./calendarCell.module.css\";\n\nexport const CalendarCell: React.FC<\n    Omit<React.ComponentPropsWithRef<typeof AriaCalendarCell>, \"children\"> & {\n        isRangeCalendar?: boolean;\n    }\n> = ({ className, isRangeCalendar = false, ...props }) => {\n    const { splashInfo, handlePress } = useSplash();\n    const { pressProps } = usePress({ onPress: handlePress });\n\n    return (\n        <AriaCalendarCell\n            className={(renderProps) =>\n                clsx(\n                    styles[\"cell\"],\n                    typography.bodyLarge,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...pressProps}\n            {...props}\n            data-range-calendar={isRangeCalendar || undefined}\n        >\n            {({\n                formattedDate,\n                isDisabled,\n                isOutsideVisibleRange,\n                isOutsideMonth,\n                isInvalid,\n                isSelected,\n                isSelectionStart,\n                isSelectionEnd,\n            }) => {\n                const inBetweenRange =\n                    isRangeCalendar &&\n                    isSelected &&\n                    !isSelectionStart &&\n                    !isSelectionEnd;\n\n                const disableSplash =\n                    isDisabled || isOutsideMonth || isOutsideVisibleRange;\n\n                return (\n                    <>\n                        {!disableSplash && splashInfo && (\n                            <span className={clsx(styles[\"splash-container\"])}>\n                                <Splash {...splashInfo} />\n                            </span>\n                        )}\n\n                        {isRangeCalendar && (\n                            <span\n                                className={clsx(styles[\"range-indicator\"])}\n                                data-in-range={inBetweenRange || undefined}\n                                data-selection-start={\n                                    isSelectionStart || undefined\n                                }\n                                data-selection-end={isSelectionEnd || undefined}\n                                data-invalid={isInvalid || undefined}\n                                data-disabled={isDisabled || undefined}\n                                data-outside-month={isOutsideMonth || undefined}\n                                data-outside-visible-range={\n                                    isOutsideVisibleRange || undefined\n                                }\n                            ></span>\n                        )}\n\n                        {formattedDate}\n                    </>\n                );\n            }}\n        </AriaCalendarCell>\n    );\n};\n"],"mappings":";;;;;;;;;;GCQa,KAIR,EAAE,cAAW,qBAAkB,IAAO,GAAG,QAAY;CACtD,IAAM,EAAE,eAAY,mBAAgB,EAAU,GACxC,EAAE,kBAAe,EAAS,EAAE,SAAS,EAAY,CAAC;CAExD,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,MACP,EAAW,WACX,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,GAAI;EACJ,uBAAqB,KAAmB,KAAA;aAEtC,EACE,kBACA,eACA,0BACA,mBACA,cACA,eACA,qBACA,wBACE;GACF,IAAM,IACF,KACA,KACA,CAAC,KACD,CAAC;GAKL,OACI,kBAAA,GAAA,EAAA,UAAA;IACK,EAJL,KAAc,KAAkB,MAIT,KACf,kBAAC,QAAD;KAAM,WAAW,EAAK,EAAO,mBAAmB;eAC5C,kBAAC,GAAD,EAAQ,GAAI,EAAW,CAAA;IACrB,CAAA;IAGT,KACG,kBAAC,QAAD;KACI,WAAW,EAAK,EAAO,kBAAkB;KACzC,iBAAe,KAAkB,KAAA;KACjC,wBACI,KAAoB,KAAA;KAExB,sBAAoB,KAAkB,KAAA;KACtC,gBAAc,KAAa,KAAA;KAC3B,iBAAe,KAAc,KAAA;KAC7B,sBAAoB,KAAkB,KAAA;KACtC,8BACI,KAAyB,KAAA;IAE1B,CAAA;IAGV;GACL,EAAA,CAAA;EAER;CACc,CAAA;AAE1B"}