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

package/dist/components/Calendar/CalendarYearMenu/index.js

@@ -5,7 +5,7 @@ import { n as r } from "../../../chunks/core3";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { ListBox as o, ListLayout as s, SelectionIndicator as c, Virtualizer as l } from "react-aria-components";
 import { Check as u } from "lucide-react";
-//#region src/components/Calendar/CalendarYearMenu/CalendarYearMenu.tsx
+// src/components/Calendar/CalendarYearMenu/CalendarYearMenu.tsx
 var d = e(), f = (e) => {
 	let f = (0, d.c)(9), { onSelection: p, years: m } = e, h = r(), g;
 	f[0] === h.focusedDate.year ? g = f[1] : (g = [h.focusedDate.year], f[0] = h.focusedDate.year, f[1] = g);
@@ -35,7 +35,6 @@ var d = e(), f = (e) => {
 		})
 	}), f[5] = g, f[6] = _, f[7] = m, f[8] = v) : v = f[8], v;
 };
-//#endregion
 export { f as CalendarYearMenu };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Calendar/CalendarYearMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Check","ListLayout","years","_c","require_compiler_runtime","CalendarMenuItem","useCalendarState","import_compiler_runtime","CalendarYearMenu","$","t0","state","t1","t2","onSelection","item","SelectionIndicator","Icon","Check","t3","years","Virtualizer","ListLayout","ListBox"],"sources":["../../../../src/components/Calendar/CalendarYearMenu/CalendarYearMenu.tsx"],"sourcesContent":["import { Check } from \"lucide-react\";\nimport {\n    ListBox,\n    ListLayout,\n    SelectionIndicator,\n    Virtualizer,\n} from \"react-aria-components\";\n\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarMenuItem } from \"../CalendarMenuItem\";\nimport { useCalendarState, type YearItem } from \"../core\";\n\n/**\n * Props for the {@link CalendarYearMenu} component.\n */\nexport interface CalendarYearMenuProps {\n    /** Callback invoked after a year item is selected to return to the calendar view. */\n    onSelection: () => void;\n    /** Array of selectable year objects to render in the virtualized list. */\n    years: YearItem[];\n}\n\n/**\n * A virtualized list menu allowing users to quickly pick a year in the calendar.\n *\n * Automatically highlights the currently focused year with a checkmark and shifts the focused date\n * on selection.\n */\nexport const CalendarYearMenu: React.FC<CalendarYearMenuProps> = ({\n    onSelection,\n    years,\n}) => {\n    const state = useCalendarState();\n\n    return (\n        <Virtualizer layout={ListLayout}>\n            <ListBox\n                aria-label=\"year selection\"\n                autoFocus\n                data-menu\n                items={years}\n                selectionMode=\"single\"\n                selectedKeys={[state.focusedDate.year]}\n            >\n                {(item) => (\n                    <CalendarMenuItem\n                        onPress={() => {\n                            state.setFocusedDate(\n                                state.focusedDate.set({ year: item.id })\n                            );\n                            onSelection();\n                        }}\n                        textValue={item.formatted}\n                    >\n                        <SelectionIndicator>\n                            <Icon icon={Check} size={24} data-selected-icon />\n                        </SelectionIndicator>\n\n                        {item.formatted}\n                    </CalendarMenuItem>\n                )}\n            </ListBox>\n        </Virtualizer>\n    );\n};\n"],"mappings":";;;;;;;;aA4BaQ,KAAoD,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAC,EAAA,gBAAA,aAAAO,GAI9DC,IAAcL,EAAiB,GAAEM;CAAA,AAAAH,EAAA,OAAAE,EAAA,YAAA,OAUiB,IAAAF,EAAA,MAAxB,IAAA,CAACE,EAAK,YAAY,IAAK,GAAC,EAAA,KAAAA,EAAA,YAAA,MAAA,EAAA,KAAAC;CAAA,IAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAAAL,EAAA,OAAAE,KAErC,KAAA,MACG,kBAACN,GAAD;EACa,eAAA;GAIL,AAHAM,EAAK,eACDA,EAAK,YAAY,IAAK,EAAA,MAAQI,EAAI,GAAI,CAAC,CAC3C,GACAD,EAAY;EAAC;EAEN,WAAAC,EAAI;EAPnB,UAAA,CASI,kBAACC,GAAD,EAAA,UACI,kBAACC,GAAD;GAAYjB,MAAAkB;GAAa,MAAA;GAAI,sBAAA;EAAkB,CAAA,EADhC,CAAA,GAIlBH,EAAI,SAbQ;KAepB,EAAA,KAAAD,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAE,KAAA,IAAAJ,EAAA;CAAA,IAAAU;CAEK,OAFLV,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAAAJ,EAAA,OAAAW,KAzBT,IAAA,kBAACC,GAAD;EAAqBpB,QAAAqB;EACjB,UAAA,kBAACC,GAAD;GACe,cAAA;GACX,WAAA;GACA,aAAA;GACOrB,OAAAkB;GACO,eAAA;GACA,cAAAR;GAEb,UAAAC;EARG,CAAA;CADA,CAAA,GA2BE,EAAA,KAAAD,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAO,GAAA,EAAA,KAAAD,KAAA,IAAAV,EAAA,IA3BdU;AA2Bc"}
