npm - @adgytec/adgytec-web-ui-components - Versions diffs - 2.3.0 → 2.4.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (772) hide show

package/dist/chunks/AppBarAction.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppBarAction","names":[],"sources":["../../src/components/AppBar/AppBarAction/appBarAction.module.css","../../src/components/AppBar/AppBarAction/AppBarAction.tsx"],"sourcesContent":["@layer adgytec.comps {\n .action {\n inline-size: var(--md-sys-layout-space-48);\n block-size: var(--md-sys-layout-space-48);\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n","import clsx from \"clsx\";\nimport { IconButton, type IconButtonProps } from \"@/components/Button\";\nimport styles from \"./appBarAction.module.css\";\n\~~nexport~~ ~~const~~ AppBarAction: ~~React.FC<~~Omit<IconButtonProps, \"size\">> = ({\n color = \"standard\",\n className,\n ...props\n}) => {\n return (\n <IconButton\n className={(renderProps) =>\n clsx(\n styles[\"action\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n color={color}\n size=\"small\"\n />\n );\n};\n"],"mappings":";;;~~uCCIa~~,~~KAAyD~~,~~EAClE~~,WAAQ,YACR,cACA,~~GAAG~~,QAGC,~~kBAAC~~,GAAD;CACI,YAAY,~~MACR~~,~~EACI~~,~~EAAO~~,QACP,~~OAAO~~,KAAc,~~aACf~~,~~EAAU~~,CAAW,~~IACrB~~,CACV;CAEJ,~~GAAI~~;CACG;CACP,MAAK;AAAO,CAAA"}
1	+ {"version":3,"file":"AppBarAction","names":["clsx","styles","clsx$1","appBarAction_module_default","AppBarAction","props","IconButton","\"action\"","className","renderProps"],"sources":["../../src/components/AppBar/AppBarAction/appBarAction.module.css","../../src/components/AppBar/AppBarAction/AppBarAction.tsx"],"sourcesContent":["@layer adgytec.comps {\n .action {\n inline-size: var(--md-sys-layout-space-48);\n block-size: var(--md-sys-layout-space-48);\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n","import clsx from \"clsx\";\nimport { IconButton, type IconButtonProps } from \"@/components/Button\";\nimport styles from \"./appBarAction.module.css\";\n\n/*\n Props for the {@link AppBarAction} component, omitting `size` which is fixed to `\"small\"`.\n /\nexport type AppBarActionProps = Omit<IconButtonProps, \"size\">;\n\n/\n Action button specifically styled and sized for use inside the {@link AppBar}.\n \n Wraps {@link IconButton} with `size=\"small\"` (per Material 3 Top App Bar specs)\n * and defaults to `color=\"standard\"`.\n \n @example\n * ```tsx\n * import { AppBarAction } from '@adgytec/web-ui-components';\n * import { ArrowLeft } from 'lucide-react';\n \n <AppBarAction icon={ArrowLeft} aria-label=\"Go back\" onPress={() => history.back()} />\n * ```\n */\nexport const AppBarAction: React.FC<AppBarActionProps> = ({\n color = \"standard\",\n className,\n ...props\n}) => {\n return (\n <IconButton\n className={(renderProps) =>\n clsx(\n styles[\"action\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n color={color}\n size=\"small\"\n />\n );\n};\n"],"mappings":";;;A,uCCuBaI,KAA6C,EACtD,WAAQ,YACR,cACA,GAAGC,QAGC,kBAACC,GAAD;CACI,YAAY,MACRN,EACIC,EAAOM,QACP,OAAOC,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;CAEJ,GAAIH;CACG;CACP,MAAK;AAAO,CAAA"}

package/dist/chunks/AppBarAvatar CHANGED Viewed

@@ -6,7 +6,7 @@ import { f as a, l as o, u as s } from "./core";
 import c from "clsx";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { Button as d } from "react-aria-components";
-import '../assets/AppBarAvatar.css';//#region src/components/AppBar/AppBarAvatar/appBarAvatar.module.css
+import '../assets/AppBarAvatar.css';// src/components/AppBar/AppBarAvatar/appBarAvatar.module.css
 var f = e(), p = { avatar: "_avatar_xrsa2_2" }, m = (e) => {
 	let m = (0, f.c)(15), h, g, _, v;
 	m[0] === e ? (h = m[1], g = m[2], _ = m[3], v = m[4]) : ({className: g, children: h, onPress: _, ...v} = e, m[0] = e, m[1] = h, m[2] = g, m[3] = _, m[4] = v);
@@ -37,7 +37,6 @@ var f = e(), p = { avatar: "_avatar_xrsa2_2" }, m = (e) => {
 		children: S
 	}), m[10] = b, m[11] = v, m[12] = x, m[13] = S, m[14] = C) : C = m[14], C;
 };
-//#endregion
 export { m as t };
 //# sourceMappingURL=AppBarAvatar.map

package/dist/chunks/AppBarAvatar.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppBarAvatar","names":["renderProps","handlePress"],"sources":["../../src/components/AppBar/AppBarAvatar/appBarAvatar.module.css","../../src/components/AppBar/AppBarAvatar/AppBarAvatar.tsx"],"sourcesContent":["@layer adgytec.comps {\n .avatar {\n --_md-app-bar-avatar-size: var(--md-sys-layout-space-32);\n\n inline-size: var(--md-sys-layout-space-48);\n block-size: var(--md-sys-layout-space-48);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > [data-visual-button] {\n display: flex;\n align-items: center;\n justify-content: center;\n\n inline-size: var(--_md-app-bar-avatar-size);\n max-inline-size: var(--_md-app-bar-avatar-size);\n\n block-size: var(--_md-app-bar-avatar-size);\n max-block-size: var(--_md-app-bar-avatar-size);\n\n border-radius: 50%;\n overflow: clip;\n position: relative;\n\n text-align: center;\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n }\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Button } from \"react-aria-components\";\nimport {\n ButtonReset,\n buttonColorBase,\n buttonColorConfig,\n} from \"@/components/Button\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport { TapTarget, typography } from \"@/utils\";\nimport styles from \"./appBarAvatar.module.css\";\n\~~nexport~~ ~~const~~ AppBarAvatar: ~~React.FC<\~~n React.ComponentPropsWithRef<typeof Button>\n> = ({ className, children, onPress, ...props }) => {\n const { splashInfo, handlePress } = useSplash(onPress);\n\n return (\n <Button\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n styles[\"avatar\"],\n typography.labelLarge,\n TapTarget,\n buttonColorConfig(\"filled\"),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-button\n >\n {(renderProps) => {\n const {\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n \"data-hovered\": isHovered \|\| undefined,\n \"data-disabled\": isDisabled \|\| undefined,\n \"data-focused\": isFocused \|\| undefined,\n \"data-focus-visible\": isFocusVisible \|\| undefined,\n \"data-pressed\": isPressed \|\| undefined,\n \"data-visual-button\": true,\n };\n\n return (\n <span className={clsx(buttonColorBase)} {...dataAttrs}>\n {splashInfo && <Splash {...splashInfo} />}\n\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </span>\n );\n }}\n </Button>\n );\n};\n"],"mappings":";;;;;;;;;~~gDCWa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,EAAA,~~GAAA~~,~~GAAA~~,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAA2C~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAA1C~~,~~2CAAA~~,~~KAAA~~,~~GAA0C~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;~~CAC3C~~,IAAA,EAAA,eAAA,~~mBAAoC~~,~~EAAU~~,CAAO,~~GAAE~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,IAe1C,~~IAAA~~,EAAA,MAVM,KAAA,~~MACP~~,~~EACI~~,~~GACA~~,EAAM,~~QACN~~,EAAU,~~YACV~~,~~GACA~~,EAAkB,QAAQ,GAC1B,~~OAAO~~,KAAc,~~aACf~~,~~EAAU~~,CACF,~~IAFd~~,CAGJ,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KAKJ,KAAA,MAAA;EACG,IAAA,EAAA,eAAA,mBAAA,cAAA,cAAA,~~iBAMIA~~,~~GAEJ~~,IAAkB;GAAA,~~gBACE~~,KAAA,KAAA;GAAsB,~~iBACrB~~,KAAA,KAAA;GAAuB,~~gBACxB~~,KAAA,KAAA;GAAsB,~~sBAChB~~,KAAA,KAAA;GAA2B,~~gBACjC~~,KAAA,KAAA;GAAsB,sBAChB;EAC1B;EAAE,OAGE,kBAAA,QAAA;GAAiB,~~WAAA~~,~~EAAK~~,CAAe;GAAC,~~GAAM~~;~~aAA5C~~,~~CACK~~,KAAc,~~kBAAC~~,GAAD,EAAO,~~GAAK~~,EAAU,CAAA,GAEpC,~~OAAO~~,KAAa,~~aACf~~,~~EAASA~~,CACF,~~IAFZ~~,CAGE;;CAAA,GAEd,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA;CAAA,~~IAAA~~;CACI,~~OADJ~~,EAAA,~~QAAA~~,~~KAAA~~,EAAA,~~QAAA~~,~~KAAA~~,EAAA,~~QAAA~~,~~KAAA~~,EAAA,~~QAAA~~,KA5CL,IAAA,~~kBAAC~~,GAAD;~~EACaC~~,~~SAAA~~;EACE,~~WAAA~~;EAUN,~~GAED~~;EACJ,eAAA;~~YAEC~~;CAjBE,CAAA,GA6CE,EAAA,~~MAAA~~,GAAA,EAAA,~~MAAA~~,GAAA,EAAA,~~MAAA~~,GAAA,EAAA,~~MAAA~~,GAAA,EAAA,~~MAAA~~,KAAA,~~IAAA~~,EAAA,~~KA7CT~~;AA6CS"}
1	+ {"version":3,"file":"AppBarAvatar","names":["renderProps","handlePress","_c","clsx","styles","require_compiler_runtime","typography","Splash","useSplash","ButtonReset","buttonColorBase","buttonColorConfig","clsx$1","import_compiler_runtime","appBarAvatar_module_default","AppBarAvatar","$","children","className","onPress","props","t0","t1","TapTarget","renderProps","t2","splashInfo","renderProps_0","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","t3","handlePress","Button"],"sources":["../../src/components/AppBar/AppBarAvatar/appBarAvatar.module.css","../../src/components/AppBar/AppBarAvatar/AppBarAvatar.tsx"],"sourcesContent":["@layer adgytec.comps {\n .avatar {\n --_md-app-bar-avatar-size: var(--md-sys-layout-space-32);\n\n inline-size: var(--md-sys-layout-space-48);\n block-size: var(--md-sys-layout-space-48);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > [data-visual-button] {\n display: flex;\n align-items: center;\n justify-content: center;\n\n inline-size: var(--_md-app-bar-avatar-size);\n max-inline-size: var(--_md-app-bar-avatar-size);\n\n block-size: var(--_md-app-bar-avatar-size);\n max-block-size: var(--_md-app-bar-avatar-size);\n\n border-radius: 50%;\n overflow: clip;\n position: relative;\n\n text-align: center;\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n }\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Button } from \"react-aria-components\";\nimport {\n ButtonReset,\n buttonColorBase,\n buttonColorConfig,\n} from \"@/components/Button\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport { TapTarget, typography } from \"@/utils\";\nimport styles from \"./appBarAvatar.module.css\";\n\n/*\n Props for the {@link AppBarAvatar} component.\n /\nexport type AppBarAvatarProps = React.ComponentPropsWithRef<typeof Button>;\n\n/\n Interactive circular avatar button container designed for profile navigation in the {@link AppBar}.\n \n Features a circular 32px container, Material ripple feedback (via {@link Splash}),\n * accessible touch target padding (via {@link TapTarget}), and automatic hover/focus/pressed visual states.\n \n @example\n * ```tsx\n * import { AppBarAvatar } from '@adgytec/web-ui-components';\n \n <AppBarAvatar aria-label=\"View user profile\" onPress={() => navigate('/profile')}>\n * <img src=\"/avatar.png\" alt=\"Profile\" />\n * </AppBarAvatar>\n * ```\n */\nexport const AppBarAvatar: React.FC<AppBarAvatarProps> = ({\n className,\n children,\n onPress,\n ...props\n}) => {\n const { splashInfo, handlePress } = useSplash(onPress);\n\n return (\n <Button\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n styles[\"avatar\"],\n typography.labelLarge,\n TapTarget,\n buttonColorConfig(\"filled\"),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-button\n >\n {(renderProps) => {\n const {\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n \"data-hovered\": isHovered \|\| undefined,\n \"data-disabled\": isDisabled \|\| undefined,\n \"data-focused\": isFocused \|\| undefined,\n \"data-focus-visible\": isFocusVisible \|\| undefined,\n \"data-pressed\": isPressed \|\| undefined,\n \"data-visual-button\": true,\n };\n\n return (\n <span className={clsx(buttonColorBase)} {...dataAttrs}>\n {splashInfo && <Splash {...splashInfo} />}\n\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </span>\n );\n }}\n </Button>\n );\n};\n"],"mappings":";;;;;;;;;A,gDC+Bae,KAA4C,MAAA;CAAA,IAAAC,KAAA,GAAAd,EAAAA,EAAAA,CAAA,EAAA,GAAAe,GAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAKxD,IAAAL,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OALyD,wCAAA,GAAAI,KAAAC,GAKzD,EAAA,KAAAA,GAAA,EAAA,KAAAJ,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,eAAA,mBAAoCZ,EAAUW,CAAO,GAAEG;CAAA,AAAAN,EAAA,OAAAE,IAe1C,IAAAF,EAAA,MAVM,KAAA,MACPb,EACIM,GACAL,EAAM,QACNE,EAAU,YACViB,GACAZ,EAAkB,QAAQ,GAC1B,OAAOO,KAAc,aACfA,EAAUM,CACF,IAFdN,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAI;CAAA,IAAAG;CAAA,AAAAT,EAAA,OAAAC,KAAAD,EAAA,OAAAU,KAKJ,KAAA,MAAA;EACG,IAAA,EAAA,eAAA,mBAAA,cAAA,cAAA,iBAMI1B,GAEJ4B,IAAkB;GAAA,gBACEC,KAAA,KAAA;GAAsB,iBACrBC,KAAA,KAAA;GAAuB,gBACxBC,KAAA,KAAA;GAAsB,sBAChBC,KAAA,KAAA;GAA2B,gBACjCC,KAAA,KAAA;GAAsB,sBAChB;EAC1B;EAAE,OAGE,kBAAA,QAAA;GAAiB,WAAA9B,EAAKO,CAAe;GAAC,GAAMkB;GAA5C,UAAA,CACKF,KAAc,kBAACnB,GAAD,EAAO,GAAKmB,EAAU,CAAA,GAEpC,OAAOT,KAAa,aACfA,EAASjB,CACF,IAFZiB,CAGE;;CAAA,GAEd,EAAA,KAAAA,GAAA,EAAA,KAAAS,GAAA,EAAA,KAAAD,KAAA,IAAAT,EAAA;CAAA,IAAAkB;CACI,OADJlB,EAAA,QAAAmB,KAAAnB,EAAA,QAAAI,KAAAJ,EAAA,QAAAM,KAAAN,EAAA,QAAAS,KA5CL,IAAA,kBAACW,GAAD;EACanC,SAAAkC;EACE,WAAAb;EAUN,GAEDF;EACJ,eAAA;EAEC,UAAAK;CAjBE,CAAA,GA6CE,EAAA,MAAAU,GAAA,EAAA,MAAAf,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAS,KAAA,IAAAlB,EAAA,KA7CTkB;AA6CS"}

