@adgytec/adgytec-web-ui-components 2.3.1 → 2.4.0

package/dist/chunks/BaseCalendar.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCalendar","names":["items","date","state","clsx","styles","Button","CalendarGrid","Icon","Button$1","CalendarGrid$1","useCalendarState","isRangeCalendarState","clsx$1","baseCalendar_module_default","BaseCalendar","view","setView","useState","calendarRef","useRef","monthRef","yearRef","anchorDate","calendarState","timeZone","monthShortFormatter","useDateFormatter","monthLongFormatter","yearFormatter","focusedMonth","focusedYear","currentYear","today","minYear","maxYear","years","useMemo","items","year","date","months","items_0","numMonths","month","date_0","isYearInvalid","startOfYear","date_1","lastMonth","endOfYear","nextYearIsInvalid","prevYearIsInvalid","saveAnchorDateForRangeCalendar","restoreAnchorDateForRangeCalendar","menuItemOnSelection","ButtonContext","previousMonthAriaLabel","nextMonthAriaLabel","previousYearAriaLabel","nextYearAriaLabel","\"header\"","\"options\"","IconButton","ChevronLeft","\"selection\"","ChevronDown","ChevronRight","\"view\"","Transition","\"menu\"","state","state_0","CalendarMonthMenu","state_1","CalendarYearMenu"],"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\n/**\n * Internal view mode for the calendar component.\n *\n * - `\"calendar\"`: The standard 7-column date grid.\n * - `\"month\"`: Month selector menu.\n * - `\"year\"`: Year selector menu.\n */\ntype View = \"calendar\" | \"month\" | \"year\";\n\n/**\n * Props for the {@link BaseCalendar} component.\n */\nexport interface BaseCalendarProps {\n    /** Whether the calendar is operating in range selection mode. */\n    isRangeCalendar?: boolean;\n\n    /** Formatting style for weekday column headers. */\n    weekdayStyle?: WeekdayStyle;\n\n    /** Accessible label for the previous month button. */\n    previousMonthAriaLabel?: string;\n\n    /** Accessible label for the next month button. */\n    nextMonthAriaLabel?: string;\n\n    /** Accessible label for the previous year button. */\n    previousYearAriaLabel?: string;\n\n    /** Accessible label for the next year button. */\n    nextYearAriaLabel?: string;\n}\n\n/**\n * Core calendar layout and view orchestrator.\n *\n * Manages the calendar header with navigation controls (prev/next month, prev/next year,\n * month/year dropdown buttons), animated transitions between grid, month, and year views,\n * and maintains anchor date state during view changes in range selection mode.\n */\nexport const BaseCalendar: React.FC<BaseCalendarProps> = ({\n    isRangeCalendar,\n    weekdayStyle,\n    previousMonthAriaLabel,\n    nextMonthAriaLabel,\n    previousYearAriaLabel,\n    nextYearAriaLabel,\n}) => {\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    /**\n     * Determines whether an entire year falls completely outside the allowable\n     * date range bounded by `minValue` and `maxValue`.\n     *\n     * @param date - A calendar date representing the year to evaluate.\n     * @returns `true` if every date in the year is invalid, otherwise `false`.\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    /** Checks whether navigating to the next year would land on a completely invalid year. */\n    const nextYearIsInvalid = () => {\n        return isYearInvalid(calendarState.focusedDate.cycle(\"year\", 1));\n    };\n\n    /** Checks whether navigating to the previous year would land on a completely invalid year. */\n    const prevYearIsInvalid = () => {\n        return isYearInvalid(calendarState.focusedDate.cycle(\"year\", -1));\n    };\n\n    /**\n     * Preserves the active selection anchor date when navigating to month or year views\n     * in a range calendar, clearing it temporarily to avoid unintended range expansions.\n     */\n    const saveAnchorDateForRangeCalendar = () => {\n        if (!isRangeCalendarState(calendarState)) return;\n\n        anchorDate.current = calendarState.anchorDate;\n        calendarState.setAnchorDate(null);\n    };\n\n    /**\n     * Restores the saved selection anchor date upon returning from month or year views\n     * in a range calendar.\n     */\n    const restoreAnchorDateForRangeCalendar = () => {\n        if (!isRangeCalendarState(calendarState)) return;\n\n        calendarState.setAnchorDate(anchorDate.current);\n        anchorDate.current = null;\n    };\n\n    /** Handles closing the month/year selection menu and returning to the calendar grid. */\n    const menuItemOnSelection = () => {\n        setView(\"calendar\");\n        restoreAnchorDateForRangeCalendar();\n    };\n\n    return (\n        <ButtonContext\n            value={{\n                slots: {\n                    \"previous-month\": {\n                        \"aria-label\": previousMonthAriaLabel,\n                        onPress: () => calendarState.focusPreviousPage(),\n                        isDisabled:\n                            calendarState.isDisabled ||\n                            view !== \"calendar\" ||\n                            calendarState.isPreviousVisibleRangeInvalid(),\n                    },\n                    \"next-month\": {\n                        \"aria-label\": nextMonthAriaLabel,\n                        onPress: () => calendarState.focusNextPage(),\n                        isDisabled:\n                            calendarState.isDisabled ||\n                            view !== \"calendar\" ||\n                            calendarState.isNextVisibleRangeInvalid(),\n                    },\n                    \"month-view\": {\n                        \"aria-expanded\": view === \"month\",\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                        \"aria-label\": previousYearAriaLabel,\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                        \"aria-label\": nextYearAriaLabel,\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                        \"aria-expanded\": view === \"year\",\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":";;;;;;;;;;;;;;;;;;;;;GC8Dac,KAA6C,EACtD,oBACA,iBACA,2BACA,uBACA,0BACA,2BACE;CACF,IAAM,CAACC,GAAMC,KAAWC,EAAe,UAAU,GAE3CC,IAAcC,EAAuB,IAAI,GACzCC,IAAWD,EAAuB,IAAI,GACtCE,IAAUF,EAAuB,IAAI,GAGrCG,IAAaH,EAA4B,IAAI,GAE7CI,IAAgBb,EAAiB,GACjCc,IAAWD,EAAc,UAEzBE,IAAsBC,EAAiB;EACzC,OAAO;EACG;CACd,CAAC,GACKC,IAAqBD,EAAiB;EACxC,OAAO;EACP;CACJ,CAAC,GACKE,IAAgBF,EAAiB;EACnC,MAAM;EACI;CACd,CAAC,GAEKG,IAAeJ,EAAoB,OACrCF,EAAc,YAAY,OAAOC,CAAQ,CAC7C,GACMM,IAAcF,EAAc,OAC9BL,EAAc,YAAY,OAAOC,CAAQ,CAC7C,GAGMO,IAAcC,EAAMR,CAAQ,CAAC,CAAC,MAE9BS,IAAUV,EAAc,UAAU,QAAA,MAClCW,IACFX,EAAc,UAAU,QAAQQ,IAAA,KAG9BI,IAAQC,QAAc;EACxB,IAAMC,IAAoB,CAAA;EAE1B,KAAK,IAAIC,IAAOL,GAASK,KAAQJ,GAAS,KAAQ;GAC9C,IAAMK,IAAOhB,EAAc,YAAY,IAAI,EAAE,QAAK,CAAC;GAEnD,EAAM,KAAK;IACP,IAAIe;IACJ,WAAWV,EAAc,OAAOW,EAAK,OAAOf,CAAQ,CAAC;GACzD,CAAC;EACL;EAEA,OAAOa;CACX,GAAG;EAACJ;EAASC;EAASV;EAAUI;CAAa,CAAC,GAIxCY,IAASJ,QAAc;EACzB,IAAMpC,IAAqB,CAAA,GAErB0C,IAAYnB,EAAc,YAAY,SAAS,gBACjDA,EAAc,WAClB;EAEA,KAAK,IAAIoB,IAAQ,GAAGA,KAASD,GAAW,KAAS;GAC7C,IAAMzC,IAAOsB,EAAc,YAAY,IAAI,EAAE,SAAM,CAAC;GAEpDvB,EAAM,KAAK;IACP,IAAI2C;IACJ,WAAWhB,EAAmB,OAAO1B,EAAK,OAAOuB,CAAQ,CAAC;GAC9D,CAAC;EACL;EAEA,OAAOxB;CACX,GAAG;EAACuB,EAAc,YAAY;EAAUC;EAAUG;CAAkB,CAAC,GAS/DkB,KAAiB5C,MAAuB;EAC1C,IAAM6C,IAAc7C,EAAK,IAAI;GAAE,OAAO;GAAG,KAAK;EAAE,CAAC,GAE3C+C,IAAY/C,EAAK,SAAS,gBAAgBA,CAAI,GAC9CgD,IAAYhD,EAAK,IAAI;GACvB,OAAO+C;GACP,KAAK/C,EAAK,SAAS,eAAeA,EAAK,IAAI,EAAE,OAAO+C,EAAU,CAAC,CAAC;EACpE,CAAC;EAED,OACKzB,EAAc,YAAY,QACvBuB,EAAY,QAAQvB,EAAc,QAAQ,IAAI,KACjDA,EAAc,YAAY,QACvB0B,EAAU,QAAQ1B,EAAc,QAAQ,IAAI;CAExD,GAGM2B,UACKL,EAActB,EAAc,YAAY,MAAM,QAAQ,CAAC,CAAC,GAI7D4B,UACKN,EAActB,EAAc,YAAY,MAAM,QAAQ,EAAE,CAAC,GAO9D6B,UAAuC;EACzC,AAAKzC,EAAqBY,CAAa,MAEvC,EAAW,UAAUA,EAAc,YACnCA,EAAc,cAAc,IAAI;CACpC,GAMM8B,UAA0C;EAC5C,AAAK1C,EAAqBY,CAAa,MAEvCA,EAAc,cAAcD,EAAW,OAAO,GAC9C,EAAW,UAAU;CACzB,GAGMgC,UAA4B;EAE9B,AADAtC,EAAQ,UAAU,GAClBqC,EAAkC;CACtC;CAEA,OACI,kBAACE,GAAD;EACI,OAAO,EACH,OAAO;GACH,kBAAkB;IACd,cAAcC;IACd,eAAejC,EAAc,kBAAkB;IAC/C,YACIA,EAAc,cACdR,MAAS,cACTQ,EAAc,8BAA8B;GACpD;GACA,cAAc;IACV,cAAckC;IACd,eAAelC,EAAc,cAAc;IAC3C,YACIA,EAAc,cACdR,MAAS,cACTQ,EAAc,0BAA0B;GAChD;GACA,cAAc;IACV,iBAAiBR,MAAS;IAC1B,eAAe;KACX,IAAIA,MAAS,SAAS;MAElB,AADAsC,EAAkC,GAClCrC,EAAQ,UAAU;MAClB;KACJ;KAGA,AADAoC,EAA+B,GAC/BpC,EAAQ,OAAO;IACnB;IACA,YAAYO,EAAc,cAAcR,MAAS;IACjD,WAAWA,MAAS;GACxB;GAEA,iBAAiB;IACb,cAAc2C;IACd,eAAe;KACX,EAAc,eACVnC,EAAc,YAAY,MAAM,QAAQ,EAAE,CAC9C;IACJ;IACA,YACIA,EAAc,cACdR,MAAS,cACToC,EAAkB;GAC1B;GACA,aAAa;IACT,cAAcQ;IACd,eAAe;KACX,EAAc,eACVpC,EAAc,YAAY,MAAM,QAAQ,CAAC,CAC7C;IACJ;IACA,YACIA,EAAc,cACdR,MAAS,cACTmC,EAAkB;GAC1B;GACA,aAAa;IACT,iBAAiBnC,MAAS;IAC1B,eAAe;KACX,IAAIA,MAAS,QAAQ;MAEjB,AADAsC,EAAkC,GAClCrC,EAAQ,UAAU;MAClB;KACJ;KAGA,AADAoC,EAA+B,GAC/BpC,EAAQ,MAAM;IAClB;IACA,YACIO,EAAc,cAAcR,MAAS;IACzC,WAAWA,MAAS;GACxB;EACJ,EACJ;EA5EJ,UAAA,CA8EI,kBAAC,UAAD;GAAQ,WAAWZ,EAAKC,EAAOwD,MAAS;GAAxC,UAAA,CACI,kBAAC,OAAD;IAAK,WAAWzD,EAAKC,EAAOyD,OAAU;IAAtC,UAAA;KACI,kBAACC,GAAD;MACI,MAAK;MACL,MAAMC;MACN,OAAM;MACN,MAAK;KAAa,CAAA;KAGtB,kBAAC1D,GAAD;MACI,MAAK;MACL,OAAM;MACN,OAAM;MACN,MAAK;MACL,WAAWF,EAAKC,EAAO4D,SAAY;MALvC,UAAA,CAOKnC,GACD,kBAACtB,GAAD;OAAM,MAAM0D;OAAa,MAAM;MAAG,CAAA,CAC9B;;KAER,kBAACH,GAAD;MACI,MAAK;MACL,MAAMI;MACN,OAAM;MACN,MAAK;KAAa,CAAA;IAErB;GAEL,CAAA,GAAA,kBAAC,OAAD;IAAK,WAAW/D,EAAKC,EAAOyD,OAAU;IAAtC,UAAA;KACI,kBAACC,GAAD;MACI,MAAK;MACL,MAAMC;MACN,OAAM;MACN,MAAK;KAAa,CAAA;KAGtB,kBAAC1D,GAAD;MACI,MAAK;MACL,OAAM;MACN,OAAM;MACN,MAAK;MACL,WAAWF,EAAKC,EAAO4D,SAAY;MALvC,UAAA,CAOKlC,GACD,kBAACvB,GAAD;OAAM,MAAM0D;OAAa,MAAM;MAAG,CAAA,CAC9B;;KAER,kBAACH,GAAD;MACI,MAAK;MACL,MAAMI;MACN,OAAM;MACN,MAAK;KAAa,CAAA;IAErB;GACD,CAAA,CAAA;EAER,CAAA,GAAA,kBAAC,OAAD;GAAK,WAAW/D,EAAKC,EAAO+D,IAAO;GAAnC,UAAA;IACI,kBAACC,GAAD;KACI,SAASlD;KACT,SAAS;MACL,OAAO;MACP,MAAM;KACV;KACA,cAAA;KACA,eAAA;KACA,IAAIH,MAAS;KAEX,WAAA,MACE,kBAAC,OAAD;MACI,KAAKG;MACL,WAAWf,EAAKC,EAAOiE,IAAO;MAC9B,cAAYC;MAEZ,UAAA,kBAAChE,GAAD;OACkB;OACG;MAAgB,CAAA;KAEpC,CAAA;IAED,CAAA;IAEZ,kBAAC8D,GAAD;KACI,SAAShD;KACT,SAAS;MACL,OAAO;MACP,MAAM;KACV;KACA,cAAA;KACA,eAAA;KACA,IAAIL,MAAS;KAEXb,WAAAA,MACE,kBAAC,OAAD;MACI,KAAKkB;MACL,WAAWjB,EAAKC,EAAOiE,IAAO;MAC9B,cAAYnE;MAEZ,UAAA,kBAACsE,GAAD;OACI,aAAalB;OACL;MAAO,CAAA;KAElB,CAAA;IAED,CAAA;IAEZ,kBAACc,GAAD;KACI,SAAS/C;KACT,SAAS;MACL,OAAO;MACP,MAAM;KACV;KACA,cAAA;KACA,eAAA;KACA,IAAIN,MAAS;KAEXb,WAAAA,MACE,kBAAC,OAAD;MACI,KAAKmB;MACL,WAAWlB,EAAKC,EAAOiE,IAAO;MAC9B,cAAYnE;MAEZ,UAAA,kBAACwE,GAAD;OACI,aAAapB;OACN;MAAM,CAAA;KAEhB,CAAA;IAED,CAAA;GACX;EACM,CAAA,CAAA;;AAEvB"}
+{"version":3,"file":"BaseCalendar","names":["items","date","state","clsx","styles","Button","CalendarGrid","Icon","Button$1","CalendarGrid$1","useCalendarState","isRangeCalendarState","clsx$1","baseCalendar_module_default","BaseCalendar","view","setView","useState","calendarRef","useRef","monthRef","yearRef","anchorDate","calendarState","timeZone","monthShortFormatter","useDateFormatter","monthLongFormatter","yearFormatter","focusedMonth","focusedYear","currentYear","today","minYear","maxYear","years","useMemo","items","year","date","months","items_0","numMonths","month","date_0","isYearInvalid","startOfYear","date_1","lastMonth","endOfYear","nextYearIsInvalid","prevYearIsInvalid","saveAnchorDateForRangeCalendar","restoreAnchorDateForRangeCalendar","menuItemOnSelection","ButtonContext","previousMonthAriaLabel","nextMonthAriaLabel","previousYearAriaLabel","nextYearAriaLabel","\"header\"","\"options\"","IconButton","ChevronLeft","\"selection\"","ChevronDown","ChevronRight","\"view\"","Transition","\"menu\"","state","state_0","CalendarMonthMenu","state_1","CalendarYearMenu"],"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\n/**\n * Internal view mode for the calendar component.\n *\n * - `\"calendar\"`: The standard 7-column date grid.\n * - `\"month\"`: Month selector menu.\n * - `\"year\"`: Year selector menu.\n */\ntype View = \"calendar\" | \"month\" | \"year\";\n\n/**\n * Props for the {@link BaseCalendar} component.\n */\nexport interface BaseCalendarProps {\n    /** Whether the calendar is operating in range selection mode. */\n    isRangeCalendar?: boolean;\n\n    /** Formatting style for weekday column headers. */\n    weekdayStyle?: WeekdayStyle;\n\n    /** Accessible label for the previous month button. */\n    previousMonthAriaLabel?: string;\n\n    /** Accessible label for the next month button. */\n    nextMonthAriaLabel?: string;\n\n    /** Accessible label for the previous year button. */\n    previousYearAriaLabel?: string;\n\n    /** Accessible label for the next year button. */\n    nextYearAriaLabel?: string;\n}\n\n/**\n * Core calendar layout and view orchestrator.\n *\n * Manages the calendar header with navigation controls (prev/next month, prev/next year,\n * month/year dropdown buttons), animated transitions between grid, month, and year views,\n * and maintains anchor date state during view changes in range selection mode.\n */\nexport const BaseCalendar: React.FC<BaseCalendarProps> = ({\n    isRangeCalendar,\n    weekdayStyle,\n    previousMonthAriaLabel,\n    nextMonthAriaLabel,\n    previousYearAriaLabel,\n    nextYearAriaLabel,\n}) => {\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    /**\n     * Determines whether an entire year falls completely outside the allowable\n     * date range bounded by `minValue` and `maxValue`.\n     *\n     * @param date - A calendar date representing the year to evaluate.\n     * @returns `true` if every date in the year is invalid, otherwise `false`.\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    /** Checks whether navigating to the next year would land on a completely invalid year. */\n    const nextYearIsInvalid = () => {\n        return isYearInvalid(calendarState.focusedDate.cycle(\"year\", 1));\n    };\n\n    /** Checks whether navigating to the previous year would land on a completely invalid year. */\n    const prevYearIsInvalid = () => {\n        return isYearInvalid(calendarState.focusedDate.cycle(\"year\", -1));\n    };\n\n    /**\n     * Preserves the active selection anchor date when navigating to month or year views\n     * in a range calendar, clearing it temporarily to avoid unintended range expansions.\n     */\n    const saveAnchorDateForRangeCalendar = () => {\n        if (!isRangeCalendarState(calendarState)) return;\n\n        anchorDate.current = calendarState.anchorDate;\n        calendarState.setAnchorDate(null);\n    };\n\n    /**\n     * Restores the saved selection anchor date upon returning from month or year views\n     * in a range calendar.\n     */\n    const restoreAnchorDateForRangeCalendar = () => {\n        if (!isRangeCalendarState(calendarState)) return;\n\n        calendarState.setAnchorDate(anchorDate.current);\n        anchorDate.current = null;\n    };\n\n    /** Handles closing the month/year selection menu and returning to the calendar grid. */\n    const menuItemOnSelection = () => {\n        setView(\"calendar\");\n        restoreAnchorDateForRangeCalendar();\n    };\n\n    return (\n        <ButtonContext\n            value={{\n                slots: {\n                    \"previous-month\": {\n                        \"aria-label\": previousMonthAriaLabel,\n                        onPress: () => calendarState.focusPreviousPage(),\n                        isDisabled:\n                            calendarState.isDisabled ||\n                            view !== \"calendar\" ||\n                            calendarState.isPreviousVisibleRangeInvalid(),\n                    },\n                    \"next-month\": {\n                        \"aria-label\": nextMonthAriaLabel,\n                        onPress: () => calendarState.focusNextPage(),\n                        isDisabled:\n                            calendarState.isDisabled ||\n                            view !== \"calendar\" ||\n                            calendarState.isNextVisibleRangeInvalid(),\n                    },\n                    \"month-view\": {\n                        \"aria-expanded\": view === \"month\",\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                        \"aria-label\": previousYearAriaLabel,\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                        \"aria-label\": nextYearAriaLabel,\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                        \"aria-expanded\": view === \"year\",\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":"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"}