+{"version":3,"file":"index.js","names":["Check","ListLayout","years","_c","require_compiler_runtime","CalendarMenuItem","useCalendarState","import_compiler_runtime","CalendarYearMenu","$","t0","state","t1","t2","onSelection","item","SelectionIndicator","Icon","Check","t3","years","Virtualizer","ListLayout","ListBox"],"sources":["../../../../src/components/Calendar/CalendarYearMenu/CalendarYearMenu.tsx"],"sourcesContent":["import { Check } from \"lucide-react\";\nimport {\n    ListBox,\n    ListLayout,\n    SelectionIndicator,\n    Virtualizer,\n} from \"react-aria-components\";\n\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarMenuItem } from \"../CalendarMenuItem\";\nimport { useCalendarState, type YearItem } from \"../core\";\n\n/**\n * Props for the {@link CalendarYearMenu} component.\n */\nexport interface CalendarYearMenuProps {\n    /** Callback invoked after a year item is selected to return to the calendar view. */\n    onSelection: () => void;\n    /** Array of selectable year objects to render in the virtualized list. */\n    years: YearItem[];\n}\n\n/**\n * A virtualized list menu allowing users to quickly pick a year in the calendar.\n *\n * Automatically highlights the currently focused year with a checkmark and shifts the focused date\n * on selection.\n */\nexport const CalendarYearMenu: React.FC<CalendarYearMenuProps> = ({\n    onSelection,\n    years,\n}) => {\n    const state = useCalendarState();\n\n    return (\n        <Virtualizer layout={ListLayout}>\n            <ListBox\n                aria-label=\"year selection\"\n                autoFocus\n                data-menu\n                items={years}\n                selectionMode=\"single\"\n                selectedKeys={[state.focusedDate.year]}\n            >\n                {(item) => (\n                    <CalendarMenuItem\n                        onPress={() => {\n                            state.setFocusedDate(\n                                state.focusedDate.set({ year: item.id })\n                            );\n                            onSelection();\n                        }}\n                        textValue={item.formatted}\n                    >\n                        <SelectionIndicator>\n                            <Icon icon={Check} size={24} data-selected-icon />\n                        </SelectionIndicator>\n\n                        {item.formatted}\n                    </CalendarMenuItem>\n                )}\n            </ListBox>\n        </Virtualizer>\n    );\n};\n"],"mappings":";;;;;;;;A,aA4BaQ,KAAoD,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAC,EAAA,gBAAA,aAAAO,GAI9DC,IAAcL,EAAiB,GAAEM;CAAA,AAAAH,EAAA,OAAAE,EAAA,YAAA,OAUiB,IAAAF,EAAA,MAAxB,IAAA,CAACE,EAAK,YAAY,IAAK,GAAC,EAAA,KAAAA,EAAA,YAAA,MAAA,EAAA,KAAAC;CAAA,IAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAAAL,EAAA,OAAAE,KAErC,KAAA,MACG,kBAACN,GAAD;EACa,eAAA;GAIL,AAHAM,EAAK,eACDA,EAAK,YAAY,IAAK,EAAA,MAAQI,EAAI,GAAI,CAAC,CAC3C,GACAD,EAAY;EAAC;EAEN,WAAAC,EAAI;EAPnB,UAAA,CASI,kBAACC,GAAD,EAAA,UACI,kBAACC,GAAD;GAAYjB,MAAAkB;GAAa,MAAA;GAAI,sBAAA;EAAkB,CAAA,EADhC,CAAA,GAIlBH,EAAI,SAbQ;C,IAepB,EAAA,KAAAD,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAE,KAAA,IAAAJ,EAAA;CAAA,IAAAU;CAEK,OAFLV,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAAAJ,EAAA,OAAAW,KAzBT,IAAA,kBAACC,GAAD;EAAqBpB,QAAAqB;EACjB,UAAA,kBAACC,GAAD;GACe,cAAA;GACX,WAAA;GACA,aAAA;GACOrB,OAAAkB;GACO,eAAA;GACA,cAAAR;GAEb,UAAAC;EARG,CAAA;CADA,CAAA,GA2BE,EAAA,KAAAD,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAO,GAAA,EAAA,KAAAD,KAAA,IAAAV,EAAA,IA3BdU;AA2Bc"}

package/dist/components/Calendar/RangeCalendar/index.js

@@ -4,7 +4,7 @@ import { t as n } from "../../../chunks/BaseCalendar";
 import r from "clsx";
 import { jsx as i } from "react/jsx-runtime";
 import { RangeCalendar as a } from "react-aria-components";
-//#region src/components/Calendar/RangeCalendar/RangeCalendar.tsx
+// src/components/Calendar/RangeCalendar/RangeCalendar.tsx
 var o = e(), s = (e) => {
 	let s = (0, o.c)(20), c, l, u, d, f, p, m;
 	s[0] === e ? (c = s[1], l = s[2], u = s[3], d = s[4], f = s[5], p = s[6], m = s[7]) : ({weekdayStyle: m, className: c, previousMonthAriaLabel: d, nextMonthAriaLabel: l, previousYearAriaLabel: f, nextYearAriaLabel: u, ...p} = e, s[0] = e, s[1] = c, s[2] = l, s[3] = u, s[4] = d, s[5] = f, s[6] = p, s[7] = m);
@@ -28,7 +28,6 @@ var o = e(), s = (e) => {
 		children: g
 	}), s[16] = p, s[17] = h, s[18] = g, s[19] = _) : _ = s[19], _;
 };
-//#endregion
 export { s as RangeCalendar };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Calendar/RangeCalendar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["weekdayStyle","previousMonthAriaLabel","nextMonthAriaLabel","previousYearAriaLabel","nextYearAriaLabel","_c","clsx","AriaRangeCalendar","require_compiler_runtime","CalendarBaseStyles","BaseCalendar","clsx$1","RangeCalendar$1","import_compiler_runtime","RangeCalendar","$","className","nextMonthAriaLabel","nextYearAriaLabel","previousMonthAriaLabel","previousYearAriaLabel","props","weekdayStyle","t0","t1","renderProps","t2","t3"],"sources":["../../../../src/components/Calendar/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { RangeCalendar as AriaRangeCalendar } from \"react-aria-components\";\nimport { BaseCalendar } from \"../BaseCalendar\";\nimport { CalendarBaseStyles, type WeekdayStyle } from \"../core\";\n\n/**\n * Props for the {@link RangeCalendar} component.\n * Extends React Aria's `RangeCalendar` props (excluding `children`, `visibleDuration`, and `pageBehavior`).\n */\nexport interface RangeCalendarProps\n    extends Omit<\n        React.ComponentPropsWithRef<typeof AriaRangeCalendar>,\n        \"children\" | \"visibleDuration\" | \"pageBehavior\"\n    > {\n    /**\n     * Formatting style for weekday column headers in the calendar grid.\n     *\n     * - `\"narrow\"`: Typically a single character (e.g. \"S\", \"M\", \"T\").\n     * - `\"short\"`: Abbreviated weekday name (e.g. \"Sun\", \"Mon\", \"Tue\").\n     */\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 * A date range selection calendar component implementing Material Design 3 Date Range Picker guidelines.\n *\n * Allows users to select a continuous range of dates (start date and end date) with visual\n * range indicators, quick month/year jumping menus, keyboard navigation, and localized formatting.\n * Built on top of React Aria's `RangeCalendar`.\n *\n * @example\n * ```tsx\n * import { RangeCalendar } from '@adgytec/web-ui-components';\n * import { today, getLocalTimeZone } from '@internationalized/date';\n *\n * <RangeCalendar\n *     aria-label=\"Trip dates\"\n *     minValue={today(getLocalTimeZone())}\n *     onChange={(range) => console.log('Selected range:', range.start, range.end)}\n * />\n * ```\n */\nexport const RangeCalendar: React.FC<RangeCalendarProps> = ({\n    weekdayStyle,\n    className,\n    previousMonthAriaLabel,\n    nextMonthAriaLabel,\n    previousYearAriaLabel,\n    nextYearAriaLabel,\n    ...props\n}) => {\n    return (\n        <AriaRangeCalendar\n            className={(renderProps) =>\n                clsx(\n                    CalendarBaseStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            data-calendar\n            data-range-calendar\n        >\n            <BaseCalendar\n                weekdayStyle={weekdayStyle}\n                isRangeCalendar\n                previousMonthAriaLabel={previousMonthAriaLabel}\n                nextMonthAriaLabel={nextMonthAriaLabel}\n                previousYearAriaLabel={previousYearAriaLabel}\n                nextYearAriaLabel={nextYearAriaLabel}\n            />\n        </AriaRangeCalendar>\n    );\n};\n"],"mappings":";;;;;;;aAsDac,KAA8C,MAAA;CAAA,IAAAC,KAAA,GAAAV,EAAAA,EAAAA,CAAA,EAAA,GAAAW,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAP,EAAA,OAAAQ,KAQ1D,IAAAR,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAR2D,kIAAA,GAAAM,KAAAE,GAQ3D,EAAA,KAAAA,GAAA,EAAA,KAAAP,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAT,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPT,EACIG,GACA,OAAOO,KAAc,aACfA,EAAUS,CACF,IAFdT,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAQ;CAAA,IAAAE;CAAA,AAAAX,EAAA,QAAAE,KAAAF,EAAA,QAAAG,KAAAH,EAAA,QAAAI,KAAAJ,EAAA,QAAAK,KAAAL,EAAA,QAAAO,KAML,IAAA,kBAACZ,GAAD;EACkB;EACd,iBAAA;EACwB;EACJ;EACG;EACJ;CAAiB,CAAA,GACtC,EAAA,MAAAO,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAI,KAAA,IAAAX,EAAA;CAAA,IAAAY;CACc,OADdZ,EAAA,QAAAM,KAAAN,EAAA,QAAAS,KAAAT,EAAA,QAAAW,KApBN,IAAA,kBAACnB,GAAD;EACe,WAAAiB;EAMN,GAEDH;EACJ,iBAAA;EACA,uBAAA;EAEA,UAAAK;CAbc,CAAA,GAqBE,EAAA,MAAAL,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAC,KAAA,IAAAZ,EAAA,KArBpBY;AAqBoB"}
