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

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

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

package/dist/components/Calendar/CalendarMonthMenu/CalendarMonthMenu.d.ts

@@ -1,5 +1,17 @@
 import { MonthItem } from '../core';
-export declare const CalendarMonthMenu: React.FC<{
+/**
+ * Props for the {@link CalendarMonthMenu} component.
+ */
+export interface CalendarMonthMenuProps {
+    /** Callback invoked after a month item is selected to return to the calendar view. */
     onSelection: () => void;
+    /** Array of selectable month objects to render in the virtualized list. */
     months: MonthItem[];
-}>;
+}
+/**
+ * A virtualized list menu allowing users to quickly pick a month in the calendar.
+ *
+ * Automatically highlights the currently focused month with a checkmark, disables months
+ * that fall outside the allowable `minValue` / `maxValue` range, and shifts focused date on click.
+ */
+export declare const CalendarMonthMenu: React.FC<CalendarMonthMenuProps>;

package/dist/components/Calendar/CalendarMonthMenu/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/CalendarMonthMenu/CalendarMonthMenu.tsx
+// src/components/Calendar/CalendarMonthMenu/CalendarMonthMenu.tsx
 var d = e(), f = (e) => {
 	let f = (0, d.c)(9), { onSelection: p, months: m } = e, h = r(), g;
 	f[0] === h.focusedDate.month ? g = f[1] : (g = [h.focusedDate.month], f[0] = h.focusedDate.month, f[1] = g);
@@ -14,12 +14,12 @@ var d = e(), f = (e) => {
 		let r = h.focusedDate.set({
 			month: e.id,
 			day: 1
-		}), o = r.set({ day: r.calendar.getDaysInMonth(r) });
+		}), o = r.set({ day: r.calendar.getDaysInMonth(r) }), s = h.maxValue && r.compare(h.maxValue) > 0 || h.minValue && o.compare(h.minValue) < 0;
 		return /* @__PURE__ */ a(n, {
 			onPress: () => {
 				h.setFocusedDate(h.focusedDate.set({ month: e.id })), p();
 			},
-			isDisabled: (h.maxValue && r.compare(h.maxValue) > 0 || h.minValue && o.compare(h.minValue) < 0) ?? void 0,
+			isDisabled: s ?? void 0,
 			textValue: e.formatted,
 			children: [/* @__PURE__ */ i(c, { children: /* @__PURE__ */ i(t, {
 				icon: u,
@@ -42,7 +42,6 @@ var d = e(), f = (e) => {
 		})
 	}), f[5] = m, f[6] = g, f[7] = _, f[8] = v) : v = f[8], v;
 };
-//#endregion
 export { f as CalendarMonthMenu };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Check","ListLayout","months"],"sources":["../../../../src/components/Calendar/CalendarMonthMenu/CalendarMonthMenu.tsx"],"sourcesContent":["import { Check } from \"lucide-react\";\nimport {\n    ListBox,\n    ListLayout,\n    SelectionIndicator,\n    Virtualizer,\n} from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarMenuItem } from \"../CalendarMenuItem\";\nimport { type MonthItem, useCalendarState } from \"../core\";\n\nexport const CalendarMonthMenu: React.FC<{\n    onSelection: () => void;\n    months: MonthItem[];\n}> = ({ onSelection, months }) => {\n    const state = useCalendarState();\n\n    return (\n        <Virtualizer layout={ListLayout}>\n            <ListBox\n                aria-label=\"month selection\"\n                autoFocus\n                data-menu\n                items={months}\n                selectionMode=\"single\"\n                selectedKeys={[state.focusedDate.month]}\n            >\n                {(item) => {\n                    const nextDate = state.focusedDate.set({\n                        month: item.id,\n                        day: 1,\n                    });\n\n                    const endOfMonth = nextDate.set({\n                        day: nextDate.calendar.getDaysInMonth(nextDate),\n                    });\n\n                    const monthCompletelyInvalid =\n                        (state.maxValue &&\n                            nextDate.compare(state.maxValue) > 0) ||\n                        (state.minValue &&\n                            endOfMonth.compare(state.minValue) < 0);\n\n                    return (\n                        <CalendarMenuItem\n                            onPress={() => {\n                                state.setFocusedDate(\n                                    state.focusedDate.set({ month: item.id })\n                                );\n                                onSelection();\n                            }}\n                            isDisabled={monthCompletelyInvalid ?? undefined}\n                            textValue={item.formatted}\n                        >\n                            <SelectionIndicator>\n                                <Icon\n                                    icon={Check}\n                                    size={24}\n                                    data-selected-icon\n                                />\n                            </SelectionIndicator>\n                            {item.formatted}\n                        </CalendarMenuItem>\n                    );\n                }}\n            </ListBox>\n        </Virtualizer>\n    );\n};\n"],"mappings":";;;;;;;;aAWa,KAGR,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAC,EAAA,gBAAA,cAAA,GACF,IAAc,EAAiB,GAAE;CAAA,AAAA,EAAA,OAAA,EAAA,YAAA,QAUkB,IAAA,EAAA,MAAzB,IAAA,CAAC,EAAK,YAAY,KAAM,GAAC,EAAA,KAAA,EAAA,YAAA,OAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEtC,KAAA,MAAA;EACG,IAAA,IAAiB,EAAK,YAAY,IAAK;GAAA,OAC5B,EAAI;GAAG,KACT;EACT,CAAC,GAED,IAAmB,EAAQ,IAAK,EAAA,KACvB,EAAQ,SAAS,eAAgB,CAAQ,EAClD,CAAC;EAM+C,OAG5C,kBAAC,GAAD;GACa,eAAA;IAIL,AAHA,EAAK,eACD,EAAK,YAAY,IAAK,EAAA,OAAS,EAAI,GAAI,CAAC,CAC5C,GACA,EAAY;GAAC;GAEL,aAbf,EAAK,YACF,EAAQ,QAAS,EAAK,QAAS,IAAI,KACtC,EAAK,YACF,EAAU,QAAS,EAAK,QAAS,IAAI,MAUzB,KAAA;GACD,WAAA,EAAI;aARnB,CAUI,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD;IACUA,MAAA;IACA,MAAA;IACN,sBAAA;GAAkB,CAAA,EAJP,CAAA,GAOlB,EAAI,SAjBQ;;CAkBE,GAE1B,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CAEK,OAFL,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KA9CT,IAAA,kBAAC,GAAD;EAAqBC,QAAA;YACjB,kBAAC,GAAD;GACe,cAAA;GACX,WAAA;GACA,aAAA;GACOC,OAAA;GACO,eAAA;GACA,cAAA;aAEb;EARG,CAAA;CADA,CAAA,GAgDE,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAhDd;AAgDc"}
