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

@adgytec/adgytec-web-ui-components 2.3.1 → 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 (557) hide show

package/dist/chunks/Dialog.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog","names":["Dialog","_c","clsx","styles","AriaDialog","require_compiler_runtime","clsx$1","import_compiler_runtime","dialog_module_default","Dialog$1","$","className","props","t0","t1","t2","DialogContext","Dialog"],"sources":["../../src/components/Dialog/Dialog/dialog.module.css","../../src/components/Dialog/Dialog/Dialog.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-dialog-container-background\n* --md-dialog-headline-text-color\n* --md-dialog-icon-color\n* --md-dialog-body-text-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .dialog {\n --md-divider-color: currentcolor;\n\n / container /\n --_md-dialog-container-min-inline-size: calc(280 var(--dp, 1px));\n --_md-dialog-container-max-inline-size: calc(560 * var(--dp, 1px));\n --_md-dialog-container-max-block-size: 90svb;\n\n --_md-dialog-container-background: var(\n --md-dialog-container-background,\n var(--md-sys-color-surface-container-high)\n );\n --_md-dialog-container-shape: var(\n --md-sys-shape-corner-radius-extra-large\n );\n --_md-dialog-container-elevation: var(--md-sys-elevation-shadow-3);\n --_md-dialog-container-padding: var(--md-sys-layout-space-24);\n\n /* color /\n --_md-dialog-headline-text-color: var(\n --md-dialog-headline-text-color,\n var(--md-sys-color-on-surface)\n );\n --_md-dialog-icon-color: var(\n --md-dialog-icon-color,\n var(--md-sys-color-secondary)\n );\n --_md-dialog-body-text-color: var(\n --md-dialog-body-text-color,\n var(--md-sys-color-on-surface-variant)\n );\n\n / spacing /\n --_md-dialog-action-gap: var(--md-sys-layout-space-8);\n --_md-dialog-title-body-gap: var(--md-sys-layout-space-16);\n --_md-dialog-title-icon-gap: var(--md-sys-layout-space-16);\n --_md-dialog-body-action-gap: var(--md-sys-layout-space-24);\n\n / styles /\n padding: var(--_md-dialog-container-padding);\n border-radius: var(--_md-dialog-container-shape);\n\n background-color: var(--_md-dialog-container-background);\n color: var(--_md-dialog-body-text-color);\n box-shadow: var(--_md-dialog-container-elevation);\n\n min-inline-size: min(\n 100svi,\n var(--_md-dialog-container-min-inline-size)\n );\n max-inline-size: var(--_md-dialog-container-max-inline-size);\n max-block-size: var(--_md-dialog-container-max-block-size);\n }\n}\n","import clsx from \"clsx\";\nimport { Dialog as AriaDialog } from \"react-aria-components\";\nimport { DialogContext } from \"../core\";\nimport styles from \"./dialog.module.css\";\n\n/\n Props for the {@link Dialog} component.\n * Extends React Aria's {@link AriaDialog} props.\n /\nexport interface DialogProps\n extends React.ComponentPropsWithRef<typeof AriaDialog> {}\n\n/\n A dialog container component implementing Material Design 3 Dialog specifications.\n \n Appears in front of application content to present critical alerts, information, or request\n * user confirmation. Provides context to nested elements via {@link DialogContext} and manages\n * focus trapping, accessible labeling (`slot=\"title\"`), and keyboard escape behavior.\n \n @example\n * ```tsx\n * import { Dialog, Modal, ModalOverlay, Button } from '@adgytec/web-ui-components';\n * import { DialogTrigger, Heading } from 'react-aria-components';\n \n <DialogTrigger>\n * <Button>Open Dialog</Button>\n * <ModalOverlay>\n * <Modal>\n * <Dialog>\n * <Heading slot=\"title\">Discard draft?</Heading>\n * <p>Draft will be permanently removed.</p>\n * </Dialog>\n * </Modal>\n * </ModalOverlay>\n * </DialogTrigger>\n * ```\n */\nexport const Dialog: React.FC<DialogProps> = ({ className, ...props }) => {\n return (\n <DialogContext value={true}>\n <AriaDialog\n className={clsx(styles[\"dialog\"], className)}\n {...props}\n />\n </DialogContext>\n );\n};\n"],"mappings":";;;;;;iDCqCaA,KAAgC,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,CAAA,GAAAU,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAIT,IAAAD,EAAA,MAAjC,IAAAR,EAAKC,EAAM,QAAYQ,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAC;CAGpC,OAHoCL,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAFpD,IAAA,kBAACE,GAAD;EAAsB,OAAA;EAClB,UAAA,kBAACZ,GAAD;GACe,WAAAU;GAAiC,GACxCF;EAAK,CAAA;CAHH,CAAA,GAKE,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAC,KAAA,IAAAL,EAAA,IALhBK;AAKgB"}
1	+ {"version":3,"file":"Dialog","names":["Dialog","_c","clsx","styles","AriaDialog","require_compiler_runtime","clsx$1","import_compiler_runtime","dialog_module_default","Dialog$1","$","className","props","t0","t1","t2","DialogContext","Dialog"],"sources":["../../src/components/Dialog/Dialog/dialog.module.css","../../src/components/Dialog/Dialog/Dialog.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-dialog-container-background\n* --md-dialog-headline-text-color\n* --md-dialog-icon-color\n* --md-dialog-body-text-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .dialog {\n --md-divider-color: currentcolor;\n\n / container /\n --_md-dialog-container-min-inline-size: calc(280 var(--dp, 1px));\n --_md-dialog-container-max-inline-size: calc(560 * var(--dp, 1px));\n --_md-dialog-container-max-block-size: 90svb;\n\n --_md-dialog-container-background: var(\n --md-dialog-container-background,\n var(--md-sys-color-surface-container-high)\n );\n --_md-dialog-container-shape: var(\n --md-sys-shape-corner-radius-extra-large\n );\n --_md-dialog-container-elevation: var(--md-sys-elevation-shadow-3);\n --_md-dialog-container-padding: var(--md-sys-layout-space-24);\n\n /* color /\n --_md-dialog-headline-text-color: var(\n --md-dialog-headline-text-color,\n var(--md-sys-color-on-surface)\n );\n --_md-dialog-icon-color: var(\n --md-dialog-icon-color,\n var(--md-sys-color-secondary)\n );\n --_md-dialog-body-text-color: var(\n --md-dialog-body-text-color,\n var(--md-sys-color-on-surface-variant)\n );\n\n / spacing /\n --_md-dialog-action-gap: var(--md-sys-layout-space-8);\n --_md-dialog-title-body-gap: var(--md-sys-layout-space-16);\n --_md-dialog-title-icon-gap: var(--md-sys-layout-space-16);\n --_md-dialog-body-action-gap: var(--md-sys-layout-space-24);\n\n / styles /\n padding: var(--_md-dialog-container-padding);\n border-radius: var(--_md-dialog-container-shape);\n\n background-color: var(--_md-dialog-container-background);\n color: var(--_md-dialog-body-text-color);\n box-shadow: var(--_md-dialog-container-elevation);\n\n min-inline-size: min(\n 100svi,\n var(--_md-dialog-container-min-inline-size)\n );\n max-inline-size: var(--_md-dialog-container-max-inline-size);\n max-block-size: var(--_md-dialog-container-max-block-size);\n }\n}\n","import clsx from \"clsx\";\nimport { Dialog as AriaDialog } from \"react-aria-components\";\nimport { DialogContext } from \"../core\";\nimport styles from \"./dialog.module.css\";\n\n/\n Props for the {@link Dialog} component.\n * Extends React Aria's {@link AriaDialog} props.\n /\nexport interface DialogProps\n extends React.ComponentPropsWithRef<typeof AriaDialog> {}\n\n/\n A dialog container component implementing Material Design 3 Dialog specifications.\n \n Appears in front of application content to present critical alerts, information, or request\n * user confirmation. Provides context to nested elements via {@link DialogContext} and manages\n * focus trapping, accessible labeling (`slot=\"title\"`), and keyboard escape behavior.\n \n @example\n * ```tsx\n * import { Dialog, Modal, ModalOverlay, Button } from '@adgytec/web-ui-components';\n * import { DialogTrigger, Heading } from 'react-aria-components';\n \n <DialogTrigger>\n * <Button>Open Dialog</Button>\n * <ModalOverlay>\n * <Modal>\n * <Dialog>\n * <Heading slot=\"title\">Discard draft?</Heading>\n * <p>Draft will be permanently removed.</p>\n * </Dialog>\n * </Modal>\n * </ModalOverlay>\n * </DialogTrigger>\n * ```\n */\nexport const Dialog: React.FC<DialogProps> = ({ className, ...props }) => {\n return (\n <DialogContext value={true}>\n <AriaDialog\n className={clsx(styles[\"dialog\"], className)}\n {...props}\n />\n </DialogContext>\n );\n};\n"],"mappings":";;;;;;A,iDCqCaA,KAAgC,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,CAAA,GAAAU,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAIT,IAAAD,EAAA,MAAjC,IAAAR,EAAKC,EAAM,QAAYQ,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAC;CAGpC,OAHoCL,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAFpD,IAAA,kBAACE,GAAD;EAAsB,OAAA;EAClB,UAAA,kBAACZ,GAAD;GACe,WAAAU;GAAiC,GACxCF;EAAK,CAAA;CAHH,CAAA,GAKE,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAC,KAAA,IAAAL,EAAA,IALhBK;AAKgB"}

package/dist/chunks/Disclosure CHANGED Viewed

@@ -2,7 +2,7 @@ import { t as e } from "./compiler-runtime";
 import t from "clsx";
 import { jsx as n } from "react/jsx-runtime";
 import { Disclosure as r } from "react-aria-components";
-import '../assets/Disclosure.css';//#region src/components/Disclosure/Disclosure/disclosure.module.css
+import '../assets/Disclosure.css';// src/components/Disclosure/Disclosure/disclosure.module.css
 var i = e(), a = { disclosure: "_disclosure_nnw90_2" }, o = (e) => {
 	let o = (0, i.c)(8), s, c;
 	o[0] === e ? (s = o[1], c = o[2]) : ({className: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
@@ -14,7 +14,6 @@ var i = e(), a = { disclosure: "_disclosure_nnw90_2" }, o = (e) => {
 		...c
 	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
 };
-//#endregion
 export { o as t };
 //# sourceMappingURL=Disclosure.map

package/dist/chunks/Disclosure.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Disclosure","names":["Disclosure","_c","clsx","styles","AriaDisclosure","require_compiler_runtime","clsx$1","import_compiler_runtime","disclosure_module_default","Disclosure$1","$","className","props","t0","t1","renderProps","t2","Disclosure"],"sources":["../../src/components/Disclosure/Disclosure/disclosure.module.css","../../src/components/Disclosure/Disclosure/Disclosure.tsx"],"sourcesContent":["@layer adgytec.comps {\n .disclosure {\n --spacing: var(--md-sys-layout-space-12);\n }\n}\n","import clsx from \"clsx\";\nimport { Disclosure as AriaDisclosure } from \"react-aria-components\";\nimport styles from \"./disclosure.module.css\";\n\n/*\n Props for the {@link Disclosure} component.\n * Extends React Aria's {@link AriaDisclosure} props.\n /\nexport interface DisclosureProps\n extends React.ComponentPropsWithRef<typeof AriaDisclosure> {}\n\n/\n An expandable section component implementing Material Design 3 disclosure/accordion item behavior.\n \n Controls showing and hiding associated content based on user interaction with its {@link DisclosureHeader}.\n * Manages open/collapsed state, accessible ARIA attributes (`aria-expanded`, `aria-controls`), and keyboard navigation.\n \n @example\n * ```tsx\n * import { Disclosure, DisclosureHeader, DisclosurePanel } from '@adgytec/web-ui-components';\n \n <Disclosure>\n * <DisclosureHeader>Collapsible Section</DisclosureHeader>\n * <DisclosurePanel>\n * Detailed information displayed when expanded.\n * </DisclosurePanel>\n * </Disclosure>\n * ```\n */\nexport const Disclosure: React.FC<DisclosureProps> = ({\n className,\n ...props\n}) => {\n return (\n <AriaDisclosure\n className={(renderProps) =>\n clsx(\n styles[\"disclosure\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;wDC6BaA,KAAwC,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,CAAA,GAAAU,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGpD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHqD,eAAA,GAAAE,KAAAC,GAGrD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPR,EACIC,EAAM,YACN,OAAOQ,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACV,GAAD;EACe,WAAAU;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}
1	+ {"version":3,"file":"Disclosure","names":["Disclosure","_c","clsx","styles","AriaDisclosure","require_compiler_runtime","clsx$1","import_compiler_runtime","disclosure_module_default","Disclosure$1","$","className","props","t0","t1","renderProps","t2","Disclosure"],"sources":["../../src/components/Disclosure/Disclosure/disclosure.module.css","../../src/components/Disclosure/Disclosure/Disclosure.tsx"],"sourcesContent":["@layer adgytec.comps {\n .disclosure {\n --spacing: var(--md-sys-layout-space-12);\n }\n}\n","import clsx from \"clsx\";\nimport { Disclosure as AriaDisclosure } from \"react-aria-components\";\nimport styles from \"./disclosure.module.css\";\n\n/*\n Props for the {@link Disclosure} component.\n * Extends React Aria's {@link AriaDisclosure} props.\n /\nexport interface DisclosureProps\n extends React.ComponentPropsWithRef<typeof AriaDisclosure> {}\n\n/\n An expandable section component implementing Material Design 3 disclosure/accordion item behavior.\n \n Controls showing and hiding associated content based on user interaction with its {@link DisclosureHeader}.\n * Manages open/collapsed state, accessible ARIA attributes (`aria-expanded`, `aria-controls`), and keyboard navigation.\n \n @example\n * ```tsx\n * import { Disclosure, DisclosureHeader, DisclosurePanel } from '@adgytec/web-ui-components';\n \n <Disclosure>\n * <DisclosureHeader>Collapsible Section</DisclosureHeader>\n * <DisclosurePanel>\n * Detailed information displayed when expanded.\n * </DisclosurePanel>\n * </Disclosure>\n * ```\n */\nexport const Disclosure: React.FC<DisclosureProps> = ({\n className,\n ...props\n}) => {\n return (\n <AriaDisclosure\n className={(renderProps) =>\n clsx(\n styles[\"disclosure\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;A,wDC6BaA,KAAwC,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,CAAA,GAAAU,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGpD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHqD,eAAA,GAAAE,KAAAC,GAGrD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPR,EACIC,EAAM,YACN,OAAOQ,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACV,GAAD;EACe,WAAAU;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}

package/dist/chunks/DisclosureGroup CHANGED Viewed

@@ -3,7 +3,7 @@ import { DisclosureTypographyContext as t } from "../components/Disclosure/conte
 import n from "clsx";
 import { jsx as r } from "react/jsx-runtime";
 import { DisclosureGroup as i } from "react-aria-components";
-import '../assets/DisclosureGroup.css';//#region src/components/Disclosure/DisclosureGroup/disclosureGroup.module.css
+import '../assets/DisclosureGroup.css';// src/components/Disclosure/DisclosureGroup/disclosureGroup.module.css
 var a = e(), o = { group: "_group_lbw2t_2" }, s = (e) => {
 	let s = (0, a.c)(16), c, l, u, d;
 	s[0] === e ? (c = s[1], l = s[2], u = s[3], d = s[4]) : ({labelTypography: l, panelTypography: u, className: c, ...d} = e, s[0] = e, s[1] = c, s[2] = l, s[3] = u, s[4] = d);
@@ -25,7 +25,6 @@ var a = e(), o = { group: "_group_lbw2t_2" }, s = (e) => {
 		children: m
 	}), s[13] = f, s[14] = m, s[15] = h) : h = s[15], h;
 };
-//#endregion
 export { s as t };
 //# sourceMappingURL=DisclosureGroup.map

package/dist/chunks/DisclosureGroup.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DisclosureGroup","names":["DisclosureGroup","_c","clsx","styles","AriaDisclosureGroup","require_compiler_runtime","clsx$1","import_compiler_runtime","disclosureGroup_module_default","DisclosureGroup$1","$","className","labelTypography","panelTypography","props","t0","t1","t2","renderProps","t3","DisclosureGroup","t4","DisclosureTypographyContext"],"sources":["../../src/components/Disclosure/DisclosureGroup/disclosureGroup.module.css","../../src/components/Disclosure/DisclosureGroup/DisclosureGroup.tsx"],"sourcesContent":["@layer adgytec.comps {\n .group {\n display: grid;\n gap: var(--md-sys-layout-space-24);\n }\n}\n","import clsx from \"clsx\";\nimport { DisclosureGroup as AriaDisclosureGroup } from \"react-aria-components\";\nimport type { Typography } from \"@/utils\";\nimport { DisclosureTypographyContext } from \"../context\";\nimport styles from \"./disclosureGroup.module.css\";\n\n/*\n Props for the {@link DisclosureGroup} component.\n * Extends React Aria's {@link AriaDisclosureGroup} props.\n /\nexport interface DisclosureGroupProps\n extends React.ComponentPropsWithRef<typeof AriaDisclosureGroup> {\n /\n Default typography style applied to all {@link DisclosureHeader} labels within the group.\n \n @default typography.titleMediumEmphasized\n /\n labelTypography?: Typography;\n\n /\n Default typography style applied to all {@link DisclosurePanel} bodies within the group.\n \n @default typography.bodyLarge\n /\n panelTypography?: Typography;\n}\n\n/\n An accordion grouping container for managing multiple related {@link Disclosure} sections.\n \n Supports single or multi-expansion modes via React Aria props (`allowsMultipleExpanded`),\n * coordinates keyboard navigation between items, and provides shared typography tokens\n * to all descendant disclosure headers and panels.\n \n @example\n * ```tsx\n * import {\n * DisclosureGroup,\n * Disclosure,\n * DisclosureHeader,\n * DisclosurePanel,\n * typography\n * } from '@adgytec/web-ui-components';\n \n <DisclosureGroup\n * allowsMultipleExpanded\n * labelTypography={typography.titleMedium}\n * panelTypography={typography.bodyMedium}\n * >\n * <Disclosure id=\"step-1\">\n * <DisclosureHeader>Step 1: Account Info</DisclosureHeader>\n * <DisclosurePanel>Enter your username and password.</DisclosurePanel>\n * </Disclosure>\n * <Disclosure id=\"step-2\">\n * <DisclosureHeader>Step 2: Profile Details</DisclosureHeader>\n * <DisclosurePanel>Upload an avatar and bio.</DisclosurePanel>\n * </Disclosure>\n * </DisclosureGroup>\n * ```\n */\nexport const DisclosureGroup: React.FC<DisclosureGroupProps> = ({\n labelTypography,\n panelTypography,\n className,\n ...props\n}) => {\n return (\n <DisclosureTypographyContext\n value={{ label: labelTypography, panel: panelTypography }}\n >\n <AriaDisclosureGroup\n className={(renderProps) =>\n clsx(\n styles[\"group\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n </DisclosureTypographyContext>\n );\n};\n"],"mappings":";;;;;;8CC4DaA,KAAkD,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,EAAA,GAAAU,GAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAK9D,IAAAL,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAL+D,uDAAA,GAAAI,KAAAC,GAK/D,EAAA,KAAAA,GAAA,EAAA,KAAAJ,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAN,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAGkB,IAAA;EAAA,OAASD;EAAe,OAASC;CAAgB,GAAC,EAAA,KAAAD,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAG,KAAA,IAAAN,EAAA;CAAA,IAAAO;CAAA,AAAAP,EAAA,OAAAC,IAShD,IAAAD,EAAA,MANM,KAAA,MACPR,EACIC,EAAM,OACN,OAAOQ,KAAc,aACfA,EAAUO,CACF,IAFdP,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAM;CAAA,IAAAE;CAAA,AAAAT,EAAA,QAAAI,KAAAJ,EAAA,QAAAO,KAPT,IAAA,kBAACb,GAAD;EACe,WAAAa;EAMN,GAEDH;CAAK,CAAA,GACX,EAAA,MAAAA,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAE,KAAA,IAAAT,EAAA;CAAA,IAAAW;CACwB,OADxBX,EAAA,QAAAM,KAAAN,EAAA,QAAAS,KAbN,IAAA,kBAACG,GAAD;EACW,OAAAN;EAEP,UAAAG;CAHwB,CAAA,GAcE,EAAA,MAAAH,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAE,KAAA,IAAAX,EAAA,KAd9BW;AAc8B"}
1	+ {"version":3,"file":"DisclosureGroup","names":["DisclosureGroup","_c","clsx","styles","AriaDisclosureGroup","require_compiler_runtime","clsx$1","import_compiler_runtime","disclosureGroup_module_default","DisclosureGroup$1","$","className","labelTypography","panelTypography","props","t0","t1","t2","renderProps","t3","DisclosureGroup","t4","DisclosureTypographyContext"],"sources":["../../src/components/Disclosure/DisclosureGroup/disclosureGroup.module.css","../../src/components/Disclosure/DisclosureGroup/DisclosureGroup.tsx"],"sourcesContent":["@layer adgytec.comps {\n .group {\n display: grid;\n gap: var(--md-sys-layout-space-24);\n }\n}\n","import clsx from \"clsx\";\nimport { DisclosureGroup as AriaDisclosureGroup } from \"react-aria-components\";\nimport type { Typography } from \"@/utils\";\nimport { DisclosureTypographyContext } from \"../context\";\nimport styles from \"./disclosureGroup.module.css\";\n\n/*\n Props for the {@link DisclosureGroup} component.\n * Extends React Aria's {@link AriaDisclosureGroup} props.\n /\nexport interface DisclosureGroupProps\n extends React.ComponentPropsWithRef<typeof AriaDisclosureGroup> {\n /\n Default typography style applied to all {@link DisclosureHeader} labels within the group.\n \n @default typography.titleMediumEmphasized\n /\n labelTypography?: Typography;\n\n /\n Default typography style applied to all {@link DisclosurePanel} bodies within the group.\n \n @default typography.bodyLarge\n /\n panelTypography?: Typography;\n}\n\n/\n An accordion grouping container for managing multiple related {@link Disclosure} sections.\n \n Supports single or multi-expansion modes via React Aria props (`allowsMultipleExpanded`),\n * coordinates keyboard navigation between items, and provides shared typography tokens\n * to all descendant disclosure headers and panels.\n \n @example\n * ```tsx\n * import {\n * DisclosureGroup,\n * Disclosure,\n * DisclosureHeader,\n * DisclosurePanel,\n * typography\n * } from '@adgytec/web-ui-components';\n \n <DisclosureGroup\n * allowsMultipleExpanded\n * labelTypography={typography.titleMedium}\n * panelTypography={typography.bodyMedium}\n * >\n * <Disclosure id=\"step-1\">\n * <DisclosureHeader>Step 1: Account Info</DisclosureHeader>\n * <DisclosurePanel>Enter your username and password.</DisclosurePanel>\n * </Disclosure>\n * <Disclosure id=\"step-2\">\n * <DisclosureHeader>Step 2: Profile Details</DisclosureHeader>\n * <DisclosurePanel>Upload an avatar and bio.</DisclosurePanel>\n * </Disclosure>\n * </DisclosureGroup>\n * ```\n */\nexport const DisclosureGroup: React.FC<DisclosureGroupProps> = ({\n labelTypography,\n panelTypography,\n className,\n ...props\n}) => {\n return (\n <DisclosureTypographyContext\n value={{ label: labelTypography, panel: panelTypography }}\n >\n <AriaDisclosureGroup\n className={(renderProps) =>\n clsx(\n styles[\"group\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n </DisclosureTypographyContext>\n );\n};\n"],"mappings":";;;;;;A,8CC4DaA,KAAkD,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,EAAA,GAAAU,GAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAK9D,IAAAL,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAL+D,uDAAA,GAAAI,KAAAC,GAK/D,EAAA,KAAAA,GAAA,EAAA,KAAAJ,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAN,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAGkB,IAAA;EAAA,OAASD;EAAe,OAASC;CAAgB,GAAC,EAAA,KAAAD,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAG,KAAA,IAAAN,EAAA;CAAA,IAAAO;CAAA,AAAAP,EAAA,OAAAC,IAShD,IAAAD,EAAA,MANM,KAAA,MACPR,EACIC,EAAM,OACN,OAAOQ,KAAc,aACfA,EAAUO,CACF,IAFdP,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAM;CAAA,IAAAE;CAAA,AAAAT,EAAA,QAAAI,KAAAJ,EAAA,QAAAO,KAPT,IAAA,kBAACb,GAAD;EACe,WAAAa;EAMN,GAEDH;CAAK,CAAA,GACX,EAAA,MAAAA,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAE,KAAA,IAAAT,EAAA;CAAA,IAAAW;CACwB,OADxBX,EAAA,QAAAM,KAAAN,EAAA,QAAAS,KAbN,IAAA,kBAACG,GAAD;EACW,OAAAN;EAEP,UAAAG;CAHwB,CAAA,GAcE,EAAA,MAAAH,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAE,KAAA,IAAAX,EAAA,KAd9BW;AAc8B"}

package/dist/chunks/DisclosureHeader CHANGED Viewed

@@ -9,7 +9,7 @@ import { useContext as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Button as p, DisclosureStateContext as m, Heading as h } from "react-aria-components";
 import { ChevronRight as g } from "lucide-react";
-import '../assets/DisclosureHeader.css';//#region src/components/Disclosure/DisclosureHeader/disclosureHeader.module.css
+import '../assets/DisclosureHeader.css';// src/components/Disclosure/DisclosureHeader/disclosureHeader.module.css
 var _ = e(), v = {
 	"state-layer": "_state-layer_1bxlz_2",
 	trigger: "_trigger_1bxlz_21"
@@ -53,7 +53,6 @@ var _ = e(), v = {
 		children: F
 	}), y[21] = S, y[22] = F, y[23] = I) : I = y[23], I;
 };
-//#endregion
 export { y as t };
 //# sourceMappingURL=DisclosureHeader.map

package/dist/chunks/DisclosureHeader.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DisclosureHeader","names":["ChevronRight","handlePress","children","_c","styles","require_compiler_runtime","Icon","Splash","useSplash","ButtonReset","buttonColorBase","buttonColorConfig","import_compiler_runtime","disclosureHeader_module_default","DisclosureHeader","$","children","labelTypography","props","t0","disclosureContext","useContext","DisclosureStateContext","t1","t2","useDisclosureTypographyContext","t3","label","clsx","TapTarget","t4","isExpanded","t5","splashInfo","t6","t7","ChevronRight","t8","handlePress","Button","t9","Heading"],"sources":["../../src/components/Disclosure/DisclosureHeader/disclosureHeader.module.css","../../src/components/Disclosure/DisclosureHeader/DisclosureHeader.tsx"],"sourcesContent":["@layer adgytec.overrides {\n .state-layer {\n --inset: calc(-1 * var(--spacing));\n\n position: absolute;\n inset: var(--inset);\n border-radius: inherit;\n\n overflow: clip;\n\n background-color: var(--_state-layer-color);\n\n transition: background-color var(--md-sys-motion-standard-fast-spatial)\n var(--md-sys-motion-standard-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n\n .trigger::before {\n background-color: transparent;\n }\n\n .trigger[data-focus-visible] {\n outline: none;\n\n &::before {\n outline: none;\n z-index: 1;\n }\n\n .state-layer {\n outline-width: var(--focus-indicator-thickness);\n outline-style: solid;\n outline-offset: var(--focus-indicator-offset);\n outline-color: var(--focus-indicator-color);\n }\n }\n}\n\n@layer adgytec.comps {\n .trigger {\n --rotate: 0;\n\n display: flex;\n gap: var(--md-sys-layout-space-4);\n align-items: start;\n\n border-radius: var(--md-sys-shape-corner-radius-medium);\n text-align: start;\n\n &[data-pressed] {\n border-radius: var(--md-sys-shape-corner-radius-small);\n }\n\n &[data-expanded] {\n --rotate: 90deg;\n }\n\n > svg {\n margin-block-start: calc(2.5 * var(--dp, 1px));\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","import { clsx } from \"clsx\";\nimport { ChevronRight } from \"lucide-react\";\nimport { useContext } from \"react\";\nimport { Button, DisclosureStateContext, Heading } from \"react-aria-components\";\nimport {\n ButtonReset,\n buttonColorBase,\n buttonColorConfig,\n} from \"@/components/Button\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget, type Typography } from \"@/utils\";\nimport { useDisclosureTypographyContext } from \"../context\";\nimport styles from \"./disclosureHeader.module.css\";\n\n/*\n Props for the {@link DisclosureHeader} component.\n * Extends React Aria's {@link Heading} props.\n /\nexport interface DisclosureHeaderProps\n extends React.ComponentPropsWithRef<typeof Heading> {\n /\n Custom typography style for the disclosure header label.\n * Overrides the default or group-level typography.\n \n @default typography.titleMediumEmphasized\n /\n labelTypography?: Typography;\n}\n\n/\n The interactive header that toggles expansion of a {@link Disclosure} component.\n \n Renders a semantic heading enclosing an accessible button trigger equipped with an expanding\n * chevron indicator icon and Material Design touch ripple feedback.\n \n @example\n * ```tsx\n * import { Disclosure, DisclosureHeader, DisclosurePanel, typography } from '@adgytec/web-ui-components';\n \n <Disclosure>\n * <DisclosureHeader labelTypography={typography.titleLarge}>\n * Section Title\n * </DisclosureHeader>\n * <DisclosurePanel>Section Content</DisclosurePanel>\n * </Disclosure>\n * ```\n */\nexport const DisclosureHeader: React.FC<DisclosureHeaderProps> = ({\n children,\n labelTypography,\n ...props\n}) => {\n const { splashInfo, handlePress } = useSplash();\n\n const disclosureContext = useContext(DisclosureStateContext);\n const { isExpanded } = disclosureContext \|\| {};\n\n const { label } = useDisclosureTypographyContext({\n label: labelTypography,\n });\n\n return (\n <Heading {...props}>\n <Button\n onPress={handlePress}\n className={clsx(\n ButtonReset,\n TapTarget,\n styles[\"trigger\"],\n buttonColorBase,\n buttonColorConfig(\"standard\"),\n label\n )}\n slot=\"trigger\"\n data-expanded={isExpanded \|\| undefined}\n data-shape=\"square\"\n >\n <span className={styles[\"state-layer\"]}>\n {splashInfo && <Splash {...splashInfo} />}\n </span>\n <Icon withText icon={ChevronRight} />\n {children}\n </Button>\n </Heading>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;GCiDac,KAAoD,MAAA;CAAA,IAAAC,KAAA,GAAAZ,EAAAA,EAAAA,CAAA,EAAA,GAAAa,GAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAI,KAIhE,IAAAJ,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAJiE,kCAAA,GAAAG,KAAAC,GAIjE,EAAA,KAAAA,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,eAAA,mBAAoCV,EAAU,GAE9CY,IAA0BC,EAAWC,CAAsB,GAAEC;CAAA,AAAAR,EAAA,OAAAK,IACf,IAAAL,EAAA,MAAvB,IAAAK,KAAA,CAAsB,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAA9C,IAAA,EAAA,kBAAuBA,GAAwBC;CAAA,AAAAT,EAAA,OAAAE,IAI9C,IAAAF,EAAA,MAFgD,IAAA,EAAA,OACtCE,EACX,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAO;CAFD,IAAA,EAAA,aAAkBC,EAA+BD,CAEhD,GAAEE;CAAA,AAAAX,EAAA,OAAAY,IAaU,IAAAZ,EAAA,MAPU,IAAAa,EACPnB,GACAoB,GACAzB,EAAM,SACNM,GACAC,EAAkB,UAAU,GAC5BgB,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAD;CAEc,IAAAI,IAAAC,KAAA,KAAA,GAAuBC;CAAA,AAAAjB,EAAA,QAAAkB,IAIO,IAAAlB,EAAA,OAAxC,IAAAkB,KAAc,kBAAC1B,GAAD,EAAO,GAAK0B,EAAU,CAAA,GAAI,EAAA,MAAAA,GAAA,EAAA,MAAAD;CAAA,IAAAE;CAAA,AAAAnB,EAAA,QAAAiB,IACtC,IAAAjB,EAAA,OAFP,IAAA,kBAAA,QAAA;EAAiB,WAAAX,EAAO;EACnB,UAAA4B;CACE,CAAA,GAAA,EAAA,MAAAA,GAAA,EAAA,MAAAE;CAAA,IAAAC;CAAA,AAAApB,EAAA,QAAA,OAAA,IAAA,2BAAA,KACP,IAAA,kBAACT,GAAD;EAAM,UAAA;EAAeN,MAAAoC;CAAY,CAAA,GAAI,EAAA,MAAAD,KAAA,IAAApB,EAAA;CAAA,IAAAsB;CAAA,AAAAtB,EAAA,QAAAC,KAAAD,EAAA,QAAAuB,KAAAvB,EAAA,QAAAW,KAAAX,EAAA,QAAAe,KAAAf,EAAA,QAAAmB,KAjBzC,IAAA,kBAACK,GAAD;EACatC,SAAAqC;EACE,WAAAZ;EAQN,MAAA;EACU,iBAAAI;EACJ,cAAA;EAZf,UAAA;GAcII;GAGAC;GACCnB;EAlBE;~~KAmBE~~,EAAA,MAAAA,GAAA,EAAA,MAAAsB,GAAA,EAAA,MAAAZ,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAG,KAAA,IAAAtB,EAAA;CAAA,IAAAyB;CACH,OADGzB,EAAA,QAAAG,KAAAH,EAAA,QAAAsB,KApBb,IAAA,kBAACI,GAAD;EAAQ,GAAKvB;EACT,UAAAmB;CADI,CAAA,GAqBE,EAAA,MAAAnB,GAAA,EAAA,MAAAmB,GAAA,EAAA,MAAAG,KAAA,IAAAzB,EAAA,KArBVyB;AAqBU"}
1	+ {"version":3,"file":"DisclosureHeader","names":["ChevronRight","handlePress","children","_c","styles","require_compiler_runtime","Icon","Splash","useSplash","ButtonReset","buttonColorBase","buttonColorConfig","import_compiler_runtime","disclosureHeader_module_default","DisclosureHeader","$","children","labelTypography","props","t0","disclosureContext","useContext","DisclosureStateContext","t1","t2","useDisclosureTypographyContext","t3","label","clsx","TapTarget","t4","isExpanded","t5","splashInfo","t6","t7","ChevronRight","t8","handlePress","Button","t9","Heading"],"sources":["../../src/components/Disclosure/DisclosureHeader/disclosureHeader.module.css","../../src/components/Disclosure/DisclosureHeader/DisclosureHeader.tsx"],"sourcesContent":["@layer adgytec.overrides {\n .state-layer {\n --inset: calc(-1 * var(--spacing));\n\n position: absolute;\n inset: var(--inset);\n border-radius: inherit;\n\n overflow: clip;\n\n background-color: var(--_state-layer-color);\n\n transition: background-color var(--md-sys-motion-standard-fast-spatial)\n var(--md-sys-motion-standard-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n\n .trigger::before {\n background-color: transparent;\n }\n\n .trigger[data-focus-visible] {\n outline: none;\n\n &::before {\n outline: none;\n z-index: 1;\n }\n\n .state-layer {\n outline-width: var(--focus-indicator-thickness);\n outline-style: solid;\n outline-offset: var(--focus-indicator-offset);\n outline-color: var(--focus-indicator-color);\n }\n }\n}\n\n@layer adgytec.comps {\n .trigger {\n --rotate: 0;\n\n display: flex;\n gap: var(--md-sys-layout-space-4);\n align-items: start;\n\n border-radius: var(--md-sys-shape-corner-radius-medium);\n text-align: start;\n\n &[data-pressed] {\n border-radius: var(--md-sys-shape-corner-radius-small);\n }\n\n &[data-expanded] {\n --rotate: 90deg;\n }\n\n > svg {\n margin-block-start: calc(2.5 * var(--dp, 1px));\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","import { clsx } from \"clsx\";\nimport { ChevronRight } from \"lucide-react\";\nimport { useContext } from \"react\";\nimport { Button, DisclosureStateContext, Heading } from \"react-aria-components\";\nimport {\n ButtonReset,\n buttonColorBase,\n buttonColorConfig,\n} from \"@/components/Button\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget, type Typography } from \"@/utils\";\nimport { useDisclosureTypographyContext } from \"../context\";\nimport styles from \"./disclosureHeader.module.css\";\n\n/*\n Props for the {@link DisclosureHeader} component.\n * Extends React Aria's {@link Heading} props.\n /\nexport interface DisclosureHeaderProps\n extends React.ComponentPropsWithRef<typeof Heading> {\n /\n Custom typography style for the disclosure header label.\n * Overrides the default or group-level typography.\n \n @default typography.titleMediumEmphasized\n /\n labelTypography?: Typography;\n}\n\n/\n The interactive header that toggles expansion of a {@link Disclosure} component.\n \n Renders a semantic heading enclosing an accessible button trigger equipped with an expanding\n * chevron indicator icon and Material Design touch ripple feedback.\n \n @example\n * ```tsx\n * import { Disclosure, DisclosureHeader, DisclosurePanel, typography } from '@adgytec/web-ui-components';\n \n <Disclosure>\n * <DisclosureHeader labelTypography={typography.titleLarge}>\n * Section Title\n * </DisclosureHeader>\n * <DisclosurePanel>Section Content</DisclosurePanel>\n * </Disclosure>\n * ```\n */\nexport const DisclosureHeader: React.FC<DisclosureHeaderProps> = ({\n children,\n labelTypography,\n ...props\n}) => {\n const { splashInfo, handlePress } = useSplash();\n\n const disclosureContext = useContext(DisclosureStateContext);\n const { isExpanded } = disclosureContext \|\| {};\n\n const { label } = useDisclosureTypographyContext({\n label: labelTypography,\n });\n\n return (\n <Heading {...props}>\n <Button\n onPress={handlePress}\n className={clsx(\n ButtonReset,\n TapTarget,\n styles[\"trigger\"],\n buttonColorBase,\n buttonColorConfig(\"standard\"),\n label\n )}\n slot=\"trigger\"\n data-expanded={isExpanded \|\| undefined}\n data-shape=\"square\"\n >\n <span className={styles[\"state-layer\"]}>\n {splashInfo && <Splash {...splashInfo} />}\n </span>\n <Icon withText icon={ChevronRight} />\n {children}\n </Button>\n </Heading>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;A,GCiDac,KAAoD,MAAA;CAAA,IAAAC,KAAA,GAAAZ,EAAAA,EAAAA,CAAA,EAAA,GAAAa,GAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAI,KAIhE,IAAAJ,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAJiE,kCAAA,GAAAG,KAAAC,GAIjE,EAAA,KAAAA,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,eAAA,mBAAoCV,EAAU,GAE9CY,IAA0BC,EAAWC,CAAsB,GAAEC;CAAA,AAAAR,EAAA,OAAAK,IACf,IAAAL,EAAA,MAAvB,IAAAK,KAAA,CAAsB,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAA9C,IAAA,EAAA,kBAAuBA,GAAwBC;CAAA,AAAAT,EAAA,OAAAE,IAI9C,IAAAF,EAAA,MAFgD,IAAA,EAAA,OACtCE,EACX,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAO;CAFD,IAAA,EAAA,aAAkBC,EAA+BD,CAEhD,GAAEE;CAAA,AAAAX,EAAA,OAAAY,IAaU,IAAAZ,EAAA,MAPU,IAAAa,EACPnB,GACAoB,GACAzB,EAAM,SACNM,GACAC,EAAkB,UAAU,GAC5BgB,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAD;CAEc,IAAAI,IAAAC,KAAA,KAAA,GAAuBC;CAAA,AAAAjB,EAAA,QAAAkB,IAIO,IAAAlB,EAAA,OAAxC,IAAAkB,KAAc,kBAAC1B,GAAD,EAAO,GAAK0B,EAAU,CAAA,GAAI,EAAA,MAAAA,GAAA,EAAA,MAAAD;CAAA,IAAAE;CAAA,AAAAnB,EAAA,QAAAiB,IACtC,IAAAjB,EAAA,OAFP,IAAA,kBAAA,QAAA;EAAiB,WAAAX,EAAO;EACnB,UAAA4B;CACE,CAAA,GAAA,EAAA,MAAAA,GAAA,EAAA,MAAAE;CAAA,IAAAC;CAAA,AAAApB,EAAA,QAAA,OAAA,IAAA,2BAAA,KACP,IAAA,kBAACT,GAAD;EAAM,UAAA;EAAeN,MAAAoC;CAAY,CAAA,GAAI,EAAA,MAAAD,KAAA,IAAApB,EAAA;CAAA,IAAAsB;CAAA,AAAAtB,EAAA,QAAAC,KAAAD,EAAA,QAAAuB,KAAAvB,EAAA,QAAAW,KAAAX,EAAA,QAAAe,KAAAf,EAAA,QAAAmB,KAjBzC,IAAA,kBAACK,GAAD;EACatC,SAAAqC;EACE,WAAAZ;EAQN,MAAA;EACU,iBAAAI;EACJ,cAAA;EAZf,UAAA;GAcII;GAGAC;GACCnB;EAlBE;C,IAmBE,EAAA,MAAAA,GAAA,EAAA,MAAAsB,GAAA,EAAA,MAAAZ,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAG,KAAA,IAAAtB,EAAA;CAAA,IAAAyB;CACH,OADGzB,EAAA,QAAAG,KAAAH,EAAA,QAAAsB,KApBb,IAAA,kBAACI,GAAD;EAAQ,GAAKvB;EACT,UAAAmB;CADI,CAAA,GAqBE,EAAA,MAAAnB,GAAA,EAAA,MAAAmB,GAAA,EAAA,MAAAG,KAAA,IAAAzB,EAAA,KArBVyB;AAqBU"}

package/dist/chunks/DisclosurePanel CHANGED Viewed

@@ -3,7 +3,7 @@ import { useDisclosureTypographyContext as t } from "../components/Disclosure/co
 import { clsx as n } from "clsx";
 import { jsx as r } from "react/jsx-runtime";
 import { DisclosurePanel as i } from "react-aria-components";
-import '../assets/DisclosurePanel.css';//#region src/components/Disclosure/DisclosurePanel/disclosurePanel.module.css
+import '../assets/DisclosurePanel.css';// src/components/Disclosure/DisclosurePanel/disclosurePanel.module.css
 var a = e(), o = { panel: "_panel_sw5lb_2" }, s = (e) => {
 	let s = (0, a.c)(16), c, l, u, d;
 	s[0] === e ? (c = s[1], l = s[2], u = s[3], d = s[4]) : ({className: l, children: c, panelTypography: u, ...d} = e, s[0] = e, s[1] = c, s[2] = l, s[3] = u, s[4] = d);
@@ -20,7 +20,6 @@ var a = e(), o = { panel: "_panel_sw5lb_2" }, s = (e) => {
 		children: h
 	}), s[12] = d, s[13] = m, s[14] = h, s[15] = g) : g = s[15], g;
 };
-//#endregion
 export { s as t };
 //# sourceMappingURL=DisclosurePanel.map

package/dist/chunks/DisclosurePanel.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DisclosurePanel","names":["children","DisclosurePanel","_c","styles","AriaDisclosurePanel","require_compiler_runtime","import_compiler_runtime","disclosurePanel_module_default","DisclosurePanel$1","$","children","className","panelTypography","props","t0","t1","useDisclosureTypographyContext","t2","panel","clsx","renderProps","t3","t4","DisclosurePanel"],"sources":["../../src/components/Disclosure/DisclosurePanel/disclosurePanel.module.css","../../src/components/Disclosure/DisclosurePanel/DisclosurePanel.tsx"],"sourcesContent":["@layer adgytec.comps {\n .panel {\n height: var(--disclosure-panel-height);\n\n transition: height var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n overflow: clip;\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n > div {\n padding-block-start: var(--spacing);\n }\n }\n}\n","import { clsx } from \"clsx\";\nimport { DisclosurePanel as AriaDisclosurePanel } from \"react-aria-components\";\nimport type { Typography } from \"@/utils\";\nimport { useDisclosureTypographyContext } from \"../context\";\nimport styles from \"./disclosurePanel.module.css\";\n\n/*\n Props for the {@link DisclosurePanel} component.\n * Extends React Aria's {@link AriaDisclosurePanel} props.\n /\nexport interface DisclosurePanelProps\n extends React.ComponentPropsWithRef<typeof AriaDisclosurePanel> {\n /\n Custom typography style for the disclosure panel content.\n * Overrides the default or group-level typography.\n \n @default typography.bodyLarge\n /\n panelTypography?: Typography;\n}\n\n/\n The collapsible content container displayed when a {@link Disclosure} is expanded.\n \n Automatically manages visibility, smooth collapse/expand layout transitions,\n * and inherited or customized typography.\n \n @example\n * ```tsx\n * import { Disclosure, DisclosureHeader, DisclosurePanel, typography } from '@adgytec/web-ui-components';\n \n <Disclosure>\n * <DisclosureHeader>FAQ Question</DisclosureHeader>\n * <DisclosurePanel panelTypography={typography.bodyMedium}>\n * Answer text explaining details in depth.\n * </DisclosurePanel>\n * </Disclosure>\n * ```\n */\nexport const DisclosurePanel: React.FC<DisclosurePanelProps> = ({\n className,\n children,\n panelTypography,\n ...props\n}) => {\n const { panel } = useDisclosureTypographyContext({\n panel: panelTypography,\n });\n\n return (\n <AriaDisclosurePanel\n className={(renderProps) =>\n clsx(\n styles[\"panel\"],\n panel,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n >\n <div>{children}</div>\n </AriaDisclosurePanel>\n );\n};\n"],"mappings":";;;;;;8CCuCaC,KAAkD,MAAA;CAAA,IAAAQ,KAAA,GAAAP,EAAAA,EAAAA,CAAA,EAAA,GAAAQ,GAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAK9D,IAAAL,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAL+D,gDAAA,GAAAI,KAAAC,GAK/D,EAAA,KAAAA,GAAA,EAAA,KAAAJ,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAN,EAAA,OAAAG,IAGI,IAAAH,EAAA,MAFgD,IAAA,EAAA,OACtCG,EACX,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAFD,IAAA,EAAA,aAAkBC,EAA+BD,CAEhD,GAAEE;CAAA,AAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAS,KAIgB,KAAA,MACPC,EACIhB,EAAM,OACNe,GACA,OAAOP,KAAc,aACfA,EAAUS,CACF,IAFdT,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAO,GAAA,EAAA,KAAAD,KAAA,IAAAR,EAAA;CAAA,IAAAY;CAAA,AAAAZ,EAAA,QAAAC,IAIgB,IAAAD,EAAA,OAArB,IAAA,kBAAA,OAAA,EAAM,YAAe,CAAA,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAW;CAAA,IAAAC;CACH,OADGb,EAAA,QAAAI,KAAAJ,EAAA,QAAAQ,KAAAR,EAAA,QAAAY,KAZzB,IAAA,kBAACjB,GAAD;EACe,WAAAa;EAON,GAEDJ;EAEJ,UAAAQ;CAZgB,CAAA,GAaE,EAAA,MAAAR,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAC,KAAA,IAAAb,EAAA,KAbtBa;AAasB"}
1	+ {"version":3,"file":"DisclosurePanel","names":["children","DisclosurePanel","_c","styles","AriaDisclosurePanel","require_compiler_runtime","import_compiler_runtime","disclosurePanel_module_default","DisclosurePanel$1","$","children","className","panelTypography","props","t0","t1","useDisclosureTypographyContext","t2","panel","clsx","renderProps","t3","t4","DisclosurePanel"],"sources":["../../src/components/Disclosure/DisclosurePanel/disclosurePanel.module.css","../../src/components/Disclosure/DisclosurePanel/DisclosurePanel.tsx"],"sourcesContent":["@layer adgytec.comps {\n .panel {\n height: var(--disclosure-panel-height);\n\n transition: height var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n overflow: clip;\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n > div {\n padding-block-start: var(--spacing);\n }\n }\n}\n","import { clsx } from \"clsx\";\nimport { DisclosurePanel as AriaDisclosurePanel } from \"react-aria-components\";\nimport type { Typography } from \"@/utils\";\nimport { useDisclosureTypographyContext } from \"../context\";\nimport styles from \"./disclosurePanel.module.css\";\n\n/*\n Props for the {@link DisclosurePanel} component.\n * Extends React Aria's {@link AriaDisclosurePanel} props.\n /\nexport interface DisclosurePanelProps\n extends React.ComponentPropsWithRef<typeof AriaDisclosurePanel> {\n /\n Custom typography style for the disclosure panel content.\n * Overrides the default or group-level typography.\n \n @default typography.bodyLarge\n /\n panelTypography?: Typography;\n}\n\n/\n The collapsible content container displayed when a {@link Disclosure} is expanded.\n \n Automatically manages visibility, smooth collapse/expand layout transitions,\n * and inherited or customized typography.\n \n @example\n * ```tsx\n * import { Disclosure, DisclosureHeader, DisclosurePanel, typography } from '@adgytec/web-ui-components';\n \n <Disclosure>\n * <DisclosureHeader>FAQ Question</DisclosureHeader>\n * <DisclosurePanel panelTypography={typography.bodyMedium}>\n * Answer text explaining details in depth.\n * </DisclosurePanel>\n * </Disclosure>\n * ```\n */\nexport const DisclosurePanel: React.FC<DisclosurePanelProps> = ({\n className,\n children,\n panelTypography,\n ...props\n}) => {\n const { panel } = useDisclosureTypographyContext({\n panel: panelTypography,\n });\n\n return (\n <AriaDisclosurePanel\n className={(renderProps) =>\n clsx(\n styles[\"panel\"],\n panel,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n >\n <div>{children}</div>\n </AriaDisclosurePanel>\n );\n};\n"],"mappings":";;;;;;A,8CCuCaC,KAAkD,MAAA;CAAA,IAAAQ,KAAA,GAAAP,EAAAA,EAAAA,CAAA,EAAA,GAAAQ,GAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAK9D,IAAAL,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAL+D,gDAAA,GAAAI,KAAAC,GAK/D,EAAA,KAAAA,GAAA,EAAA,KAAAJ,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAN,EAAA,OAAAG,IAGI,IAAAH,EAAA,MAFgD,IAAA,EAAA,OACtCG,EACX,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAFD,IAAA,EAAA,aAAkBC,EAA+BD,CAEhD,GAAEE;CAAA,AAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAS,KAIgB,KAAA,MACPC,EACIhB,EAAM,OACNe,GACA,OAAOP,KAAc,aACfA,EAAUS,CACF,IAFdT,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAO,GAAA,EAAA,KAAAD,KAAA,IAAAR,EAAA;CAAA,IAAAY;CAAA,AAAAZ,EAAA,QAAAC,IAIgB,IAAAD,EAAA,OAArB,IAAA,kBAAA,OAAA,EAAM,YAAe,CAAA,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAW;CAAA,IAAAC;CACH,OADGb,EAAA,QAAAI,KAAAJ,EAAA,QAAAQ,KAAAR,EAAA,QAAAY,KAZzB,IAAA,kBAACjB,GAAD;EACe,WAAAa;EAON,GAEDJ;EAEJ,UAAAQ;CAZgB,CAAA,GAaE,EAAA,MAAAR,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAC,KAAA,IAAAb,EAAA,KAbtBa;AAasB"}

package/dist/chunks/Divider CHANGED Viewed

@@ -2,7 +2,7 @@ import { t as e } from "./compiler-runtime";
 import { clsx as t } from "clsx";
 import { jsx as n } from "react/jsx-runtime";
 import { Separator as r } from "react-aria-components";
-import '../assets/Divider.css';//#region src/components/Divider/divider.module.css
+import '../assets/Divider.css';// src/components/Divider/divider.module.css
 var i = e(), a = { divider: "_divider_1sn33_8" }, o = (e) => {
 	let o = (0, i.c)(8), s, c;
 	o[0] === e ? (s = o[1], c = o[2]) : ({className: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
@@ -15,7 +15,6 @@ var i = e(), a = { divider: "_divider_1sn33_8" }, o = (e) => {
 		"data-divider": !0
 	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
 };
-//#endregion
 export { o as t };
 //# sourceMappingURL=Divider.map

package/dist/chunks/Divider.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider","names":["_c","styles","require_compiler_runtime","import_compiler_runtime","divider_module_default","Divider","$","className","props","t0","t1","clsx","t2","Separator"],"sources":["../../src/components/Divider/divider.module.css","../../src/components/Divider/Divider.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-divider-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .divider {\n --_thickness: calc(1 var(--dp, 1px));\n --_color: var(--md-divider-color, var(--md-sys-color-outline-variant));\n\n background-color: rgb(\n from var(--_color) r g b /\n var(--md-sys-state-divider)\n );\n\n inline-size: 100%;\n block-size: var(--_thickness);\n min-block-size: var(--_thickness);\n\n border: none;\n margin: 0;\n\n &[aria-orientation=\"vertical\"] {\n block-size: 100%;\n\n inline-size: var(--_thickness);\n min-inline-size: var(--_thickness);\n }\n }\n}\n","import { clsx } from \"clsx\";\nimport { Separator } from \"react-aria-components\";\nimport styles from \"./divider.module.css\";\n\n/*\n Props for the {@link Divider} component.\n * Extends React Aria's {@link Separator} props, supporting orientation (`\"horizontal\"` or `\"vertical\"`),\n * element tag selection (`elementType`), and standard HTML attributes.\n /\nexport interface DividerProps\n extends React.ComponentPropsWithRef<typeof Separator> {}\n\n/\n A thin horizontal or vertical line component implementing Material Design 3 Divider guidelines.\n \n Dividers separate, group, and structure content within lists and layouts. Built on top of\n * React Aria's {@link Separator}, it ensures correct accessibility roles (`role=\"separator\"`,\n * `aria-orientation`) and adapts dynamically to configurable CSS tokens (`--md-divider-color`).\n \n @example\n * ```tsx\n * import { Divider } from '@adgytec/web-ui-components';\n \n // Standard horizontal divider\n * <Divider />\n \n // Vertical separator between inline elements\n * <div style={{ display: 'flex', height: '24px', alignItems: 'center' }}>\n * <span>Left Item</span>\n * <Divider orientation=\"vertical\" />\n * <span>Right Item</span>\n * </div>\n * ```\n */\nexport const Divider: React.FC<DividerProps> = ({ className, ...props }) => {\n return (\n <Separator\n className={clsx(styles[\"divider\"], className)}\n {...props}\n data-divider\n />\n );\n};\n"],"mappings":";;;;;kDCkCaK,KAAkC,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAAO,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAGd,IAAAD,EAAA,MAAlC,IAAAK,EAAKV,EAAM,SAAaM,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAG/C,OAH+CN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KADjD,IAAA,kBAACG,GAAD;EACe,WAAAH;EAAkC,GACzCF;EACJ,gBAAA;CAAY,CAAA,GACd,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAJFM;AAIE"}
1	+ {"version":3,"file":"Divider","names":["_c","styles","require_compiler_runtime","import_compiler_runtime","divider_module_default","Divider","$","className","props","t0","t1","clsx","t2","Separator"],"sources":["../../src/components/Divider/divider.module.css","../../src/components/Divider/Divider.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-divider-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .divider {\n --_thickness: calc(1 var(--dp, 1px));\n --_color: var(--md-divider-color, var(--md-sys-color-outline-variant));\n\n background-color: rgb(\n from var(--_color) r g b /\n var(--md-sys-state-divider)\n );\n\n inline-size: 100%;\n block-size: var(--_thickness);\n min-block-size: var(--_thickness);\n\n border: none;\n margin: 0;\n\n &[aria-orientation=\"vertical\"] {\n block-size: 100%;\n\n inline-size: var(--_thickness);\n min-inline-size: var(--_thickness);\n }\n }\n}\n","import { clsx } from \"clsx\";\nimport { Separator } from \"react-aria-components\";\nimport styles from \"./divider.module.css\";\n\n/*\n Props for the {@link Divider} component.\n * Extends React Aria's {@link Separator} props, supporting orientation (`\"horizontal\"` or `\"vertical\"`),\n * element tag selection (`elementType`), and standard HTML attributes.\n /\nexport interface DividerProps\n extends React.ComponentPropsWithRef<typeof Separator> {}\n\n/\n A thin horizontal or vertical line component implementing Material Design 3 Divider guidelines.\n \n Dividers separate, group, and structure content within lists and layouts. Built on top of\n * React Aria's {@link Separator}, it ensures correct accessibility roles (`role=\"separator\"`,\n * `aria-orientation`) and adapts dynamically to configurable CSS tokens (`--md-divider-color`).\n \n @example\n * ```tsx\n * import { Divider } from '@adgytec/web-ui-components';\n \n // Standard horizontal divider\n * <Divider />\n \n // Vertical separator between inline elements\n * <div style={{ display: 'flex', height: '24px', alignItems: 'center' }}>\n * <span>Left Item</span>\n * <Divider orientation=\"vertical\" />\n * <span>Right Item</span>\n * </div>\n * ```\n */\nexport const Divider: React.FC<DividerProps> = ({ className, ...props }) => {\n return (\n <Separator\n className={clsx(styles[\"divider\"], className)}\n {...props}\n data-divider\n />\n );\n};\n"],"mappings":";;;;;A,kDCkCaK,KAAkC,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAAO,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAGd,IAAAD,EAAA,MAAlC,IAAAK,EAAKV,EAAM,SAAaM,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAG/C,OAH+CN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KADjD,IAAA,kBAACG,GAAD;EACe,WAAAH;EAAkC,GACzCF;EACJ,gBAAA;CAAY,CAAA,GACd,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAJFM;AAIE"}

package/dist/chunks/FieldError CHANGED Viewed

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

package/dist/chunks/FieldError.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldError","names":["FieldError","_c","styles","AriaFieldError","require_compiler_runtime","import_compiler_runtime","fieldError_module_default","FieldError$1","$","className","props","t0","t1","clsx","typography","renderProps","t2","FieldError"],"sources":["../../src/components/Input/FieldError/fieldError.module.css","../../src/components/Input/FieldError/FieldError.tsx"],"sourcesContent":["@layer adgytec.comps {\n .error {\n color: var(--md-sys-color-error);\n }\n}\n","import { clsx } from \"clsx\";\nimport { FieldError as AriaFieldError } from \"react-aria-components\";\nimport { typography } from \"@/utils/typography\";\nimport styles from \"./fieldError.module.css\";\n\n/*\n Props for the {@link FieldError} component.\n * Extends React Aria's {@link AriaFieldError} props.\n /\nexport interface FieldErrorProps\n extends React.ComponentPropsWithRef<typeof AriaFieldError> {}\n\n/\n Renders error messages when an input component fails validation.\n \n Automatically displays validation feedback according to Material Design 3 error styles.\n */\nexport const FieldError: React.FC<FieldErrorProps> = ({\n className,\n ...props\n}) => {\n return (\n <AriaFieldError\n className={(renderProps) =>\n clsx(\n styles[\"error\"],\n typography.labelMedium,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;8CCiBaA,KAAwC,MAAA;CAAA,IAAAQ,KAAA,GAAAP,EAAAA,EAAAA,CAAA,CAAA,GAAAQ,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGpD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHqD,eAAA,GAAAE,KAAAC,GAGrD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAUgB,IAAAD,EAAA,MAPM,KAAA,MACPK,EACIX,EAAM,OACNY,EAAU,aACV,OAAOL,KAAc,aACfA,EAAUM,CACF,IAFdN,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAI;CAGP,OAHOR,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KART,IAAA,kBAACT,GAAD;EACe,WAAAS;EAON,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAI,KAAA,IAAAR,EAAA,IAXFQ;AAWE"}
1	+ {"version":3,"file":"FieldError","names":["FieldError","_c","styles","AriaFieldError","require_compiler_runtime","import_compiler_runtime","fieldError_module_default","FieldError$1","$","className","props","t0","t1","clsx","typography","renderProps","t2","FieldError"],"sources":["../../src/components/Input/FieldError/fieldError.module.css","../../src/components/Input/FieldError/FieldError.tsx"],"sourcesContent":["@layer adgytec.comps {\n .error {\n color: var(--md-sys-color-error);\n }\n}\n","import { clsx } from \"clsx\";\nimport { FieldError as AriaFieldError } from \"react-aria-components\";\nimport { typography } from \"@/utils/typography\";\nimport styles from \"./fieldError.module.css\";\n\n/*\n Props for the {@link FieldError} component.\n * Extends React Aria's {@link AriaFieldError} props.\n /\nexport interface FieldErrorProps\n extends React.ComponentPropsWithRef<typeof AriaFieldError> {}\n\n/\n Renders error messages when an input component fails validation.\n \n Automatically displays validation feedback according to Material Design 3 error styles.\n */\nexport const FieldError: React.FC<FieldErrorProps> = ({\n className,\n ...props\n}) => {\n return (\n <AriaFieldError\n className={(renderProps) =>\n clsx(\n styles[\"error\"],\n typography.labelMedium,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;A,8CCiBaA,KAAwC,MAAA;CAAA,IAAAQ,KAAA,GAAAP,EAAAA,EAAAA,CAAA,CAAA,GAAAQ,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGpD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHqD,eAAA,GAAAE,KAAAC,GAGrD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAUgB,IAAAD,EAAA,MAPM,KAAA,MACPK,EACIX,EAAM,OACNY,EAAU,aACV,OAAOL,KAAc,aACfA,EAAUM,CACF,IAFdN,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAI;CAGP,OAHOR,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KART,IAAA,kBAACT,GAAD;EACe,WAAAS;EAON,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAI,KAAA,IAAAR,EAAA,IAXFQ;AAWE"}

package/dist/chunks/GridBackgroundDecorator CHANGED Viewed

@@ -10,7 +10,6 @@ import '../assets/GridBackgroundDecorator.css';var n = { container: "_container_
 		...a
 	}
 });
-//#endregion
 export { r as t };
 //# sourceMappingURL=GridBackgroundDecorator.map

package/dist/chunks/GridBackgroundDecorator.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GridBackgroundDecorator","names":["clsx","styles","clsx$1","gridBackgroundDecorator_module_default","GridBackgroundDecorator","\"container\"","className","variant","gridSize","style"],"sources":["../../src/components/Decorators/GridBackgroundDecorator/gridBackgroundDecorator.module.css","../../src/components/Decorators/GridBackgroundDecorator/GridBackgroundDecorator.tsx"],"sourcesContent":["@layer adgytec.comps {\n .container {\n position: fixed;\n inset: 0;\n pointer-events: none;\n background-size: var(--grid-size, 40px) var(--grid-size, 40px);\n mask-image: radial-gradient(\n circle at center,\n black 40%,\n transparent 85%\n );\n -webkit-mask-image: radial-gradient(\n circle at center,\n black 40%,\n transparent 85%\n );\n\n &[data-variant=\"lines\"] {\n background-image:\n linear-gradient(\n to right,\n color-mix(\n in srgb,\n var(--md-sys-color-on-surface) 4%,\n transparent\n )\n 1px,\n transparent 1px\n ),\n linear-gradient(\n to bottom,\n color-mix(\n in srgb,\n var(--md-sys-color-on-surface) 4%,\n transparent\n )\n 1px,\n transparent 1px\n );\n }\n\n &[data-variant=\"dots\"] {\n background-image: radial-gradient(\n color-mix(\n in srgb,\n var(--md-sys-color-on-surface) 10%,\n transparent\n )\n 1.5px,\n transparent 1.5px\n );\n }\n }\n}\n","import clsx from \"clsx\";\nimport type React from \"react\";\nimport styles from \"./gridBackgroundDecorator.module.css\";\n\n/*\n Visual pattern variants for the {@link GridBackgroundDecorator} component.\n \n - `\"lines\"`: Structured intersecting line grid pattern (default).\n * - `\"dots\"`: Subtle dotted matrix pattern.\n /\nexport type GridBackgroundDecoratorVariant = \"lines\" \| \"dots\";\n\n/\n Props for the {@link GridBackgroundDecorator} component.\n /\nexport interface GridBackgroundDecoratorProps {\n /\n Z-index layer depth for the decorator container.\n \n @default 0\n /\n zIndex?: number;\n\n /* Additional CSS class names to apply to the decorator container. /\n className?: string;\n\n /* Custom inline styles to apply to the decorator container. /\n style?: React.CSSProperties;\n\n /\n Grid cell spacing size in pixels.\n \n @default 40\n /\n gridSize?: number;\n\n /\n Visual grid style pattern.\n \n @default \"lines\"\n /\n variant?: GridBackgroundDecoratorVariant;\n}\n\n/\n A non-blocking background decorator that renders a structured grid of lines or dots.\n \n Spans the full page or parent container with `pointer-events: none` and `aria-hidden=\"true\"`\n * so it provides visual depth without interfering with pointer events or assistive technology.\n \n @example\n * ```tsx\n * import { GridBackgroundDecorator } from '@adgytec/web-ui-components';\n \n // Standard intersecting grid line pattern\n * <GridBackgroundDecorator variant=\"lines\" gridSize={40} />\n \n // Dot matrix grid pattern with custom z-index\n * <GridBackgroundDecorator variant=\"dots\" gridSize={24} zIndex={-5} />\n * ```\n */\nexport const GridBackgroundDecorator: React.FC<\n GridBackgroundDecoratorProps\n> = ({ zIndex = 0, className, style, gridSize = 40, variant = \"lines\" }) => {\n return (\n <div\n className={clsx(styles[\"container\"], className)}\n aria-hidden=\"true\"\n data-variant={variant}\n style={\n {\n zIndex,\n \"--grid-size\": `${gridSize}px`,\n ...style,\n } as React.CSSProperties\n }\n />\n );\n};\n"],"mappings":";;6CC6DaI,KAER,EAAE,YAAS,GAAG,cAAW,UAAO,cAAW,IAAI,aAAU,cAEtD,kBAAC,OAAD;CACI,WAAWJ,EAAKC,EAAOI,WAAcC,CAAS;CAC9C,eAAY;CACZ,gBAAcC;CACd,OACI;EACI;EACA,eAAe,GAAGC,EAAQ;EAC1B,GAAGC;CACP;AACH,CAAA"}
1	+ {"version":3,"file":"GridBackgroundDecorator","names":["clsx","styles","clsx$1","gridBackgroundDecorator_module_default","GridBackgroundDecorator","\"container\"","className","variant","gridSize","style"],"sources":["../../src/components/Decorators/GridBackgroundDecorator/gridBackgroundDecorator.module.css","../../src/components/Decorators/GridBackgroundDecorator/GridBackgroundDecorator.tsx"],"sourcesContent":["@layer adgytec.comps {\n .container {\n position: fixed;\n inset: 0;\n pointer-events: none;\n background-size: var(--grid-size, 40px) var(--grid-size, 40px);\n mask-image: radial-gradient(\n circle at center,\n black 40%,\n transparent 85%\n );\n -webkit-mask-image: radial-gradient(\n circle at center,\n black 40%,\n transparent 85%\n );\n\n &[data-variant=\"lines\"] {\n background-image:\n linear-gradient(\n to right,\n color-mix(\n in srgb,\n var(--md-sys-color-on-surface) 4%,\n transparent\n )\n 1px,\n transparent 1px\n ),\n linear-gradient(\n to bottom,\n color-mix(\n in srgb,\n var(--md-sys-color-on-surface) 4%,\n transparent\n )\n 1px,\n transparent 1px\n );\n }\n\n &[data-variant=\"dots\"] {\n background-image: radial-gradient(\n color-mix(\n in srgb,\n var(--md-sys-color-on-surface) 10%,\n transparent\n )\n 1.5px,\n transparent 1.5px\n );\n }\n }\n}\n","import clsx from \"clsx\";\nimport type React from \"react\";\nimport styles from \"./gridBackgroundDecorator.module.css\";\n\n/*\n Visual pattern variants for the {@link GridBackgroundDecorator} component.\n \n - `\"lines\"`: Structured intersecting line grid pattern (default).\n * - `\"dots\"`: Subtle dotted matrix pattern.\n /\nexport type GridBackgroundDecoratorVariant = \"lines\" \| \"dots\";\n\n/\n Props for the {@link GridBackgroundDecorator} component.\n /\nexport interface GridBackgroundDecoratorProps {\n /\n Z-index layer depth for the decorator container.\n \n @default 0\n /\n zIndex?: number;\n\n /* Additional CSS class names to apply to the decorator container. /\n className?: string;\n\n /* Custom inline styles to apply to the decorator container. /\n style?: React.CSSProperties;\n\n /\n Grid cell spacing size in pixels.\n \n @default 40\n /\n gridSize?: number;\n\n /\n Visual grid style pattern.\n \n @default \"lines\"\n /\n variant?: GridBackgroundDecoratorVariant;\n}\n\n/\n A non-blocking background decorator that renders a structured grid of lines or dots.\n \n Spans the full page or parent container with `pointer-events: none` and `aria-hidden=\"true\"`\n * so it provides visual depth without interfering with pointer events or assistive technology.\n \n @example\n * ```tsx\n * import { GridBackgroundDecorator } from '@adgytec/web-ui-components';\n \n // Standard intersecting grid line pattern\n * <GridBackgroundDecorator variant=\"lines\" gridSize={40} />\n \n // Dot matrix grid pattern with custom z-index\n * <GridBackgroundDecorator variant=\"dots\" gridSize={24} zIndex={-5} />\n * ```\n */\nexport const GridBackgroundDecorator: React.FC<\n GridBackgroundDecoratorProps\n> = ({ zIndex = 0, className, style, gridSize = 40, variant = \"lines\" }) => {\n return (\n <div\n className={clsx(styles[\"container\"], className)}\n aria-hidden=\"true\"\n data-variant={variant}\n style={\n {\n zIndex,\n \"--grid-size\": `${gridSize}px`,\n ...style,\n } as React.CSSProperties\n }\n />\n );\n};\n"],"mappings":";;A,6CC6DaI,KAER,EAAE,YAAS,GAAG,cAAW,UAAO,cAAW,IAAI,aAAU,cAEtD,kBAAC,OAAD;CACI,WAAWJ,EAAKC,EAAOI,WAAcC,CAAS;CAC9C,eAAY;CACZ,gBAAcC;CACd,OACI;EACI;EACA,eAAe,GAAGC,EAAQ;EAC1B,GAAGC;CACP;AACH,CAAA"}

package/dist/chunks/Icon CHANGED Viewed

@@ -1,7 +1,7 @@
 import { t as e } from "./compiler-runtime";
 import t from "clsx";
 import { jsx as n } from "react/jsx-runtime";
-import '../assets/Icon.css';//#region src/components/Icon/icon.module.css
+import '../assets/Icon.css';// src/components/Icon/icon.module.css
 var r = e(), i = {
 	icon: "_icon_ozzt2_2",
 	"with-text": "_with-text_ozzt2_7",
@@ -25,7 +25,6 @@ var r = e(), i = {
 		...c
 	}), a[11] = o, a[12] = c, a[13] = g, a[14] = _, a[15] = v) : v = a[15], v;
 };
-//#endregion
 export { a as t };
 //# sourceMappingURL=Icon.map

package/dist/chunks/Icon.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon","names":["_c","styles","clsx","require_compiler_runtime","clsx$1","import_compiler_runtime","icon_module_default","Icon","$","className","props","size","withText","t0","sizeInNum","shouldAddSizeClasses","shouldAddSizeProp","t1","t2","t3","t4","t5"],"sources":["../../src/components/Icon/icon.module.css","../../src/components/Icon/Icon.tsx"],"sourcesContent":["@layer adgytec.comps {\n .icon {\n width: var(--_icon-size);\n height: var(--_icon-size);\n }\n\n .with-text {\n width: 1em;\n height: 1em;\n }\n\n /* size /\n .dense {\n --_icon-size: var(--md-sys-icon-dense);\n }\n\n .standard {\n --_icon-size: var(--md-sys-icon-standard);\n }\n\n .medium {\n --_icon-size: var(--md-sys-icon-medium);\n }\n\n .large {\n --_icon-size: var(--md-sys-icon-large);\n }\n\n .extra-large {\n --_icon-size: var(--md-sys-icon-extra-large);\n }\n}\n","// icons with typography ref\n// https://m3.material.io/styles/icons/applying-icons#f9db4adc-ca78-473f-85eb-a351b73c39ac\n\nimport clsx from \"clsx\";\nimport styles from \"./icon.module.css\";\nimport type { IconProps } from \"./types\";\n\n/\n A standardized icon wrapper component implementing Material Design 3 icon sizing guidelines.\n \n Wraps `lucide-react` icons to enforce consistent sizing via predefined size tokens\n * (`\"dense\"`, `\"standard\"`, `\"medium\"`, `\"large\"`, `\"extra-large\"`), custom numeric pixel values,\n * or proportional `1em` inline text scaling via `withText`.\n \n @see https://m3.material.io/styles/icons/applying-icons\n \n @example\n * ```tsx\n * import { Icon } from '@adgytec/web-ui-components';\n * import { Settings, AlertTriangle } from 'lucide-react';\n \n // Standard 24px icon (default)\n * <Icon icon={Settings} />\n \n // Large preset icon\n * <Icon icon={Settings} size=\"large\" />\n \n // Explicit numeric pixel dimension\n * <Icon icon={AlertTriangle} size={36} />\n \n // Inline with typography (scales to 1em)\n * <h2>\n * <Icon icon={Settings} withText /> Account Settings\n * </h2>\n * ```\n */\nexport const Icon: React.FC<IconProps> = ({\n size,\n withText,\n icon: Icon,\n className,\n ...props\n}) => {\n if (process.env.NODE_ENV !== \"production\") {\n if (withText && typeof size !== \"undefined\") {\n console.warn(\"Icon: 'size' is ignored when 'withText' is true.\");\n }\n }\n\n const sizeInNum = typeof size === \"number\";\n\n const shouldAddSizeClasses = !withText && !sizeInNum;\n const shouldAddSizeProp = !withText && sizeInNum;\n return (\n <Icon\n className={clsx(\n withText && styles[\"with-text\"],\n {\n [styles[\"icon\"]]: shouldAddSizeClasses,\n [styles[size ?? \"standard\"]]: shouldAddSizeClasses,\n },\n className\n )}\n size={shouldAddSizeProp ? size : undefined}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;;;;;;;GCoCaO,KAA4B,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,EAAA,GAAAO,GAAAE,GAAAC,GAAAC,GAAAC;CAOrC,AAPqCJ,EAAA,OAAAK,KAMxC,IAAAL,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OANyC,uBAAA,MAAAD,iBAAA,GAAAG,KAAAG,GAMzC,EAAA,KAAAA,GAAA,EAAA,KAAAN,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,IACG,QAAA,IAAA,aAA6B,gBACrBA,KAAmBD,MAAS,UAC5B,QAAO,KAAM,kDAAkD;CAIvE,IAAAG,IAAkB,OAAOH,KAAS,UAElCI,IAA6B,CAACH,KAAD,CAAcE,GAC3CE,IAA0B,CAACJ,KAADE,GAIdG,IAAAL,KAAYX,EAAO,cAGdiB,IAAAjB,EAAOU,KAAA,aAAmBQ;CAAA,AAAAX,EAAA,OAAAC,KAAAD,EAAA,OAAAO,KAAAP,EAAA,OAAAS,KAAAT,EAAA,OAAAU,KAJxB,IAAAhB,EACPe,GACA;GACKhB,EAAM,OAAWc;GACjBG,IAA6BH;CAClC,GACAN,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAM,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAC,GAAA,EAAA,MAAAC,KAAA,IAAAX,EAAA;CACK,IAAAY,IAAAJ,IAAAL,IAAA,KAAA,GAAoCU;CAE5C,OAF4Cb,EAAA,QAAAD,KAAAC,EAAA,QAAAE,KAAAF,EAAA,QAAAW,KAAAX,EAAA,QAAAY,KAT9C,IAAA,kBAACb,GAAD;EACe,WAAAY;EAQL,MAAAC;EAAoC,GACtCV;CAAK,CAAA,GACX,EAAA,MAAAH,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAS,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAC,KAAA,IAAAb,EAAA,KAXFa;AAWE"}
1	+ {"version":3,"file":"Icon","names":["_c","styles","clsx","require_compiler_runtime","clsx$1","import_compiler_runtime","icon_module_default","Icon","$","className","props","size","withText","t0","sizeInNum","shouldAddSizeClasses","shouldAddSizeProp","t1","t2","t3","t4","t5"],"sources":["../../src/components/Icon/icon.module.css","../../src/components/Icon/Icon.tsx"],"sourcesContent":["@layer adgytec.comps {\n .icon {\n width: var(--_icon-size);\n height: var(--_icon-size);\n }\n\n .with-text {\n width: 1em;\n height: 1em;\n }\n\n /* size /\n .dense {\n --_icon-size: var(--md-sys-icon-dense);\n }\n\n .standard {\n --_icon-size: var(--md-sys-icon-standard);\n }\n\n .medium {\n --_icon-size: var(--md-sys-icon-medium);\n }\n\n .large {\n --_icon-size: var(--md-sys-icon-large);\n }\n\n .extra-large {\n --_icon-size: var(--md-sys-icon-extra-large);\n }\n}\n","// icons with typography ref\n// https://m3.material.io/styles/icons/applying-icons#f9db4adc-ca78-473f-85eb-a351b73c39ac\n\nimport clsx from \"clsx\";\nimport styles from \"./icon.module.css\";\nimport type { IconProps } from \"./types\";\n\n/\n A standardized icon wrapper component implementing Material Design 3 icon sizing guidelines.\n \n Wraps `lucide-react` icons to enforce consistent sizing via predefined size tokens\n * (`\"dense\"`, `\"standard\"`, `\"medium\"`, `\"large\"`, `\"extra-large\"`), custom numeric pixel values,\n * or proportional `1em` inline text scaling via `withText`.\n \n @see https://m3.material.io/styles/icons/applying-icons\n \n @example\n * ```tsx\n * import { Icon } from '@adgytec/web-ui-components';\n * import { Settings, AlertTriangle } from 'lucide-react';\n \n // Standard 24px icon (default)\n * <Icon icon={Settings} />\n \n // Large preset icon\n * <Icon icon={Settings} size=\"large\" />\n \n // Explicit numeric pixel dimension\n * <Icon icon={AlertTriangle} size={36} />\n \n // Inline with typography (scales to 1em)\n * <h2>\n * <Icon icon={Settings} withText /> Account Settings\n * </h2>\n * ```\n */\nexport const Icon: React.FC<IconProps> = ({\n size,\n withText,\n icon: Icon,\n className,\n ...props\n}) => {\n if (process.env.NODE_ENV !== \"production\") {\n if (withText && typeof size !== \"undefined\") {\n console.warn(\"Icon: 'size' is ignored when 'withText' is true.\");\n }\n }\n\n const sizeInNum = typeof size === \"number\";\n\n const shouldAddSizeClasses = !withText && !sizeInNum;\n const shouldAddSizeProp = !withText && sizeInNum;\n return (\n <Icon\n className={clsx(\n withText && styles[\"with-text\"],\n {\n [styles[\"icon\"]]: shouldAddSizeClasses,\n [styles[size ?? \"standard\"]]: shouldAddSizeClasses,\n },\n className\n )}\n size={shouldAddSizeProp ? size : undefined}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;;;;;;;A,GCoCaO,KAA4B,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,EAAA,GAAAO,GAAAE,GAAAC,GAAAC,GAAAC;CAOrC,AAPqCJ,EAAA,OAAAK,KAMxC,IAAAL,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OANyC,uBAAA,MAAAD,iBAAA,GAAAG,KAAAG,GAMzC,EAAA,KAAAA,GAAA,EAAA,KAAAN,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,IACG,QAAA,IAAA,aAA6B,gBACrBA,KAAmBD,MAAS,UAC5B,QAAO,KAAM,kDAAkD;CAIvE,IAAAG,IAAkB,OAAOH,KAAS,UAElCI,IAA6B,CAACH,KAAD,CAAcE,GAC3CE,IAA0B,CAACJ,KAADE,GAIdG,IAAAL,KAAYX,EAAO,cAGdiB,IAAAjB,EAAOU,KAAA,aAAmBQ;CAAA,AAAAX,EAAA,OAAAC,KAAAD,EAAA,OAAAO,KAAAP,EAAA,OAAAS,KAAAT,EAAA,OAAAU,KAJxB,IAAAhB,EACPe,GACA;GACKhB,EAAM,OAAWc;GACjBG,IAA6BH;CAClC,GACAN,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAM,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAC,GAAA,EAAA,MAAAC,KAAA,IAAAX,EAAA;CACK,IAAAY,IAAAJ,IAAAL,IAAA,KAAA,GAAoCU;CAE5C,OAF4Cb,EAAA,QAAAD,KAAAC,EAAA,QAAAE,KAAAF,EAAA,QAAAW,KAAAX,EAAA,QAAAY,KAT9C,IAAA,kBAACb,GAAD;EACe,WAAAY;EAQL,MAAAC;EAAoC,GACtCV;CAAK,CAAA,GACX,EAAA,MAAAH,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAS,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAC,KAAA,IAAAb,EAAA,KAXFa;AAWE"}

package/dist/chunks/Input CHANGED Viewed

@@ -7,86 +7,75 @@ import { Label as a } from "../components/Input/Label/index.js";
 import o from "clsx";
 import { createContext as s, useContext as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Checkbox as f, CheckboxGroup as p } from "react-aria-components";
-import '../assets/Input.css';//#region src/components/Input/Checkbox/checkbox.module.css
-var m = e(), h = {
-	"checkbox-group": "_checkbox-group_km0x5_16",
-	"checkbox-items": "_checkbox-items_km0x5_29",
-	checkbox: "_checkbox_km0x5_16",
-	"state-layer": "_state-layer_km0x5_167",
-	indicator: "_indicator_km0x5_187",
-	svg: "_svg_km0x5_296"
-}, g = s({}), _ = (e) => {
-	let r = (0, m.c)(17), i, a, s, p, _;
-	r[0] === e ? (i = r[1], a = r[2], s = r[3], p = r[4], _ = r[5]) : ({children: i, className: a, labelPlacement: p, containerStateLayer: s, ..._} = e, r[0] = e, r[1] = i, r[2] = a, r[3] = s, r[4] = p, r[5] = _);
-	let { labelPlacement: v, containerStateLayer: y } = c(g), b = p ?? v ?? "end", x = s ?? y ?? !1, S;
-	r[6] !== a || r[7] !== x ? (S = (e) => o(h.checkbox, x && h["state-layer"], n.labelLarge, typeof a == "function" ? a(e) : a), r[6] = a, r[7] = x, r[8] = S) : S = r[8];
-	let C;
-	r[9] !== i || r[10] !== b || r[11] !== x ? (C = (e) => {
-		let { isSelected: n, isHovered: r, isDisabled: a, isFocused: s, isFocusVisible: c, isPressed: f, isInvalid: p, isIndeterminate: m } = e, g = {
-			"data-selected": n || void 0,
-			"data-hovered": r || void 0,
-			"data-disabled": a || void 0,
-			"data-focused": s || void 0,
-			"data-focus-visible": c || void 0,
-			"data-pressed": f || void 0,
-			"data-invalid": p || void 0,
-			"data-indeterminate": m || void 0,
-			"data-show-state-layer": !x || void 0,
-			"data-filled": n || m || void 0
-		}, _ = typeof i == "function" ? i(e) : i;
-		return /* @__PURE__ */ d(l, { children: [
-			b === "start" && _,
-			/* @__PURE__ */ u("span", {
-				className: o(h.indicator, t),
-				...g,
-				children: /* @__PURE__ */ u("svg", {
-					viewBox: "0 0 18 18",
-					"aria-hidden": "true",
-					className: h.svg,
-					...g,
-					children: m ? /* @__PURE__ */ u("rect", {
-						x: 1,
-						y: 7.5,
-						width: 16,
-						height: 3
-					}) : /* @__PURE__ */ u("polyline", { points: "2 9 7 14 16 4" })
-				}, m ? "indeterminate" : "check")
-			}),
-			b === "end" && _
-		] });
-	}, r[9] = i, r[10] = b, r[11] = x, r[12] = C) : C = r[12];
-	let w;
-	return r[13] !== _ || r[14] !== S || r[15] !== C ? (w = /* @__PURE__ */ u(f, {
-		className: S,
-		..._,
+import { CheckboxButton as f, CheckboxField as p, CheckboxGroup as m } from "react-aria-components";
+import '../assets/Input.css';// src/components/Input/Checkbox/checkbox.module.css
+var h = e(), g = {
+	"checkbox-group": "_checkbox-group_1yleb_16",
+	checkbox: "_checkbox_1yleb_16",
+	indicator: "_indicator_1yleb_163",
+	svg: "_svg_1yleb_272"
+}, _ = s({}), v = (e) => {
+	let r = (0, h.c)(10), i, a, s;
+	r[0] === e ? (i = r[1], a = r[2], s = r[3]) : ({children: i, labelPlacement: a, ...s} = e, r[0] = e, r[1] = i, r[2] = a, r[3] = s);
+	let { labelPlacement: m } = c(_), v = a ?? m ?? "end", y;
+	r[4] !== i || r[5] !== v ? (y = (e) => {
+		let r = typeof i == "function" ? i(e) : i;
+		return /* @__PURE__ */ u(f, {
+			className: o(g.checkbox, n.labelLarge),
+			children: (e) => {
+				let { isSelected: n, isHovered: i, isDisabled: a, isFocused: s, isFocusVisible: c, isPressed: f, isInvalid: p, isIndeterminate: m } = e, h = {
+					"data-selected": n || void 0,
+					"data-hovered": i || void 0,
+					"data-disabled": a || void 0,
+					"data-focused": s || void 0,
+					"data-focus-visible": c || void 0,
+					"data-pressed": f || void 0,
+					"data-invalid": p || void 0,
+					"data-indeterminate": m || void 0,
+					"data-filled": n || m || void 0
+				};
+				return /* @__PURE__ */ d(l, { children: [
+					v === "start" && r,
+					/* @__PURE__ */ u("span", {
+						className: o(g.indicator, t),
+						...h,
+						children: /* @__PURE__ */ u("svg", {
+							viewBox: "0 0 18 18",
+							"aria-hidden": "true",
+							className: g.svg,
+							...h,
+							children: m ? /* @__PURE__ */ u("rect", {
+								x: 1,
+								y: 7.5,
+								width: 16,
+								height: 3
+							}) : /* @__PURE__ */ u("polyline", { points: "2 9 7 14 16 4" })
+						}, m ? "indeterminate" : "check")
+					}),
+					v === "end" && r
+				] });
+			}
+		});
+	}, r[4] = i, r[5] = v, r[6] = y) : y = r[6];
+	let b;
+	return r[7] !== s || r[8] !== y ? (b = /* @__PURE__ */ u(p, {
+		...s,
 		"data-checkbox": !0,
-		children: C
-	}), r[13] = _, r[14] = S, r[15] = C, r[16] = w) : w = r[16], w;
-}, v = ({ label: e, description: t, errorMessage: n, children: s, className: c, checkboxItemsGap: f = 24, labelPlacement: m, containerStateLayer: _, showDescriptionOnInvalid: v = !1, ...y }) => /* @__PURE__ */ u(g, {
-	value: {
-		labelPlacement: m,
-		containerStateLayer: _
-	},
-	children: /* @__PURE__ */ u(p, {
-		className: (e) => o(h["checkbox-group"], typeof c == "function" ? c(e) : c),
-		...y,
-		children: ({ isInvalid: c }) => {
-			let p = t && (!c || c && v);
-			return /* @__PURE__ */ d(l, { children: [
-				e && /* @__PURE__ */ u(a, { children: e }),
-				/* @__PURE__ */ u("div", {
-					className: o(h["checkbox-items"]),
-					style: { gap: `calc(${f} * var(--dp, 1px))` },
-					children: s
-				}),
-				p && /* @__PURE__ */ u(r, { children: t }),
-				/* @__PURE__ */ u(i, { children: n })
-			] });
-		}
+		children: y
+	}), r[7] = s, r[8] = y, r[9] = b) : b = r[9], b;
+}, y = ({ label: e, description: t, errorMessage: n, children: s, className: c, labelPlacement: f, showDescriptionOnInvalid: p = !1, ...h }) => /* @__PURE__ */ u(_, {
+	value: { labelPlacement: f },
+	children: /* @__PURE__ */ u(m, {
+		className: (e) => o(g["checkbox-group"], typeof c == "function" ? c(e) : c),
+		...h,
+		children: ({ isInvalid: o }) => /* @__PURE__ */ d(l, { children: [
+			e && /* @__PURE__ */ u(a, { children: e }),
+			s,
+			t && (!o || o && p) && /* @__PURE__ */ u(r, { children: t }),
+			/* @__PURE__ */ u(i, { children: n })
+		] })
 	})
 });
-//#endregion
-export { _ as n, v as t };
+export { v as n, y as t };
 //# sourceMappingURL=Input.map