+{"version":3,"file":"index.js","names":["weekdayStyle","previousMonthAriaLabel","nextMonthAriaLabel","previousYearAriaLabel","nextYearAriaLabel","_c","clsx","AriaRangeCalendar","require_compiler_runtime","CalendarBaseStyles","BaseCalendar","clsx$1","RangeCalendar$1","import_compiler_runtime","RangeCalendar","$","className","nextMonthAriaLabel","nextYearAriaLabel","previousMonthAriaLabel","previousYearAriaLabel","props","weekdayStyle","t0","t1","renderProps","t2","t3"],"sources":["../../../../src/components/Calendar/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { RangeCalendar as AriaRangeCalendar } from \"react-aria-components\";\nimport { BaseCalendar } from \"../BaseCalendar\";\nimport { CalendarBaseStyles, type WeekdayStyle } from \"../core\";\n\n/**\n * Props for the {@link RangeCalendar} component.\n * Extends React Aria's `RangeCalendar` props (excluding `children`, `visibleDuration`, and `pageBehavior`).\n */\nexport interface RangeCalendarProps\n    extends Omit<\n        React.ComponentPropsWithRef<typeof AriaRangeCalendar>,\n        \"children\" | \"visibleDuration\" | \"pageBehavior\"\n    > {\n    /**\n     * Formatting style for weekday column headers in the calendar grid.\n     *\n     * - `\"narrow\"`: Typically a single character (e.g. \"S\", \"M\", \"T\").\n     * - `\"short\"`: Abbreviated weekday name (e.g. \"Sun\", \"Mon\", \"Tue\").\n     */\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 * A date range selection calendar component implementing Material Design 3 Date Range Picker guidelines.\n *\n * Allows users to select a continuous range of dates (start date and end date) with visual\n * range indicators, quick month/year jumping menus, keyboard navigation, and localized formatting.\n * Built on top of React Aria's `RangeCalendar`.\n *\n * @example\n * ```tsx\n * import { RangeCalendar } from '@adgytec/web-ui-components';\n * import { today, getLocalTimeZone } from '@internationalized/date';\n *\n * <RangeCalendar\n *     aria-label=\"Trip dates\"\n *     minValue={today(getLocalTimeZone())}\n *     onChange={(range) => console.log('Selected range:', range.start, range.end)}\n * />\n * ```\n */\nexport const RangeCalendar: React.FC<RangeCalendarProps> = ({\n    weekdayStyle,\n    className,\n    previousMonthAriaLabel,\n    nextMonthAriaLabel,\n    previousYearAriaLabel,\n    nextYearAriaLabel,\n    ...props\n}) => {\n    return (\n        <AriaRangeCalendar\n            className={(renderProps) =>\n                clsx(\n                    CalendarBaseStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            data-calendar\n            data-range-calendar\n        >\n            <BaseCalendar\n                weekdayStyle={weekdayStyle}\n                isRangeCalendar\n                previousMonthAriaLabel={previousMonthAriaLabel}\n                nextMonthAriaLabel={nextMonthAriaLabel}\n                previousYearAriaLabel={previousYearAriaLabel}\n                nextYearAriaLabel={nextYearAriaLabel}\n            />\n        </AriaRangeCalendar>\n    );\n};\n"],"mappings":";;;;;;;A,aAsDac,KAA8C,MAAA;CAAA,IAAAC,KAAA,GAAAV,EAAAA,EAAAA,CAAA,EAAA,GAAAW,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAP,EAAA,OAAAQ,KAQ1D,IAAAR,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAR2D,kIAAA,GAAAM,KAAAE,GAQ3D,EAAA,KAAAA,GAAA,EAAA,KAAAP,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAT,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPT,EACIG,GACA,OAAOO,KAAc,aACfA,EAAUS,CACF,IAFdT,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAQ;CAAA,IAAAE;CAAA,AAAAX,EAAA,QAAAE,KAAAF,EAAA,QAAAG,KAAAH,EAAA,QAAAI,KAAAJ,EAAA,QAAAK,KAAAL,EAAA,QAAAO,KAML,IAAA,kBAACZ,GAAD;EACkB;EACd,iBAAA;EACwB;EACJ;EACG;EACJ;CAAiB,CAAA,GACtC,EAAA,MAAAO,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAI,KAAA,IAAAX,EAAA;CAAA,IAAAY;CACc,OADdZ,EAAA,QAAAM,KAAAN,EAAA,QAAAS,KAAAT,EAAA,QAAAW,KApBN,IAAA,kBAACnB,GAAD;EACe,WAAAiB;EAMN,GAEDH;EACJ,iBAAA;EACA,uBAAA;EAEA,UAAAK;CAbc,CAAA,GAqBE,EAAA,MAAAL,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAC,KAAA,IAAAZ,EAAA,KArBpBY;AAqBoB"}

package/dist/components/Calendar/core/index.js

@@ -1,2 +1 @@
-import { a as e, i as t, n, r, t as i } from "../../../chunks/core3";
-export { r as CalendarBaseStyles, t as defaultMaxYearIncrement, e as defaultMinYear, i as isRangeCalendarState, n as useCalendarState };
+export { r as CalendarBaseStyles, i as defaultMaxYearIncrement, a as defaultMinYear, t as isRangeCalendarState, n as useCalendarState } from "../../../chunks/core3";

package/dist/components/Card/CardIcon/index.js

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

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

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

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

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

package/dist/components/Dialog/ActionDialog/index.js

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

package/dist/components/Dialog/Dialog/index.js

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

package/dist/components/Dialog/Modal/index.js

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

package/dist/components/Dialog/ModalOverlay/index.js

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

package/dist/components/Dialog/core/index.js

@@ -1,14 +1,12 @@
 import { t as e } from "../../../chunks/base";
 import { createContext as t, useContext as n } from "react";
-//#region src/components/Dialog/core/context.ts
+// src/components/Dialog/core/context.ts
 var r = t(null);
 function i() {
 	return n(r) === !0;
 }
-//#endregion
-//#region src/components/Dialog/core/typography.ts
+// src/components/Dialog/core/typography.ts
 var a = 24, o = e.headlineSmall, s = e.bodyMedium;