+{"version":3,"file":"index.js","names":["Check","ListLayout","months","_c","require_compiler_runtime","CalendarMenuItem","useCalendarState","import_compiler_runtime","CalendarMonthMenu","$","t0","state","t1","t2","onSelection","nextDate","item","endOfMonth","monthCompletelyInvalid","SelectionIndicator","Icon","Check","t3","months","Virtualizer","ListLayout","ListBox"],"sources":["../../../../src/components/Calendar/CalendarMonthMenu/CalendarMonthMenu.tsx"],"sourcesContent":["import { Check } from \"lucide-react\";\nimport {\n    ListBox,\n    ListLayout,\n    SelectionIndicator,\n    Virtualizer,\n} from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarMenuItem } from \"../CalendarMenuItem\";\nimport { type MonthItem, useCalendarState } from \"../core\";\n\n/**\n * Props for the {@link CalendarMonthMenu} component.\n */\nexport interface CalendarMonthMenuProps {\n    /** Callback invoked after a month item is selected to return to the calendar view. */\n    onSelection: () => void;\n    /** Array of selectable month objects to render in the virtualized list. */\n    months: MonthItem[];\n}\n\n/**\n * A virtualized list menu allowing users to quickly pick a month in the calendar.\n *\n * Automatically highlights the currently focused month with a checkmark, disables months\n * that fall outside the allowable `minValue` / `maxValue` range, and shifts focused date on click.\n */\nexport const CalendarMonthMenu: React.FC<CalendarMonthMenuProps> = ({\n    onSelection,\n    months,\n}) => {\n    const state = useCalendarState();\n\n    return (\n        <Virtualizer layout={ListLayout}>\n            <ListBox\n                aria-label=\"month selection\"\n                autoFocus\n                data-menu\n                items={months}\n                selectionMode=\"single\"\n                selectedKeys={[state.focusedDate.month]}\n            >\n                {(item) => {\n                    const nextDate = state.focusedDate.set({\n                        month: item.id,\n                        day: 1,\n                    });\n\n                    const endOfMonth = nextDate.set({\n                        day: nextDate.calendar.getDaysInMonth(nextDate),\n                    });\n\n                    const monthCompletelyInvalid =\n                        (state.maxValue &&\n                            nextDate.compare(state.maxValue) > 0) ||\n                        (state.minValue &&\n                            endOfMonth.compare(state.minValue) < 0);\n\n                    return (\n                        <CalendarMenuItem\n                            onPress={() => {\n                                state.setFocusedDate(\n                                    state.focusedDate.set({ month: item.id })\n                                );\n                                onSelection();\n                            }}\n                            isDisabled={monthCompletelyInvalid ?? undefined}\n                            textValue={item.formatted}\n                        >\n                            <SelectionIndicator>\n                                <Icon\n                                    icon={Check}\n                                    size={24}\n                                    data-selected-icon\n                                />\n                            </SelectionIndicator>\n                            {item.formatted}\n                        </CalendarMenuItem>\n                    );\n                }}\n            </ListBox>\n        </Virtualizer>\n    );\n};\n"],"mappings":";;;;;;;;A,aA2BaQ,KAAsD,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAC,EAAA,gBAAA,cAAAO,GAIhEC,IAAcL,EAAiB,GAAEM;CAAA,AAAAH,EAAA,OAAAE,EAAA,YAAA,QAUkB,IAAAF,EAAA,MAAzB,IAAA,CAACE,EAAK,YAAY,KAAM,GAAC,EAAA,KAAAA,EAAA,YAAA,OAAA,EAAA,KAAAC;CAAA,IAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAAAL,EAAA,OAAAE,KAEtC,KAAA,MAAA;EACG,IAAAI,IAAiBJ,EAAK,YAAY,IAAK;GAAA,OAC5BK,EAAI;GAAG,KACT;EACT,CAAC,GAEDC,IAAmBF,EAAQ,IAAK,EAAA,KACvBA,EAAQ,SAAS,eAAgBA,CAAQ,EAClD,CAAC,GAEDG,IACKP,EAAK,YACFI,EAAQ,QAASJ,EAAK,QAAS,IAAI,KACtCA,EAAK,YACFM,EAAU,QAASN,EAAK,QAAS,IAAI;EAAG,OAG5C,kBAACN,GAAD;GACa,eAAA;IAIL,AAHAM,EAAK,eACDA,EAAK,YAAY,IAAK,EAAA,OAASK,EAAI,GAAI,CAAC,CAC5C,GACAF,EAAY;GAAC;GAEL,YAAAI,KAAA,KAAA;GACD,WAAAF,EAAI;GARnB,UAAA,CAUI,kBAACG,GAAD,EAAA,UACI,kBAACC,GAAD;IACUpB,MAAAqB;IACA,MAAA;IACN,sBAAA;GAAkB,CAAA,EAJP,CAAA,GAOlBL,EAAI,SAjBQ;;CAkBE,GAE1B,EAAA,KAAAF,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAE,KAAA,IAAAJ,EAAA;CAAA,IAAAa;CAEK,OAFLb,EAAA,OAAAc,KAAAd,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KA9CT,IAAA,kBAACW,GAAD;EAAqBvB,QAAAwB;EACjB,UAAA,kBAACC,GAAD;GACe,cAAA;GACX,WAAA;GACA,aAAA;GACOxB,OAAAqB;GACO,eAAA;GACA,cAAAX;GAEb,UAAAC;EARG,CAAA;CADA,CAAA,GAgDE,EAAA,KAAAU,GAAA,EAAA,KAAAX,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAS,KAAA,IAAAb,EAAA,IAhDda;AAgDc"}