package/dist/chunks/BottomSheet

@@ -5,7 +5,7 @@ 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
+import '../assets/BottomSheet.css';// src/components/Sheets/BottomSheet/BottomSheet/bottomSheet.module.css
 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);
@@ -24,7 +24,6 @@ var c = e(), l = { "bottom-sheet": "_bottom-sheet_1fkp9_9" }, u = (e) => {
 		})
 	}), u[8] = m, u[9] = p, u[10] = h, u[11] = g, u[12] = _) : _ = u[12], _;
 };
-//#endregion
 export { u as t };
 
 //# sourceMappingURL=BottomSheet.map

package/dist/chunks/BottomSheet.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet","names":["layout","_c","clsx","styles","_Fragment","require_compiler_runtime","clsx$1","import_compiler_runtime","bottomSheet_module_default","BottomSheet","$","children","className","props","t0","useContext","BottomSheetContext","t1","t2","Fragment","renderProps","t3","layout","DialogContext","Dialog"],"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\";\nimport type { BottomSheetProps } from \"./types\";\n\n/**\n * Content container for bottom sheets, conforming to\n * [Material 3 Bottom Sheets](https://m3.material.io/components/bottom-sheets/overview).\n *\n * Renders inside a React Aria `Dialog` within `DialogContext` (value: `true`), anchoring\n * content to the bottom of the viewport with responsive maximum width and height.\n * Consumes {@link BottomSheetContext} to apply `data-layout` for standard or detached layouts.\n *\n * Configurable CSS tokens:\n * - `--md-bottom-sheet-background`: Background color of the bottom sheet (`var(--md-sys-color-surface-container-low)`).\n * - `--md-bottom-sheet-color`: Text color of the bottom sheet (`var(--md-sys-color-on-surface)`).\n *\n * @example\n * ```tsx\n * import { DialogTrigger } from \"react-aria-components\";\n * import {\n *     BottomSheet,\n *     BottomSheetModal,\n *     Button,\n *     ModalOverlay,\n * } from \"@adgytec/web-ui-components\";\n *\n * export function Example() {\n *     return (\n *         <DialogTrigger>\n *             <Button label=\"Open Bottom Sheet\" />\n *             <ModalOverlay>\n *                 <BottomSheetModal layout=\"standard\">\n *                     <BottomSheet>\n *                         <p>This is the bottom sheet content.</p>\n *                     </BottomSheet>\n *                 </BottomSheetModal>\n *             </ModalOverlay>\n *         </DialogTrigger>\n *     );\n * }\n * ```\n */\nexport const BottomSheet: React.FC<BottomSheetProps> = ({\n    children,\n    className,\n    ...props\n}) => {\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":";;;;;;;;8DC8CaS,KAA0C,MAAA;CAAA,IAAAC,KAAA,GAAAT,EAAAA,EAAAA,CAAA,EAAA,GAAAU,GAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAI,KAItD,IAAAJ,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAJuD,4BAAA,GAAAG,KAAAC,GAIvD,EAAA,KAAAA,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,cAAmBE,EAAWC,CAAkB,GAAEC;CAAA,AAAAP,EAAA,OAAAE,IAKY,IAAAF,EAAA,MAAvC,IAAAR,EAAKC,EAAO,iBAAiBS,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAK;CAAA,IAAAC;CAAA,AAAAR,EAAA,OAAAC,IAUjD,IAAAD,EAAA,MANA,KAAA,MACG,kBAAAN,GAAA,EAAA,UACK,OAAOO,KAAa,aACfA,EAASS,CACF,IAFZT,EAEa,CAAA,GAErB,EAAA,KAAAA,GAAA,EAAA,KAAAO;CAAA,IAAAG;CAEO,OAFPX,EAAA,OAAAY,KAAAZ,EAAA,OAAAG,KAAAH,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAZT,IAAA,kBAACK,GAAD;EAAsB,OAAA;EAClB,UAAA,kBAACC,GAAD;GACe,WAAAP;GACEjB,eAAAsB;GAAM,GACfT;GAEH,UAAAK;EALE,CAAA;CADG,CAAA,GAcE,EAAA,KAAAI,GAAA,EAAA,KAAAT,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAG,KAAA,IAAAX,EAAA,KAdhBW;AAcgB"}
+{"version":3,"file":"BottomSheet","names":["layout","_c","clsx","styles","_Fragment","require_compiler_runtime","clsx$1","import_compiler_runtime","bottomSheet_module_default","BottomSheet","$","children","className","props","t0","useContext","BottomSheetContext","t1","t2","Fragment","renderProps","t3","layout","DialogContext","Dialog"],"sources":["../../src/components/Sheets/BottomSheet/BottomSheet/bottomSheet.module.css","../../src/components/Sheets/BottomSheet/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\";\nimport type { BottomSheetProps } from \"./types\";\n\n/**\n * Content container for bottom sheets, conforming to\n * [Material 3 Bottom Sheets](https://m3.material.io/components/bottom-sheets/overview).\n *\n * Renders inside a React Aria `Dialog` within `DialogContext` (value: `true`), anchoring\n * content to the bottom of the viewport with responsive maximum width and height.\n * Consumes {@link BottomSheetContext} to apply `data-layout` for standard or detached layouts.\n *\n * Configurable CSS tokens:\n * - `--md-bottom-sheet-background`: Background color of the bottom sheet (`var(--md-sys-color-surface-container-low)`).\n * - `--md-bottom-sheet-color`: Text color of the bottom sheet (`var(--md-sys-color-on-surface)`).\n *\n * @example\n * ```tsx\n * import { DialogTrigger } from \"react-aria-components\";\n * import {\n *     BottomSheet,\n *     BottomSheetModal,\n *     Button,\n *     ModalOverlay,\n * } from \"@adgytec/web-ui-components\";\n *\n * export function Example() {\n *     return (\n *         <DialogTrigger>\n *             <Button label=\"Open Bottom Sheet\" />\n *             <ModalOverlay>\n *                 <BottomSheetModal layout=\"standard\">\n *                     <BottomSheet>\n *                         <p>This is the bottom sheet content.</p>\n *                     </BottomSheet>\n *                 </BottomSheetModal>\n *             </ModalOverlay>\n *         </DialogTrigger>\n *     );\n * }\n * ```\n */\nexport const BottomSheet: React.FC<BottomSheetProps> = ({\n    children,\n    className,\n    ...props\n}) => {\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":";;;;;;;;A,8DC8CaS,KAA0C,MAAA;CAAA,IAAAC,KAAA,GAAAT,EAAAA,EAAAA,CAAA,EAAA,GAAAU,GAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAI,KAItD,IAAAJ,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAJuD,4BAAA,GAAAG,KAAAC,GAIvD,EAAA,KAAAA,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,cAAmBE,EAAWC,CAAkB,GAAEC;CAAA,AAAAP,EAAA,OAAAE,IAKY,IAAAF,EAAA,MAAvC,IAAAR,EAAKC,EAAO,iBAAiBS,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAK;CAAA,IAAAC;CAAA,AAAAR,EAAA,OAAAC,IAUjD,IAAAD,EAAA,MANA,KAAA,MACG,kBAAAN,GAAA,EAAA,UACK,OAAOO,KAAa,aACfA,EAASS,CACF,IAFZT,EAEa,CAAA,GAErB,EAAA,KAAAA,GAAA,EAAA,KAAAO;CAAA,IAAAG;CAEO,OAFPX,EAAA,OAAAY,KAAAZ,EAAA,OAAAG,KAAAH,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAZT,IAAA,kBAACK,GAAD;EAAsB,OAAA;EAClB,UAAA,kBAACC,GAAD;GACe,WAAAP;GACEjB,eAAAsB;GAAM,GACfT;GAEH,UAAAK;EALE,CAAA;CADG,CAAA,GAcE,EAAA,KAAAI,GAAA,EAAA,KAAAT,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAG,KAAA,IAAAX,EAAA,KAdhBW;AAcgB"}

package/dist/chunks/BottomSheetModal

@@ -2,7 +2,7 @@ import e from "clsx";
 import { createContext as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 import { Modal as r } from "react-aria-components";
-import '../assets/BottomSheetModal.css';var i = { modal: "_modal_hiq4g_2" }, a = t({ layout: "standard" }), o = ({ className: t, layout: o = "standard", ...s }) => /* @__PURE__ */ n(a, {
+import '../assets/BottomSheetModal.css';var i = { modal: "_modal_1hd0f_2" }, a = t({ layout: "standard" }), o = ({ className: t, layout: o = "standard", ...s }) => /* @__PURE__ */ n(a, {
 	value: { layout: o },
 	children: /* @__PURE__ */ n(r, {
 		"data-layout": o,
@@ -10,7 +10,6 @@ import '../assets/BottomSheetModal.css';var i = { modal: "_modal_hiq4g_2" }, a =
 		...s
 	})
 });
-//#endregion
 export { a as n, o as t };
 
 //# sourceMappingURL=BottomSheetModal.map

package/dist/chunks/BottomSheetModal.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetModal","names":["clsx","styles","clsx$1","bottomSheetModal_module_default","BottomSheetContext","createContext","BottomSheetModal","props","Modal","layout","\"modal\"","className","renderProps"],"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\n/**\n * Context value passed from {@link BottomSheetModal} to descendant {@link BottomSheet} components.\n */\nexport type BottomSheetContextValue = {\n    /**\n     * Current layout style (`\"standard\"` or `\"detached\"`).\n     */\n    layout: SheetLayout;\n};\n\n/**\n * React context providing layout configuration for bottom sheets.\n * Default value is `layout: \"standard\"`.\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\n/**\n * Modal container for a bottom sheet ({@link BottomSheet}).\n *\n * Implements [Material 3 Bottom Sheets](https://m3.material.io/components/bottom-sheets/overview)\n * positioning and animations using React Aria Components `Modal`. Sets `data-layout` attribute\n * to control slide-up entrance/exit animations and viewport margin styling, and provides layout\n * configuration to children through {@link BottomSheetContext}.\n *\n * @example\n * ```tsx\n * import { DialogTrigger } from \"react-aria-components\";\n * import {\n *     BottomSheet,\n *     BottomSheetModal,\n *     Button,\n *     ModalOverlay,\n * } from \"@adgytec/web-ui-components\";\n *\n * export function Example() {\n *     return (\n *         <DialogTrigger>\n *             <Button label=\"Open Bottom Sheet\" />\n *             <ModalOverlay>\n *                 <BottomSheetModal layout=\"standard\">\n *                     <BottomSheet>\n *                         <p>This is the bottom sheet content.</p>\n *                     </BottomSheet>\n *                 </BottomSheetModal>\n *             </ModalOverlay>\n *         </DialogTrigger>\n *     );\n * }\n * ```\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":";;;;qCCiBaI,IAAqBC,EAAuC,EACrE,QAAQ,WACZ,CAAC,GCqBYC,KAAqD,EAC9D,cACA,YAAS,YACT,GAAGC,QAGC,kBAACH,GAAD;CAAoB,OAAO,EAAE,UAAO;CAChC,UAAA,kBAACI,GAAD;EACI,eAAaC;EACb,YAAY,MACRT,EACIC,EAAOS,OACP,OAAOC,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;EAEJ,GAAIJ;CAAM,CAAA;AAEE,CAAA"}
+{"version":3,"file":"BottomSheetModal","names":["clsx","styles","clsx$1","bottomSheetModal_module_default","BottomSheetContext","createContext","BottomSheetModal","props","Modal","layout","\"modal\"","className","renderProps"],"sources":["../../src/components/Sheets/BottomSheet/BottomSheetModal/bottomSheetModal.module.css","../../src/components/Sheets/BottomSheet/BottomSheetModal/context.ts","../../src/components/Sheets/BottomSheet/BottomSheetModal/BottomSheetModal.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .modal {\n        --_sheet-modal-motion: var(--md-sys-motion-expressive-fast-spatial);\n        --_sheet-modal-motion-duration: var(\n            --md-sys-motion-expressive-fast-spatial-duration\n        );\n\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=\"standard\"] {\n            --_sheet-modal-motion: var(--md-sys-motion-expressive-fast-effects);\n            --_sheet-modal-motion-duration: var(\n                --md-sys-motion-expressive-fast-effects-duration\n            );\n        }\n\n        &[data-layout=\"detached\"] {\n            margin-block-end: var(--_detached-margin);\n        }\n\n        transition: translate var(--_sheet-modal-motion)\n            var(--_sheet-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\n/**\n * Context value passed from {@link BottomSheetModal} to descendant {@link BottomSheet} components.\n */\nexport type BottomSheetContextValue = {\n    /**\n     * Current layout style (`\"standard\"` or `\"detached\"`).\n     */\n    layout: SheetLayout;\n};\n\n/**\n * React context providing layout configuration for bottom sheets.\n * Default value is `layout: \"standard\"`.\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\n/**\n * Modal container for a bottom sheet ({@link BottomSheet}).\n *\n * Implements [Material 3 Bottom Sheets](https://m3.material.io/components/bottom-sheets/overview)\n * positioning and animations using React Aria Components `Modal`. Sets `data-layout` attribute\n * to control slide-up entrance/exit animations and viewport margin styling, and provides layout\n * configuration to children through {@link BottomSheetContext}.\n *\n * @example\n * ```tsx\n * import { DialogTrigger } from \"react-aria-components\";\n * import {\n *     BottomSheet,\n *     BottomSheetModal,\n *     Button,\n *     ModalOverlay,\n * } from \"@adgytec/web-ui-components\";\n *\n * export function Example() {\n *     return (\n *         <DialogTrigger>\n *             <Button label=\"Open Bottom Sheet\" />\n *             <ModalOverlay>\n *                 <BottomSheetModal layout=\"standard\">\n *                     <BottomSheet>\n *                         <p>This is the bottom sheet content.</p>\n *                     </BottomSheet>\n *                 </BottomSheetModal>\n *             </ModalOverlay>\n *         </DialogTrigger>\n *     );\n * }\n * ```\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":";;;;A,qCCiBaI,IAAqBC,EAAuC,EACrE,QAAQ,WACZ,CAAC,GCqBYC,KAAqD,EAC9D,cACA,YAAS,YACT,GAAGC,QAGC,kBAACH,GAAD;CAAoB,OAAO,EAAE,UAAO;CAChC,UAAA,kBAACI,GAAD;EACI,eAAaC;EACb,YAAY,MACRT,EACIC,EAAOS,OACP,OAAOC,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;EAEJ,GAAIJ;CAAM,CAAA;AAEE,CAAA"}

package/dist/chunks/ButtonGroup

@@ -4,7 +4,7 @@ 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';//#region src/components/Button/ButtonGroups/ButtonGroup/buttonGroup.module.css
+import '../assets/ButtonGroup.css';// src/components/Button/ButtonGroups/ButtonGroup/buttonGroup.module.css
 var a = e(), o = {
 	"button-group": "_button-group_1enif_2",
 	"extra-small": "_extra-small_1enif_41",
@@ -36,7 +36,6 @@ var a = e(), o = {
 		children: _
 	}), s[18] = h, s[19] = _, s[20] = v) : v = s[20], v;
 };
-//#endregion
 export { s as t };
 
 //# sourceMappingURL=ButtonGroup.map

package/dist/chunks/ButtonGroup.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup","names":["contextValue","_c","styles","AriaToggleButtonGroup","require_compiler_runtime","import_compiler_runtime","buttonGroup_module_default","ButtonGroup","$","className","color","iconPlacement","props","shape","size","t0","t1","contextValue","t2","clsx","renderProps","t3","ToggleButtonGroup","t4","ButtonGroupContext"],"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\n/**\n * A group container for related toggle buttons implementing Material Design 3 Button Groups.\n *\n * Displays buttons with consistent spacing and dynamic morphing padding animations when pressed.\n * Provides size, shape, color, and icon placement down to child buttons via context.\n *\n * Built on top of React Aria's `ToggleButtonGroup` supporting single or multiple selection modes.\n *\n * @example\n * ```tsx\n * <ButtonGroup selectionMode=\"single\" color=\"tonal\">\n *     <ToggleButton id=\"left\" icon={AlignLeft} aria-label=\"Align Left\" />\n *     <ToggleButton id=\"center\" icon={AlignCenter} aria-label=\"Align Center\" />\n *     <ToggleButton id=\"right\" icon={AlignRight} aria-label=\"Align Right\" />\n * </ButtonGroup>\n * ```\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":";;;;;;;;;;;;;;GCwBaO,KAA0C,MAAA;CAAA,IAAAC,KAAA,GAAAP,EAAAA,EAAAA,CAAA,EAAA,GAAAQ,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAN,EAAA,OAAAO,KAOtD,IAAAP,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAPuD,8DAAA,GAAAI,KAAAG,GAOvD,EAAA,KAAAA,GAAA,EAAA,KAAAN,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAK,KAAAL,EAAA,QAAAM,KAEc,IAAA;EAAA;EAAA;EAAA;EAAA;CAAoC,GAAC,EAAA,KAAAJ,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAE,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAE,KAAA,IAAAR,EAAA;CADhD,IAAAS,IACWD,GAETE;CAAA,AAAAV,EAAA,QAAAC,KAAAD,EAAA,QAAAM,KAKqB,KAAA,MACPK,EACIjB,EAAO,iBACPA,EAAOY,KAAA,UACP,OAAOL,KAAc,aACfA,EAAUW,CACF,IAFdX,CAGJ,GAAC,EAAA,MAAAA,GAAA,EAAA,MAAAK,GAAA,EAAA,MAAAI,KAAA,IAAAV,EAAA;CAAA,IAAAa;CAAA,AAAAb,EAAA,QAAAI,KAAAJ,EAAA,QAAAU,KART,IAAA,kBAACf,GAAD;EACe,WAAAe;EAON,GAEDN;EACJ,qBAAA;CAAiB,CAAA,GACnB,EAAA,MAAAA,GAAA,EAAA,MAAAM,GAAA,EAAA,MAAAG,KAAA,IAAAb,EAAA;CAAA,IAAAe;CACe,OADff,EAAA,QAAAS,KAAAT,EAAA,QAAAa,KAbN,IAAA,kBAACG,GAAD;EAA2BxB,OAAAiB;EACvB,UAAAI;CADe,CAAA,GAcE,EAAA,MAAAJ,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAE,KAAA,IAAAf,EAAA,KAdrBe;AAcqB"}
+{"version":3,"file":"ButtonGroup","names":["contextValue","_c","styles","AriaToggleButtonGroup","require_compiler_runtime","import_compiler_runtime","buttonGroup_module_default","ButtonGroup","$","className","color","iconPlacement","props","shape","size","t0","t1","contextValue","t2","clsx","renderProps","t3","ToggleButtonGroup","t4","ButtonGroupContext"],"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\n/**\n * A group container for related toggle buttons implementing Material Design 3 Button Groups.\n *\n * Displays buttons with consistent spacing and dynamic morphing padding animations when pressed.\n * Provides size, shape, color, and icon placement down to child buttons via context.\n *\n * Built on top of React Aria's `ToggleButtonGroup` supporting single or multiple selection modes.\n *\n * @example\n * ```tsx\n * <ButtonGroup selectionMode=\"single\" color=\"tonal\">\n *     <ToggleButton id=\"left\" icon={AlignLeft} aria-label=\"Align Left\" />\n *     <ToggleButton id=\"center\" icon={AlignCenter} aria-label=\"Align Center\" />\n *     <ToggleButton id=\"right\" icon={AlignRight} aria-label=\"Align Right\" />\n * </ButtonGroup>\n * ```\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":";;;;;;;;;;;;;;A,GCwBaO,KAA0C,MAAA;CAAA,IAAAC,KAAA,GAAAP,EAAAA,EAAAA,CAAA,EAAA,GAAAQ,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAN,EAAA,OAAAO,KAOtD,IAAAP,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAPuD,8DAAA,GAAAI,KAAAG,GAOvD,EAAA,KAAAA,GAAA,EAAA,KAAAN,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAK,KAAAL,EAAA,QAAAM,KAEc,IAAA;EAAA;EAAA;EAAA;EAAA;CAAoC,GAAC,EAAA,KAAAJ,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAE,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAE,KAAA,IAAAR,EAAA;CADhD,IAAAS,IACWD,GAETE;CAAA,AAAAV,EAAA,QAAAC,KAAAD,EAAA,QAAAM,KAKqB,KAAA,MACPK,EACIjB,EAAO,iBACPA,EAAOY,KAAA,UACP,OAAOL,KAAc,aACfA,EAAUW,CACF,IAFdX,CAGJ,GAAC,EAAA,MAAAA,GAAA,EAAA,MAAAK,GAAA,EAAA,MAAAI,KAAA,IAAAV,EAAA;CAAA,IAAAa;CAAA,AAAAb,EAAA,QAAAI,KAAAJ,EAAA,QAAAU,KART,IAAA,kBAACf,GAAD;EACe,WAAAe;EAON,GAEDN;EACJ,qBAAA;CAAiB,CAAA,GACnB,EAAA,MAAAA,GAAA,EAAA,MAAAM,GAAA,EAAA,MAAAG,KAAA,IAAAb,EAAA;CAAA,IAAAe;CACe,OADff,EAAA,QAAAS,KAAAT,EAAA,QAAAa,KAbN,IAAA,kBAACG,GAAD;EAA2BxB,OAAAiB;EACvB,UAAAI;CADe,CAAA,GAcE,EAAA,MAAAJ,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAE,KAAA,IAAAf,EAAA,KAdrBe;AAcqB"}

package/dist/chunks/CalendarCell

@@ -23,7 +23,6 @@ import '../assets/CalendarCell.css';var o = {
 		}), e] });
 	}
 });
-//#endregion
 export { s as t };
 
 //# sourceMappingURL=CalendarCell.map

package/dist/chunks/CalendarCell.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarCell","names":["CalendarCell","AriaCalendarCell","clsx","styles","_Fragment","typography","clsx$1","calendarCell_module_default","CalendarCell$1","props","CalendarCell","\"cell\"","className","renderProps","isRangeCalendar","inBetweenRange","isSelected","isSelectionStart","isSelectionEnd","Fragment","isInvalid","isDisabled","isOutsideMonth","isOutsideVisibleRange","formattedDate"],"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        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    .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 { CalendarCell as AriaCalendarCell } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./calendarCell.module.css\";\n\n/**\n * Props for the {@link CalendarCell} component.\n * Extends React Aria's `CalendarCell` props (excluding `children`).\n */\nexport interface CalendarCellProps\n    extends Omit<\n        React.ComponentPropsWithRef<typeof AriaCalendarCell>,\n        \"children\"\n    > {\n    /** Whether the cell is being rendered within a range calendar. */\n    isRangeCalendar?: boolean;\n}\n\n/**\n * An individual date cell within the calendar grid.\n *\n * Handles day number rendering, selection indicators, range highlight backgrounds\n * (selection start, in-between range, selection end), and disabled and outside-month styling.\n */\nexport const CalendarCell: React.FC<CalendarCellProps> = ({\n    className,\n    isRangeCalendar = false,\n    ...props\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            {...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                return (\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":";;;;;;;GCwBaA,KAA6C,EACtD,cACA,qBAAkB,IAClB,GAAGS,QAGC,kBAACR,GAAD;CACI,YAAY,MACRC,EACIC,EAAOQ,MACPN,EAAW,WACX,OAAOO,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;CAEJ,GAAIH;CACJ,uBAAqBK,KAAmB,KAAA;CAEtC,WAAA,EACE,kBACA,eACA,0BACA,mBACA,cACA,eACA,qBACA,wBACE;EACF,IAAMC,IACFD,KACAE,KACA,CAACC,KACD,CAACC;EAEL,OACI,kBAAAd,GAAA,EAAA,UAAA,CACKU,KACG,kBAAC,QAAD;GACI,WAAWZ,EAAKC,EAAO,kBAAkB;GACzC,iBAAeY,KAAkB,KAAA;GACjC,wBACIE,KAAoB,KAAA;GAExB,sBAAoBC,KAAkB,KAAA;GACtC,gBAAcE,KAAa,KAAA;GAC3B,iBAAeC,KAAc,KAAA;GAC7B,sBAAoBC,KAAkB,KAAA;GACtC,8BACIC,KAAyB,KAAA;EAE1B,CAAA,GAGVC,CACL,EAAA,CAAA;CAER;AACc,CAAA"}
+{"version":3,"file":"CalendarCell","names":["CalendarCell","AriaCalendarCell","clsx","styles","_Fragment","typography","clsx$1","calendarCell_module_default","CalendarCell$1","props","CalendarCell","\"cell\"","className","renderProps","isRangeCalendar","inBetweenRange","isSelected","isSelectionStart","isSelectionEnd","Fragment","isInvalid","isDisabled","isOutsideMonth","isOutsideVisibleRange","formattedDate"],"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        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    .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 { CalendarCell as AriaCalendarCell } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./calendarCell.module.css\";\n\n/**\n * Props for the {@link CalendarCell} component.\n * Extends React Aria's `CalendarCell` props (excluding `children`).\n */\nexport interface CalendarCellProps\n    extends Omit<\n        React.ComponentPropsWithRef<typeof AriaCalendarCell>,\n        \"children\"\n    > {\n    /** Whether the cell is being rendered within a range calendar. */\n    isRangeCalendar?: boolean;\n}\n\n/**\n * An individual date cell within the calendar grid.\n *\n * Handles day number rendering, selection indicators, range highlight backgrounds\n * (selection start, in-between range, selection end), and disabled and outside-month styling.\n */\nexport const CalendarCell: React.FC<CalendarCellProps> = ({\n    className,\n    isRangeCalendar = false,\n    ...props\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            {...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                return (\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":";;;;;;;A,GCwBaA,KAA6C,EACtD,cACA,qBAAkB,IAClB,GAAGS,QAGC,kBAACR,GAAD;CACI,YAAY,MACRC,EACIC,EAAOQ,MACPN,EAAW,WACX,OAAOO,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;CAEJ,GAAIH;CACJ,uBAAqBK,KAAmB,KAAA;CAEtC,WAAA,EACE,kBACA,eACA,0BACA,mBACA,cACA,eACA,qBACA,wBACE;EACF,IAAMC,IACFD,KACAE,KACA,CAACC,KACD,CAACC;EAEL,OACI,kBAAAd,GAAA,EAAA,UAAA,CACKU,KACG,kBAAC,QAAD;GACI,WAAWZ,EAAKC,EAAO,kBAAkB;GACzC,iBAAeY,KAAkB,KAAA;GACjC,wBACIE,KAAoB,KAAA;GAExB,sBAAoBC,KAAkB,KAAA;GACtC,gBAAcE,KAAa,KAAA;GAC3B,iBAAeC,KAAc,KAAA;GAC7B,sBAAoBC,KAAkB,KAAA;GACtC,8BACIC,KAAyB,KAAA;EAE1B,CAAA,GAGVC,CACL,EAAA,CAAA;CAER;AACc,CAAA"}