-//#endregion
 export { s as DialogBodyTypography, r as DialogContext, o as DialogHeadlineTypography, a as DialogIconSize, i as useInDialog };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Dialog/core/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["typography","DialogContext","createContext","useInDialog","useContext","DialogIconSize","DialogHeadlineTypography","DialogBodyTypography"],"sources":["../../../../src/components/Dialog/core/context.ts","../../../../src/components/Dialog/core/typography.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n/**\n * Context provided by the {@link Dialog} component to indicate whether children are rendered inside a dialog.\n */\nexport const DialogContext = createContext<boolean | null>(null);\n\n/**\n * Hook that returns whether the calling component is currently rendered within a {@link Dialog}.\n *\n * @returns `true` if within a Dialog context, otherwise `false`.\n */\nexport function useInDialog() {\n    return useContext(DialogContext) === true;\n}\n","import { typography } from \"@/utils/typography\";\n\n/**\n * Standard icon size (in pixels) for icons rendered in a dialog header.\n */\nexport const DialogIconSize = 24;\n\n/**\n * Material Design 3 headline typography class for dialog titles (`headlineSmall`).\n */\nexport const DialogHeadlineTypography = typography.headlineSmall;\n\n/**\n * Material Design 3 body typography class for dialog content (`bodyMedium`).\n */\nexport const DialogBodyTypography = typography.bodyMedium;\n"],"mappings":";;;AAKA,IAAaC,IAAgBC,EAA8B,IAAI;AAO/D,SAAOC,IAAA;CAAA,OACIC,EAAWH,CAAa,MAAM;AAAI;;;ACR7C,IAAaI,IAAiB,IAKjBC,IAA2BN,EAAW,eAKtCO,IAAuBP,EAAW"}
+{"version":3,"file":"index.js","names":["typography","DialogContext","createContext","useInDialog","useContext","DialogIconSize","DialogHeadlineTypography","DialogBodyTypography"],"sources":["../../../../src/components/Dialog/core/context.ts","../../../../src/components/Dialog/core/typography.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n/**\n * Context provided by the {@link Dialog} component to indicate whether children are rendered inside a dialog.\n */\nexport const DialogContext = createContext<boolean | null>(null);\n\n/**\n * Hook that returns whether the calling component is currently rendered within a {@link Dialog}.\n *\n * @returns `true` if within a Dialog context, otherwise `false`.\n */\nexport function useInDialog() {\n    return useContext(DialogContext) === true;\n}\n","import { typography } from \"@/utils/typography\";\n\n/**\n * Standard icon size (in pixels) for icons rendered in a dialog header.\n */\nexport const DialogIconSize = 24;\n\n/**\n * Material Design 3 headline typography class for dialog titles (`headlineSmall`).\n */\nexport const DialogHeadlineTypography = typography.headlineSmall;\n\n/**\n * Material Design 3 body typography class for dialog content (`bodyMedium`).\n */\nexport const DialogBodyTypography = typography.bodyMedium;\n"],"mappings":";;;AAKA,IAAaC,IAAgBC,EAA8B,IAAI;AAO/D,SAAOC,IAAA;CAAA,OACIC,EAAWH,CAAa,MAAM;AAAI;;ACR7C,IAAaI,IAAiB,IAKjBC,IAA2BN,EAAW,eAKtCO,IAAuBP,EAAW"}

package/dist/components/Disclosure/Disclosure/index.js

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

package/dist/components/Disclosure/DisclosureGroup/index.js

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

package/dist/components/Disclosure/DisclosureHeader/index.js

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

package/dist/components/Disclosure/DisclosurePanel/index.js

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

package/dist/components/Disclosure/context/index.js

@@ -1,7 +1,7 @@
 import { t as e } from "../../../chunks/compiler-runtime";
 import { t } from "../../../chunks/base";
 import { createContext as n, useContext as r } from "react";
-//#region src/components/Disclosure/context/context.ts
+// src/components/Disclosure/context/context.ts
 var i = n({}), a = e();
 function o(e) {
 	let n = (0, a.c)(3), { label: o, panel: s } = e, { label: c, panel: l } = r(i), u = o ?? c ?? t.titleMediumEmphasized, d = s ?? l ?? t.bodyLarge, f;
@@ -10,7 +10,6 @@ function o(e) {
 		panel: d
 	}, n[0] = u, n[1] = d, n[2] = f) : f = n[2], f;
 }
-//#endregion
 export { i as DisclosureTypographyContext, o as useDisclosureTypographyContext };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Disclosure/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_c","require_compiler_runtime","DisclosureTypographyContext","createContext","import_compiler_runtime","useDisclosureTypographyContext","$","t0","groupLabel","groupPanel","useContext","labelTypography","label","typography","panelTypography","panel","t1"],"sources":["../../../../src/components/Disclosure/context/context.ts","../../../../src/components/Disclosure/context/useDisclosureTypographyContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { Typography } from \"@/utils\";\n\n/**\n * Context value providing inherited typography styles for disclosure components within a group.\n */\nexport interface DisclosureTypographyContextValue {\n    /** Typography applied to {@link DisclosureHeader} labels. */\n    label?: Typography;\n    /** Typography applied to {@link DisclosurePanel} content. */\n    panel?: Typography;\n}\n\n/**\n * React Context used by {@link DisclosureGroup} to pass typography settings down to nested\n * {@link DisclosureHeader} and {@link DisclosurePanel} components.\n */\nexport const DisclosureTypographyContext =\n    createContext<DisclosureTypographyContextValue>({});\n","import { useContext } from \"react\";\nimport { type Typography, typography } from \"@/utils\";\nimport { DisclosureTypographyContext } from \"./context\";\n\n/**\n * Parameters for the {@link useDisclosureTypographyContext} hook.\n */\nexport interface UseDisclosureTypographyContextProps {\n    /** Optional label typography override passed directly to the component. */\n    label?: Typography;\n    /** Optional panel typography override passed directly to the component. */\n    panel?: Typography;\n}\n\n/**\n * Resolves the active typography styles for disclosure headers and panels.\n *\n * Checks explicit component props first, then falls back to inherited values from\n * an enclosing {@link DisclosureGroup}, and finally defaults to Material 3 standard\n * typography (`typography.titleMediumEmphasized` for labels, `typography.bodyLarge` for panels).\n *\n * @param props - Explicit typography overrides from component props.\n * @returns An object containing resolved `label` and `panel` typography classes.\n */\nexport function useDisclosureTypographyContext({\n    label,\n    panel,\n}: UseDisclosureTypographyContextProps) {\n    const { label: groupLabel, panel: groupPanel } = useContext(\n        DisclosureTypographyContext\n    );\n\n    const labelTypography =\n        label ?? groupLabel ?? typography.titleMediumEmphasized;\n    const panelTypography = panel ?? groupPanel ?? typography.bodyLarge;\n\n    return { label: labelTypography, panel: panelTypography };\n}\n"],"mappings":";;;;AAiBA,IAAaE,IACTC,EAAgD,CAAC,CAAC;ACMtD,SAAOE,EAAA,GAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAwC,EAAA,UAAA,aAAAO,GAI3C,EAAA,OAAAC,GAAA,OAAAC,MAAiDC,EAC7CR,CACJ,GAEAS,IACIC,KAAAJ,KAAuBK,EAAU,uBACrCC,IAAwBC,KAAAN,KAAuBI,EAAU,WAAWG;CAEX,OAFWV,EAAA,OAAAK,KAAAL,EAAA,OAAAQ,KAE7D,IAAA;EAAA,OAASH;EAAe,OAASG;CAAgB,GAAC,EAAA,KAAAH,GAAA,EAAA,KAAAG,GAAA,EAAA,KAAAE,KAAA,IAAAV,EAAA,IAAlDU;AAAkD"}