package/dist/chunks/AppBarHeadline CHANGED Viewed

@@ -3,7 +3,7 @@ import { useAppBarContext as t } from "../components/AppBar/core/index.js";
 import n from "clsx";
 import { jsx as r } from "react/jsx-runtime";
 import { Heading as i } from "react-aria-components";
-import '../assets/AppBarHeadline.css';//#region src/components/AppBar/AppBarHeadline/appBarHeadline.module.css
+import '../assets/AppBarHeadline.css';// src/components/AppBar/AppBarHeadline/appBarHeadline.module.css
 var a = e(), o = {
 	headline: "_headline_yz8nu_2",
 	centered: "_centered_yz8nu_7"
@@ -19,7 +19,6 @@ var a = e(), o = {
 		"data-app-bar-headline": !0
 	}), s[7] = l, s[8] = f, s[9] = p) : p = s[9], p;
 };
-//#endregion
 export { s as t };
 //# sourceMappingURL=AppBarHeadline.map

package/dist/chunks/AppBarHeadline.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppBarHeadline","names":[],"sources":["../../src/components/AppBar/AppBarHeadline/appBarHeadline.module.css","../../src/components/AppBar/AppBarHeadline/AppBarHeadline.tsx"],"sourcesContent":["@layer adgytec.comps {\n .headline {\n color: var(--_md-app-bar-title-color);\n min-block-size: var(--_md-app-bar-headline-block-size);\n }\n\n .centered {\n text-align: center;\n }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { useAppBarContext } from \"../core\";\nimport styles from \"./appBarHeadline.module.css\";\n\~~nexport~~ ~~const~~ AppBarHeadline: ~~React.FC<\~~n React.ComponentPropsWithRef<typeof Heading>\n> = ({ className, ...props }) => {\n const appBarContext = useAppBarContext();\n\n return (\n <Heading\n className={clsx(\n appBarContext.headlineTypography,\n styles[\"headline\"],\n styles[appBarContext.alignment],\n className\n )}\n {...props}\n data-app-bar-headline\n />\n );\n};\n"],"mappings":";;;;;;;;;~~GCKa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,EAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAAwB~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAAvB~~,~~kBAAA~~,~~KAAA~~,~~GAAuB~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;~~CACxB~~,~~IAAA~~,~~IAAsB~~,EAAiB,~~GAO3B~~,~~IAAA~~,~~EAAO~~,EAAa,~~YAAW~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,EAAA,~~sBAAA~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KAHxB,~~IAAA~~,~~EACP~~,EAAa,~~oBACb~~,EAAM,~~UACN~~,~~GACA~~,CACJ,GAAC,EAAA,~~KAAA~~,EAAA,oBAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA;CAAA,~~IAAA~~;CAGH,~~OAHG~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KANL,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EAKV,~~GACG~~;EACJ,yBAAA;CAAqB,CAAA,GACvB,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IATF~~;AASE"}
1	+ {"version":3,"file":"AppBarHeadline","names":["_c","styles","clsx","require_compiler_runtime","clsx$1","import_compiler_runtime","appBarHeadline_module_default","AppBarHeadline","$","className","props","t0","appBarContext","useAppBarContext","t1","t2","t3","Heading"],"sources":["../../src/components/AppBar/AppBarHeadline/appBarHeadline.module.css","../../src/components/AppBar/AppBarHeadline/AppBarHeadline.tsx"],"sourcesContent":["@layer adgytec.comps {\n .headline {\n color: var(--_md-app-bar-title-color);\n min-block-size: var(--_md-app-bar-headline-block-size);\n }\n\n .centered {\n text-align: center;\n }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { useAppBarContext } from \"../core\";\nimport styles from \"./appBarHeadline.module.css\";\n\n/*\n Props for the {@link AppBarHeadline} component.\n /\nexport type AppBarHeadlineProps = React.ComponentPropsWithRef<typeof Heading>;\n\n/\n Semantic heading component for the {@link AppBar}.\n \n Automatically coordinates with the enclosing `<AppBar>` context to adapt its\n * typography scale (Title Large, Headline Medium, or Display Small) and text alignment\n * (`\"default\"` or `\"centered\"`).\n \n @example\n * ```tsx\n * import { AppBarHeadline } from '@adgytec/web-ui-components';\n \n <AppBarHeadline>Page Title</AppBarHeadline>\n * ```\n */\nexport const AppBarHeadline: React.FC<AppBarHeadlineProps> = ({\n className,\n ...props\n}) => {\n const appBarContext = useAppBarContext();\n\n return (\n <Heading\n className={clsx(\n appBarContext.headlineTypography,\n styles[\"headline\"],\n styles[appBarContext.alignment],\n className\n )}\n {...props}\n data-app-bar-headline\n />\n );\n};\n"],"mappings":";;;;;;;;;A,GCwBaO,KAAgD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,EAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAG5D,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAH6D,eAAA,GAAAE,KAAAC,GAG7D,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CACG,IAAAE,IAAsBC,EAAiB,GAO3BC,IAAAb,EAAOW,EAAa,YAAWG;CAAA,AAAAP,EAAA,OAAAI,EAAA,sBAAAJ,EAAA,OAAAC,KAAAD,EAAA,OAAAM,KAHxB,IAAAZ,EACPU,EAAa,oBACbX,EAAM,UACNa,GACAL,CACJ,GAAC,EAAA,KAAAG,EAAA,oBAAA,EAAA,KAAAH,GAAA,EAAA,KAAAK,GAAA,EAAA,KAAAC,KAAA,IAAAP,EAAA;CAAA,IAAAQ;CAGH,OAHGR,EAAA,OAAAE,KAAAF,EAAA,OAAAO,KANL,IAAA,kBAACE,GAAD;EACe,WAAAF;EAKV,GACGL;EACJ,yBAAA;CAAqB,CAAA,GACvB,EAAA,KAAAA,GAAA,EAAA,KAAAK,GAAA,EAAA,KAAAC,KAAA,IAAAR,EAAA,IATFQ;AASE"}