package/dist/components/Calendar/CalendarYearMenu/CalendarYearMenu.d.ts

@@ -1,5 +1,17 @@
 import { YearItem } from '../core';
-export declare const CalendarYearMenu: React.FC<{
+/**
+ * Props for the {@link CalendarYearMenu} component.
+ */
+export interface CalendarYearMenuProps {
+    /** Callback invoked after a year item is selected to return to the calendar view. */
     onSelection: () => void;
+    /** Array of selectable year objects to render in the virtualized list. */
     years: YearItem[];
-}>;
+}
+/**
+ * A virtualized list menu allowing users to quickly pick a year in the calendar.
+ *
+ * Automatically highlights the currently focused year with a checkmark and shifts the focused date
+ * on selection.
+ */
+export declare const CalendarYearMenu: React.FC<CalendarYearMenuProps>;

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"],"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\nexport const CalendarYearMenu: React.FC<{\n    onSelection: () => void;\n    years: YearItem[];\n}> = ({ onSelection, years }) => {\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":";;;;;;;;aAYa,KAGR,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAC,EAAA,gBAAA,aAAA,GACF,IAAc,EAAiB,GAAE;CAAA,AAAA,EAAA,OAAA,EAAA,YAAA,OAUiB,IAAA,EAAA,MAAxB,IAAA,CAAC,EAAK,YAAY,IAAK,GAAC,EAAA,KAAA,EAAA,YAAA,MAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAErC,KAAA,MACG,kBAAC,GAAD;EACa,eAAA;GAIL,AAHA,EAAK,eACD,EAAK,YAAY,IAAK,EAAA,MAAQ,EAAI,GAAI,CAAC,CAC3C,GACA,EAAY;EAAC;EAEN,WAAA,EAAI;YAPnB,CASI,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD;GAAYA,MAAA;GAAa,MAAA;GAAI,sBAAA;EAAkB,CAAA,EADhC,CAAA,GAIlB,EAAI,SAbQ;KAepB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CAEK,OAFL,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAzBT,IAAA,kBAAC,GAAD;EAAqBC,QAAA;YACjB,kBAAC,GAAD;GACe,cAAA;GACX,WAAA;GACA,aAAA;GACOC,OAAA;GACO,eAAA;GACA,cAAA;aAEb;EARG,CAAA;CADA,CAAA,GA2BE,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IA3Bd;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/RangeCalendar.d.ts

@@ -1,5 +1,43 @@
 import { RangeCalendar as AriaRangeCalendar } from 'react-aria-components';
 import { WeekdayStyle } from '../core';
-export declare const RangeCalendar: React.FC<Omit<React.ComponentPropsWithRef<typeof AriaRangeCalendar>, "children" | "visibleDuration" | "pageBehavior"> & {
+/**
+ * Props for the {@link RangeCalendar} component.
+ * Extends React Aria's `RangeCalendar` props (excluding `children`, `visibleDuration`, and `pageBehavior`).
+ */
+export interface RangeCalendarProps extends Omit<React.ComponentPropsWithRef<typeof AriaRangeCalendar>, "children" | "visibleDuration" | "pageBehavior"> {
+    /**
+     * Formatting style for weekday column headers in the calendar grid.
+     *
+     * - `"narrow"`: Typically a single character (e.g. "S", "M", "T").
+     * - `"short"`: Abbreviated weekday name (e.g. "Sun", "Mon", "Tue").
+     */
     weekdayStyle?: WeekdayStyle;
-}>;
+    /** Accessible label for the previous month button. */
+    previousMonthAriaLabel?: string;
+    /** Accessible label for the next month button. */
+    nextMonthAriaLabel?: string;
+    /** Accessible label for the previous year button. */
+    previousYearAriaLabel?: string;
+    /** Accessible label for the next year button. */
+    nextYearAriaLabel?: string;
+}
+/**
+ * A date range selection calendar component implementing Material Design 3 Date Range Picker guidelines.
+ *
+ * Allows users to select a continuous range of dates (start date and end date) with visual
+ * range indicators, quick month/year jumping menus, keyboard navigation, and localized formatting.
+ * Built on top of React Aria's `RangeCalendar`.
+ *
+ * @example
+ * ```tsx
+ * import { RangeCalendar } from '@adgytec/web-ui-components';
+ * import { today, getLocalTimeZone } from '@internationalized/date';
+ *
+ * <RangeCalendar
+ *     aria-label="Trip dates"
+ *     minValue={today(getLocalTimeZone())}
+ *     onChange={(range) => console.log('Selected range:', range.start, range.end)}
+ * />
+ * ```
+ */
+export declare const RangeCalendar: React.FC<RangeCalendarProps>;

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

@@ -4,27 +4,30 @@ 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)(12), c, l, u;
-	s[0] === e ? (c = s[1], l = s[2], u = s[3]) : ({weekdayStyle: u, className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l, s[3] = u);
-	let d;
-	s[4] === c ? d = s[5] : (d = (e) => r(t, typeof c == "function" ? c(e) : c), s[4] = c, s[5] = d);
-	let f;
-	s[6] === u ? f = s[7] : (f = /* @__PURE__ */ i(n, {
-		weekdayStyle: u,
-		isRangeCalendar: !0
-	}), s[6] = u, s[7] = f);
-	let p;
-	return s[8] !== l || s[9] !== d || s[10] !== f ? (p = /* @__PURE__ */ i(a, {
-		className: d,
-		...l,
+	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);
+	let h;
+	s[8] === c ? h = s[9] : (h = (e) => r(t, typeof c == "function" ? c(e) : c), s[8] = c, s[9] = h);
+	let g;
+	s[10] !== l || s[11] !== u || s[12] !== d || s[13] !== f || s[14] !== m ? (g = /* @__PURE__ */ i(n, {
+		weekdayStyle: m,
+		isRangeCalendar: !0,
+		previousMonthAriaLabel: d,
+		nextMonthAriaLabel: l,
+		previousYearAriaLabel: f,
+		nextYearAriaLabel: u
+	}), s[10] = l, s[11] = u, s[12] = d, s[13] = f, s[14] = m, s[15] = g) : g = s[15];
+	let _;
+	return s[16] !== p || s[17] !== h || s[18] !== g ? (_ = /* @__PURE__ */ i(a, {
+		className: h,
+		...p,
 		"data-calendar": !0,
 		"data-range-calendar": !0,
-		children: f
-	}), s[8] = l, s[9] = d, s[10] = f, s[11] = p) : p = s[11], p;
+		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"],"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\nexport const RangeCalendar: React.FC<\n    Omit<\n        React.ComponentPropsWithRef<typeof AriaRangeCalendar>,\n        \"children\" | \"visibleDuration\" | \"pageBehavior\"\n    > & {\n        weekdayStyle?: WeekdayStyle;\n    }\n> = ({ weekdayStyle, className, ...props }) => {\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 weekdayStyle={weekdayStyle} isRangeCalendar />\n        </AriaRangeCalendar>\n    );\n};\n"],"mappings":";;;;;;;aAKa,KAOT,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAsC,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,OAArC,mCAAA,KAAA,GAAqC,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IASzB,IAAA,EAAA,MANM,KAAA,MACP,EACI,GACA,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAMuD,IAAA,EAAA,MAA5D,IAAA,kBAAC,GAAD;EAA4B;EAAc,iBAAA;CAAe,CAAA,GAAG,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAC5C,OAD4C,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAbhE,IAAA,kBAAC,GAAD;EACe,WAAA;EAMN,GAED;EACJ,iBAAA;EACA,uBAAA;YAEA;CAbc,CAAA,GAcE,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAdpB;AAcoB"}
+{"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/calendar.d.ts

@@ -1,12 +1,38 @@
+/**
+ * Base CSS module class name providing layout and styling tokens for calendar containers.
+ */
 export declare const CalendarBaseStyles: string;
+/**
+ * Format style for weekday headers in the calendar grid.
+ *
+ * - `"narrow"`: Typically a single character (e.g. "S", "M", "T").
+ * - `"short"`: Abbreviated day name (e.g. "Sun", "Mon", "Tue").
+ */
 export type WeekdayStyle = "narrow" | "short";
+/**
+ * Represents a selectable month item within the month picker menu.
+ */
 export interface MonthItem {
+    /** 1-based month index (1 for January through 12 for December). */
     id: number;
+    /** Formatted localized month label (e.g. "January" or "Jan"). */
     formatted: string;
 }
+/**
+ * Represents a selectable year item within the year picker menu.
+ */
 export interface YearItem {
+    /** Full numeric year (e.g. 2026). */
     id: number;
+    /** Formatted localized year string (e.g. "2026"). */
     formatted: string;
 }
+/**
+ * Default fallback minimum year used in the year selection menu when no `minValue` is specified.
+ */
 export declare const defaultMinYear = 1900;
+/**
+ * Default number of years added to the current year when determining the maximum year
+ * in the year selection menu if no `maxValue` is specified.
+ */
 export declare const defaultMaxYearIncrement = 100;

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/Calendar/core/useCalendarState.d.ts

@@ -1,4 +1,19 @@
 import { CalendarState, RangeCalendarState } from 'react-aria-components';
 import { CalendarSelectionMode } from 'react-aria-components/Calendar';
+/**
+ * Accesses the active calendar state from the nearest enclosing `Calendar` or `RangeCalendar`.
+ *
+ * Checks both {@link CalendarStateContext} (single date) and {@link RangeCalendarStateContext} (range).
+ * Throws an error if invoked outside a valid calendar provider context.
+ *
+ * @returns The active {@link CalendarState} or {@link RangeCalendarState}.
+ * @throws {Error} If called outside of a `Calendar` or `RangeCalendar` component hierarchy.
+ */
 export declare function useCalendarState(): CalendarState<CalendarSelectionMode> | RangeCalendarState<import('react-stately/useCalendarState').DateValue>;
+/**
+ * Type guard function to determine whether a given calendar state is a {@link RangeCalendarState}.
+ *
+ * @param state - The calendar state instance to check.
+ * @returns `true` if `state` is a `RangeCalendarState` (containing an `anchorDate` property), otherwise `false`.
+ */
 export declare function isRangeCalendarState(state: CalendarState<CalendarSelectionMode> | RangeCalendarState): state is RangeCalendarState;

package/dist/components/Calendar/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Calendar';
+export * from './core';
 export * from './RangeCalendar';

package/dist/components/Calendar/index.js

@@ -1,3 +1,4 @@
-import { Calendar as e } from "./Calendar/index.js";
-import { RangeCalendar as t } from "./RangeCalendar/index.js";
-export { e as Calendar, t as RangeCalendar };
+import { a as e, i as t, n, r, t as i } from "../../chunks/core3";
+import { Calendar as a } from "./Calendar/index.js";
+import { RangeCalendar as o } from "./RangeCalendar/index.js";
+export { a as Calendar, r as CalendarBaseStyles, o as RangeCalendar, t as defaultMaxYearIncrement, e as defaultMinYear, i as isRangeCalendarState, n as useCalendarState };

package/dist/components/Card/Card/Card.d.ts

@@ -1,2 +1,22 @@
 import { CardProps } from './types';
+/**
+ * A card container component implementing Material Design 3 Card guidelines.
+ *
+ * Cards contain content and actions about a single subject. They present information
+ * in a structured format and support three visual variants (`"filled"`, `"elevated"`, `"outlined"`),
+ * interactive press states with touch ripple feedback via {@link Splash}, keyboard navigation,
+ * and accessible focus management built on top of React Aria's `GridListItem`.
+ *
+ * @example
+ * ```tsx
+ * import { Card, CardIcon } from '@adgytec/web-ui-components';
+ * import { Bell } from 'lucide-react';
+ *
+ * <Card variant="elevated" onPress={() => console.log('Card clicked')}>
+ *     <CardIcon icon={Bell} />
+ *     <h3>Notifications</h3>
+ *     <p>Manage your alert preferences.</p>
+ * </Card>
+ * ```
+ */
 export declare const Card: React.FC<CardProps>;

package/dist/components/Card/Card/types.d.ts

@@ -1,7 +1,30 @@
 import { GridListItem } from 'react-aria-components';
+/**
+ * Visual hierarchy and elevation variants for the {@link Card} component.
+ *
+ * - `"filled"`: Subtle contrast against a surface without elevation shadows (default).
+ * - `"elevated"`: Elevated surface with drop shadow, separating card content from the background.
+ * - `"outlined"`: Bordered surface with an outline stroke and no elevation shadow.
+ */
 export type CardVariant = "elevated" | "outlined" | "filled";
+/**
+ * Props for the {@link Card} component.
+ * Extends React Aria's `GridListItem` props, supporting interaction states,
+ * selection, and press handlers.
+ */
 export interface CardProps extends React.ComponentPropsWithRef<typeof GridListItem> {
+    /**
+     * The visual style and elevation variant of the card.
+     *
+     * @default "filled"
+     */
     variant?: CardVariant;
 }
+/**
+ * Recommended spacing (in pixels) between adjacent cards in a grid layout.
+ */
 export declare const PaddingBetweenCards = 12;
+/**
+ * Fixed icon size (in pixels) used by the {@link CardIcon} component.
+ */
 export declare const CardIconSize = 24;

package/dist/components/Card/CardIcon/CardIcon.d.ts

@@ -1,2 +1,26 @@
 import { Icon } from '../../Icon';
-export declare const CardIcon: React.FC<Omit<React.ComponentPropsWithRef<typeof Icon>, "size" | "withText">>;
+/**
+ * Props for the {@link CardIcon} component.
+ * Extends {@link Icon} props while omitting `size` and `withText`, which are pre-configured
+ * specifically for cards.
+ */
+export interface CardIconProps extends Omit<React.ComponentPropsWithRef<typeof Icon>, "size" | "withText"> {
+}
+/**
+ * A styled icon component designed specifically for placement inside a {@link Card}.
+ *
+ * Automatically standardizes the icon size to 24px ({@link CardIconSize}) and applies
+ * theme-aware icon coloring (`--_md-card-icon-color`).
+ *
+ * @example
+ * ```tsx
+ * import { Card, CardIcon } from '@adgytec/web-ui-components';
+ * import { Sparkles } from 'lucide-react';
+ *
+ * <Card>
+ *     <CardIcon icon={Sparkles} />
+ *     <span>Featured Content</span>
+ * </Card>
+ * ```
+ */
+export declare const CardIcon: React.FC<CardIconProps>;

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/GridBackgroundDecorator.d.ts

@@ -1,14 +1,53 @@
 import { default as React } from 'react';
+/**
+ * Visual pattern variants for the {@link GridBackgroundDecorator} component.
+ *
+ * - `"lines"`: Structured intersecting line grid pattern (default).
+ * - `"dots"`: Subtle dotted matrix pattern.
+ */
+export type GridBackgroundDecoratorVariant = "lines" | "dots";
+/**
+ * Props for the {@link GridBackgroundDecorator} component.
+ */
 export interface GridBackgroundDecoratorProps {
-    /** Custom z-index value. Defaults to 0 */
+    /**
+     * Z-index layer depth for the decorator container.
+     *
+     * @default 0
+     */
     zIndex?: number;
-    /** Additional CSS classes */
+    /** Additional CSS class names to apply to the decorator container. */
     className?: string;
-    /** Additional custom styles */
+    /** Custom inline styles to apply to the decorator container. */
     style?: React.CSSProperties;
-    /** Grid size in pixels. Defaults to 40 */
+    /**
+     * Grid cell spacing size in pixels.
+     *
+     * @default 40
+     */
     gridSize?: number;
-    /** Grid pattern variant. Defaults to 'lines' */
-    variant?: "lines" | "dots";
+    /**
+     * Visual grid style pattern.
+     *
+     * @default "lines"
+     */
+    variant?: GridBackgroundDecoratorVariant;
 }
-export declare const GridBackgroundDecorator: ({ zIndex, className, style, gridSize, variant, }: GridBackgroundDecoratorProps) => React.JSX.Element;
+/**
+ * A non-blocking background decorator that renders a structured grid of lines or dots.
+ *
+ * Spans the full page or parent container with `pointer-events: none` and `aria-hidden="true"`
+ * so it provides visual depth without interfering with pointer events or assistive technology.
+ *
+ * @example
+ * ```tsx
+ * import { GridBackgroundDecorator } from '@adgytec/web-ui-components';
+ *
+ * // Standard intersecting grid line pattern
+ * <GridBackgroundDecorator variant="lines" gridSize={40} />
+ *
+ * // Dot matrix grid pattern with custom z-index
+ * <GridBackgroundDecorator variant="dots" gridSize={24} zIndex={-5} />
+ * ```
+ */
+export declare const GridBackgroundDecorator: React.FC<GridBackgroundDecoratorProps>;

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/RadialGlowDecorator.d.ts

@@ -1,12 +1,59 @@
 import { default as React } from 'react';
+/**
+ * Predefined layout, blob placement, and motion variants for the {@link RadialGlowDecorator} component.
+ *
+ * - `"default"`: 3 static blobs (primary, secondary, tertiary) spread across the viewport.
+ * - `"split"`: 2 static blobs separated left and right, ideal for two-column or split layouts.
+ * - `"top-bar"`: 3 horizontal blobs aligned across the top fold or header area.
+ * - `"corners"`: 4 static blobs anchored in each of the four screen corners.
+ * - `"aurora"`: 4 organic floating blobs with continuous drift animation for atmospheric ambiance.
+ * - `"spotlight"`: 3 centered, layered blobs with an organic pulsating scale animation.
+ * - `"nebula"`: 4 orbiting and drifting blobs creating an immersive, fluid cosmic look.
+ * - `"horizon"`: 3 bottom-anchored blobs with rising and pulsating motion for footers and page bottoms.
+ * - `"spiral"`: 3 blobs following a circular orbiting path for dynamic centerpiece effects.
+ */
+export type RadialGlowDecoratorVariant = "default" | "split" | "top-bar" | "corners" | "aurora" | "spotlight" | "nebula" | "horizon" | "spiral";
+/**
+ * Props for the {@link RadialGlowDecorator} component.
+ */
 export interface RadialGlowDecoratorProps {
-    /** Custom z-index value. Defaults to -10 */
+    /**
+     * Z-index layer depth for the decorator container.
+     *
+     * @default -10
+     */
     zIndex?: number;
-    /** Additional CSS classes */
+    /** Additional CSS class names to apply to the decorator container. */
     className?: string;
-    /** Additional custom styles */
+    /** Custom inline styles to apply to the decorator container. */
     style?: React.CSSProperties;
-    /** Blob arrangement variant. Defaults to 'default' */
-    variant?: "default" | "split" | "top-bar" | "corners" | "aurora" | "spotlight" | "nebula" | "horizon" | "spiral";
+    /**
+     * Predefined layout, blob placement, and animation variant.
+     *
+     * @default "default"
+     */
+    variant?: RadialGlowDecoratorVariant;
 }
-export declare const RadialGlowDecorator: ({ zIndex, className, style, variant, }: RadialGlowDecoratorProps) => React.JSX.Element;
+/**
+ * A non-blocking decorative background component that renders smooth, theme-aware radial glow gradients.
+ *
+ * Layers multiple blurred color blobs to produce premium ambient lighting and background washes.
+ * Automatically scales opacities between light and dark modes to ensure visual balance.
+ * Spans the full page with `pointer-events: none` and `aria-hidden="true"`, ensuring no interference
+ * with user interactions or accessibility trees.
+ *
+ * @example
+ * ```tsx
+ * import { RadialGlowDecorator } from '@adgytec/web-ui-components';
+ *
+ * // Static multi-color radial gradient
+ * <RadialGlowDecorator variant="default" />
+ *
+ * // Continuous floating aurora animation with custom z-index
+ * <RadialGlowDecorator variant="aurora" zIndex={-20} />
+ *
+ * // Centered pulsating spotlight for hero sections
+ * <RadialGlowDecorator variant="spotlight" />
+ * ```
+ */
+export declare const RadialGlowDecorator: React.FC<RadialGlowDecoratorProps>;

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/ActionDialog.d.ts

@@ -1,2 +1,35 @@
 import { ActionDialogProps } from './types';
+/**
+ * A specialized dialog component pre-configured for standard alert, confirmation, and prompt patterns.
+ *
+ * Features an optional icon, title heading, scrollable body content area, and customizable action buttons.
+ * Implements Material Design 3 guidelines for dialog layout alignment (such as centering the header when
+ * an icon is provided) and configurable divider placements.
+ *
+ * @example
+ * ```tsx
+ * import { ActionDialog, Modal, ModalOverlay, Button } from '@adgytec/web-ui-components';
+ * import { DialogTrigger } from 'react-aria-components';
+ * import { AlertTriangle } from 'lucide-react';
+ *
+ * <DialogTrigger>
+ *     <Button color="outlined">Delete Account</Button>
+ *     <ModalOverlay isDismissable>
+ *         <Modal>
+ *             <ActionDialog
+ *                 icon={AlertTriangle}
+ *                 heading="Delete Account"
+ *                 divider="before-actions"
+ *                 actions={[
+ *                     <Button key="cancel" color="text">Cancel</Button>,
+ *                     <Button key="delete">Delete</Button>,
+ *                 ]}
+ *             >
+ *                 Are you sure you want to delete your account? This action cannot be undone.
+ *             </ActionDialog>
+ *         </Modal>
+ *     </ModalOverlay>
+ * </DialogTrigger>
+ * ```
+ */
 export declare const ActionDialog: React.FC<ActionDialogProps>;

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";