+{"version":3,"file":"index.js","names":["_c","require_compiler_runtime","DisclosureTypographyContext","createContext","import_compiler_runtime","useDisclosureTypographyContext","$","t0","groupLabel","groupPanel","useContext","labelTypography","label","typography","panelTypography","panel","t1"],"sources":["../../../../src/components/Disclosure/context/context.ts","../../../../src/components/Disclosure/context/useDisclosureTypographyContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { Typography } from \"@/utils\";\n\n/**\n * Context value providing inherited typography styles for disclosure components within a group.\n */\nexport interface DisclosureTypographyContextValue {\n    /** Typography applied to {@link DisclosureHeader} labels. */\n    label?: Typography;\n    /** Typography applied to {@link DisclosurePanel} content. */\n    panel?: Typography;\n}\n\n/**\n * React Context used by {@link DisclosureGroup} to pass typography settings down to nested\n * {@link DisclosureHeader} and {@link DisclosurePanel} components.\n */\nexport const DisclosureTypographyContext =\n    createContext<DisclosureTypographyContextValue>({});\n","import { useContext } from \"react\";\nimport { type Typography, typography } from \"@/utils\";\nimport { DisclosureTypographyContext } from \"./context\";\n\n/**\n * Parameters for the {@link useDisclosureTypographyContext} hook.\n */\nexport interface UseDisclosureTypographyContextProps {\n    /** Optional label typography override passed directly to the component. */\n    label?: Typography;\n    /** Optional panel typography override passed directly to the component. */\n    panel?: Typography;\n}\n\n/**\n * Resolves the active typography styles for disclosure headers and panels.\n *\n * Checks explicit component props first, then falls back to inherited values from\n * an enclosing {@link DisclosureGroup}, and finally defaults to Material 3 standard\n * typography (`typography.titleMediumEmphasized` for labels, `typography.bodyLarge` for panels).\n *\n * @param props - Explicit typography overrides from component props.\n * @returns An object containing resolved `label` and `panel` typography classes.\n */\nexport function useDisclosureTypographyContext({\n    label,\n    panel,\n}: UseDisclosureTypographyContextProps) {\n    const { label: groupLabel, panel: groupPanel } = useContext(\n        DisclosureTypographyContext\n    );\n\n    const labelTypography =\n        label ?? groupLabel ?? typography.titleMediumEmphasized;\n    const panelTypography = panel ?? groupPanel ?? typography.bodyLarge;\n\n    return { label: labelTypography, panel: panelTypography };\n}\n"],"mappings":";;;;AAiBA,IAAaE,IACTC,EAAgD,CAAC,CAAC,G;ACMtD,SAAOE,EAAA,GAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAwC,EAAA,UAAA,aAAAO,GAI3C,EAAA,OAAAC,GAAA,OAAAC,MAAiDC,EAC7CR,CACJ,GAEAS,IACIC,KAAAJ,KAAuBK,EAAU,uBACrCC,IAAwBC,KAAAN,KAAuBI,EAAU,WAAWG;CAEX,OAFWV,EAAA,OAAAK,KAAAL,EAAA,OAAAQ,KAE7D,IAAA;EAAA,OAASH;EAAe,OAASG;CAAgB,GAAC,EAAA,KAAAH,GAAA,EAAA,KAAAG,GAAA,EAAA,KAAAE,KAAA,IAAAV,EAAA,IAAlDU;AAAkD"}

package/dist/components/Divider/index.js

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

package/dist/components/Icon/index.js

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

package/dist/components/Input/CharacterCount/index.js

@@ -3,7 +3,7 @@ import { t } from "../../../chunks/base";
 import { t as n } from "../../../chunks/core4";
 import r from "clsx";
 import { jsxs as i } from "react/jsx-runtime";
-//#region src/components/Input/CharacterCount/CharacterCount.tsx
+// src/components/Input/CharacterCount/CharacterCount.tsx
 var a = e(), o = (e) => {
 	let o = (0, a.c)(9), s, c, l;
 	o[0] === e ? (s = o[1], c = o[2], l = o[3]) : ({count: s, maxLength: c, ...l} = e, o[0] = e, o[1] = s, o[2] = c, o[3] = l);
@@ -16,7 +16,6 @@ var a = e(), o = (e) => {
 		children: [s, d]
 	}), o[5] = s, o[6] = l, o[7] = d, o[8] = f) : f = o[8], f;
 };
-//#endregion
 export { o as CharacterCount };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/CharacterCount/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["count","_c","clsx","require_compiler_runtime","CharacterCountStyles","clsx$1","import_compiler_runtime","CharacterCount","$","count","maxLength","props","t0","t1","typography","t2","t3"],"sources":["../../../../src/components/Input/CharacterCount/CharacterCount.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type RefProp, typography } from \"@/utils\";\nimport { CharacterCountStyles } from \"../core\";\n\n/**\n * Props for the {@link CharacterCount} component.\n */\nexport interface CharacterCountProps extends RefProp<\"span\"> {\n    /** Current character count. */\n    count: number;\n    /** Optional maximum allowed character limit. */\n    maxLength?: number;\n}\n\n/**\n * Displays the current character count and optional maximum character limit below text inputs.\n */\nexport const CharacterCount: React.FC<CharacterCountProps> = ({\n    count,\n    maxLength,\n    ...props\n}) => {\n    return (\n        <span\n            className={clsx(CharacterCountStyles, typography.labelMedium)}\n            {...props}\n        >\n            {count}\n            {maxLength !== undefined && `/${maxLength}`}\n        </span>\n    );\n};\n"],"mappings":";;;;;;aAiBaO,KAAgD,MAAA;CAAA,IAAAC,KAAA,GAAAP,EAAAA,EAAAA,CAAA,CAAA,GAAAQ,GAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAI,KAI5D,IAAAJ,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAJ6D,yBAAA,GAAAG,KAAAC,GAI7D,EAAA,KAAAA,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAL,EAAA,OAAA,OAAA,IAAA,2BAAA,KAGsB,IAAAN,EAAKE,GAAsBU,EAAU,WAAY,GAAC,EAAA,KAAAD,KAAA,IAAAL,EAAA;CAI5D,IAAAO,IAAAL,MAAc,KAAA,KAAd,IAA+BA,KAAWM;CACxC,OADwCR,EAAA,OAAAC,KAAAD,EAAA,OAAAG,KAAAH,EAAA,OAAAO,KAL/C,IAAA,kBAAA,QAAA;EACe,WAAAF;EAAkD,GACzDF;EAFR,UAAA,CAIKF,GACAM,CACE;KAAA,EAAA,KAAAN,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAI,GAAA,EAAA,KAAAC,KAAA,IAAAR,EAAA,IANPQ;AAMO"}