package/dist/chunks/BaseCalendar CHANGED Viewed

@@ -19,46 +19,46 @@ import '../assets/BaseCalendar.css';var x = {
 	options: "_options_te9i6_38",
 	view: "_view_te9i6_43",
 	menu: "_menu_te9i6_48"
-}, S = ({ isRangeCalendar: S, weekdayStyle: C }) => {
-	let [w, T] = d("calendar"), E = u(null), D = u(null), O = u(null), k = u(null), A = i(), j = A.timeZone, M = y({
+}, S = ({ isRangeCalendar: S, weekdayStyle: C, previousMonthAriaLabel: w, nextMonthAriaLabel: T, previousYearAriaLabel: E, nextYearAriaLabel: D }) => {
+	let [O, k] = d("calendar"), A = u(null), j = u(null), M = u(null), N = u(null), P = i(), F = P.timeZone, I = y({
 		month: "short",
-		timeZone: j
-	}), N = y({
+		timeZone: F
+	}), L = y({
 		month: "long",
-		timeZone: j
-	}), P = y({
+		timeZone: F
+	}), R = y({
 		year: "numeric",
-		timeZone: j
-	}), F = M.format(A.focusedDate.toDate(j)), I = P.format(A.focusedDate.toDate(j)), L = v(j).year, R = A.minValue?.year ?? 1900, z = A.maxValue?.year ?? L + 100, B = l(() => {
+		timeZone: F
+	}), z = I.format(P.focusedDate.toDate(F)), B = R.format(P.focusedDate.toDate(F)), V = v(F).year, H = P.minValue?.year ?? 1900, U = P.maxValue?.year ?? V + 100, W = l(() => {
 		let e = [];
-		for (let t = R; t <= z; t++) {
-			let n = A.focusedDate.set({ year: t });
+		for (let t = H; t <= U; t++) {
+			let n = P.focusedDate.set({ year: t });
 			e.push({
 				id: t,
-				formatted: P.format(n.toDate(j))
+				formatted: R.format(n.toDate(F))
 			});
 		}
 		return e;
 	}, [
-		R,
-		z,
-		j,
-		P
-	]), V = l(() => {
-		let e = [], t = A.focusedDate.calendar.getMonthsInYear(A.focusedDate);
+		H,
+		U,
+		F,
+		R
+	]), G = l(() => {
+		let e = [], t = P.focusedDate.calendar.getMonthsInYear(P.focusedDate);
 		for (let n = 1; n <= t; n++) {
-			let t = A.focusedDate.set({ month: n });
+			let t = P.focusedDate.set({ month: n });
 			e.push({
 				id: n,
-				formatted: N.format(t.toDate(j))
+				formatted: L.format(t.toDate(F))
 			});
 		}
 		return e;
 	}, [
-		A.focusedDate.calendar,
-		j,
-		N
-	]), H = (e) => {
+		P.focusedDate.calendar,
+		F,
+		L
+	]), K = (e) => {
 		let t = e.set({
 			month: 1,
 			day: 1
@@ -66,57 +66,55 @@ import '../assets/BaseCalendar.css';var x = {
 			month: n,
 			day: e.calendar.getDaysInMonth(e.set({ month: n }))
 		});
-		return A.maxValue != null && t.compare(A.maxValue) > 0 || A.minValue != null && r.compare(A.minValue) < 0;
-	}, U = () => H(A.focusedDate.cycle("year", 1)), W = () => H(A.focusedDate.cycle("year", -1)), G = () => {
-		a(A) && (k.current = A.anchorDate, A.setAnchorDate(null));
-	}, K = () => {
-		a(A) && (A.setAnchorDate(k.current), k.current = null);
-	}, q = () => {
-		T("calendar"), K();
+		return P.maxValue != null && t.compare(P.maxValue) > 0 || P.minValue != null && r.compare(P.minValue) < 0;
+	}, q = () => K(P.focusedDate.cycle("year", 1)), J = () => K(P.focusedDate.cycle("year", -1)), Y = () => {
+		a(P) && (N.current = P.anchorDate, P.setAnchorDate(null));
+	}, X = () => {
+		a(P) && (P.setAnchorDate(N.current), N.current = null);
+	}, Z = () => {
+		k("calendar"), X();
 	};
 	return /* @__PURE__ */ p(m, {
 		value: { slots: {
 			"previous-month": {
-				onPress: () => A.focusPreviousPage(),
-				isDisabled: A.isDisabled || w !== "calendar" || A.isPreviousVisibleRangeInvalid()
+				"aria-label": w,
+				onPress: () => P.focusPreviousPage(),
+				isDisabled: P.isDisabled || O !== "calendar" || P.isPreviousVisibleRangeInvalid()
 			},
 			"next-month": {
-				onPress: () => A.focusNextPage(),
-				isDisabled: A.isDisabled || w !== "calendar" || A.isNextVisibleRangeInvalid()
+				"aria-label": T,
+				onPress: () => P.focusNextPage(),
+				isDisabled: P.isDisabled || O !== "calendar" || P.isNextVisibleRangeInvalid()
 			},
 			"month-view": {
+				"aria-expanded": O === "month",
 				onPress: () => {
-					if (w === "month") {
-						K(), T("calendar");
-						return;
-					}
-					G(), T("month");
+					O === "month" ? (X(), k("calendar")) : (Y(), k("month"));
 				},
-				isDisabled: A.isDisabled || w === "year",
-				isPressed: w === "month"
+				isDisabled: P.isDisabled || O === "year",
+				isPressed: O === "month"
 			},
 			"previous-year": {
+				"aria-label": E,
 				onPress: () => {
-					A.setFocusedDate(A.focusedDate.cycle("year", -1));
+					P.setFocusedDate(P.focusedDate.cycle("year", -1));
 				},
-				isDisabled: A.isDisabled || w !== "calendar" || W()
+				isDisabled: P.isDisabled || O !== "calendar" || J()
 			},
 			"next-year": {
+				"aria-label": D,
 				onPress: () => {
-					A.setFocusedDate(A.focusedDate.cycle("year", 1));
+					P.setFocusedDate(P.focusedDate.cycle("year", 1));
 				},
-				isDisabled: A.isDisabled || w !== "calendar" || U()
+				isDisabled: P.isDisabled || O !== "calendar" || q()
 			},
 			"year-view": {
+				"aria-expanded": O === "year",
 				onPress: () => {
-					if (w === "year") {
-						K(), T("calendar");
-						return;
-					}
-					G(), T("year");
+					O === "year" ? (X(), k("calendar")) : (Y(), k("year"));
 				},
-				isDisabled: A.isDisabled || w === "month",
-				isPressed: w === "year"
+				isDisabled: P.isDisabled || O === "month",
+				isPressed: O === "year"
 			}
 		} },
 		children: [/* @__PURE__ */ p("header", {
@@ -136,7 +134,7 @@ import '../assets/BaseCalendar.css';var x = {
 						shape: "square",
 						size: "extra-small",
 						className: c(x.selection),
-						children: [F, /* @__PURE__ */ f(e, {
+						children: [z, /* @__PURE__ */ f(e, {
 							icon: h,
 							size: 18
 						})]
@@ -163,7 +161,7 @@ import '../assets/BaseCalendar.css';var x = {
 						shape: "square",
 						size: "extra-small",
 						className: c(x.selection),
-						children: [I, /* @__PURE__ */ f(e, {
+						children: [B, /* @__PURE__ */ f(e, {
 							icon: h,
 							size: 18
 						})]
@@ -180,16 +178,16 @@ import '../assets/BaseCalendar.css';var x = {
 			className: c(x.view),
 			children: [
 				/* @__PURE__ */ f(b, {
-					nodeRef: E,
+					nodeRef: A,
 					timeout: {
 						enter: 0,
 						exit: 150
 					},
 					mountOnEnter: !0,
 					unmountOnExit: !0,
-					in: w === "calendar",
+					in: O === "calendar",
 					children: (e) => /* @__PURE__ */ f("div", {
-						ref: E,
+						ref: A,
 						className: c(x.menu),
 						"data-state": e,
 						children: /* @__PURE__ */ f(r, {
@@ -199,40 +197,40 @@ import '../assets/BaseCalendar.css';var x = {
 					})
 				}),
 				/* @__PURE__ */ f(b, {
-					nodeRef: D,
+					nodeRef: j,
 					timeout: {
 						enter: 0,
 						exit: 150
 					},
 					mountOnEnter: !0,
 					unmountOnExit: !0,
-					in: w === "month",
+					in: O === "month",
 					children: (e) => /* @__PURE__ */ f("div", {
-						ref: D,
+						ref: j,
 						className: c(x.menu),
 						"data-state": e,
 						children: /* @__PURE__ */ f(o, {
-							onSelection: q,
-							months: V
+							onSelection: Z,
+							months: G
 						})
 					})
 				}),
 				/* @__PURE__ */ f(b, {
-					nodeRef: O,
+					nodeRef: M,
 					timeout: {
 						enter: 0,
 						exit: 150
 					},
 					mountOnEnter: !0,
 					unmountOnExit: !0,
-					in: w === "year",
+					in: O === "year",
 					children: (e) => /* @__PURE__ */ f("div", {
-						ref: O,
+						ref: M,
 						className: c(x.menu),
 						"data-state": e,
 						children: /* @__PURE__ */ f(s, {
-							onSelection: q,
-							years: B
+							onSelection: Z,
+							years: W
 						})
 					})
 				})
@@ -240,7 +238,6 @@ import '../assets/BaseCalendar.css';var x = {
 		})]
 	});
 };
-//#endregion
 export { S as t };
 //# sourceMappingURL=BaseCalendar.map

package/dist/chunks/BaseCalendar.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseCalendar","names":["items","date","state"],"sources":["../../src/components/Calendar/BaseCalendar/baseCalendar.module.css","../../src/components/Calendar/BaseCalendar/BaseCalendar.tsx"],"sourcesContent":["@layer adgytec.comps {\n .header {\n padding-inline: var(--md-sys-layout-space-12);\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n [data-visual-button] {\n &[data-disabled] {\n background-color: transparent;\n }\n }\n }\n\n .selection {\n --rotate: 0;\n\n &[data-pressed] {\n --rotate: 180deg;\n\n [data-visual-button] {\n --state-layer-opacity: var(--md-sys-state-pressed);\n }\n }\n\n svg {\n rotate: var(--rotate);\n transition: rotate var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n }\n\n .options {\n display: flex;\n align-items: center;\n }\n\n .view {\n position: relative;\n overflow: clip;\n }\n\n .menu {\n transition: opacity var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n opacity: 0;\n\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n\n &[data-state=\"exiting\"] {\n position: absolute;\n inset: 0;\n }\n\n &[data-state=\"entered\"] {\n opacity: 1;\n }\n\n [data-menu] {\n max-block-size: calc(6 * var(--_md-calendar-cell-size));\n block-size: calc(6 * var(--_md-calendar-cell-size));\n\n min-inline-size: calc(7 * var(--_md-calendar-cell-size));\n\n overflow-y: auto;\n padding-block-start: var(--md-sys-layout-space-12);\n padding-block-end: var(--md-sys-layout-space-4);\n\n border-block-start: calc(1 * var(--dp, 1px)) solid\n var(--_md-calendar-menu-divider-color);\n }\n }\n}\n","import { type CalendarDate, today } from \"@internationalized/date\";\nimport clsx from \"clsx\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { useMemo, useRef, useState } from \"react\";\nimport { useDateFormatter } from \"react-aria\";\nimport { ButtonContext } from \"react-aria-components\";\nimport { Transition } from \"react-transition-group\";\nimport { Button, IconButton } from \"@/components/Button\";\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarGrid } from \"../CalendarGrid\";\nimport { CalendarMonthMenu } from \"../CalendarMonthMenu\";\nimport { CalendarYearMenu } from \"../CalendarYearMenu\";\nimport {\n defaultMaxYearIncrement,\n defaultMinYear,\n isRangeCalendarState,\n type MonthItem,\n useCalendarState,\n type WeekdayStyle,\n type YearItem,\n} from \"../core\";\nimport styles from \"./baseCalendar.module.css\";\n\ntype View = \"calendar\" \| \"month\" \| \"year\";\n\nexport const BaseCalendar: React.FC<{\n isRangeCalendar?: boolean;\n weekdayStyle?: WeekdayStyle;\n}> = ({ isRangeCalendar, weekdayStyle }) => {\n const [view, setView] = useState<View>(\"calendar\");\n\n const calendarRef = useRef<HTMLDivElement>(null);\n const monthRef = useRef<HTMLDivElement>(null);\n const yearRef = useRef<HTMLDivElement>(null);\n\n // fixes menu selection issue in range calendar\n const anchorDate = useRef<CalendarDate \| null>(null);\n\n const calendarState = useCalendarState();\n const timeZone = calendarState.timeZone;\n\n const monthShortFormatter = useDateFormatter({\n month: \"short\",\n timeZone: timeZone,\n });\n const monthLongFormatter = useDateFormatter({\n month: \"long\",\n timeZone,\n });\n const yearFormatter = useDateFormatter({\n year: \"numeric\",\n timeZone: timeZone,\n });\n\n const focusedMonth = monthShortFormatter.format(\n calendarState.focusedDate.toDate(timeZone)\n );\n const focusedYear = yearFormatter.format(\n calendarState.focusedDate.toDate(timeZone)\n );\n\n // create year menu items\n const currentYear = today(timeZone).year;\n\n const minYear = calendarState.minValue?.year ?? defaultMinYear;\n const maxYear =\n calendarState.maxValue?.year ?? currentYear + defaultMaxYearIncrement;\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect rendered year labels\n const years = useMemo(() => {\n const items: YearItem[] = [];\n\n for (let year = minYear; year <= maxYear; year++) {\n const date = calendarState.focusedDate.set({ year });\n\n items.push({\n id: year,\n formatted: yearFormatter.format(date.toDate(timeZone)),\n });\n }\n\n return items;\n }, [minYear, maxYear, timeZone, yearFormatter]);\n\n // create month menu items\n // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect generated month items\n const months = useMemo(() => {\n const items: MonthItem[] = [];\n\n const numMonths = calendarState.focusedDate.calendar.getMonthsInYear(\n calendarState.focusedDate\n );\n\n for (let month = 1; month <= numMonths; month++) {\n const date = calendarState.focusedDate.set({ month });\n\n items.push({\n id: month,\n formatted: monthLongFormatter.format(date.toDate(timeZone)),\n });\n }\n\n return items;\n }, [calendarState.focusedDate.calendar, timeZone, monthLongFormatter]);\n\n const isYearInvalid = (date: CalendarDate) => {\n const startOfYear = date.set({ month: 1, day: 1 });\n\n const lastMonth = date.calendar.getMonthsInYear(date);\n const endOfYear = date.set({\n month: lastMonth,\n day: date.calendar.getDaysInMonth(date.set({ month: lastMonth })),\n });\n\n return (\n (calendarState.maxValue != null &&\n startOfYear.compare(calendarState.maxValue) > 0) \|\|\n (calendarState.minValue != null &&\n endOfYear.compare(calendarState.minValue) < 0)\n );\n };\n\n const nextYearIsInvalid = () => {\n return isYearInvalid(calendarState.focusedDate.cycle(\"year\", 1));\n };\n\n const prevYearIsInvalid = () => {\n return isYearInvalid(calendarState.focusedDate.cycle(\"year\", -1));\n };\n\n const saveAnchorDateForRangeCalendar = () => {\n if (!isRangeCalendarState(calendarState)) return;\n\n anchorDate.current = calendarState.anchorDate;\n calendarState.setAnchorDate(null);\n };\n\n const restoreAnchorDateForRangeCalendar = () => {\n if (!isRangeCalendarState(calendarState)) return;\n\n calendarState.setAnchorDate(anchorDate.current);\n anchorDate.current = null;\n };\n\n const menuItemOnSelection = () => {\n setView(\"calendar\");\n restoreAnchorDateForRangeCalendar();\n };\n\n return (\n <ButtonContext\n value={{\n slots: {\n \"previous-month\": {\n onPress: () => calendarState.focusPreviousPage(),\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n calendarState.isPreviousVisibleRangeInvalid(),\n },\n \"next-month\": {\n onPress: () => calendarState.focusNextPage(),\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n calendarState.isNextVisibleRangeInvalid(),\n },\n \"month-view\": {\n onPress: () => {\n if (view === \"month\") {\n restoreAnchorDateForRangeCalendar();\n setView(\"calendar\");\n return;\n }\n\n saveAnchorDateForRangeCalendar();\n setView(\"month\");\n },\n isDisabled: calendarState.isDisabled \|\| view === \"year\",\n isPressed: view === \"month\",\n },\n\n \"previous-year\": {\n onPress: () => {\n calendarState.setFocusedDate(\n calendarState.focusedDate.cycle(\"year\", -1)\n );\n },\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n prevYearIsInvalid(),\n },\n \"next-year\": {\n onPress: () => {\n calendarState.setFocusedDate(\n calendarState.focusedDate.cycle(\"year\", 1)\n );\n },\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n nextYearIsInvalid(),\n },\n \"year-view\": {\n onPress: () => {\n if (view === \"year\") {\n restoreAnchorDateForRangeCalendar();\n setView(\"calendar\");\n return;\n }\n\n saveAnchorDateForRangeCalendar();\n setView(\"year\");\n },\n isDisabled:\n calendarState.isDisabled \|\| view === \"month\",\n isPressed: view === \"year\",\n },\n },\n }}\n >\n <header className={clsx(styles[\"header\"])}>\n <div className={clsx(styles[\"options\"])}>\n <IconButton\n slot=\"previous-month\"\n icon={ChevronLeft}\n color=\"standard\"\n size=\"extra-small\"\n />\n\n <Button\n slot=\"month-view\"\n color=\"text\"\n shape=\"square\"\n size=\"extra-small\"\n className={clsx(styles[\"selection\"])}\n >\n {focusedMonth}\n <Icon icon={ChevronDown} size={18} />\n </Button>\n\n <IconButton\n slot=\"next-month\"\n icon={ChevronRight}\n color=\"standard\"\n size=\"extra-small\"\n />\n </div>\n\n <div className={clsx(styles[\"options\"])}>\n <IconButton\n slot=\"previous-year\"\n icon={ChevronLeft}\n color=\"standard\"\n size=\"extra-small\"\n />\n\n <Button\n slot=\"year-view\"\n color=\"text\"\n shape=\"square\"\n size=\"extra-small\"\n className={clsx(styles[\"selection\"])}\n >\n {focusedYear}\n <Icon icon={ChevronDown} size={18} />\n </Button>\n\n <IconButton\n slot=\"next-year\"\n icon={ChevronRight}\n color=\"standard\"\n size=\"extra-small\"\n />\n </div>\n </header>\n\n <div className={clsx(styles[\"view\"])}>\n <Transition\n nodeRef={calendarRef}\n timeout={{\n enter: 0,\n exit: 150,\n }}\n mountOnEnter\n unmountOnExit\n in={view === \"calendar\"}\n >\n {(state) => (\n <div\n ref={calendarRef}\n className={clsx(styles[\"menu\"])}\n data-state={state}\n >\n <CalendarGrid\n weekdayStyle={weekdayStyle}\n isRangeCalendar={isRangeCalendar}\n />\n </div>\n )}\n </Transition>\n\n <Transition\n nodeRef={monthRef}\n timeout={{\n enter: 0,\n exit: 150,\n }}\n mountOnEnter\n unmountOnExit\n in={view === \"month\"}\n >\n {(state) => (\n <div\n ref={monthRef}\n className={clsx(styles[\"menu\"])}\n data-state={state}\n >\n <CalendarMonthMenu\n onSelection={menuItemOnSelection}\n months={months}\n />\n </div>\n )}\n </Transition>\n\n <Transition\n nodeRef={yearRef}\n timeout={{\n enter: 0,\n exit: 150,\n }}\n mountOnEnter\n unmountOnExit\n in={view === \"year\"}\n >\n {(state) => (\n <div\n ref={yearRef}\n className={clsx(styles[\"menu\"])}\n data-state={state}\n >\n <CalendarYearMenu\n onSelection={menuItemOnSelection}\n years={years}\n />\n </div>\n )}\n </Transition>\n </div>\n </ButtonContext>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"BaseCalendar","names":["items","date","state","clsx","styles","Button","CalendarGrid","Icon","Button$1","CalendarGrid$1","useCalendarState","isRangeCalendarState","clsx$1","baseCalendar_module_default","BaseCalendar","view","setView","useState","calendarRef","useRef","monthRef","yearRef","anchorDate","calendarState","timeZone","monthShortFormatter","useDateFormatter","monthLongFormatter","yearFormatter","focusedMonth","focusedYear","currentYear","today","minYear","maxYear","years","useMemo","items","year","date","months","items_0","numMonths","month","date_0","isYearInvalid","startOfYear","date_1","lastMonth","endOfYear","nextYearIsInvalid","prevYearIsInvalid","saveAnchorDateForRangeCalendar","restoreAnchorDateForRangeCalendar","menuItemOnSelection","ButtonContext","previousMonthAriaLabel","nextMonthAriaLabel","previousYearAriaLabel","nextYearAriaLabel","\"header\"","\"options\"","IconButton","ChevronLeft","\"selection\"","ChevronDown","ChevronRight","\"view\"","Transition","\"menu\"","state","state_0","CalendarMonthMenu","state_1","CalendarYearMenu"],"sources":["../../src/components/Calendar/BaseCalendar/baseCalendar.module.css","../../src/components/Calendar/BaseCalendar/BaseCalendar.tsx"],"sourcesContent":["@layer adgytec.comps {\n .header {\n padding-inline: var(--md-sys-layout-space-12);\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n [data-visual-button] {\n &[data-disabled] {\n background-color: transparent;\n }\n }\n }\n\n .selection {\n --rotate: 0;\n\n &[data-pressed] {\n --rotate: 180deg;\n\n [data-visual-button] {\n --state-layer-opacity: var(--md-sys-state-pressed);\n }\n }\n\n svg {\n rotate: var(--rotate);\n transition: rotate var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n }\n\n .options {\n display: flex;\n align-items: center;\n }\n\n .view {\n position: relative;\n overflow: clip;\n }\n\n .menu {\n transition: opacity var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n opacity: 0;\n\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n\n &[data-state=\"exiting\"] {\n position: absolute;\n inset: 0;\n }\n\n &[data-state=\"entered\"] {\n opacity: 1;\n }\n\n [data-menu] {\n max-block-size: calc(6 * var(--_md-calendar-cell-size));\n block-size: calc(6 * var(--_md-calendar-cell-size));\n\n min-inline-size: calc(7 * var(--_md-calendar-cell-size));\n\n overflow-y: auto;\n padding-block-start: var(--md-sys-layout-space-12);\n padding-block-end: var(--md-sys-layout-space-4);\n\n border-block-start: calc(1 * var(--dp, 1px)) solid\n var(--_md-calendar-menu-divider-color);\n }\n }\n}\n","import { type CalendarDate, today } from \"@internationalized/date\";\nimport clsx from \"clsx\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { useMemo, useRef, useState } from \"react\";\nimport { useDateFormatter } from \"react-aria\";\nimport { ButtonContext } from \"react-aria-components\";\nimport { Transition } from \"react-transition-group\";\nimport { Button, IconButton } from \"@/components/Button\";\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarGrid } from \"../CalendarGrid\";\nimport { CalendarMonthMenu } from \"../CalendarMonthMenu\";\nimport { CalendarYearMenu } from \"../CalendarYearMenu\";\nimport {\n defaultMaxYearIncrement,\n defaultMinYear,\n isRangeCalendarState,\n type MonthItem,\n useCalendarState,\n type WeekdayStyle,\n type YearItem,\n} from \"../core\";\nimport styles from \"./baseCalendar.module.css\";\n\n/*\n Internal view mode for the calendar component.\n \n - `\"calendar\"`: The standard 7-column date grid.\n * - `\"month\"`: Month selector menu.\n * - `\"year\"`: Year selector menu.\n /\ntype View = \"calendar\" \| \"month\" \| \"year\";\n\n/\n Props for the {@link BaseCalendar} component.\n /\nexport interface BaseCalendarProps {\n /* Whether the calendar is operating in range selection mode. /\n isRangeCalendar?: boolean;\n\n /* Formatting style for weekday column headers. /\n weekdayStyle?: WeekdayStyle;\n\n /* Accessible label for the previous month button. /\n previousMonthAriaLabel?: string;\n\n /* Accessible label for the next month button. /\n nextMonthAriaLabel?: string;\n\n /* Accessible label for the previous year button. /\n previousYearAriaLabel?: string;\n\n /* Accessible label for the next year button. /\n nextYearAriaLabel?: string;\n}\n\n/\n Core calendar layout and view orchestrator.\n \n Manages the calendar header with navigation controls (prev/next month, prev/next year,\n * month/year dropdown buttons), animated transitions between grid, month, and year views,\n * and maintains anchor date state during view changes in range selection mode.\n /\nexport const BaseCalendar: React.FC<BaseCalendarProps> = ({\n isRangeCalendar,\n weekdayStyle,\n previousMonthAriaLabel,\n nextMonthAriaLabel,\n previousYearAriaLabel,\n nextYearAriaLabel,\n}) => {\n const [view, setView] = useState<View>(\"calendar\");\n\n const calendarRef = useRef<HTMLDivElement>(null);\n const monthRef = useRef<HTMLDivElement>(null);\n const yearRef = useRef<HTMLDivElement>(null);\n\n // fixes menu selection issue in range calendar\n const anchorDate = useRef<CalendarDate \| null>(null);\n\n const calendarState = useCalendarState();\n const timeZone = calendarState.timeZone;\n\n const monthShortFormatter = useDateFormatter({\n month: \"short\",\n timeZone: timeZone,\n });\n const monthLongFormatter = useDateFormatter({\n month: \"long\",\n timeZone,\n });\n const yearFormatter = useDateFormatter({\n year: \"numeric\",\n timeZone: timeZone,\n });\n\n const focusedMonth = monthShortFormatter.format(\n calendarState.focusedDate.toDate(timeZone)\n );\n const focusedYear = yearFormatter.format(\n calendarState.focusedDate.toDate(timeZone)\n );\n\n // create year menu items\n const currentYear = today(timeZone).year;\n\n const minYear = calendarState.minValue?.year ?? defaultMinYear;\n const maxYear =\n calendarState.maxValue?.year ?? currentYear + defaultMaxYearIncrement;\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect rendered year labels\n const years = useMemo(() => {\n const items: YearItem[] = [];\n\n for (let year = minYear; year <= maxYear; year++) {\n const date = calendarState.focusedDate.set({ year });\n\n items.push({\n id: year,\n formatted: yearFormatter.format(date.toDate(timeZone)),\n });\n }\n\n return items;\n }, [minYear, maxYear, timeZone, yearFormatter]);\n\n // create month menu items\n // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect generated month items\n const months = useMemo(() => {\n const items: MonthItem[] = [];\n\n const numMonths = calendarState.focusedDate.calendar.getMonthsInYear(\n calendarState.focusedDate\n );\n\n for (let month = 1; month <= numMonths; month++) {\n const date = calendarState.focusedDate.set({ month });\n\n items.push({\n id: month,\n formatted: monthLongFormatter.format(date.toDate(timeZone)),\n });\n }\n\n return items;\n }, [calendarState.focusedDate.calendar, timeZone, monthLongFormatter]);\n\n /\n Determines whether an entire year falls completely outside the allowable\n * date range bounded by `minValue` and `maxValue`.\n \n @param date - A calendar date representing the year to evaluate.\n * @returns `true` if every date in the year is invalid, otherwise `false`.\n /\n const isYearInvalid = (date: CalendarDate) => {\n const startOfYear = date.set({ month: 1, day: 1 });\n\n const lastMonth = date.calendar.getMonthsInYear(date);\n const endOfYear = date.set({\n month: lastMonth,\n day: date.calendar.getDaysInMonth(date.set({ month: lastMonth })),\n });\n\n return (\n (calendarState.maxValue != null &&\n startOfYear.compare(calendarState.maxValue) > 0) \|\|\n (calendarState.minValue != null &&\n endOfYear.compare(calendarState.minValue) < 0)\n );\n };\n\n /* Checks whether navigating to the next year would land on a completely invalid year. /\n const nextYearIsInvalid = () => {\n return isYearInvalid(calendarState.focusedDate.cycle(\"year\", 1));\n };\n\n /* Checks whether navigating to the previous year would land on a completely invalid year. /\n const prevYearIsInvalid = () => {\n return isYearInvalid(calendarState.focusedDate.cycle(\"year\", -1));\n };\n\n /\n Preserves the active selection anchor date when navigating to month or year views\n * in a range calendar, clearing it temporarily to avoid unintended range expansions.\n /\n const saveAnchorDateForRangeCalendar = () => {\n if (!isRangeCalendarState(calendarState)) return;\n\n anchorDate.current = calendarState.anchorDate;\n calendarState.setAnchorDate(null);\n };\n\n /\n Restores the saved selection anchor date upon returning from month or year views\n * in a range calendar.\n /\n const restoreAnchorDateForRangeCalendar = () => {\n if (!isRangeCalendarState(calendarState)) return;\n\n calendarState.setAnchorDate(anchorDate.current);\n anchorDate.current = null;\n };\n\n /* Handles closing the month/year selection menu and returning to the calendar grid. */\n const menuItemOnSelection = () => {\n setView(\"calendar\");\n restoreAnchorDateForRangeCalendar();\n };\n\n return (\n <ButtonContext\n value={{\n slots: {\n \"previous-month\": {\n \"aria-label\": previousMonthAriaLabel,\n onPress: () => calendarState.focusPreviousPage(),\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n calendarState.isPreviousVisibleRangeInvalid(),\n },\n \"next-month\": {\n \"aria-label\": nextMonthAriaLabel,\n onPress: () => calendarState.focusNextPage(),\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n calendarState.isNextVisibleRangeInvalid(),\n },\n \"month-view\": {\n \"aria-expanded\": view === \"month\",\n onPress: () => {\n if (view === \"month\") {\n restoreAnchorDateForRangeCalendar();\n setView(\"calendar\");\n return;\n }\n\n saveAnchorDateForRangeCalendar();\n setView(\"month\");\n },\n isDisabled: calendarState.isDisabled \|\| view === \"year\",\n isPressed: view === \"month\",\n },\n\n \"previous-year\": {\n \"aria-label\": previousYearAriaLabel,\n onPress: () => {\n calendarState.setFocusedDate(\n calendarState.focusedDate.cycle(\"year\", -1)\n );\n },\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n prevYearIsInvalid(),\n },\n \"next-year\": {\n \"aria-label\": nextYearAriaLabel,\n onPress: () => {\n calendarState.setFocusedDate(\n calendarState.focusedDate.cycle(\"year\", 1)\n );\n },\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n nextYearIsInvalid(),\n },\n \"year-view\": {\n \"aria-expanded\": view === \"year\",\n onPress: () => {\n if (view === \"year\") {\n restoreAnchorDateForRangeCalendar();\n setView(\"calendar\");\n return;\n }\n\n saveAnchorDateForRangeCalendar();\n setView(\"year\");\n },\n isDisabled:\n calendarState.isDisabled \|\| view === \"month\",\n isPressed: view === \"year\",\n },\n },\n }}\n >\n <header className={clsx(styles[\"header\"])}>\n <div className={clsx(styles[\"options\"])}>\n <IconButton\n slot=\"previous-month\"\n icon={ChevronLeft}\n color=\"standard\"\n size=\"extra-small\"\n />\n\n <Button\n slot=\"month-view\"\n color=\"text\"\n shape=\"square\"\n size=\"extra-small\"\n className={clsx(styles[\"selection\"])}\n >\n {focusedMonth}\n <Icon icon={ChevronDown} size={18} />\n </Button>\n\n <IconButton\n slot=\"next-month\"\n icon={ChevronRight}\n color=\"standard\"\n size=\"extra-small\"\n />\n </div>\n\n <div className={clsx(styles[\"options\"])}>\n <IconButton\n slot=\"previous-year\"\n icon={ChevronLeft}\n color=\"standard\"\n size=\"extra-small\"\n />\n\n <Button\n slot=\"year-view\"\n color=\"text\"\n shape=\"square\"\n size=\"extra-small\"\n className={clsx(styles[\"selection\"])}\n >\n {focusedYear}\n <Icon icon={ChevronDown} size={18} />\n </Button>\n\n <IconButton\n slot=\"next-year\"\n icon={ChevronRight}\n color=\"standard\"\n size=\"extra-small\"\n />\n </div>\n </header>\n\n <div className={clsx(styles[\"view\"])}>\n <Transition\n nodeRef={calendarRef}\n timeout={{\n enter: 0,\n exit: 150,\n }}\n mountOnEnter\n unmountOnExit\n in={view === \"calendar\"}\n >\n {(state) => (\n <div\n ref={calendarRef}\n className={clsx(styles[\"menu\"])}\n data-state={state}\n >\n <CalendarGrid\n weekdayStyle={weekdayStyle}\n isRangeCalendar={isRangeCalendar}\n />\n </div>\n )}\n </Transition>\n\n <Transition\n nodeRef={monthRef}\n timeout={{\n enter: 0,\n exit: 150,\n }}\n mountOnEnter\n unmountOnExit\n in={view === \"month\"}\n >\n {(state) => (\n <div\n ref={monthRef}\n className={clsx(styles[\"menu\"])}\n data-state={state}\n >\n <CalendarMonthMenu\n onSelection={menuItemOnSelection}\n months={months}\n />\n </div>\n )}\n </Transition>\n\n <Transition\n nodeRef={yearRef}\n timeout={{\n enter: 0,\n exit: 150,\n }}\n mountOnEnter\n unmountOnExit\n in={view === \"year\"}\n >\n {(state) => (\n <div\n ref={yearRef}\n className={clsx(styles[\"menu\"])}\n data-state={state}\n >\n <CalendarYearMenu\n onSelection={menuItemOnSelection}\n years={years}\n />\n </div>\n )}\n </Transition>\n </div>\n </ButtonContext>\n );\n};\n"],"mappings":"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"}

package/dist/chunks/BottomSheet CHANGED Viewed

@@ -5,7 +5,7 @@ import r from "clsx";
 import { useContext as i } from "react";
 import { Fragment as a, jsx as o } from "react/jsx-runtime";
 import { Dialog as s } from "react-aria-components";
-import '../assets/BottomSheet.css';//#region src/components/Sheets/BottomSheet/bottomSheet.module.css
+import '../assets/BottomSheet.css';// src/components/Sheets/BottomSheet/BottomSheet/bottomSheet.module.css
 var c = e(), l = { "bottom-sheet": "_bottom-sheet_1fkp9_9" }, u = (e) => {
 	let u = (0, c.c)(13), d, f, p;
 	u[0] === e ? (d = u[1], f = u[2], p = u[3]) : ({children: d, className: f, ...p} = e, u[0] = e, u[1] = d, u[2] = f, u[3] = p);
@@ -24,7 +24,6 @@ var c = e(), l = { "bottom-sheet": "_bottom-sheet_1fkp9_9" }, u = (e) => {
 		})
 	}), u[8] = m, u[9] = p, u[10] = h, u[11] = g, u[12] = _) : _ = u[12], _;
 };
-//#endregion
 export { u as t };
 //# sourceMappingURL=BottomSheet.map

package/dist/chunks/BottomSheet.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BottomSheet","names":["layout"],"sources":["../../src/components/Sheets/BottomSheet/bottomSheet.module.css","../../src/components/Sheets/BottomSheet/BottomSheet.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-bottom-sheet-background\n* --md-bottom-sheet-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .bottom-sheet {\n --_md-bottom-sheet-background: var(\n --md-bottom-sheet-background,\n var(--md-sys-color-surface-container-low)\n );\n --_md-bottom-sheet-color: var(\n --md-bottom-sheet-color,\n var(--md-sys-color-on-surface)\n );\n --_max-inline-size: calc(640 var(--dp, 1px));\n\n background-color: var(--_md-bottom-sheet-background);\n color: var(--_md-bottom-sheet-color);\n\n box-shadow: var(--md-sys-elevation-shadow-1);\n border-radius: var(--md-sys-shape-corner-radius-large);\n\n inline-size: min(100svi, var(--_max-inline-size));\n max-block-size: calc(100svb - var(--_top-padding));\n\n padding: var(--md-sys-layout-space-20);\n\n overflow-y: auto;\n\n &[data-layout=\"detached\"] {\n max-block-size: calc(\n 100svb -\n calc(var(--_top-padding) + var(--_detached-margin))\n );\n inline-size: min(\n calc(100svi - calc(2 * var(--_detached-margin))),\n var(--_max-inline-size)\n );\n }\n\n &[data-layout=\"standard\"] {\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Dialog } from \"react-aria-components\";\nimport { DialogContext } from \"@/components/Dialog\";\nimport { BottomSheetContext } from \"../BottomSheetModal\";\nimport styles from \"./bottomSheet.module.css\";\n\nexport const BottomSheet: React.FC~~<\n React.ComponentPropsWithRef~~<~~typeof Dialog>\n~~> = ({ children, className, ...props }) => {\n const { layout } = useContext(BottomSheetContext);\n\n return (\n <DialogContext value={true}>\n <Dialog\n className={clsx(styles[\"bottom-sheet\"], className)}\n data-layout={layout}\n {...props}\n >\n {(renderProps) => (\n <>\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </>\n )}\n </Dialog>\n </DialogContext>\n );\n};\n"],"mappings":";;;;;;;;~~8DCOa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,EAAA,~~GAAA~~,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAAkC~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAAjC,+BAAA~~,~~KAAA~~,~~GAAiC~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;~~CAClC~~,IAAA,EAAA,~~cAAmB~~,~~EAAW~~,CAAkB,~~GAAE~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,IAKY,~~IAAA~~,EAAA,MAAvC,~~IAAA~~,~~EAAK~~,EAAO,~~iBAAiB~~,CAAS,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,IAUjD,~~IAAA~~,EAAA,MANA,KAAA,MACG,~~kBAAA~~,GAAA,EAAA,UACK,~~OAAO~~,KAAa,~~aACf~~,~~EAAS~~,CACF,~~IAFZ~~,EAEa,CAAA,GAErB,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAEO,~~OAFP~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~QAAA~~,~~KAAA~~,EAAA,~~QAAA~~,KAZT,IAAA,~~kBAAC~~,GAAD;EAAsB,OAAA;~~YAClB~~,~~kBAAC~~,GAAD;GACe,~~WAAA~~;~~GACEA~~,~~eAAA~~;GAAM,~~GACf~~;~~aAEH~~;EALE,CAAA;CADG,CAAA,GAcE,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~MAAA~~,GAAA,EAAA,~~MAAA~~,GAAA,EAAA,~~MAAA~~,KAAA,~~IAAA~~,EAAA,~~KAdhB~~;AAcgB"}
1	+ {"version":3,"file":"BottomSheet","names":["layout","_c","clsx","styles","_Fragment","require_compiler_runtime","clsx$1","import_compiler_runtime","bottomSheet_module_default","BottomSheet","$","children","className","props","t0","useContext","BottomSheetContext","t1","t2","Fragment","renderProps","t3","layout","DialogContext","Dialog"],"sources":["../../src/components/Sheets/BottomSheet/BottomSheet/bottomSheet.module.css","../../src/components/Sheets/BottomSheet/BottomSheet/BottomSheet.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-bottom-sheet-background\n* --md-bottom-sheet-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .bottom-sheet {\n --_md-bottom-sheet-background: var(\n --md-bottom-sheet-background,\n var(--md-sys-color-surface-container-low)\n );\n --_md-bottom-sheet-color: var(\n --md-bottom-sheet-color,\n var(--md-sys-color-on-surface)\n );\n --_max-inline-size: calc(640 var(--dp, 1px));\n\n background-color: var(--_md-bottom-sheet-background);\n color: var(--_md-bottom-sheet-color);\n\n box-shadow: var(--md-sys-elevation-shadow-1);\n border-radius: var(--md-sys-shape-corner-radius-large);\n\n inline-size: min(100svi, var(--_max-inline-size));\n max-block-size: calc(100svb - var(--_top-padding));\n\n padding: var(--md-sys-layout-space-20);\n\n overflow-y: auto;\n\n &[data-layout=\"detached\"] {\n max-block-size: calc(\n 100svb -\n calc(var(--_top-padding) + var(--_detached-margin))\n );\n inline-size: min(\n calc(100svi - calc(2 * var(--_detached-margin))),\n var(--_max-inline-size)\n );\n }\n\n &[data-layout=\"standard\"] {\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Dialog } from \"react-aria-components\";\nimport { DialogContext } from \"@/components/Dialog\";\nimport { BottomSheetContext } from \"../BottomSheetModal\";\nimport styles from \"./bottomSheet.module.css\";\nimport type { BottomSheetProps } from \"./types\";\n\n/*\n Content container for bottom sheets, conforming to\n * [Material 3 Bottom Sheets](https://m3.material.io/components/bottom-sheets/overview).\n \n Renders inside a React Aria `Dialog` within `DialogContext` (value: `true`), anchoring\n * content to the bottom of the viewport with responsive maximum width and height.\n * Consumes {@link BottomSheetContext} to apply `data-layout` for standard or detached layouts.\n \n Configurable CSS tokens:\n * - `--md-bottom-sheet-background`: Background color of the bottom sheet (`var(--md-sys-color-surface-container-low)`).\n * - `--md-bottom-sheet-color`: Text color of the bottom sheet (`var(--md-sys-color-on-surface)`).\n \n @example\n * ```tsx\n * import { DialogTrigger } from \"react-aria-components\";\n * import {\n * BottomSheet,\n * BottomSheetModal,\n * Button,\n * ModalOverlay,\n * } from \"@adgytec/web-ui-components\";\n \n export function Example() {\n * return (\n * <DialogTrigger>\n * <Button label=\"Open Bottom Sheet\" />\n * <ModalOverlay>\n * <BottomSheetModal layout=\"standard\">\n * <BottomSheet>\n * <p>This is the bottom sheet content.</p>\n * </BottomSheet>\n * </BottomSheetModal>\n * </ModalOverlay>\n * </DialogTrigger>\n * );\n * }\n * ```\n */\nexport const BottomSheet: React.FC<BottomSheetProps> = ({\n children,\n className,\n ...props\n}) => {\n const { layout } = useContext(BottomSheetContext);\n\n return (\n <DialogContext value={true}>\n <Dialog\n className={clsx(styles[\"bottom-sheet\"], className)}\n data-layout={layout}\n {...props}\n >\n {(renderProps) => (\n <>\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </>\n )}\n </Dialog>\n </DialogContext>\n );\n};\n"],"mappings":";;;;;;;;A,8DC8CaS,KAA0C,MAAA;CAAA,IAAAC,KAAA,GAAAT,EAAAA,EAAAA,CAAA,EAAA,GAAAU,GAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAI,KAItD,IAAAJ,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAJuD,4BAAA,GAAAG,KAAAC,GAIvD,EAAA,KAAAA,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,cAAmBE,EAAWC,CAAkB,GAAEC;CAAA,AAAAP,EAAA,OAAAE,IAKY,IAAAF,EAAA,MAAvC,IAAAR,EAAKC,EAAO,iBAAiBS,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAK;CAAA,IAAAC;CAAA,AAAAR,EAAA,OAAAC,IAUjD,IAAAD,EAAA,MANA,KAAA,MACG,kBAAAN,GAAA,EAAA,UACK,OAAOO,KAAa,aACfA,EAASS,CACF,IAFZT,EAEa,CAAA,GAErB,EAAA,KAAAA,GAAA,EAAA,KAAAO;CAAA,IAAAG;CAEO,OAFPX,EAAA,OAAAY,KAAAZ,EAAA,OAAAG,KAAAH,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAZT,IAAA,kBAACK,GAAD;EAAsB,OAAA;EAClB,UAAA,kBAACC,GAAD;GACe,WAAAP;GACEjB,eAAAsB;GAAM,GACfT;GAEH,UAAAK;EALE,CAAA;CADG,CAAA,GAcE,EAAA,KAAAI,GAAA,EAAA,KAAAT,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAG,KAAA,IAAAX,EAAA,KAdhBW;AAcgB"}

package/dist/chunks/BottomSheetModal CHANGED Viewed

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

package/dist/chunks/BottomSheetModal.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BottomSheetModal","names":[],"sources":["../../src/components/Sheets/BottomSheetModal/bottomSheetModal.module.css","../../src/components/Sheets/BottomSheetModal/context.ts","../../src/components/Sheets/BottomSheetModal/BottomSheetModal.tsx"],"sourcesContent":["@layer adgytec.comps {\n .modal {\n --_detached-margin: var(--md-sys-layout-space-16);\n --_top-padding: var(--md-sys-layout-space-64);\n\n position: fixed;\n inset-block-end: 0;\n\n inset-inline-start: 50%;\n translate: -50%;\n\n margin-block-start: var(--_top-padding);\n\n &[data-layout=\"detached\"] {\n margin-block-end: var(--_detached-margin);\n }\n\n transition: translate var(--~~_modal~~-motion) var(--~~_modal~~-motion-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-entering],\n &[data-exiting] {\n translate: -50% 100%;\n }\n }\n}\n","import { createContext } from \"react\";\nimport type { SheetLayout } from \"~~../~~core\";\n\nexport type BottomSheetContextValue = {\n layout: SheetLayout;\n};\n\nexport const BottomSheetContext = createContext<BottomSheetContextValue>({\n layout: \"standard\",\n});\n","import clsx from \"clsx\";\nimport { Modal } from \"react-aria-components\";\nimport styles from \"./bottomSheetModal.module.css\";\nimport { BottomSheetContext } from \"./context\";\nimport type { BottomSheetModalProps } from \"./types\";\n\nexport const BottomSheetModal: React.FC<BottomSheetModalProps> = ({\n className,\n layout = \"standard\",\n ...props\n}) => {\n return (\n <BottomSheetContext value={{ layout }}>\n <Modal\n data-layout={layout}\n className={(renderProps) =>\n clsx(\n styles[\"modal\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n </BottomSheetContext>\n );\n};\n"],"mappings":";;;;~~qCCOa~~,~~IAAqB~~,EAAuC,EACrE,QAAQ,WACZ,CAAC,~~GCHY~~,KAAqD,EAC9D,cACA,YAAS,YACT,~~GAAG~~,QAGC,~~kBAAC~~,GAAD;CAAoB,OAAO,EAAE,UAAO;~~WAChC~~,~~kBAAC~~,GAAD;EACI,~~eAAa~~;EACb,YAAY,~~MACR~~,~~EACI~~,~~EAAO~~,OACP,~~OAAO~~,KAAc,~~aACf~~,~~EAAU~~,CAAW,~~IACrB~~,CACV;EAEJ,~~GAAI~~;CAAM,CAAA;AAEE,CAAA"}
1	+ {"version":3,"file":"BottomSheetModal","names":["clsx","styles","clsx$1","bottomSheetModal_module_default","BottomSheetContext","createContext","BottomSheetModal","props","Modal","layout","\"modal\"","className","renderProps"],"sources":["../../src/components/Sheets/BottomSheet/BottomSheetModal/bottomSheetModal.module.css","../../src/components/Sheets/BottomSheet/BottomSheetModal/context.ts","../../src/components/Sheets/BottomSheet/BottomSheetModal/BottomSheetModal.tsx"],"sourcesContent":["@layer adgytec.comps {\n .modal {\n --_sheet-modal-motion: var(--md-sys-motion-expressive-fast-spatial);\n --_sheet-modal-motion-duration: var(\n --md-sys-motion-expressive-fast-spatial-duration\n );\n\n --_detached-margin: var(--md-sys-layout-space-16);\n --_top-padding: var(--md-sys-layout-space-64);\n\n position: fixed;\n inset-block-end: 0;\n\n inset-inline-start: 50%;\n translate: -50%;\n\n margin-block-start: var(--_top-padding);\n\n &[data-layout=\"standard\"] {\n --_sheet-modal-motion: var(--md-sys-motion-expressive-fast-effects);\n --_sheet-modal-motion-duration: var(\n --md-sys-motion-expressive-fast-effects-duration\n );\n }\n\n &[data-layout=\"detached\"] {\n margin-block-end: var(--_detached-margin);\n }\n\n transition: translate var(--_sheet-modal-motion)\n var(--_sheet-modal-motion-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-entering],\n &[data-exiting] {\n translate: -50% 100%;\n }\n }\n}\n","import { createContext } from \"react\";\nimport type { SheetLayout } from \"../../core\";\n\n/*\n Context value passed from {@link BottomSheetModal} to descendant {@link BottomSheet} components.\n /\nexport type BottomSheetContextValue = {\n /\n Current layout style (`\"standard\"` or `\"detached\"`).\n /\n layout: SheetLayout;\n};\n\n/\n React context providing layout configuration for bottom sheets.\n * Default value is `layout: \"standard\"`.\n /\nexport const BottomSheetContext = createContext<BottomSheetContextValue>({\n layout: \"standard\",\n});\n","import clsx from \"clsx\";\nimport { Modal } from \"react-aria-components\";\nimport styles from \"./bottomSheetModal.module.css\";\nimport { BottomSheetContext } from \"./context\";\nimport type { BottomSheetModalProps } from \"./types\";\n\n/\n Modal container for a bottom sheet ({@link BottomSheet}).\n \n Implements [Material 3 Bottom Sheets](https://m3.material.io/components/bottom-sheets/overview)\n * positioning and animations using React Aria Components `Modal`. Sets `data-layout` attribute\n * to control slide-up entrance/exit animations and viewport margin styling, and provides layout\n * configuration to children through {@link BottomSheetContext}.\n \n @example\n * ```tsx\n * import { DialogTrigger } from \"react-aria-components\";\n * import {\n * BottomSheet,\n * BottomSheetModal,\n * Button,\n * ModalOverlay,\n * } from \"@adgytec/web-ui-components\";\n \n export function Example() {\n * return (\n * <DialogTrigger>\n * <Button label=\"Open Bottom Sheet\" />\n * <ModalOverlay>\n * <BottomSheetModal layout=\"standard\">\n * <BottomSheet>\n * <p>This is the bottom sheet content.</p>\n * </BottomSheet>\n * </BottomSheetModal>\n * </ModalOverlay>\n * </DialogTrigger>\n * );\n * }\n * ```\n */\nexport const BottomSheetModal: React.FC<BottomSheetModalProps> = ({\n className,\n layout = \"standard\",\n ...props\n}) => {\n return (\n <BottomSheetContext value={{ layout }}>\n <Modal\n data-layout={layout}\n className={(renderProps) =>\n clsx(\n styles[\"modal\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n </BottomSheetContext>\n );\n};\n"],"mappings":";;;;A,qCCiBaI,IAAqBC,EAAuC,EACrE,QAAQ,WACZ,CAAC,GCqBYC,KAAqD,EAC9D,cACA,YAAS,YACT,GAAGC,QAGC,kBAACH,GAAD;CAAoB,OAAO,EAAE,UAAO;CAChC,UAAA,kBAACI,GAAD;EACI,eAAaC;EACb,YAAY,MACRT,EACIC,EAAOS,OACP,OAAOC,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;EAEJ,GAAIJ;CAAM,CAAA;AAEE,CAAA"}

package/dist/chunks/ButtonGroup CHANGED Viewed

@@ -4,7 +4,7 @@ import { clsx as n } from "clsx";
 import "react";
 import { jsx as r } from "react/jsx-runtime";
 import { ToggleButtonGroup as i } from "react-aria-components";
-import '../assets/ButtonGroup.css';//#region src/components/Button/ButtonGroups/ButtonGroup/buttonGroup.module.css
+import '../assets/ButtonGroup.css';// src/components/Button/ButtonGroups/ButtonGroup/buttonGroup.module.css
 var a = e(), o = {
 	"button-group": "_button-group_1enif_2",
 	"extra-small": "_extra-small_1enif_41",
@@ -36,7 +36,6 @@ var a = e(), o = {
 		children: _
 	}), s[18] = h, s[19] = _, s[20] = v) : v = s[20], v;
 };
-//#endregion
 export { s as t };
 //# sourceMappingURL=ButtonGroup.map

package/dist/chunks/ButtonGroup.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup","names":["contextValue"],"sources":["../../src/components/Button/ButtonGroups/ButtonGroup/buttonGroup.module.css","../../src/components/Button/ButtonGroups/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["@layer adgytec.comps {\n .button-group {\n display: inline-flex;\n align-items: center;\n\n gap: var(--_md-button-group-gap);\n }\n\n .button-group [data-visual-button] {\n padding-inline: calc(\n var(--_md-button-padding-inline) +\n var(--_morph, 0px)\n );\n }\n\n /* pressed item /\n .button-group > [data-pressed] {\n --_morph: var(--_morph-pressed, 0px);\n }\n\n / next sibling /\n .button-group > [data-pressed] + {\n --_morph: var(--_morph-pressed-sibling, 0px);\n }\n\n /* previous sibling /\n .button-group > :has(+ [data-pressed]) {\n --_morph: var(--_morph-pressed-sibling, 0px);\n }\n\n /* next sibling ONLY if pressed is first /\n .button-group > [data-pressed]:first-child + {\n --_morph: var(--_morph-edge-pressed-sibling, 0px);\n }\n\n /* previous sibling ONLY if pressed is last /\n .button-group > :has(+ [data-pressed]:last-child) {\n --_morph: var(--_morph-edge-pressed-sibling, 0px);\n }\n\n .extra-small {\n --_md-button-group-gap: calc(18 * var(--dp, 1px));\n\n --_morph-pressed: var(--md-sys-layout-space-4);\n --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n }\n\n .small {\n --_md-button-group-gap: var(--md-sys-layout-space-12);\n\n --_morph-pressed: calc(6 * var(--dp, 1px));\n --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n }\n\n .medium {\n --_md-button-group-gap: var(--md-sys-layout-space-8);\n\n --_morph-pressed: var(--md-sys-layout-space-12);\n --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n }\n\n .large {\n --_md-button-group-gap: var(--md-sys-layout-space-8);\n\n --_morph-pressed: var(--md-sys-layout-space-16);\n --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n }\n\n .extra-large {\n --_md-button-group-gap: var(--md-sys-layout-space-8);\n\n --_morph-pressed: var(--md-sys-layout-space-20);\n --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n }\n}\n","import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { ToggleButtonGroup as AriaToggleButtonGroup } from \"react-aria-components\";\nimport { ButtonGroupContext } from \"../ButtonGroupContext\";\nimport styles from \"./buttonGroup.module.css\";\nimport type { ButtonGroupProps } from \"./types\";\n\nexport const ButtonGroup: React.FC<ButtonGroupProps> = ({\n size,\n shape,\n color,\n className,\n iconPlacement,\n ...props\n}) => {\n const contextValue = useMemo(\n () => ({ size, shape, color, iconPlacement }),\n [size, shape, color, iconPlacement]\n );\n\n return (\n <ButtonGroupContext value={contextValue}>\n <AriaToggleButtonGroup\n className={(renderProps) =>\n clsx(\n styles[\"button-group\"],\n styles[size ?? \"small\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-button-group\n />\n </ButtonGroupContext>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;~~GCOa~~,KAA0C,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,EAAA,~~GAAA~~,~~GAAA~~,~~GAAA~~,~~GAAA~~,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,KAOtD,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,OAPuD,~~iEAAA~~,~~KAAA~~,GAOvD,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~QAAA~~,KAEc,IAAA;EAAA;EAAA;EAAA;EAAA;CAAoC,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~MAAA~~,GAAA,EAAA,~~MAAA~~,KAAA,~~IAAA~~,EAAA;CADhD,~~IAAA~~,~~IACW~~,~~GAET~~;CAAA,~~AAAA~~,EAAA,~~QAAA~~,~~KAAA~~,EAAA,~~QAAA~~,KAKqB,KAAA,~~MACP~~,~~EACI~~,EAAO,~~iBACP~~,~~EAAO~~,KAAA,UACP,~~OAAO~~,KAAc,~~aACf~~,~~EAAU~~,CACF,~~IAFd~~,CAGJ,GAAC,EAAA,~~MAAA~~,GAAA,EAAA,~~MAAA~~,GAAA,EAAA,~~MAAA~~,KAAA,~~IAAA~~,EAAA;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~QAAA~~,~~KAAA~~,EAAA,~~QAAA~~,KART,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EAON,~~GAED~~;EACJ,qBAAA;CAAiB,CAAA,GACnB,EAAA,~~MAAA~~,GAAA,EAAA,~~MAAA~~,GAAA,EAAA,~~MAAA~~,KAAA,~~IAAA~~,EAAA;CAAA,~~IAAA~~;CACe,~~OADf~~,EAAA,~~QAAA~~,~~KAAA~~,EAAA,~~QAAA~~,KAbN,IAAA,~~kBAAC~~,GAAD;~~EAA2BA~~,~~OAAA~~;~~YACvB~~;CADe,CAAA,GAcE,EAAA,~~MAAA~~,GAAA,EAAA,~~MAAA~~,GAAA,EAAA,~~MAAA~~,KAAA,~~IAAA~~,EAAA,~~KAdrB~~;AAcqB"}
1	+ {"version":3,"file":"ButtonGroup","names":["contextValue","_c","styles","AriaToggleButtonGroup","require_compiler_runtime","import_compiler_runtime","buttonGroup_module_default","ButtonGroup","$","className","color","iconPlacement","props","shape","size","t0","t1","contextValue","t2","clsx","renderProps","t3","ToggleButtonGroup","t4","ButtonGroupContext"],"sources":["../../src/components/Button/ButtonGroups/ButtonGroup/buttonGroup.module.css","../../src/components/Button/ButtonGroups/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["@layer adgytec.comps {\n .button-group {\n display: inline-flex;\n align-items: center;\n\n gap: var(--_md-button-group-gap);\n }\n\n .button-group [data-visual-button] {\n padding-inline: calc(\n var(--_md-button-padding-inline) +\n var(--_morph, 0px)\n );\n }\n\n /* pressed item /\n .button-group > [data-pressed] {\n --_morph: var(--_morph-pressed, 0px);\n }\n\n / next sibling /\n .button-group > [data-pressed] + {\n --_morph: var(--_morph-pressed-sibling, 0px);\n }\n\n /* previous sibling /\n .button-group > :has(+ [data-pressed]) {\n --_morph: var(--_morph-pressed-sibling, 0px);\n }\n\n /* next sibling ONLY if pressed is first /\n .button-group > [data-pressed]:first-child + {\n --_morph: var(--_morph-edge-pressed-sibling, 0px);\n }\n\n /* previous sibling ONLY if pressed is last /\n .button-group > :has(+ [data-pressed]:last-child) {\n --_morph: var(--_morph-edge-pressed-sibling, 0px);\n }\n\n .extra-small {\n --_md-button-group-gap: calc(18 * var(--dp, 1px));\n\n --_morph-pressed: var(--md-sys-layout-space-4);\n --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n }\n\n .small {\n --_md-button-group-gap: var(--md-sys-layout-space-12);\n\n --_morph-pressed: calc(6 * var(--dp, 1px));\n --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n }\n\n .medium {\n --_md-button-group-gap: var(--md-sys-layout-space-8);\n\n --_morph-pressed: var(--md-sys-layout-space-12);\n --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n }\n\n .large {\n --_md-button-group-gap: var(--md-sys-layout-space-8);\n\n --_morph-pressed: var(--md-sys-layout-space-16);\n --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n }\n\n .extra-large {\n --_md-button-group-gap: var(--md-sys-layout-space-8);\n\n --_morph-pressed: var(--md-sys-layout-space-20);\n --_morph-pressed-sibling: calc(-1 * calc(var(--_morph-pressed) / 2));\n --_morph-edge-pressed-sibling: calc(-1 * var(--_morph-pressed));\n }\n}\n","import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { ToggleButtonGroup as AriaToggleButtonGroup } from \"react-aria-components\";\nimport { ButtonGroupContext } from \"../ButtonGroupContext\";\nimport styles from \"./buttonGroup.module.css\";\nimport type { ButtonGroupProps } from \"./types\";\n\n/*\n A group container for related toggle buttons implementing Material Design 3 Button Groups.\n \n Displays buttons with consistent spacing and dynamic morphing padding animations when pressed.\n * Provides size, shape, color, and icon placement down to child buttons via context.\n \n Built on top of React Aria's `ToggleButtonGroup` supporting single or multiple selection modes.\n \n @example\n * ```tsx\n * <ButtonGroup selectionMode=\"single\" color=\"tonal\">\n * <ToggleButton id=\"left\" icon={AlignLeft} aria-label=\"Align Left\" />\n * <ToggleButton id=\"center\" icon={AlignCenter} aria-label=\"Align Center\" />\n * <ToggleButton id=\"right\" icon={AlignRight} aria-label=\"Align Right\" />\n * </ButtonGroup>\n * ```\n */\nexport const ButtonGroup: React.FC<ButtonGroupProps> = ({\n size,\n shape,\n color,\n className,\n iconPlacement,\n ...props\n}) => {\n const contextValue = useMemo(\n () => ({ size, shape, color, iconPlacement }),\n [size, shape, color, iconPlacement]\n );\n\n return (\n <ButtonGroupContext value={contextValue}>\n <AriaToggleButtonGroup\n className={(renderProps) =>\n clsx(\n styles[\"button-group\"],\n styles[size ?? \"small\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-button-group\n />\n </ButtonGroupContext>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;A,GCwBaO,KAA0C,MAAA;CAAA,IAAAC,KAAA,GAAAP,EAAAA,EAAAA,CAAA,EAAA,GAAAQ,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAN,EAAA,OAAAO,KAOtD,IAAAP,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAPuD,8DAAA,GAAAI,KAAAG,GAOvD,EAAA,KAAAA,GAAA,EAAA,KAAAN,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAK,KAAAL,EAAA,QAAAM,KAEc,IAAA;EAAA;EAAA;EAAA;EAAA;CAAoC,GAAC,EAAA,KAAAJ,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAE,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAE,KAAA,IAAAR,EAAA;CADhD,IAAAS,IACWD,GAETE;CAAA,AAAAV,EAAA,QAAAC,KAAAD,EAAA,QAAAM,KAKqB,KAAA,MACPK,EACIjB,EAAO,iBACPA,EAAOY,KAAA,UACP,OAAOL,KAAc,aACfA,EAAUW,CACF,IAFdX,CAGJ,GAAC,EAAA,MAAAA,GAAA,EAAA,MAAAK,GAAA,EAAA,MAAAI,KAAA,IAAAV,EAAA;CAAA,IAAAa;CAAA,AAAAb,EAAA,QAAAI,KAAAJ,EAAA,QAAAU,KART,IAAA,kBAACf,GAAD;EACe,WAAAe;EAON,GAEDN;EACJ,qBAAA;CAAiB,CAAA,GACnB,EAAA,MAAAA,GAAA,EAAA,MAAAM,GAAA,EAAA,MAAAG,KAAA,IAAAb,EAAA;CAAA,IAAAe;CACe,OADff,EAAA,QAAAS,KAAAT,EAAA,QAAAa,KAbN,IAAA,kBAACG,GAAD;EAA2BxB,OAAAiB;EACvB,UAAAI;CADe,CAAA,GAcE,EAAA,MAAAJ,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAE,KAAA,IAAAf,EAAA,KAdrBe;AAcqB"}