package/dist/chunks/CalendarGrid

@@ -4,7 +4,7 @@ import { t as n } from "./CalendarCell";
 import r from "clsx";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { CalendarGrid as o, CalendarGridBody as s, CalendarGridHeader as c, CalendarHeaderCell as l } from "react-aria-components";
-import '../assets/CalendarGrid.css';//#region src/components/Calendar/CalendarGrid/calendarGrid.module.css
+import '../assets/CalendarGrid.css';// src/components/Calendar/CalendarGrid/calendarGrid.module.css
 var u = e(), d = {
 	grid: "_grid_1uey9_2",
 	header: "_header_1uey9_7",
@@ -42,7 +42,6 @@ function p(e) {
 		children: e
 	});
 }
-//#endregion
 export { f as t };
 
 //# sourceMappingURL=CalendarGrid.map

package/dist/chunks/CalendarGrid.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarGrid","names":["isRangeCalendar","date","day","CalendarGrid","_c","clsx","styles","CalendarCell","AriaCalendarGrid","require_compiler_runtime","CalendarCell$1","clsx$1","import_compiler_runtime","calendarGrid_module_default","CalendarGrid$1","$","isRangeCalendar","props","t0","t1","t2","CalendarGridHeader","_temp","t3","t4","CalendarGridBody","t5","CalendarGrid","CalendarHeaderCell","typography","day"],"sources":["../../src/components/Calendar/CalendarGrid/calendarGrid.module.css","../../src/components/Calendar/CalendarGrid/CalendarGrid.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .grid {\n        padding-inline: var(--md-sys-layout-space-12);\n        border-spacing: 0;\n    }\n\n    .header {\n        color: var(--_md-calendar-header-cell-color);\n    }\n\n    .header::after {\n        content: \"\";\n        display: block;\n        block-size: var(--md-sys-layout-space-4);\n    }\n\n    .header-cell {\n        inline-size: var(--_md-calendar-cell-size);\n        block-size: var(--_md-calendar-cell-size);\n    }\n}\n","import clsx from \"clsx\";\nimport {\n    CalendarGrid as AriaCalendarGrid,\n    CalendarGridBody,\n    CalendarGridHeader,\n    CalendarHeaderCell,\n} from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport { CalendarCell } from \"../CalendarCell\";\nimport styles from \"./calendarGrid.module.css\";\n\n/**\n * Props for the {@link CalendarGrid} component.\n * Extends React Aria's `CalendarGrid` props (excluding `children` and `className`).\n */\nexport interface CalendarGridProps\n    extends Omit<\n        React.ComponentPropsWithRef<typeof AriaCalendarGrid>,\n        \"children\" | \"className\"\n    > {\n    /** Whether the calendar is operating in range selection mode. */\n    isRangeCalendar?: boolean;\n}\n\n/**\n * Renders the 7-column calendar date grid, including weekday column headers\n * and day date cells.\n */\nexport const CalendarGrid: React.FC<CalendarGridProps> = ({\n    isRangeCalendar,\n    ...props\n}) => {\n    return (\n        <AriaCalendarGrid {...props} className={clsx(styles[\"grid\"])}>\n            <CalendarGridHeader className={clsx(styles[\"header\"])}>\n                {(day) => (\n                    <CalendarHeaderCell\n                        className={clsx(\n                            styles[\"header-cell\"],\n                            typography.bodyLarge\n                        )}\n                    >\n                        {day}\n                    </CalendarHeaderCell>\n                )}\n            </CalendarGridHeader>\n\n            <CalendarGridBody className={clsx(styles[\"body\"])}>\n                {(date) => (\n                    <CalendarCell\n                        isRangeCalendar={isRangeCalendar}\n                        date={date}\n                    />\n                )}\n            </CalendarGridBody>\n        </AriaCalendarGrid>\n    );\n};\n"],"mappings":";;;;;;;;;;;GC4BaG,KAA4C,MAAA;CAAA,IAAAY,KAAA,GAAAX,EAAAA,EAAAA,CAAA,EAAA,GAAAY,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGxD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHyD,qBAAA,GAAAE,KAAAC,GAGzD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAA,OAAA,IAAA,2BAAA,KAE+C,IAAAV,EAAKC,EAAM,IAAQ,GAAC,EAAA,KAAAa,KAAA,IAAAJ,EAAA;CAAA,IAAAK;CAAA,AAAAL,EAAA,OAAA,OAAA,IAAA,2BAAA,KACxD,IAAA,kBAACM,GAAD;EAA+B,WAAAhB,EAAKC,EAAM,MAAU;EAC/C,UAAAgB;CADc,CAAA,GAWE,EAAA,KAAAF,KAAA,IAAAL,EAAA;CAAA,IAAAQ;CAAA,AAAAR,EAAA,OAAA,OAAA,IAAA,2BAAA,KAEQ,IAAAV,EAAKC,EAAM,IAAQ,GAAC,EAAA,KAAAiB,KAAA,IAAAR,EAAA;CAAA,IAAAS;CAAA,AAAAT,EAAA,OAAAC,IAO9B,IAAAD,EAAA,MAPnB,IAAA,kBAACU,GAAD;EAA6B,WAAAF;EACxB,WAAA,MACG,kBAAChB,GAAD;GACqB;GACX;EAAI,CAAA;CAJL,CAAA,GAOE,EAAA,KAAAS,GAAA,EAAA,KAAAQ;CAAA,IAAAE;CACJ,OADIX,EAAA,OAAAE,KAAAF,EAAA,OAAAS,KArBvB,IAAA,kBAAChB,GAAD;EAAiB,GAAKS;EAAkB,WAAAE;EAAxC,UAAA,CACIC,GAaAI,CAda;KAsBE,EAAA,KAAAP,GAAA,EAAA,KAAAO,GAAA,EAAA,MAAAE,KAAA,IAAAX,EAAA,KAtBnBW;AAsBmB;AA3B8B,SAAAJ,EAAA,GAAA;CAAA,OAQrC,kBAACM,GAAD;EACe,WAAAvB,EACPC,EAAO,gBACPuB,EAAU,SACd;EAEC,UAAAC;CANc,CAAA;AAOE"}
+{"version":3,"file":"CalendarGrid","names":["isRangeCalendar","date","day","CalendarGrid","_c","clsx","styles","CalendarCell","AriaCalendarGrid","require_compiler_runtime","CalendarCell$1","clsx$1","import_compiler_runtime","calendarGrid_module_default","CalendarGrid$1","$","isRangeCalendar","props","t0","t1","t2","CalendarGridHeader","_temp","t3","t4","CalendarGridBody","t5","CalendarGrid","CalendarHeaderCell","typography","day"],"sources":["../../src/components/Calendar/CalendarGrid/calendarGrid.module.css","../../src/components/Calendar/CalendarGrid/CalendarGrid.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .grid {\n        padding-inline: var(--md-sys-layout-space-12);\n        border-spacing: 0;\n    }\n\n    .header {\n        color: var(--_md-calendar-header-cell-color);\n    }\n\n    .header::after {\n        content: \"\";\n        display: block;\n        block-size: var(--md-sys-layout-space-4);\n    }\n\n    .header-cell {\n        inline-size: var(--_md-calendar-cell-size);\n        block-size: var(--_md-calendar-cell-size);\n    }\n}\n","import clsx from \"clsx\";\nimport {\n    CalendarGrid as AriaCalendarGrid,\n    CalendarGridBody,\n    CalendarGridHeader,\n    CalendarHeaderCell,\n} from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport { CalendarCell } from \"../CalendarCell\";\nimport styles from \"./calendarGrid.module.css\";\n\n/**\n * Props for the {@link CalendarGrid} component.\n * Extends React Aria's `CalendarGrid` props (excluding `children` and `className`).\n */\nexport interface CalendarGridProps\n    extends Omit<\n        React.ComponentPropsWithRef<typeof AriaCalendarGrid>,\n        \"children\" | \"className\"\n    > {\n    /** Whether the calendar is operating in range selection mode. */\n    isRangeCalendar?: boolean;\n}\n\n/**\n * Renders the 7-column calendar date grid, including weekday column headers\n * and day date cells.\n */\nexport const CalendarGrid: React.FC<CalendarGridProps> = ({\n    isRangeCalendar,\n    ...props\n}) => {\n    return (\n        <AriaCalendarGrid {...props} className={clsx(styles[\"grid\"])}>\n            <CalendarGridHeader className={clsx(styles[\"header\"])}>\n                {(day) => (\n                    <CalendarHeaderCell\n                        className={clsx(\n                            styles[\"header-cell\"],\n                            typography.bodyLarge\n                        )}\n                    >\n                        {day}\n                    </CalendarHeaderCell>\n                )}\n            </CalendarGridHeader>\n\n            <CalendarGridBody className={clsx(styles[\"body\"])}>\n                {(date) => (\n                    <CalendarCell\n                        isRangeCalendar={isRangeCalendar}\n                        date={date}\n                    />\n                )}\n            </CalendarGridBody>\n        </AriaCalendarGrid>\n    );\n};\n"],"mappings":";;;;;;;;;;;A,GC4BaG,KAA4C,MAAA;CAAA,IAAAY,KAAA,GAAAX,EAAAA,EAAAA,CAAA,EAAA,GAAAY,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGxD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHyD,qBAAA,GAAAE,KAAAC,GAGzD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAA,OAAA,IAAA,2BAAA,KAE+C,IAAAV,EAAKC,EAAM,IAAQ,GAAC,EAAA,KAAAa,KAAA,IAAAJ,EAAA;CAAA,IAAAK;CAAA,AAAAL,EAAA,OAAA,OAAA,IAAA,2BAAA,KACxD,IAAA,kBAACM,GAAD;EAA+B,WAAAhB,EAAKC,EAAM,MAAU;EAC/C,UAAAgB;CADc,CAAA,GAWE,EAAA,KAAAF,KAAA,IAAAL,EAAA;CAAA,IAAAQ;CAAA,AAAAR,EAAA,OAAA,OAAA,IAAA,2BAAA,KAEQ,IAAAV,EAAKC,EAAM,IAAQ,GAAC,EAAA,KAAAiB,KAAA,IAAAR,EAAA;CAAA,IAAAS;CAAA,AAAAT,EAAA,OAAAC,IAO9B,IAAAD,EAAA,MAPnB,IAAA,kBAACU,GAAD;EAA6B,WAAAF;EACxB,WAAA,MACG,kBAAChB,GAAD;GACqB;GACX;EAAI,CAAA;CAJL,CAAA,GAOE,EAAA,KAAAS,GAAA,EAAA,KAAAQ;CAAA,IAAAE;CACJ,OADIX,EAAA,OAAAE,KAAAF,EAAA,OAAAS,KArBvB,IAAA,kBAAChB,GAAD;EAAiB,GAAKS;EAAkB,WAAAE;EAAxC,UAAA,CACIC,GAaAI,CAda;C,IAsBE,EAAA,KAAAP,GAAA,EAAA,KAAAO,GAAA,EAAA,MAAAE,KAAA,IAAAX,EAAA,KAtBnBW;AAsBmB;AA3B8B,SAAAJ,EAAA,GAAA;CAAA,OAQrC,kBAACM,GAAD;EACe,WAAAvB,EACPC,EAAO,gBACPuB,EAAU,SACd;EAEC,UAAAC;CANc,CAAA;AAOE"}