+{"version":3,"file":"index.js","names":["count","_c","clsx","require_compiler_runtime","CharacterCountStyles","clsx$1","import_compiler_runtime","CharacterCount","$","count","maxLength","props","t0","t1","typography","t2","t3"],"sources":["../../../../src/components/Input/CharacterCount/CharacterCount.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type RefProp, typography } from \"@/utils\";\nimport { CharacterCountStyles } from \"../core\";\n\n/**\n * Props for the {@link CharacterCount} component.\n */\nexport interface CharacterCountProps extends RefProp<\"span\"> {\n    /** Current character count. */\n    count: number;\n    /** Optional maximum allowed character limit. */\n    maxLength?: number;\n}\n\n/**\n * Displays the current character count and optional maximum character limit below text inputs.\n */\nexport const CharacterCount: React.FC<CharacterCountProps> = ({\n    count,\n    maxLength,\n    ...props\n}) => {\n    return (\n        <span\n            className={clsx(CharacterCountStyles, typography.labelMedium)}\n            {...props}\n        >\n            {count}\n            {maxLength !== undefined && `/${maxLength}`}\n        </span>\n    );\n};\n"],"mappings":";;;;;;A,aAiBaO,KAAgD,MAAA;CAAA,IAAAC,KAAA,GAAAP,EAAAA,EAAAA,CAAA,CAAA,GAAAQ,GAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAI,KAI5D,IAAAJ,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAJ6D,yBAAA,GAAAG,KAAAC,GAI7D,EAAA,KAAAA,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAL,EAAA,OAAA,OAAA,IAAA,2BAAA,KAGsB,IAAAN,EAAKE,GAAsBU,EAAU,WAAY,GAAC,EAAA,KAAAD,KAAA,IAAAL,EAAA;CAI5D,IAAAO,IAAAL,MAAc,KAAA,KAAd,IAA+BA,KAAWM;CACxC,OADwCR,EAAA,OAAAC,KAAAD,EAAA,OAAAG,KAAAH,EAAA,OAAAO,KAL/C,IAAA,kBAAA,QAAA;EACe,WAAAF;EAAkD,GACzDF;EAFR,UAAA,CAIKF,GACAM,CACE;C,IAAA,EAAA,KAAAN,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAI,GAAA,EAAA,KAAAC,KAAA,IAAAR,EAAA,IANPQ;AAMO"}

package/dist/components/Input/Checkbox/Checkbox.d.ts

@@ -2,16 +2,27 @@ import { CheckboxProps } from './types';
 /**
  * A checkbox control implementing Material Design 3 Checkbox guidelines.
  *
- * Supports unchecked, checked, and indeterminate states with smooth animated SVG paths,
- * accessible keyboard activation, and flexible label positioning.
+ * Supports unchecked, checked, and indeterminate states with animated SVG paths,
+ * accessible keyboard activation, state layers, and flexible label positioning.
+ * Built on React Aria's `CheckboxField` and `CheckboxButton` components.
  *
  * @example
  * ```tsx
- * import { Checkbox } from '@adgytec/web-ui-components';
+ * import { Checkbox } from "@adgytec/web-ui-components";
  *
  * <Checkbox isSelected={agree} onChange={setAgree}>
  *     I accept the terms and conditions
  * </Checkbox>
  * ```
+ *
+ * @example
+ * ```tsx
+ * // Indeterminate checkbox with start label placement
+ * import { Checkbox } from "@adgytec/web-ui-components";
+ *
+ * <Checkbox isIndeterminate labelPlacement="start">
+ *     Select all items
+ * </Checkbox>
+ * ```
  */
 export declare const Checkbox: React.FC<CheckboxProps>;

package/dist/components/Input/Checkbox/CheckboxGroup.d.ts

@@ -1,13 +1,13 @@
 import { CheckboxGroupProps } from './types';
 /**
- * A container managing a set of related {@link Checkbox} controls.
+ * A container managing a set of related [`Checkbox`](src/components/Input/Checkbox/Checkbox.tsx) controls.
  *
  * Coordinates group selection values, accessible group labels, helper descriptions,
- * error validation messages, and consistent item spacing.
+ * and error validation messages.
  *
  * @example
  * ```tsx
- * import { CheckboxGroup, Checkbox } from '@adgytec/web-ui-components';
+ * import { CheckboxGroup, Checkbox } from "@adgytec/web-ui-components";
  *
  * <CheckboxGroup label="Notification Preferences">
  *     <Checkbox value="email">Email</Checkbox>

package/dist/components/Input/Checkbox/context.d.ts

@@ -1,12 +1,10 @@
 import { CheckboxLabelPlacement } from './types';
 /**
- * Shared context value provided by {@link CheckboxGroup} to child {@link Checkbox} components.
+ * Configuration context value passed down from [`CheckboxGroup`](src/components/Input/Checkbox/CheckboxGroup.tsx) to child [`Checkbox`](src/components/Input/Checkbox/Checkbox.tsx) components.
  */
 export interface CheckboxGroupContextValue {
-    /** Inherited label placement. */
+    /** Inherited label placement for child checkbox items. */
     labelPlacement?: CheckboxLabelPlacement;
-    /** Inherited container state layer flag. */
-    containerStateLayer?: boolean;
 }
 /**
  * Context communicating group-level styling configurations to nested checkboxes.

package/dist/components/Input/Checkbox/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Checkbox, CheckboxGroup } from 'react-aria-components';
+import { CheckboxField, CheckboxGroup } from 'react-aria-components';
 import { CoreInputProps } from '../core';
 /**
  * Alignment of the checkbox label text relative to the indicator box.
@@ -9,48 +9,33 @@ import { CoreInputProps } from '../core';
  */
 export type CheckboxLabelPlacement = "start" | "end";
 /**
- * Props for the {@link CheckboxGroup} component.
- * Extends React Aria's `CheckboxGroup` props and {@link CoreInputProps}.
+ * Props for the [`CheckboxGroup`](src/components/Input/Checkbox/CheckboxGroup.tsx) component.
+ *
+ * Extends React Aria's `CheckboxGroup` props (excluding `children`) and [`CoreInputProps`](src/components/Input/core/types.ts).
  */
 export interface CheckboxGroupProps extends Omit<React.ComponentPropsWithRef<typeof CheckboxGroup>, "children">, CoreInputProps {
     /** The child checkboxes or custom content rendered inside the group. */
     children?: ReactNode;
-    /**
-     * Vertical spacing (in pixels) between child checkbox items.
-     *
-     * @default 24
-     */
-    checkboxItemsGap?: number;
     /**
      * Default label placement applied to all child checkboxes within the group.
+     * Can be overridden per individual [`Checkbox`](src/components/Input/Checkbox/Checkbox.tsx).
      *
      * @default "end"
      */
     labelPlacement?: CheckboxLabelPlacement;
-    /**
-     * When `true`, displays the state layer (hover, press, focus) across the entire checkbox container
-     * rather than only on the indicator box.
-     *
-     * @default false
-     */
-    containerStateLayer?: boolean;
 }
 /**
- * Props for the {@link Checkbox} component.
- * Extends React Aria's `Checkbox` props.
+ * Props for the [`Checkbox`](src/components/Input/Checkbox/Checkbox.tsx) component.
+ *
+ * Extends all properties from React Aria's `CheckboxField`, including selection states,
+ * form submission, indeterminate state, validation, and accessibility.
  */
-export interface CheckboxProps extends React.ComponentPropsWithRef<typeof Checkbox> {
+export interface CheckboxProps extends React.ComponentPropsWithRef<typeof CheckboxField> {
     /**
      * Alignment of the label text relative to the indicator box.
-     * Overrides the group-level setting if nested inside a {@link CheckboxGroup}.
+     * Overrides the group-level setting if nested inside a [`CheckboxGroup`](src/components/Input/Checkbox/CheckboxGroup.tsx).
      *
      * @default "end"
      */
     labelPlacement?: CheckboxLabelPlacement;
-    /**
-     * When `true`, displays the state layer (hover, press, focus) across the entire checkbox container.
-     *
-     * @default false
-     */
-    containerStateLayer?: boolean;
 }

package/dist/components/Input/DateField/index.js

@@ -6,7 +6,7 @@ import { c as i, d as a, i as o, l as s, n as c, o as l, r as u, s as d } from "
 import f from "clsx";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 import { DateField as g, DateInput as _, DateSegment as v } from "react-aria-components";
-//#region src/components/Input/DateField/DateField.tsx
+// src/components/Input/DateField/DateField.tsx
 var y = ({ label: y, description: b, errorMessage: x, showDescriptionOnInvalid: S = !1, className: C, ref: w, ...T }) => /* @__PURE__ */ m(g, {
 	className: (e) => f(c, i, typeof C == "function" ? C(e) : C),
 	...T,
@@ -34,7 +34,6 @@ var y = ({ label: y, description: b, errorMessage: x, showDescriptionOnInvalid:
 		] });
 	}
 });
-//#endregion
 export { y as DateField };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/DatePicker/DatePicker/index.js

@@ -11,7 +11,7 @@ import _ from "clsx";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 import { DateInput as x, DatePicker as S, DateSegment as C, Group as w } from "react-aria-components";
 import { CalendarDays as T } from "lucide-react";
-//#region src/components/Input/DatePicker/DatePicker/DatePicker.tsx
+// src/components/Input/DatePicker/DatePicker/DatePicker.tsx
 var E = ({ label: E, description: D, errorMessage: O, showDescriptionOnInvalid: k = !1, className: A, ref: j, weekdayStyle: M, ...N }) => /* @__PURE__ */ y(S, {
 	className: (e) => _(l, a, typeof A == "function" ? A(e) : A),
 	...N,
@@ -53,7 +53,6 @@ var E = ({ label: E, description: D, errorMessage: O, showDescriptionOnInvalid:
 		] });
 	}
 });
-//#endregion
 export { E as DatePicker };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/DatePicker/DateRangePicker/index.js

@@ -11,7 +11,7 @@ import v from "clsx";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 import { DateInput as S, DateRangePicker as C, DateSegment as w, Group as T } from "react-aria-components";
 import { CalendarDays as E } from "lucide-react";
-//#region src/components/Input/DatePicker/DateRangePicker/DateRangePicker.tsx
+// src/components/Input/DatePicker/DateRangePicker/DateRangePicker.tsx
 var D = ({ label: D, description: O, errorMessage: k, showDescriptionOnInvalid: A = !1, className: j, ref: M, weekdayStyle: N, ...P }) => /* @__PURE__ */ b(C, {
 	className: (e) => v(l, a, typeof j == "function" ? j(e) : j),
 	...P,
@@ -72,7 +72,6 @@ var D = ({ label: D, description: O, errorMessage: k, showDescriptionOnInvalid:
 		] });
 	}
 });
-//#endregion
 export { D as DateRangePicker };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/DatePicker/core/index.js

@@ -1,2 +1 @@
-import { n as e, r as t, t as n } from "../../../../chunks/core5";
-export { n as DatePickerGroupStyles, e as DatePickerPopoverStyles, t as DateRangePickerDateInputGroupStyles };
+export { t as DatePickerGroupStyles, n as DatePickerPopoverStyles, r as DateRangePickerDateInputGroupStyles } from "../../../../chunks/core5";

package/dist/components/Input/Description/index.js

@@ -3,7 +3,7 @@ import { t } from "../../../chunks/base";
 import n from "clsx";
 import { jsx as r } from "react/jsx-runtime";
 import { Text as i } from "react-aria-components";