package/dist/chunks/CalendarMenuItem

@@ -3,7 +3,7 @@ import { t } from "./base";
 import n from "clsx";
 import { jsx as r } from "react/jsx-runtime";
 import { ListBoxItem as i } from "react-aria-components";
-import '../assets/CalendarMenuItem.css';//#region src/components/Calendar/CalendarMenuItem/calendarMenuItem.module.css
+import '../assets/CalendarMenuItem.css';// src/components/Calendar/CalendarMenuItem/calendarMenuItem.module.css
 var a = e(), o = { item: "_item_1fsu9_2" }, s = (e) => {
 	let s = (0, a.c)(8), c, l;
 	s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
@@ -15,7 +15,6 @@ var a = e(), o = { item: "_item_1fsu9_2" }, s = (e) => {
 		...l
 	}), s[5] = l, s[6] = u, s[7] = d) : d = s[7], d;
 };
-//#endregion
 export { s as t };
 
 //# sourceMappingURL=CalendarMenuItem.map

package/dist/chunks/CalendarMenuItem.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMenuItem","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","calendarMenuItem_module_default","CalendarMenuItem","$","className","props","t0","t1","typography","renderProps","t2","ListBoxItem"],"sources":["../../src/components/Calendar/CalendarMenuItem/calendarMenuItem.module.css","../../src/components/Calendar/CalendarMenuItem/CalendarMenuItem.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .item {\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        padding-block: var(--md-sys-layout-space-12);\n        padding-inline-start: calc(52 * var(--dp, 1px));\n        margin-inline-end: var(--md-sys-layout-space-12);\n\n        color: var(--_md-calendar-cell-color);\n\n        position: relative;\n\n        cursor: pointer;\n\n        border-end-end-radius: var(--md-sys-shape-corner-radius-extra-small);\n        border-start-end-radius: var(--md-sys-shape-corner-radius-extra-small);\n        outline: none;\n\n        [data-selected-icon] {\n            position: absolute;\n\n            inset-inline-start: var(--md-sys-layout-space-12);\n            inset-block-start: 50%;\n            translate: 0 -50%;\n        }\n\n        &[data-selected] {\n            color: var(--_md-calendar-menu-selected-color);\n            background-color: var(--_md-calendar-menu-selected-background);\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-disabled] {\n            color: rgb(\n                from currentColor r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            cursor: default;\n        }\n    }\n\n    .item::before,\n    .item::after {\n        content: \"\";\n\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\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    .item::after {\n        background-color: var(--_state-layer-color);\n    }\n\n    .item[data-focus-visible]::before {\n        --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n        --focus-indicator-offset: calc(1 * 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","import clsx from \"clsx\";\nimport { ListBoxItem } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./calendarMenuItem.module.css\";\n\n/**\n * Props for the {@link CalendarMenuItem} component.\n * Extends React Aria's {@link ListBoxItem} props.\n */\nexport interface CalendarMenuItemProps\n    extends React.ComponentPropsWithRef<typeof ListBoxItem> {}\n\n/**\n * An individual selectable item within the calendar month and year picker menus.\n *\n * Implements Material Design 3 selection styles, focus outlines, and typography.\n */\nexport const CalendarMenuItem: React.FC<CalendarMenuItemProps> = ({\n    className,\n    ...props\n}) => {\n    return (\n        <ListBoxItem\n            className={(renderProps) =>\n                clsx(\n                    styles[\"item\"],\n                    typography.bodyLarge,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;4CCiBaO,KAAoD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGhE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHiE,eAAA,GAAAE,KAAAC,GAGjE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAUgB,IAAAD,EAAA,MAPM,KAAA,MACPP,EACIC,EAAM,MACNW,EAAU,WACV,OAAOJ,KAAc,aACfA,EAAUK,CACF,IAFdL,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAG;CAGP,OAHOP,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KART,IAAA,kBAACI,GAAD;EACe,WAAAJ;EAON,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAG,KAAA,IAAAP,EAAA,IAXFO;AAWE"}
+{"version":3,"file":"CalendarMenuItem","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","calendarMenuItem_module_default","CalendarMenuItem","$","className","props","t0","t1","typography","renderProps","t2","ListBoxItem"],"sources":["../../src/components/Calendar/CalendarMenuItem/calendarMenuItem.module.css","../../src/components/Calendar/CalendarMenuItem/CalendarMenuItem.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .item {\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        padding-block: var(--md-sys-layout-space-12);\n        padding-inline-start: calc(52 * var(--dp, 1px));\n        margin-inline-end: var(--md-sys-layout-space-12);\n\n        color: var(--_md-calendar-cell-color);\n\n        position: relative;\n\n        cursor: pointer;\n\n        border-end-end-radius: var(--md-sys-shape-corner-radius-extra-small);\n        border-start-end-radius: var(--md-sys-shape-corner-radius-extra-small);\n        outline: none;\n\n        [data-selected-icon] {\n            position: absolute;\n\n            inset-inline-start: var(--md-sys-layout-space-12);\n            inset-block-start: 50%;\n            translate: 0 -50%;\n        }\n\n        &[data-selected] {\n            color: var(--_md-calendar-menu-selected-color);\n            background-color: var(--_md-calendar-menu-selected-background);\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-disabled] {\n            color: rgb(\n                from currentColor r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            cursor: default;\n        }\n    }\n\n    .item::before,\n    .item::after {\n        content: \"\";\n\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\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    .item::after {\n        background-color: var(--_state-layer-color);\n    }\n\n    .item[data-focus-visible]::before {\n        --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n        --focus-indicator-offset: calc(1 * 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","import clsx from \"clsx\";\nimport { ListBoxItem } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./calendarMenuItem.module.css\";\n\n/**\n * Props for the {@link CalendarMenuItem} component.\n * Extends React Aria's {@link ListBoxItem} props.\n */\nexport interface CalendarMenuItemProps\n    extends React.ComponentPropsWithRef<typeof ListBoxItem> {}\n\n/**\n * An individual selectable item within the calendar month and year picker menus.\n *\n * Implements Material Design 3 selection styles, focus outlines, and typography.\n */\nexport const CalendarMenuItem: React.FC<CalendarMenuItemProps> = ({\n    className,\n    ...props\n}) => {\n    return (\n        <ListBoxItem\n            className={(renderProps) =>\n                clsx(\n                    styles[\"item\"],\n                    typography.bodyLarge,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;A,4CCiBaO,KAAoD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGhE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHiE,eAAA,GAAAE,KAAAC,GAGjE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAUgB,IAAAD,EAAA,MAPM,KAAA,MACPP,EACIC,EAAM,MACNW,EAAU,WACV,OAAOJ,KAAc,aACfA,EAAUK,CACF,IAFdL,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAG;CAGP,OAHOP,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KART,IAAA,kBAACI,GAAD;EACe,WAAAJ;EAON,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAG,KAAA,IAAAP,EAAA,IAXFO;AAWE"}

package/dist/chunks/Card

@@ -3,10 +3,10 @@ import n from "clsx";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 import { GridListItem as o } from "react-aria-components";
 import '../assets/Card.css';var s = {
-	card: "_card_a3fgp_11",
-	elevated: "_elevated_a3fgp_122",
-	filled: "_filled_a3fgp_137",
-	outlined: "_outlined_a3fgp_150"
+	card: "_card_l0da7_11",
+	elevated: "_elevated_l0da7_124",
+	filled: "_filled_l0da7_139",
+	outlined: "_outlined_l0da7_152"
 }, c = ({ variant: c = "filled", className: l, onPress: u, children: d, ...f }) => {
 	let { handlePress: p, splashInfo: m } = t(u);
 	return /* @__PURE__ */ i(o, {
@@ -16,7 +16,6 @@ import '../assets/Card.css';var s = {
 		children: (t) => /* @__PURE__ */ a(r, { children: [m && /* @__PURE__ */ i(e, { ...m }), typeof d == "function" ? d(t) : d] })
 	});
 };
-//#endregion
 export { c as t };
 
 //# sourceMappingURL=Card.map

package/dist/chunks/Card.map

@@ -1 +1 @@
-{"version":3,"file":"Card","names":["renderProps","clsx","styles","_Fragment","Splash","clsx$1","card_module_default","Card","props","useSplash","onPress","GridListItem","\"card\"","variant","className","renderProps","handlePress","Fragment","splashInfo","children","renderProps_0"],"sources":["../../src/components/Card/Card/card.module.css","../../src/components/Card/Card/Card.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-card-background\n* --md-card-icon-color\n* --md-card-elevation\n* --md-card-outline\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .card {\n        --_md-card-background: var(\n            --md-card-background,\n            var(--_md-card-background-default)\n        );\n        --_md-card-icon-color: var(\n            --md-card-icon-color,\n            var(--md-sys-color-primary)\n        );\n\n        --_md-card-elevation: var(\n            --md-card-elevation,\n            var(--_md-card-elevation-default, var(--md-sys-elevation-shadow-0))\n        );\n\n        --md-card-shape: var(--md-sys-shape-corner-radius-medium);\n        --md-card-padding: var(--md-sys-layout-space-16);\n\n        /* state layer */\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        /* variable to use  */\n        --_background-color: var(--_md-card-background);\n        --_shadow: var(--_md-card-elevation);\n\n        border-radius: var(--md-card-shape);\n        background-color: var(--_background-color);\n        color: var(--_color);\n\n        position: relative;\n        overflow: clip;\n\n        box-shadow: var(--_shadow);\n\n        transition: box-shadow 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-hovered] {\n            --_state-layer-opacity: var(--md-sys-state-hover);\n            --_shadow: var(--md-sys-elevation-shadow-1);\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-dragging] {\n            --_state-layer-opacity: var(--md-sys-state-dragged);\n            --_shadow: var(--md-sys-elevation-shadow-3);\n        }\n\n        &[data-disabled] {\n            --_background-color: rgb(\n                from var(--md-sys-color-surface) r g b /\n                var(--md-sys-state-disabled-content)\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            --_state-layer-color: var(--_background-color);\n        }\n    }\n\n    /* state layer */\n    .card::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    .card[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    .elevated {\n        --_md-card-elevation-default: var(--md-sys-elevation-shadow-1);\n        --_md-card-background-default: var(\n            --md-sys-color-surface-container-low\n        );\n\n        &[data-hovered] {\n            --_shadow: var(--md-sys-elevation-shadow-2);\n        }\n\n        &[data-dragging] {\n            --_shadow: var(--md-sys-elevation-shadow-4);\n        }\n    }\n\n    .filled {\n        --_md-card-background-default: var(\n            --md-sys-color-surface-container-highest\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-container)\n            );\n        }\n    }\n\n    .outlined {\n        --_md-card-outline: var(\n            --md-card-outline,\n            var(--md-sys-color-outline-variant)\n        );\n\n        --_md-card-background-default: var(--md-sys-color-surface);\n\n        /* variables to use */\n        --_outline-color: var(--_md-card-outline);\n        --_outline-width: var(--md-sys-shape-border-width-thin);\n\n        border: var(--_outline-width) solid var(--_outline-color);\n\n        &[data-focus-visible] {\n            --_outline-color: var(--md-sys-color-on-surface);\n        }\n\n        &[data-disabled] {\n            --_outline-color: rgb(\n                from var(--md-sys-color-outline) r g b /\n                var(--md-sys-state-disabled-container)\n            );\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { GridListItem } from \"react-aria-components\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport styles from \"./card.module.css\";\nimport type { CardProps } from \"./types\";\n\n/**\n * A card container component implementing Material Design 3 Card guidelines.\n *\n * Cards contain content and actions about a single subject. They present information\n * in a structured format and support three visual variants (`\"filled\"`, `\"elevated\"`, `\"outlined\"`),\n * interactive press states with touch ripple feedback via {@link Splash}, keyboard navigation,\n * and accessible focus management built on top of React Aria's `GridListItem`.\n *\n * @example\n * ```tsx\n * import { Card, CardIcon } from '@adgytec/web-ui-components';\n * import { Bell } from 'lucide-react';\n *\n * <Card variant=\"elevated\" onPress={() => console.log('Card clicked')}>\n *     <CardIcon icon={Bell} />\n *     <h3>Notifications</h3>\n *     <p>Manage your alert preferences.</p>\n * </Card>\n * ```\n */\nexport const Card: React.FC<CardProps> = ({\n    variant = \"filled\",\n    className,\n    onPress,\n    children,\n    ...props\n}) => {\n    const { handlePress, splashInfo } = useSplash(onPress);\n\n    return (\n        <GridListItem\n            className={(renderProps) =>\n                clsx(\n                    styles[\"card\"],\n                    styles[variant],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            onPress={handlePress}\n            {...props}\n        >\n            {(renderProps) => {\n                return (\n                    <>\n                        {splashInfo && <Splash {...splashInfo} />}\n                        {typeof children === \"function\"\n                            ? children(renderProps)\n                            : children}\n                    </>\n                );\n            }}\n        </GridListItem>\n    );\n};\n"],"mappings":";;;;;;;;;GC0BaO,KAA6B,EACtC,aAAU,UACV,cACA,YACA,aACA,GAAGC,QACD;CACF,IAAM,EAAE,gBAAa,kBAAeC,EAAUC,CAAO;CAErD,OACI,kBAACC,GAAD;EACI,YAAY,MACRV,EACIC,EAAOU,MACPV,EAAOW,IACP,OAAOC,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;EAEJ,SAASE;EACT,GAAIR;EAEFR,WAAAA,MAEM,kBAAAG,GAAA,EAAA,UAAA,CACKe,KAAc,kBAACd,GAAD,EAAQ,GAAIc,EAAW,CAAA,GACrC,OAAOC,KAAa,aACfA,EAASnB,CAAW,IACpBmB,CACV,EAAA,CAAA;CAGE,CAAA;AAEtB"}
+{"version":3,"file":"Card","names":["renderProps","clsx","styles","_Fragment","Splash","clsx$1","card_module_default","Card","props","useSplash","onPress","GridListItem","\"card\"","variant","className","renderProps","handlePress","Fragment","splashInfo","children","renderProps_0"],"sources":["../../src/components/Card/Card/card.module.css","../../src/components/Card/Card/Card.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-card-background\n* --md-card-icon-color\n* --md-card-elevation\n* --md-card-outline\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .card {\n        --_md-card-background: var(\n            --md-card-background,\n            var(--_md-card-background-default)\n        );\n        --_md-card-icon-color: var(\n            --md-card-icon-color,\n            var(--md-sys-color-primary)\n        );\n\n        --_md-card-elevation: var(\n            --md-card-elevation,\n            var(--_md-card-elevation-default, var(--md-sys-elevation-shadow-0))\n        );\n\n        --md-card-shape: var(--md-sys-shape-corner-radius-medium);\n        --md-card-padding: var(--md-sys-layout-space-16);\n\n        /* state layer */\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        /* variable to use  */\n        --_background-color: var(--_md-card-background);\n        --_shadow: var(--_md-card-elevation);\n\n        border-radius: var(--md-card-shape);\n        background-color: var(--_background-color);\n        color: var(--_color);\n\n        position: relative;\n        overflow: clip;\n\n        box-shadow: var(--_shadow);\n\n        transition: box-shadow 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-hovered] {\n            cursor: pointer;\n\n            --_state-layer-opacity: var(--md-sys-state-hover);\n            --_shadow: var(--md-sys-elevation-shadow-1);\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-dragging] {\n            --_state-layer-opacity: var(--md-sys-state-dragged);\n            --_shadow: var(--md-sys-elevation-shadow-3);\n        }\n\n        &[data-disabled] {\n            --_background-color: rgb(\n                from var(--md-sys-color-surface) r g b /\n                var(--md-sys-state-disabled-content)\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            --_state-layer-color: var(--_background-color);\n        }\n    }\n\n    /* state layer */\n    .card::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    .card[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    .elevated {\n        --_md-card-elevation-default: var(--md-sys-elevation-shadow-1);\n        --_md-card-background-default: var(\n            --md-sys-color-surface-container-low\n        );\n\n        &[data-hovered] {\n            --_shadow: var(--md-sys-elevation-shadow-2);\n        }\n\n        &[data-dragging] {\n            --_shadow: var(--md-sys-elevation-shadow-4);\n        }\n    }\n\n    .filled {\n        --_md-card-background-default: var(\n            --md-sys-color-surface-container-highest\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-container)\n            );\n        }\n    }\n\n    .outlined {\n        --_md-card-outline: var(\n            --md-card-outline,\n            var(--md-sys-color-outline-variant)\n        );\n\n        --_md-card-background-default: var(--md-sys-color-surface);\n\n        /* variables to use */\n        --_outline-color: var(--_md-card-outline);\n        --_outline-width: var(--md-sys-shape-border-width-thin);\n\n        border: var(--_outline-width) solid var(--_outline-color);\n\n        &[data-focus-visible] {\n            --_outline-color: var(--md-sys-color-on-surface);\n        }\n\n        &[data-disabled] {\n            --_outline-color: rgb(\n                from var(--md-sys-color-outline) r g b /\n                var(--md-sys-state-disabled-container)\n            );\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { GridListItem } from \"react-aria-components\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport styles from \"./card.module.css\";\nimport type { CardProps } from \"./types\";\n\n/**\n * A card container component implementing Material Design 3 Card guidelines.\n *\n * Cards contain content and actions about a single subject. They present information\n * in a structured format and support three visual variants (`\"filled\"`, `\"elevated\"`, `\"outlined\"`),\n * interactive press states with touch ripple feedback via {@link Splash}, keyboard navigation,\n * and accessible focus management built on top of React Aria's `GridListItem`.\n *\n * @example\n * ```tsx\n * import { Card, CardIcon } from '@adgytec/web-ui-components';\n * import { Bell } from 'lucide-react';\n *\n * <Card variant=\"elevated\" onPress={() => console.log('Card clicked')}>\n *     <CardIcon icon={Bell} />\n *     <h3>Notifications</h3>\n *     <p>Manage your alert preferences.</p>\n * </Card>\n * ```\n */\nexport const Card: React.FC<CardProps> = ({\n    variant = \"filled\",\n    className,\n    onPress,\n    children,\n    ...props\n}) => {\n    const { handlePress, splashInfo } = useSplash(onPress);\n\n    return (\n        <GridListItem\n            className={(renderProps) =>\n                clsx(\n                    styles[\"card\"],\n                    styles[variant],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            onPress={handlePress}\n            {...props}\n        >\n            {(renderProps) => {\n                return (\n                    <>\n                        {splashInfo && <Splash {...splashInfo} />}\n                        {typeof children === \"function\"\n                            ? children(renderProps)\n                            : children}\n                    </>\n                );\n            }}\n        </GridListItem>\n    );\n};\n"],"mappings":";;;;;;;;;A,GC0BaO,KAA6B,EACtC,aAAU,UACV,cACA,YACA,aACA,GAAGC,QACD;CACF,IAAM,EAAE,gBAAa,kBAAeC,EAAUC,CAAO;CAErD,OACI,kBAACC,GAAD;EACI,YAAY,MACRV,EACIC,EAAOU,MACPV,EAAOW,IACP,OAAOC,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;EAEJ,SAASE;EACT,GAAIR;EAEFR,WAAAA,MAEM,kBAAAG,GAAA,EAAA,UAAA,CACKe,KAAc,kBAACd,GAAD,EAAQ,GAAIc,EAAW,CAAA,GACrC,OAAOC,KAAa,aACfA,EAASnB,CAAW,IACpBmB,CACV,EAAA,CAAA;CAGE,CAAA;AAEtB"}

package/dist/chunks/CardIcon

@@ -3,7 +3,7 @@ import { t } from "./Icon";
 import "./types";
 import { clsx as n } from "clsx";
 import { jsx as r } from "react/jsx-runtime";
-import '../assets/CardIcon.css';//#region src/components/Card/CardIcon/cardIcon.module.css
+import '../assets/CardIcon.css';// src/components/Card/CardIcon/cardIcon.module.css
 var i = e(), a = { icon: "_icon_vasd2_2" }, o = (e) => {
 	let o = (0, i.c)(7), s, c;
 	o[0] === e ? (s = o[1], c = o[2]) : ({icon: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
@@ -17,7 +17,6 @@ var i = e(), a = { icon: "_icon_vasd2_2" }, o = (e) => {
 		...c
 	}), o[4] = s, o[5] = c, o[6] = u) : u = o[6], u;
 };
-//#endregion
 export { o as t };
 
 //# sourceMappingURL=CardIcon.map

package/dist/chunks/CardIcon.map

@@ -1 +1 @@
-{"version":3,"file":"CardIcon","names":["icon","CardIconSize","_c","styles","require_compiler_runtime","import_compiler_runtime","cardIcon_module_default","CardIcon","$","icon","props","t0","t1","clsx","t2","Icon"],"sources":["../../src/components/Card/CardIcon/cardIcon.module.css","../../src/components/Card/CardIcon/CardIcon.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .icon {\n        color: var(--_md-card-icon-color);\n    }\n}\n","import { clsx } from \"clsx\";\nimport { Icon } from \"@/components/Icon\";\nimport { CardIconSize } from \"../Card/types\";\nimport styles from \"./cardIcon.module.css\";\n\n/**\n * Props for the {@link CardIcon} component.\n * Extends {@link Icon} props while omitting `size` and `withText`, which are pre-configured\n * specifically for cards.\n */\nexport interface CardIconProps\n    extends Omit<\n        React.ComponentPropsWithRef<typeof Icon>,\n        \"size\" | \"withText\"\n    > {}\n\n/**\n * A styled icon component designed specifically for placement inside a {@link Card}.\n *\n * Automatically standardizes the icon size to 24px ({@link CardIconSize}) and applies\n * theme-aware icon coloring (`--_md-card-icon-color`).\n *\n * @example\n * ```tsx\n * import { Card, CardIcon } from '@adgytec/web-ui-components';\n * import { Sparkles } from 'lucide-react';\n *\n * <Card>\n *     <CardIcon icon={Sparkles} />\n *     <span>Featured Content</span>\n * </Card>\n * ```\n */\nexport const CardIcon: React.FC<CardIconProps> = ({ icon, ...props }) => {\n    return (\n        <Icon\n            icon={icon}\n            size={CardIconSize}\n            className={clsx(styles[\"icon\"])}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;4CCiCaO,KAAoC,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAAO,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAmB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAlB,UAAA,GAAAE,KAAAC,GAAkB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAA,OAAA,IAAA,2BAAA,KAK7C,IAAAK,EAAKV,EAAM,IAAQ,GAAC,EAAA,KAAAS,KAAA,IAAAJ,EAAA;CAAA,IAAAM;CAEjC,OAFiCN,EAAA,OAAAC,KAAAD,EAAA,OAAAE,KAHnC,IAAA,kBAACK,GAAD;EACU;EACAd,MAAAA;EACK,WAAAW;EAAoB,GAC3BF;CAAK,CAAA,GACX,EAAA,KAAAD,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAI,KAAA,IAAAN,EAAA,IALFM;AAKE"}
+{"version":3,"file":"CardIcon","names":["icon","CardIconSize","_c","styles","require_compiler_runtime","import_compiler_runtime","cardIcon_module_default","CardIcon","$","icon","props","t0","t1","clsx","t2","Icon"],"sources":["../../src/components/Card/CardIcon/cardIcon.module.css","../../src/components/Card/CardIcon/CardIcon.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .icon {\n        color: var(--_md-card-icon-color);\n    }\n}\n","import { clsx } from \"clsx\";\nimport { Icon } from \"@/components/Icon\";\nimport { CardIconSize } from \"../Card/types\";\nimport styles from \"./cardIcon.module.css\";\n\n/**\n * Props for the {@link CardIcon} component.\n * Extends {@link Icon} props while omitting `size` and `withText`, which are pre-configured\n * specifically for cards.\n */\nexport interface CardIconProps\n    extends Omit<\n        React.ComponentPropsWithRef<typeof Icon>,\n        \"size\" | \"withText\"\n    > {}\n\n/**\n * A styled icon component designed specifically for placement inside a {@link Card}.\n *\n * Automatically standardizes the icon size to 24px ({@link CardIconSize}) and applies\n * theme-aware icon coloring (`--_md-card-icon-color`).\n *\n * @example\n * ```tsx\n * import { Card, CardIcon } from '@adgytec/web-ui-components';\n * import { Sparkles } from 'lucide-react';\n *\n * <Card>\n *     <CardIcon icon={Sparkles} />\n *     <span>Featured Content</span>\n * </Card>\n * ```\n */\nexport const CardIcon: React.FC<CardIconProps> = ({ icon, ...props }) => {\n    return (\n        <Icon\n            icon={icon}\n            size={CardIconSize}\n            className={clsx(styles[\"icon\"])}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;A,4CCiCaO,KAAoC,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAAO,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAmB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAlB,UAAA,GAAAE,KAAAC,GAAkB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAA,OAAA,IAAA,2BAAA,KAK7C,IAAAK,EAAKV,EAAM,IAAQ,GAAC,EAAA,KAAAS,KAAA,IAAAJ,EAAA;CAAA,IAAAM;CAEjC,OAFiCN,EAAA,OAAAC,KAAAD,EAAA,OAAAE,KAHnC,IAAA,kBAACK,GAAD;EACU;EACAd,MAAAA;EACK,WAAAW;EAAoB,GAC3BF;CAAK,CAAA,GACX,EAAA,KAAAD,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAI,KAAA,IAAAN,EAAA,IALFM;AAKE"}

package/dist/chunks/CenteredSlider

@@ -5,7 +5,7 @@ import { t as u } from "./SliderThumb";
 import d from "clsx";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { Slider as h, SliderTrack as g } from "react-aria-components";
-import '../assets/CenteredSlider.css';//#region src/components/Input/Slider/CenteredSlider/centerdSlider.module.css
+import '../assets/CenteredSlider.css';// src/components/Input/Slider/CenteredSlider/centerdSlider.module.css
 var _ = { "inactive-track": "_inactive-track_1pivv_2" }, v = ({ label: v, thumbLabel: y, size: b = "small", minValue: x = 0, maxValue: S = 100, step: C = 1, defaultValue: w = (x + S) / 2, showInBetweenSteps: T, maxStops: E, outputRenderer: D, className: O, ...k }) => /* @__PURE__ */ p(h, {
 	minValue: x,
 	maxValue: S,
@@ -73,7 +73,6 @@ var _ = { "inactive-track": "_inactive-track_1pivv_2" }, v = ({ label: v, thumbL
 		})] });
 	}
 });
-//#endregion
 export { v as t };
 
 //# sourceMappingURL=CenteredSlider.map