-//#region src/components/Input/Description/Description.tsx
+// src/components/Input/Description/Description.tsx
 var a = e(), o = (e) => {
 	let o = (0, a.c)(8), s, c;
 	if (o[0] !== e) {
@@ -19,7 +19,6 @@ var a = e(), o = (e) => {
 		...c
 	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
 };
-//#endregion
 export { o as Description };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/Description/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_c","clsx","require_compiler_runtime","clsx$1","import_compiler_runtime","Description","$","className","props","t0","t1","_","t2","typography","Text"],"sources":["../../../../src/components/Input/Description/Description.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils/typography\";\n\n/**\n * Props for the {@link Description} component.\n * Extends React Aria's {@link Text} props.\n */\nexport interface DescriptionProps\n    extends React.ComponentPropsWithRef<typeof Text> {}\n\n/**\n * Informative supporting text placed beneath an input field.\n *\n * Automatically bound via `slot=\"description\"` for accessibility screen reader announcements.\n */\nexport const Description: React.FC<DescriptionProps> = ({\n    className,\n    slot: _,\n    ...props\n}) => {\n    return (\n        <Text\n            slot=\"description\"\n            className={clsx(typography.labelMedium, className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;aAgBaK,KAA0C,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAAO,GAAAC;CAAA,IAAAF,EAAA,OAAAG,GAAA;EAAC,IAAA,EAAA,WAAAC,GAAA,MAAAC,GAAA,GAAAC,MAAAH;EAIvD,AAJuD,IAAAC,GAAA,IAAAE,GAIvD,EAAA,KAAAH,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,OAAA,AAAA,IAAAF,EAAA,IAAA,IAAAA,EAAA;CAAA,IAAAI;CAAA,AAAAJ,EAAA,OAAAC,IAI6D,IAAAD,EAAA,MAAvC,IAAAL,EAAKY,EAAU,aAAcN,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEpD,OAFoDN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAFtD,IAAA,kBAACI,GAAD;EACS,MAAA;EACM,WAAAJ;EAAuC,GAC9CF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAJFM;AAIE"}
+{"version":3,"file":"index.js","names":["_c","clsx","require_compiler_runtime","clsx$1","import_compiler_runtime","Description","$","className","props","t0","t1","_","t2","typography","Text"],"sources":["../../../../src/components/Input/Description/Description.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils/typography\";\n\n/**\n * Props for the {@link Description} component.\n * Extends React Aria's {@link Text} props.\n */\nexport interface DescriptionProps\n    extends React.ComponentPropsWithRef<typeof Text> {}\n\n/**\n * Informative supporting text placed beneath an input field.\n *\n * Automatically bound via `slot=\"description\"` for accessibility screen reader announcements.\n */\nexport const Description: React.FC<DescriptionProps> = ({\n    className,\n    slot: _,\n    ...props\n}) => {\n    return (\n        <Text\n            slot=\"description\"\n            className={clsx(typography.labelMedium, className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;A,aAgBaK,KAA0C,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAAO,GAAAC;CAAA,IAAAF,EAAA,OAAAG,GAAA;EAAC,IAAA,EAAA,WAAAC,GAAA,MAAAC,GAAA,GAAAC,MAAAH;EAIvD,AAJuD,IAAAC,GAAA,IAAAE,GAIvD,EAAA,KAAAH,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,OAAA,AAAA,IAAAF,EAAA,IAAA,IAAAA,EAAA;CAAA,IAAAI;CAAA,AAAAJ,EAAA,OAAAC,IAI6D,IAAAD,EAAA,MAAvC,IAAAL,EAAKY,EAAU,aAAcN,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEpD,OAFoDN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAFtD,IAAA,kBAACI,GAAD;EACS,MAAA;EACM,WAAAJ;EAAuC,GAC9CF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAJFM;AAIE"}

package/dist/components/Input/FieldError/index.js

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

package/dist/components/Input/Input/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../../../chunks/Input2";
-export { t as Input, e as InputButton };
+export { t as Input, n as InputButton } from "../../../chunks/Input2";

package/dist/components/Input/Label/index.js

@@ -3,7 +3,7 @@ import { t } from "../../../chunks/base";
 import n from "clsx";
 import { jsx as r } from "react/jsx-runtime";
 import { Label as i } from "react-aria-components";
-//#region src/components/Input/Label/Label.tsx
+// src/components/Input/Label/Label.tsx
 var a = e(), o = (e) => {
 	let o = (0, a.c)(8), s, c;
 	o[0] === e ? (s = o[1], c = o[2]) : ({className: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
@@ -16,7 +16,6 @@ var a = e(), o = (e) => {
 		...c
 	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
 };
-//#endregion
 export { o as Label };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/Label/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_c","clsx","AriaLabel","require_compiler_runtime","clsx$1","Label$1","import_compiler_runtime","Label","$","className","props","t0","t1","typography","t2"],"sources":["../../../../src/components/Input/Label/Label.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Label as AriaLabel } from \"react-aria-components\";\nimport { typography } from \"@/utils/typography\";\n\n/**\n * Props for the {@link Label} component.\n * Extends React Aria's {@link AriaLabel} props.\n */\nexport interface LabelProps\n    extends React.ComponentPropsWithRef<typeof AriaLabel> {}\n\n/**\n * Accessible field label rendered above or adjacent to an input component.\n *\n * Implements Material Design 3 `labelLarge` typography.\n */\nexport const Label: React.FC<LabelProps> = ({ className, ...props }) => {\n    return (\n        <AriaLabel\n            slot=\"label\"\n            className={clsx(typography.labelLarge, className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;aAgBaO,KAA8B,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAIN,IAAAD,EAAA,MAAtC,IAAAP,EAAKY,EAAU,YAAaJ,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEnD,OAFmDN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAFrD,IAAA,kBAACV,GAAD;EACS,MAAA;EACM,WAAAU;EAAsC,GAC7CF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAJFM;AAIE"}
+{"version":3,"file":"index.js","names":["_c","clsx","AriaLabel","require_compiler_runtime","clsx$1","Label$1","import_compiler_runtime","Label","$","className","props","t0","t1","typography","t2"],"sources":["../../../../src/components/Input/Label/Label.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Label as AriaLabel } from \"react-aria-components\";\nimport { typography } from \"@/utils/typography\";\n\n/**\n * Props for the {@link Label} component.\n * Extends React Aria's {@link AriaLabel} props.\n */\nexport interface LabelProps\n    extends React.ComponentPropsWithRef<typeof AriaLabel> {}\n\n/**\n * Accessible field label rendered above or adjacent to an input component.\n *\n * Implements Material Design 3 `labelLarge` typography.\n */\nexport const Label: React.FC<LabelProps> = ({ className, ...props }) => {\n    return (\n        <AriaLabel\n            slot=\"label\"\n            className={clsx(typography.labelLarge, className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;A,aAgBaO,KAA8B,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAIN,IAAAD,EAAA,MAAtC,IAAAP,EAAKY,EAAU,YAAaJ,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEnD,OAFmDN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAFrD,IAAA,kBAACV,GAAD;EACS,MAAA;EACM,WAAAU;EAAsC,GAC7CF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAJFM;AAIE"}

package/dist/components/Input/Radio/Radio.d.ts

@@ -2,16 +2,17 @@ import { RadioProps } from './types';
 /**
  * A radio button control implementing Material Design 3 Radio guidelines.
  *
- * Designed for single-choice options within a {@link RadioGroup}. Features animated
- * selection dot scaling, state layers, and flexible label positioning.
+ * Designed for single-choice options within a [`RadioGroup`](src/components/Input/Radio/RadioGroup.tsx).
+ * Features animated selection dot scaling, an accessible touch target, interaction state layers,
+ * and configurable label positioning. Built on React Aria's `RadioField` and `RadioButton`.
  *
  * @example
  * ```tsx
- * import { RadioGroup, Radio } from '@adgytec/web-ui-components';
+ * import { RadioGroup, Radio } from "@adgytec/web-ui-components";
  *
  * <RadioGroup label="Select an option">
  *     <Radio value="1">Option One</Radio>
- *     <Radio value="2">Option Two</Radio>
+ *     <Radio value="2" labelPlacement="start">Option Two</Radio>
  * </RadioGroup>
  * ```
  */

package/dist/components/Input/Radio/RadioGroup.d.ts

@@ -1,13 +1,13 @@
 import { RadioGroupProps } from './types';
 /**
- * A container managing mutually exclusive {@link Radio} options.
+ * A container managing mutually exclusive [`Radio`](src/components/Input/Radio/Radio.tsx) options.
  *
  * Coordinates single-selection radio values, keyboard navigation arrow-key roving,
  * accessible labels, helper descriptions, and validation error messages.
  *
  * @example
  * ```tsx
- * import { RadioGroup, Radio } from '@adgytec/web-ui-components';
+ * import { RadioGroup, Radio } from "@adgytec/web-ui-components";
  *
  * <RadioGroup label="Delivery Speed" defaultValue="standard">
  *     <Radio value="standard">Standard (3-5 days)</Radio>

package/dist/components/Input/Radio/context.d.ts

@@ -1,12 +1,10 @@
 import { RadioLabelPlacement } from './types';
 /**
- * Shared context value provided by {@link RadioGroup} to child {@link Radio} components.
+ * Configuration context value passed down from [`RadioGroup`](src/components/Input/Radio/RadioGroup.tsx) to child [`Radio`](src/components/Input/Radio/Radio.tsx) components.
  */
 export interface RadioGroupContextValue {
-    /** Inherited label placement. */
+    /** Inherited label placement for child radio items. */
     labelPlacement?: RadioLabelPlacement;
-    /** Inherited container state layer flag. */
-    containerStateLayer?: boolean;
 }
 /**
  * Context communicating group-level styling configurations to nested radio buttons.

package/dist/components/Input/Radio/index.js

@@ -1,2 +1 @@
-import { n as e, t } from "../../../chunks/Radio";
-export { e as Radio, t as RadioGroup };
+export { n as Radio, t as RadioGroup } from "../../../chunks/Radio";