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

package/dist/chunks/core2

@@ -14,7 +14,6 @@ import '../assets/core3.css';var e = {
 	large: 38,
 	"extra-large": 50
 }, n = (t) => e[t], r = e.size, i = e.primary, a = e.trigger;
-//#endregion
 export { n as a, r as i, a as n, t as r, i as t };
 
 //# sourceMappingURL=core2.map

package/dist/chunks/core2.map

@@ -1 +1 @@
-{"version":3,"file":"core2","names":[],"sources":["../../src/components/Button/SplitButton/core/size.module.css","../../src/components/Button/SplitButton/core/size.ts"],"sourcesContent":["@layer adgytec.comps {\n    .size {\n        border-start-start-radius: var(--_shape-start-start);\n        border-start-end-radius: var(--_shape-start-end);\n        border-end-start-radius: var(--_shape-end-start);\n        border-end-end-radius: var(--_shape-end-end);\n\n        padding-inline-start: var(--_md-split-button-padding-inline-start);\n        padding-inline-end: var(--_md-split-button-padding-inline-end);\n\n        padding-block: var(--_md-button-padding-block);\n\n        display: flex;\n        gap: var(--_md-button-icon-label-gap);\n        align-items: center;\n        justify-content: center;\n\n        box-sizing: border-box;\n        min-inline-size: var(--min-tap-target-size);\n    }\n\n    .primary {\n        /* shape */\n        --_inner-shape: var(--_md-split-button-inner-corner-shape);\n\n        --_shape-start-end: var(--_inner-shape);\n        --_shape-end-end: var(--_inner-shape);\n\n        --_shape-start-start: var(--_md-split-button-outer-corner-shape);\n        --_shape-end-start: var(--_md-split-button-outer-corner-shape);\n\n        /* padding */\n        --_md-split-button-padding-inline-start-base: var(\n            --_md-split-button-primary-padding-inline-start\n        );\n        --_md-split-button-padding-inline-start: var(\n            --_md-split-button-padding-inline-start-base\n        );\n\n        --_md-split-button-padding-inline-end-base: var(\n            --_md-split-button-primary-padding-inline-end\n        );\n        --_md-split-button-padding-inline-end: var(\n            --_md-split-button-padding-inline-end-base\n        );\n\n        --_md-button-padding-block-base: var(\n            --_md-split-button-primary-padding-block\n        );\n        --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n        &[data-hovered] {\n            --_inner-shape: var(\n                --_md-split-button-interaction-inner-corner-shape\n            );\n        }\n\n        &[data-pressed] {\n            --_inner-shape: var(\n                --_md-split-button-interaction-inner-corner-shape\n            );\n        }\n    }\n\n    .trigger {\n        /* shape */\n        --_inner-shape: var(--_md-split-button-inner-corner-shape);\n\n        --_shape-start-end: var(--_md-split-button-outer-corner-shape);\n        --_shape-end-end: var(--_md-split-button-outer-corner-shape);\n\n        --_shape-start-start: var(--_inner-shape);\n        --_shape-end-start: var(--_inner-shape);\n\n        /* padding */\n        --_md-split-button-padding-inline-start-base: var(\n            --_md-split-button-trigger-padding-inline-start\n        );\n        --_md-split-button-padding-inline-start: var(\n            --_md-split-button-padding-inline-start-base\n        );\n\n        --_md-split-button-padding-inline-end-base: var(\n            --_md-split-button-trigger-padding-inline-end\n        );\n        --_md-split-button-padding-inline-end: var(\n            --_md-split-button-padding-inline-end-base\n        );\n\n        --_md-button-padding-block-base: var(\n            --_md-split-button-trigger-padding-block\n        );\n        --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n        &[data-hovered] {\n            --_inner-shape: var(\n                --_md-split-button-interaction-inner-corner-shape\n            );\n        }\n\n        &[data-pressed] {\n            --_inner-shape: var(--_md-split-button-trigger-pressed-shape);\n\n            --_md-split-button-padding-inline-start-base: var(\n                --_md-split-button-trigger-pressed-padding-inline-start\n            );\n            --_md-split-button-padding-inline-end-base: var(\n                --_md-split-button-trigger-pressed-padding-inline-end\n            );\n        }\n    }\n\n    .extra-small {\n        /* height for button is 32 */\n        --md-sys-shape-corner-radius-full: calc(16 * var(--dp, 1px));\n\n        --_md-split-button-outer-corner-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n        --_md-split-button-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-extra-small\n        );\n        --_md-split-button-interaction-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-small\n        );\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-4);\n        --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n        /* primary button */\n        --_md-split-button-primary-padding-inline-start: var(\n            --md-sys-layout-space-12\n        );\n        --_md-split-button-primary-padding-inline-end: calc(\n            10 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-primary-padding-block: calc(6 * var(--dp, 1px));\n\n        /* trigger button */\n        --_md-split-button-trigger-padding-inline-start: var(\n            --md-sys-layout-space-12\n        );\n        --_md-split-button-trigger-padding-inline-end: calc(\n            14 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-pressed-padding-inline-start: calc(\n            13 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-pressed-padding-inline-end: calc(\n            13 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-padding-block: calc(5 * var(--dp, 1px));\n        --_md-split-button-trigger-pressed-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n    }\n\n    .small {\n        /* height for button is 40 */\n        --md-sys-shape-corner-radius-full: calc(20 * var(--dp, 1px));\n\n        --_md-split-button-outer-corner-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n        --_md-split-button-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-extra-small\n        );\n        --_md-split-button-interaction-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-small\n        );\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n        --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n        /* primary button */\n        --_md-split-button-primary-padding-inline-start: var(\n            --md-sys-layout-space-16\n        );\n        --_md-split-button-primary-padding-inline-end: var(\n            --md-sys-layout-space-12\n        );\n\n        --_md-split-button-primary-padding-block: calc(10 * var(--dp, 1px));\n\n        /* trigger button */\n        --_md-split-button-trigger-padding-inline-start: var(\n            --md-sys-layout-space-12\n        );\n        --_md-split-button-trigger-padding-inline-end: calc(\n            14 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-pressed-padding-inline-start: calc(\n            13 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-pressed-padding-inline-end: calc(\n            13 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-padding-block: calc(9 * var(--dp, 1px));\n        --_md-split-button-trigger-pressed-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n    }\n\n    .medium {\n        /* height for button is 56 */\n        --md-sys-shape-corner-radius-full: calc(28 * var(--dp, 1px));\n\n        --_md-split-button-outer-corner-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n        --_md-split-button-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-extra-small\n        );\n        --_md-split-button-interaction-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-medium\n        );\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n        --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n        /* primary button */\n        --_md-split-button-primary-padding-inline-start: var(\n            --md-sys-layout-space-24\n        );\n        --_md-split-button-primary-padding-inline-end: var(\n            --md-sys-layout-space-24\n        );\n\n        --_md-split-button-primary-padding-block: var(--md-sys-layout-space-16);\n\n        /* trigger button */\n        --_md-split-button-trigger-padding-inline-start: calc(\n            13 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-padding-inline-end: calc(\n            17 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-pressed-padding-inline-start: calc(\n            15 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-pressed-padding-inline-end: calc(\n            15 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-padding-block: calc(15 * var(--dp, 1px));\n        --_md-split-button-trigger-pressed-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n    }\n\n    .large {\n        /* height for button is 96 */\n        --md-sys-shape-corner-radius-full: calc(48 * var(--dp, 1px));\n\n        --_md-split-button-outer-corner-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n        --_md-split-button-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-small\n        );\n        --_md-split-button-interaction-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-large\n        );\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-12);\n        --_md-button-outline-width: var(--md-sys-shape-border-width-thick);\n\n        /* primary button */\n        --_md-split-button-primary-padding-inline-start: var(\n            --md-sys-layout-space-48\n        );\n        --_md-split-button-primary-padding-inline-end: var(\n            --md-sys-layout-space-48\n        );\n\n        --_md-split-button-primary-padding-block: var(--md-sys-layout-space-32);\n\n        /* trigger button */\n        --_md-split-button-trigger-padding-inline-start: calc(\n            26 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-padding-inline-end: var(\n            --md-sys-layout-space-32\n        );\n\n        --_md-split-button-trigger-pressed-padding-inline-start: calc(\n            29 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-pressed-padding-inline-end: calc(\n            29 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-padding-block: calc(29 * var(--dp, 1px));\n        --_md-split-button-trigger-pressed-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n    }\n\n    .extra-large {\n        /* height for button is 136 */\n        --md-sys-shape-corner-radius-full: calc(68 * var(--dp, 1px));\n\n        --_md-split-button-outer-corner-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n        --_md-split-button-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-medium\n        );\n        --_md-split-button-interaction-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-large\n        );\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-16);\n        --_md-button-outline-width: calc(3 * var(--dp, 1px));\n\n        /* primary button */\n        --_md-split-button-primary-padding-inline-start: var(\n            --md-sys-layout-space-64\n        );\n        --_md-split-button-primary-padding-inline-end: var(\n            --md-sys-layout-space-64\n        );\n\n        --_md-split-button-primary-padding-block: var(--md-sys-layout-space-48);\n\n        /* trigger button */\n        --_md-split-button-trigger-padding-inline-start: calc(\n            37 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-padding-inline-end: calc(\n            49 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-pressed-padding-inline-start: calc(\n            43 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-pressed-padding-inline-end: calc(\n            43 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-padding-block: calc(43 * var(--dp, 1px));\n        --_md-split-button-trigger-pressed-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n    }\n}\n","import type { ButtonSize } from \"../../core\";\nimport styles from \"./size.module.css\";\n\nexport const SplitButtonTriggerIconSize: Record<ButtonSize, number> = {\n    \"extra-small\": 22,\n    small: 22,\n    medium: 26,\n    large: 38,\n    \"extra-large\": 50,\n} as const;\n\nexport const splitButtonSizeConfig = (size: ButtonSize) => {\n    return styles[size];\n};\n\nexport const SplitButtonVariantBase = styles[\"size\"];\n\nexport const SplitButtonPrimaryBase = styles[\"primary\"];\nexport const SplitButtonTriggerBase = styles[\"trigger\"];\n"],"mappings":";;;;;;;;;GCGa,IAAyD;CAClE,eAAe;CACf,OAAO;CACP,QAAQ;CACR,OAAO;CACP,eAAe;AACnB,GAEa,KAAyB,MAC3B,EAAO,IAGL,IAAyB,EAAO,MAEhC,IAAyB,EAAO,SAChC,IAAyB,EAAO"}
+{"version":3,"file":"core2","names":["styles","size_module_default","SplitButtonTriggerIconSize","splitButtonSizeConfig","size","SplitButtonVariantBase","\"size\"","SplitButtonPrimaryBase","\"primary\"","SplitButtonTriggerBase","\"trigger\""],"sources":["../../src/components/Button/SplitButton/core/size.module.css","../../src/components/Button/SplitButton/core/size.ts"],"sourcesContent":["@layer adgytec.comps {\n    .size {\n        border-start-start-radius: var(--_shape-start-start);\n        border-start-end-radius: var(--_shape-start-end);\n        border-end-start-radius: var(--_shape-end-start);\n        border-end-end-radius: var(--_shape-end-end);\n\n        padding-inline-start: var(--_md-split-button-padding-inline-start);\n        padding-inline-end: var(--_md-split-button-padding-inline-end);\n\n        padding-block: var(--_md-button-padding-block);\n\n        display: flex;\n        gap: var(--_md-button-icon-label-gap);\n        align-items: center;\n        justify-content: center;\n\n        box-sizing: border-box;\n        min-inline-size: var(--min-tap-target-size);\n    }\n\n    .primary {\n        /* shape */\n        --_inner-shape: var(--_md-split-button-inner-corner-shape);\n\n        --_shape-start-end: var(--_inner-shape);\n        --_shape-end-end: var(--_inner-shape);\n\n        --_shape-start-start: var(--_md-split-button-outer-corner-shape);\n        --_shape-end-start: var(--_md-split-button-outer-corner-shape);\n\n        /* padding */\n        --_md-split-button-padding-inline-start-base: var(\n            --_md-split-button-primary-padding-inline-start\n        );\n        --_md-split-button-padding-inline-start: var(\n            --_md-split-button-padding-inline-start-base\n        );\n\n        --_md-split-button-padding-inline-end-base: var(\n            --_md-split-button-primary-padding-inline-end\n        );\n        --_md-split-button-padding-inline-end: var(\n            --_md-split-button-padding-inline-end-base\n        );\n\n        --_md-button-padding-block-base: var(\n            --_md-split-button-primary-padding-block\n        );\n        --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n        &[data-hovered] {\n            --_inner-shape: var(\n                --_md-split-button-interaction-inner-corner-shape\n            );\n        }\n\n        &[data-pressed] {\n            --_inner-shape: var(\n                --_md-split-button-interaction-inner-corner-shape\n            );\n        }\n    }\n\n    .trigger {\n        /* shape */\n        --_inner-shape: var(--_md-split-button-inner-corner-shape);\n\n        --_shape-start-end: var(--_md-split-button-outer-corner-shape);\n        --_shape-end-end: var(--_md-split-button-outer-corner-shape);\n\n        --_shape-start-start: var(--_inner-shape);\n        --_shape-end-start: var(--_inner-shape);\n\n        /* padding */\n        --_md-split-button-padding-inline-start-base: var(\n            --_md-split-button-trigger-padding-inline-start\n        );\n        --_md-split-button-padding-inline-start: var(\n            --_md-split-button-padding-inline-start-base\n        );\n\n        --_md-split-button-padding-inline-end-base: var(\n            --_md-split-button-trigger-padding-inline-end\n        );\n        --_md-split-button-padding-inline-end: var(\n            --_md-split-button-padding-inline-end-base\n        );\n\n        --_md-button-padding-block-base: var(\n            --_md-split-button-trigger-padding-block\n        );\n        --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n        &[data-hovered] {\n            --_inner-shape: var(\n                --_md-split-button-interaction-inner-corner-shape\n            );\n        }\n\n        &[data-pressed] {\n            --_inner-shape: var(--_md-split-button-trigger-pressed-shape);\n\n            --_md-split-button-padding-inline-start-base: var(\n                --_md-split-button-trigger-pressed-padding-inline-start\n            );\n            --_md-split-button-padding-inline-end-base: var(\n                --_md-split-button-trigger-pressed-padding-inline-end\n            );\n        }\n    }\n\n    .extra-small {\n        /* height for button is 32 */\n        --md-sys-shape-corner-radius-full: calc(16 * var(--dp, 1px));\n\n        --_md-split-button-outer-corner-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n        --_md-split-button-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-extra-small\n        );\n        --_md-split-button-interaction-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-small\n        );\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-4);\n        --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n        /* primary button */\n        --_md-split-button-primary-padding-inline-start: var(\n            --md-sys-layout-space-12\n        );\n        --_md-split-button-primary-padding-inline-end: calc(\n            10 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-primary-padding-block: calc(6 * var(--dp, 1px));\n\n        /* trigger button */\n        --_md-split-button-trigger-padding-inline-start: var(\n            --md-sys-layout-space-12\n        );\n        --_md-split-button-trigger-padding-inline-end: calc(\n            14 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-pressed-padding-inline-start: calc(\n            13 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-pressed-padding-inline-end: calc(\n            13 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-padding-block: calc(5 * var(--dp, 1px));\n        --_md-split-button-trigger-pressed-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n    }\n\n    .small {\n        /* height for button is 40 */\n        --md-sys-shape-corner-radius-full: calc(20 * var(--dp, 1px));\n\n        --_md-split-button-outer-corner-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n        --_md-split-button-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-extra-small\n        );\n        --_md-split-button-interaction-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-small\n        );\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n        --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n        /* primary button */\n        --_md-split-button-primary-padding-inline-start: var(\n            --md-sys-layout-space-16\n        );\n        --_md-split-button-primary-padding-inline-end: var(\n            --md-sys-layout-space-12\n        );\n\n        --_md-split-button-primary-padding-block: calc(10 * var(--dp, 1px));\n\n        /* trigger button */\n        --_md-split-button-trigger-padding-inline-start: var(\n            --md-sys-layout-space-12\n        );\n        --_md-split-button-trigger-padding-inline-end: calc(\n            14 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-pressed-padding-inline-start: calc(\n            13 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-pressed-padding-inline-end: calc(\n            13 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-padding-block: calc(9 * var(--dp, 1px));\n        --_md-split-button-trigger-pressed-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n    }\n\n    .medium {\n        /* height for button is 56 */\n        --md-sys-shape-corner-radius-full: calc(28 * var(--dp, 1px));\n\n        --_md-split-button-outer-corner-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n        --_md-split-button-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-extra-small\n        );\n        --_md-split-button-interaction-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-medium\n        );\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n        --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n        /* primary button */\n        --_md-split-button-primary-padding-inline-start: var(\n            --md-sys-layout-space-24\n        );\n        --_md-split-button-primary-padding-inline-end: var(\n            --md-sys-layout-space-24\n        );\n\n        --_md-split-button-primary-padding-block: var(--md-sys-layout-space-16);\n\n        /* trigger button */\n        --_md-split-button-trigger-padding-inline-start: calc(\n            13 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-padding-inline-end: calc(\n            17 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-pressed-padding-inline-start: calc(\n            15 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-pressed-padding-inline-end: calc(\n            15 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-padding-block: calc(15 * var(--dp, 1px));\n        --_md-split-button-trigger-pressed-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n    }\n\n    .large {\n        /* height for button is 96 */\n        --md-sys-shape-corner-radius-full: calc(48 * var(--dp, 1px));\n\n        --_md-split-button-outer-corner-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n        --_md-split-button-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-small\n        );\n        --_md-split-button-interaction-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-large\n        );\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-12);\n        --_md-button-outline-width: var(--md-sys-shape-border-width-thick);\n\n        /* primary button */\n        --_md-split-button-primary-padding-inline-start: var(\n            --md-sys-layout-space-48\n        );\n        --_md-split-button-primary-padding-inline-end: var(\n            --md-sys-layout-space-48\n        );\n\n        --_md-split-button-primary-padding-block: var(--md-sys-layout-space-32);\n\n        /* trigger button */\n        --_md-split-button-trigger-padding-inline-start: calc(\n            26 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-padding-inline-end: var(\n            --md-sys-layout-space-32\n        );\n\n        --_md-split-button-trigger-pressed-padding-inline-start: calc(\n            29 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-pressed-padding-inline-end: calc(\n            29 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-padding-block: calc(29 * var(--dp, 1px));\n        --_md-split-button-trigger-pressed-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n    }\n\n    .extra-large {\n        /* height for button is 136 */\n        --md-sys-shape-corner-radius-full: calc(68 * var(--dp, 1px));\n\n        --_md-split-button-outer-corner-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n        --_md-split-button-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-medium\n        );\n        --_md-split-button-interaction-inner-corner-shape: var(\n            --md-sys-shape-corner-radius-large\n        );\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-16);\n        --_md-button-outline-width: calc(3 * var(--dp, 1px));\n\n        /* primary button */\n        --_md-split-button-primary-padding-inline-start: var(\n            --md-sys-layout-space-64\n        );\n        --_md-split-button-primary-padding-inline-end: var(\n            --md-sys-layout-space-64\n        );\n\n        --_md-split-button-primary-padding-block: var(--md-sys-layout-space-48);\n\n        /* trigger button */\n        --_md-split-button-trigger-padding-inline-start: calc(\n            37 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-padding-inline-end: calc(\n            49 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-pressed-padding-inline-start: calc(\n            43 *\n            var(--dp, 1px)\n        );\n        --_md-split-button-trigger-pressed-padding-inline-end: calc(\n            43 *\n            var(--dp, 1px)\n        );\n\n        --_md-split-button-trigger-padding-block: calc(43 * var(--dp, 1px));\n        --_md-split-button-trigger-pressed-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n    }\n}\n","import type { ButtonSize } from \"../../core\";\nimport styles from \"./size.module.css\";\n\n/**\n * Maps each {@link ButtonSize} preset to its corresponding chevron icon size in pixels\n * for {@link SplitButtonTrigger}.\n */\nexport const SplitButtonTriggerIconSize: Record<ButtonSize, number> = {\n    \"extra-small\": 22,\n    small: 22,\n    medium: 26,\n    large: 38,\n    \"extra-large\": 50,\n} as const;\n\n/**\n * Resolves the CSS module class name for a given split button size preset.\n *\n * @param size - The button size preset.\n * @returns The CSS module class name for the split button container size.\n */\nexport const splitButtonSizeConfig = (size: ButtonSize) => {\n    return styles[size];\n};\n\n/** Base CSS module class name for split button container sizing. */\nexport const SplitButtonVariantBase = styles[\"size\"];\n\n/** Base CSS module class name for the primary action button part of a split button. */\nexport const SplitButtonPrimaryBase = styles[\"primary\"];\n\n/** Base CSS module class name for the menu trigger button part of a split button. */\nexport const SplitButtonTriggerBase = styles[\"trigger\"];\n"],"mappings":";;;;;;;;;A,GCOaE,IAAyD;CAClE,eAAe;CACf,OAAO;CACP,QAAQ;CACR,OAAO;CACP,eAAe;AACnB,GAQaC,KAAyB,MAC3BH,EAAOI,IAILC,IAAyBL,EAAOM,MAGhCC,IAAyBP,EAAOQ,SAGhCC,IAAyBT,EAAOU"}

package/dist/chunks/core3

@@ -1,10 +1,8 @@
 import { useContext as e } from "react";
 import { CalendarStateContext as t, RangeCalendarStateContext as n } from "react-aria-components";
-import '../assets/core4.css';//#endregion
-//#region src/components/Calendar/core/calendar.ts
+import '../assets/core4.css';// src/components/Calendar/core/calendar.ts
 var r = { calendar: "_calendar_14tem_23" }.calendar, i = 1900, a = 100;
-//#endregion
-//#region src/components/Calendar/core/useCalendarState.ts
+// src/components/Calendar/core/useCalendarState.ts
 function o() {
 	let r = e(t), i = e(n), a = r || i || null;
 	if (!a) throw Error("BaseCalendar used outside Calendar or RangeCalendar component");
@@ -13,7 +11,6 @@ function o() {
 function s(e) {
 	return "anchorDate" in e;
 }
-//#endregion
 export { i as a, a as i, o as n, r, s as t };
 
 //# sourceMappingURL=core3.map

package/dist/chunks/core3.map

@@ -1 +1 @@
-{"version":3,"file":"core3","names":[],"sources":["../../src/components/Calendar/core/calendar.module.css","../../src/components/Calendar/core/calendar.ts","../../src/components/Calendar/core/useCalendarState.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-calendar-background\n* --md-calendar-header-cell-color\n*\n* --md-calendar-cell-color\n* --md-calendar-cell-state-layer-color\n* --md-calendar-cell-today-color\n*\n* --md-calendar-cell-selected-background\n* --md-calendar-selected-color\n*\n* --md-calendar-in-active-range-background\n* --md-calendar-in-active-range-color\n*\n* --md-calendar-menu-divider-color\n* --md-calendar-menu-selected-background\n* --md-calendar-menu-selected-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .calendar {\n        --_md-calendar-background: var(\n            --md-calendar-background,\n            var(--md-sys-color-surface-container-high)\n        );\n        --_md-calendar-header-cell-color: var(\n            --md-calendar-header-cell-color,\n            var(--md-sys-color-on-surface)\n        );\n\n        --_md-calendar-cell-color: var(\n            --md-calendar-cell-color,\n            var(--md-sys-color-on-surface)\n        );\n        --_md-calendar-cell-state-layer-color: var(\n            --md-calendar-cell-state-layer-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n        --_md-calendar-cell-today-color: var(\n            --md-calendar-cell-today-color,\n            var(--md-sys-color-primary)\n        );\n\n        --_md-calendar-cell-selected-background: var(\n            --md-calendar-cell-selected-background,\n            var(--md-sys-color-primary)\n        );\n        --_md-calendar-selected-color: var(\n            --md-calendar-selected-color,\n            var(--md-sys-color-on-primary)\n        );\n\n        --_md-calendar-in-active-range-background: var(\n            --md-calendar-in-active-range-background,\n            var(--md-sys-color-secondary-container)\n        );\n        --_md-calendar-in-active-range-color: var(\n            --md-calendar-in-active-range-color,\n            var(--md-sys-color-on-secondary-container)\n        );\n\n        --_md-calendar-menu-divider-color: var(\n            --md-calendar-menu-divider-color,\n            var(--md-sys-color-outline-variant)\n        );\n        --_md-calendar-menu-selected-background: var(\n            --md-calendar-menu-selected-background,\n            var(--md-sys-color-surface-variant)\n        );\n        --_md-calendar-menu-selected-color: var(\n            --md-calendar-menu-selected-color,\n            var(--md-sys-color-on-surface)\n        );\n\n        --_md-calendar-cell-size: clamp(\n            var(--md-sys-layout-space-40),\n            8svi,\n            var(--md-sys-layout-space-48)\n        );\n\n        padding-block-end: var(--md-sys-layout-space-12);\n        padding-block-start: var(--md-sys-layout-space-20);\n\n        background-color: var(--_md-calendar-background);\n        border-radius: var(--md-sys-shape-corner-radius-large);\n\n        display: grid;\n        gap: calc(18 * var(--dp, 1px));\n\n        [data-button] {\n            --md-button-color: var(--_md-calendar-cell-color);\n        }\n    }\n}\n","import styles from \"./calendar.module.css\";\n\nexport const CalendarBaseStyles = styles[\"calendar\"];\n\nexport type WeekdayStyle = \"narrow\" | \"short\";\n\nexport interface MonthItem {\n    id: number;\n    formatted: string;\n}\n\nexport interface YearItem {\n    id: number;\n    formatted: string;\n}\n\nexport const defaultMinYear = 1900;\nexport const defaultMaxYearIncrement = 100;\n","import { useContext } from \"react\";\nimport {\n    type CalendarState,\n    CalendarStateContext,\n    type RangeCalendarState,\n    RangeCalendarStateContext,\n} from \"react-aria-components\";\nimport type { CalendarSelectionMode } from \"react-aria-components/Calendar\";\n\nexport function useCalendarState() {\n    const calendarState = useContext(CalendarStateContext);\n    const rangeCalendarState = useContext(RangeCalendarStateContext);\n    const state = calendarState || rangeCalendarState || null;\n\n    if (!state) {\n        throw Error(\n            \"BaseCalendar used outside Calendar or RangeCalendar component\"\n        );\n    }\n\n    return state;\n}\n\nexport function isRangeCalendarState(\n    state: CalendarState<CalendarSelectionMode> | RangeCalendarState\n): state is RangeCalendarState {\n    return \"anchorDate\" in state;\n}\n"],"mappings":";;;;ACEA,IAAa,IAAqB,iCAAA,EAAO,UAc5B,IAAiB,MACjB,IAA0B;;;ACRvC,SAAO,IAAA;CACH,IAAA,IAAsB,EAAW,CAAoB,GACrD,IAA2B,EAAW,CAAyB,GAC/D,IAAc,KAAA,KAAA;CAEd,IAAI,CAAC,GACD,MAAM,MACF,+DACJ;CACH,OAEM;AAAK;AAGhB,SAAgB,EACZ,GAC2B;CAC3B,OAAO,gBAAgB;AAC3B"}
+{"version":3,"file":"core3","names":["styles","CalendarBaseStyles","\"calendar\"","defaultMinYear","defaultMaxYearIncrement","useCalendarState","calendarState","useContext","CalendarStateContext","rangeCalendarState","RangeCalendarStateContext","state","isRangeCalendarState"],"sources":["../../src/components/Calendar/core/calendar.module.css","../../src/components/Calendar/core/calendar.ts","../../src/components/Calendar/core/useCalendarState.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-calendar-background\n* --md-calendar-header-cell-color\n*\n* --md-calendar-cell-color\n* --md-calendar-cell-state-layer-color\n* --md-calendar-cell-today-color\n*\n* --md-calendar-cell-selected-background\n* --md-calendar-selected-color\n*\n* --md-calendar-in-active-range-background\n* --md-calendar-in-active-range-color\n*\n* --md-calendar-menu-divider-color\n* --md-calendar-menu-selected-background\n* --md-calendar-menu-selected-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .calendar {\n        --_md-calendar-background: var(\n            --md-calendar-background,\n            var(--md-sys-color-surface-container-high)\n        );\n        --_md-calendar-header-cell-color: var(\n            --md-calendar-header-cell-color,\n            var(--md-sys-color-on-surface)\n        );\n\n        --_md-calendar-cell-color: var(\n            --md-calendar-cell-color,\n            var(--md-sys-color-on-surface)\n        );\n        --_md-calendar-cell-state-layer-color: var(\n            --md-calendar-cell-state-layer-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n        --_md-calendar-cell-today-color: var(\n            --md-calendar-cell-today-color,\n            var(--md-sys-color-primary)\n        );\n\n        --_md-calendar-cell-selected-background: var(\n            --md-calendar-cell-selected-background,\n            var(--md-sys-color-primary)\n        );\n        --_md-calendar-selected-color: var(\n            --md-calendar-selected-color,\n            var(--md-sys-color-on-primary)\n        );\n\n        --_md-calendar-in-active-range-background: var(\n            --md-calendar-in-active-range-background,\n            var(--md-sys-color-secondary-container)\n        );\n        --_md-calendar-in-active-range-color: var(\n            --md-calendar-in-active-range-color,\n            var(--md-sys-color-on-secondary-container)\n        );\n\n        --_md-calendar-menu-divider-color: var(\n            --md-calendar-menu-divider-color,\n            var(--md-sys-color-outline-variant)\n        );\n        --_md-calendar-menu-selected-background: var(\n            --md-calendar-menu-selected-background,\n            var(--md-sys-color-surface-variant)\n        );\n        --_md-calendar-menu-selected-color: var(\n            --md-calendar-menu-selected-color,\n            var(--md-sys-color-on-surface)\n        );\n\n        --_md-calendar-cell-size: clamp(\n            var(--md-sys-layout-space-40),\n            8svi,\n            var(--md-sys-layout-space-48)\n        );\n\n        padding-block-end: var(--md-sys-layout-space-12);\n        padding-block-start: var(--md-sys-layout-space-20);\n\n        background-color: var(--_md-calendar-background);\n        border-radius: var(--md-sys-shape-corner-radius-large);\n\n        display: grid;\n        gap: calc(18 * var(--dp, 1px));\n\n        [data-button] {\n            --md-button-color: var(--_md-calendar-cell-color);\n        }\n    }\n}\n","import styles from \"./calendar.module.css\";\n\n/**\n * Base CSS module class name providing layout and styling tokens for calendar containers.\n */\nexport const CalendarBaseStyles = styles[\"calendar\"];\n\n/**\n * Format style for weekday headers in the calendar grid.\n *\n * - `\"narrow\"`: Typically a single character (e.g. \"S\", \"M\", \"T\").\n * - `\"short\"`: Abbreviated day name (e.g. \"Sun\", \"Mon\", \"Tue\").\n */\nexport type WeekdayStyle = \"narrow\" | \"short\";\n\n/**\n * Represents a selectable month item within the month picker menu.\n */\nexport interface MonthItem {\n    /** 1-based month index (1 for January through 12 for December). */\n    id: number;\n    /** Formatted localized month label (e.g. \"January\" or \"Jan\"). */\n    formatted: string;\n}\n\n/**\n * Represents a selectable year item within the year picker menu.\n */\nexport interface YearItem {\n    /** Full numeric year (e.g. 2026). */\n    id: number;\n    /** Formatted localized year string (e.g. \"2026\"). */\n    formatted: string;\n}\n\n/**\n * Default fallback minimum year used in the year selection menu when no `minValue` is specified.\n */\nexport const defaultMinYear = 1900;\n\n/**\n * Default number of years added to the current year when determining the maximum year\n * in the year selection menu if no `maxValue` is specified.\n */\nexport const defaultMaxYearIncrement = 100;\n","import { useContext } from \"react\";\nimport {\n    type CalendarState,\n    CalendarStateContext,\n    type RangeCalendarState,\n    RangeCalendarStateContext,\n} from \"react-aria-components\";\nimport type { CalendarSelectionMode } from \"react-aria-components/Calendar\";\n\n/**\n * Accesses the active calendar state from the nearest enclosing `Calendar` or `RangeCalendar`.\n *\n * Checks both {@link CalendarStateContext} (single date) and {@link RangeCalendarStateContext} (range).\n * Throws an error if invoked outside a valid calendar provider context.\n *\n * @returns The active {@link CalendarState} or {@link RangeCalendarState}.\n * @throws {Error} If called outside of a `Calendar` or `RangeCalendar` component hierarchy.\n */\nexport function useCalendarState() {\n    const calendarState = useContext(CalendarStateContext);\n    const rangeCalendarState = useContext(RangeCalendarStateContext);\n    const state = calendarState || rangeCalendarState || null;\n\n    if (!state) {\n        throw Error(\n            \"BaseCalendar used outside Calendar or RangeCalendar component\"\n        );\n    }\n\n    return state;\n}\n\n/**\n * Type guard function to determine whether a given calendar state is a {@link RangeCalendarState}.\n *\n * @param state - The calendar state instance to check.\n * @returns `true` if `state` is a `RangeCalendarState` (containing an `anchorDate` property), otherwise `false`.\n */\nexport function isRangeCalendarState(\n    state: CalendarState<CalendarSelectionMode> | RangeCalendarState\n): state is RangeCalendarState {\n    return \"anchorDate\" in state;\n}\n"],"mappings":";;;ACKA,IAAaC,IAAqBD,E,+BAAAA,EAAOE,UAiC5BC,IAAiB,MAMjBC,IAA0B;;AC1BvC,SAAOC,IAAA;CACH,IAAAC,IAAsBC,EAAWC,CAAoB,GACrDC,IAA2BF,EAAWG,CAAyB,GAC/DC,IAAcL,KAAAG,KAAA;CAEd,IAAI,CAACE,GACD,MAAM,MACF,+DACJ;CACH,OAEMA;AAAK;AAShB,SAAgBC,EACZ,GAC2B;CAC3B,OAAO,gBAAgBD;AAC3B"}

package/dist/chunks/core4

@@ -9,7 +9,6 @@ import '../assets/core5.css';var e = {
 	"supporting-text": "_supporting-text_1o31m_220",
 	"character-count": "_character-count_1o31m_244"
 }, t = 24, n = e.unset, r = e.colors, i = e.group, a = e.editor, o = e["editor-input-group"], s = e["editor-input"], c = e["supporting-text"], l = e["character-count"], u = e["date-input"], d = e["date-segment"];
-//#endregion
 export { o as a, i as c, n as d, d as i, c as l, r as n, s as o, u as r, a as s, l as t, t as u };
 
 //# sourceMappingURL=core4.map

package/dist/chunks/core4.map

@@ -1 +1 @@
-{"version":3,"file":"core4","names":[],"sources":["../../src/components/Input/core/textField.module.css","../../src/components/Input/core/textField.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-textfield-focused-outline-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .unset {\n        all: unset;\n    }\n\n    .colors {\n        --disabled-color: rgb(\n            from var(--md-sys-color-on-surface) r g b /\n            var(--md-sys-state-disabled-content)\n        );\n\n        /* outline color */\n        --outline-color-normal: var(--md-sys-color-outline);\n        --outline-color-invalid: var(--md-sys-color-error);\n\n        --outline-width: calc(1 * var(--dp, 1px));\n        --outline-width-focused: calc(2 * var(--dp, 1px));\n\n        --outline-color-hovered-normal: var(--md-sys-color-on-surface);\n        --outline-color-hovered-invalid: var(--md-sys-color-on-error-container);\n\n        --outline-color-focused-normal: var(\n            --md-textfield-focused-outline-color,\n            var(--md-sys-color-primary)\n        );\n        --outline-color-focused-invalid: var(--md-sys-color-error);\n\n        /* group color */\n        --group-color-normal: var(--md-sys-color-on-surface-variant);\n        --group-color-invalid: var(--md-sys-color-error);\n\n        /* editor */\n        --editor-infix-text-color-normal: var(\n            --md-sys-color-on-surface-variant\n        );\n        --editor-color-normal: var(--md-sys-color-on-surface);\n\n        /* caret color */\n        --caret-color-normal: var(--md-sys-color-primary);\n        --caret-color-invalid: var(--md-sys-color-error);\n\n        /* variable to use */\n        --group-color: var(--group-color-normal);\n\n        --editor-infix-color: var(--editor-infix-text-color-normal);\n        --editor-color: var(--editor-color-normal);\n\n        --caret-color: var(--caret-color-normal);\n\n        --outline-color: var(--outline-color-normal);\n        --outline-color-focused: transparent;\n\n        --placeholder-color: var(--group-color-normal);\n\n        &[data-invalid] {\n            --group-color: var(--group-color-invalid);\n            --caret-color: var(--caret-color-invalid);\n            --outline-color: var(--outline-color-invalid);\n        }\n\n        &[data-disabled] {\n            --group-color: var(--disabled-color);\n\n            --editor-infix-color: var(--disabled-color);\n            --editor-color: var(--disabled-color);\n\n            --caret-color: var(--disabled-color);\n\n            --outline-color: var(--disabled-color);\n            --placeholder-color: var(--disabled-color);\n        }\n    }\n\n    .group {\n        --label-padding-inline-start: var(--md-sys-layout-space-16);\n        --label-padding-inline-end: var(--md-sys-layout-space-16);\n\n        display: inline-grid;\n        gap: var(--md-sys-layout-space-4);\n\n        color: var(--group-color);\n        caret-color: var(--caret-color);\n\n        > [slot=\"label\"] {\n            padding-inline-start: var(--label-padding-inline-start);\n            padding-inline-end: var(--label-padding-inline-end);\n        }\n\n        &[data-leading] {\n            --label-padding-inline-start: var(--md-sys-layout-space-12);\n        }\n\n        &[data-trailing] {\n            --label-padding-inline-end: var(--md-sys-layout-space-12);\n        }\n    }\n\n    .date-segment {\n        border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n        &[data-focused],\n        &[data-focus-visible] {\n            outline: calc(2 * var(--dp, 1px)) solid var(--outline-color);\n            outline-offset: calc(-4 * var(--dp, 1px));\n        }\n\n        &:not([data-type=\"literal\"]) {\n            padding: var(--md-sys-layout-space-8);\n        }\n    }\n\n    .editor {\n        border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n        border: var(--outline-width) solid var(--outline-color);\n        outline: var(--outline-width-focused) solid var(--outline-color-focused);\n\n        padding: var(--md-sys-layout-space-16);\n\n        display: inline-flex;\n        align-items: center;\n        gap: var(--md-sys-layout-space-16);\n\n        color: var(--editor-infix-color);\n\n        overflow: auto;\n        scrollbar-width: none;\n\n        transition:\n            border-color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            outline-color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        &[data-input] {\n            cursor: text;\n        }\n\n        &[data-trailing] {\n            padding-inline-end: var(--md-sys-layout-space-12);\n            padding-block: var(--md-sys-layout-space-8);\n        }\n\n        &[data-leading] {\n            padding-inline-start: var(--md-sys-layout-space-12);\n        }\n\n        &:not([data-disabled]) {\n            &[data-hovered] {\n                --outline-color: var(--outline-color-hovered-normal);\n\n                &[data-invalid] {\n                    --outline-color: var(--outline-color-hovered-invalid);\n                }\n            }\n\n            &[data-focus-visible],\n            &[data-focus-within],\n            &[data-focused],\n            &[data-open] {\n                --outline-color: var(--outline-color-focused-normal);\n                --outline-color-focused: var(--outline-color);\n\n                &[data-invalid] {\n                    --outline-color: var(--outline-color-focused-invalid);\n                }\n            }\n        }\n\n        &[data-disabled] {\n            cursor: default;\n        }\n\n        &[data-date-input] {\n            gap: 0;\n            padding: var(--md-sys-layout-space-8);\n        }\n    }\n\n    .editor-input-group {\n        display: inline-flex;\n        align-items: center;\n        inline-size: 100%;\n    }\n\n    .editor-input {\n        color: var(--editor-color);\n\n        &[data-input] {\n            inline-size: 100%;\n        }\n\n        &[data-textarea] {\n            resize: vertical;\n\n            /* 2dp for border thickness */\n            min-block-size: calc(58 * var(--dp, 1px));\n            max-block-size: calc(300 * var(--dp, 1px));\n\n            &[data-disabled] {\n                resize: none;\n            }\n        }\n\n        &[data-date-input] {\n            inline-size: 100%;\n        }\n\n        &::placeholder {\n            color: var(--placeholder-color);\n        }\n    }\n\n    .supporting-text {\n        padding-inline: var(--md-sys-layout-space-16);\n\n        display: inline-flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: var(--md-sys-layout-space-16);\n\n        transition: color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-leading] {\n            padding-inline-start: var(--md-sys-layout-space-12);\n        }\n\n        &[data-trailing] {\n            padding-inline-end: var(--md-sys-layout-space-12);\n        }\n    }\n\n    .character-count {\n        margin-inline-start: auto;\n    }\n}\n","import styles from \"./textField.module.css\";\n\nexport const TextFieldIconSize = 24;\n\nexport const UnsetStyles = styles[\"unset\"];\n\nexport const Colors = styles[\"colors\"];\n\nexport const InputGroupStyles = styles[\"group\"];\nexport const EditorStyles = styles[\"editor\"];\nexport const EditorInputGroupStyles = styles[\"editor-input-group\"];\nexport const EditorInputStyles = styles[\"editor-input\"];\n\nexport const SupportingTextStyles = styles[\"supporting-text\"];\nexport const CharacterCountStyles = styles[\"character-count\"];\n\nexport const DateInputStyles = styles[\"date-input\"];\nexport const DateSegmentStyles = styles[\"date-segment\"];\n"],"mappings":";;;;;;;;;;GCEa,IAAoB,IAEpB,IAAc,EAAO,OAErB,IAAS,EAAO,QAEhB,IAAmB,EAAO,OAC1B,IAAe,EAAO,QACtB,IAAyB,EAAO,uBAChC,IAAoB,EAAO,iBAE3B,IAAuB,EAAO,oBAC9B,IAAuB,EAAO,oBAE9B,IAAkB,EAAO,eACzB,IAAoB,EAAO"}
+{"version":3,"file":"core4","names":["styles","textField_module_default","TextFieldIconSize","UnsetStyles","\"unset\"","Colors","\"colors\"","InputGroupStyles","\"group\"","EditorStyles","\"editor\"","EditorInputGroupStyles","EditorInputStyles","SupportingTextStyles","CharacterCountStyles","DateInputStyles","DateSegmentStyles"],"sources":["../../src/components/Input/core/textField.module.css","../../src/components/Input/core/textField.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-textfield-focused-outline-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .unset {\n        all: unset;\n    }\n\n    .colors {\n        --disabled-color: rgb(\n            from var(--md-sys-color-on-surface) r g b /\n            var(--md-sys-state-disabled-content)\n        );\n\n        /* outline color */\n        --outline-color-normal: var(--md-sys-color-outline);\n        --outline-color-invalid: var(--md-sys-color-error);\n\n        --outline-width: calc(1 * var(--dp, 1px));\n        --outline-width-focused: calc(2 * var(--dp, 1px));\n\n        --outline-color-hovered-normal: var(--md-sys-color-on-surface);\n        --outline-color-hovered-invalid: var(--md-sys-color-on-error-container);\n\n        --outline-color-focused-normal: var(\n            --md-textfield-focused-outline-color,\n            var(--md-sys-color-primary)\n        );\n        --outline-color-focused-invalid: var(--md-sys-color-error);\n\n        /* group color */\n        --group-color-normal: var(--md-sys-color-on-surface-variant);\n        --group-color-invalid: var(--md-sys-color-error);\n\n        /* editor */\n        --editor-infix-text-color-normal: var(\n            --md-sys-color-on-surface-variant\n        );\n        --editor-color-normal: var(--md-sys-color-on-surface);\n\n        /* caret color */\n        --caret-color-normal: var(--md-sys-color-primary);\n        --caret-color-invalid: var(--md-sys-color-error);\n\n        /* variable to use */\n        --group-color: var(--group-color-normal);\n\n        --editor-infix-color: var(--editor-infix-text-color-normal);\n        --editor-color: var(--editor-color-normal);\n\n        --caret-color: var(--caret-color-normal);\n\n        --outline-color: var(--outline-color-normal);\n        --outline-color-focused: transparent;\n\n        --placeholder-color: var(--group-color-normal);\n\n        &[data-invalid] {\n            --group-color: var(--group-color-invalid);\n            --caret-color: var(--caret-color-invalid);\n            --outline-color: var(--outline-color-invalid);\n        }\n\n        &[data-disabled] {\n            --group-color: var(--disabled-color);\n\n            --editor-infix-color: var(--disabled-color);\n            --editor-color: var(--disabled-color);\n\n            --caret-color: var(--disabled-color);\n\n            --outline-color: var(--disabled-color);\n            --placeholder-color: var(--disabled-color);\n        }\n    }\n\n    .group {\n        --label-padding-inline-start: var(--md-sys-layout-space-16);\n        --label-padding-inline-end: var(--md-sys-layout-space-16);\n\n        display: inline-grid;\n        gap: var(--md-sys-layout-space-4);\n\n        color: var(--group-color);\n        caret-color: var(--caret-color);\n\n        > [slot=\"label\"] {\n            padding-inline-start: var(--label-padding-inline-start);\n            padding-inline-end: var(--label-padding-inline-end);\n        }\n\n        &[data-leading] {\n            --label-padding-inline-start: var(--md-sys-layout-space-12);\n        }\n\n        &[data-trailing] {\n            --label-padding-inline-end: var(--md-sys-layout-space-12);\n        }\n    }\n\n    .date-segment {\n        border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n        &[data-focused],\n        &[data-focus-visible] {\n            outline: calc(2 * var(--dp, 1px)) solid var(--outline-color);\n            outline-offset: calc(-4 * var(--dp, 1px));\n        }\n\n        &:not([data-type=\"literal\"]) {\n            padding: var(--md-sys-layout-space-8);\n        }\n    }\n\n    .editor {\n        border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n        border: var(--outline-width) solid var(--outline-color);\n        outline: var(--outline-width-focused) solid var(--outline-color-focused);\n\n        padding: var(--md-sys-layout-space-16);\n\n        display: inline-flex;\n        align-items: center;\n        gap: var(--md-sys-layout-space-16);\n\n        color: var(--editor-infix-color);\n\n        overflow: auto;\n        scrollbar-width: none;\n\n        transition:\n            border-color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            outline-color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        &[data-input] {\n            cursor: text;\n        }\n\n        &[data-trailing] {\n            padding-inline-end: var(--md-sys-layout-space-12);\n            padding-block: var(--md-sys-layout-space-8);\n        }\n\n        &[data-leading] {\n            padding-inline-start: var(--md-sys-layout-space-12);\n        }\n\n        &:not([data-disabled]) {\n            &[data-hovered] {\n                --outline-color: var(--outline-color-hovered-normal);\n\n                &[data-invalid] {\n                    --outline-color: var(--outline-color-hovered-invalid);\n                }\n            }\n\n            &[data-focus-visible],\n            &[data-focus-within],\n            &[data-focused],\n            &[data-open] {\n                --outline-color: var(--outline-color-focused-normal);\n                --outline-color-focused: var(--outline-color);\n\n                &[data-invalid] {\n                    --outline-color: var(--outline-color-focused-invalid);\n                }\n            }\n        }\n\n        &[data-disabled] {\n            cursor: default;\n        }\n\n        &[data-date-input] {\n            gap: 0;\n            padding: var(--md-sys-layout-space-8);\n        }\n    }\n\n    .editor-input-group {\n        display: inline-flex;\n        align-items: center;\n        inline-size: 100%;\n    }\n\n    .editor-input {\n        color: var(--editor-color);\n\n        &[data-input] {\n            inline-size: 100%;\n        }\n\n        &[data-textarea] {\n            resize: vertical;\n\n            /* 2dp for border thickness */\n            min-block-size: calc(58 * var(--dp, 1px));\n            max-block-size: calc(300 * var(--dp, 1px));\n\n            &[data-disabled] {\n                resize: none;\n            }\n        }\n\n        &[data-date-input] {\n            inline-size: 100%;\n        }\n\n        &::placeholder {\n            color: var(--placeholder-color);\n        }\n    }\n\n    .supporting-text {\n        padding-inline: var(--md-sys-layout-space-16);\n\n        display: inline-flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: var(--md-sys-layout-space-16);\n\n        transition: color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-leading] {\n            padding-inline-start: var(--md-sys-layout-space-12);\n        }\n\n        &[data-trailing] {\n            padding-inline-end: var(--md-sys-layout-space-12);\n        }\n    }\n\n    .character-count {\n        margin-inline-start: auto;\n    }\n}\n","import styles from \"./textField.module.css\";\n\n/**\n * Standard icon size (in pixels) for leading and trailing icons in text fields.\n */\nexport const TextFieldIconSize = 24;\n\n/** CSS class resetting browser-default text field container styles. */\nexport const UnsetStyles = styles[\"unset\"];\n\n/** CSS class providing color tokens for text fields. */\nexport const Colors = styles[\"colors\"];\n\n/** CSS class for the composite input group container. */\nexport const InputGroupStyles = styles[\"group\"];\n\n/** CSS class for the editable input container. */\nexport const EditorStyles = styles[\"editor\"];\n\n/** CSS class for the input element wrapper group. */\nexport const EditorInputGroupStyles = styles[\"editor-input-group\"];\n\n/** CSS class for native `<input>` and `<textarea>` elements. */\nexport const EditorInputStyles = styles[\"editor-input\"];\n\n/** CSS class for supporting text below text fields. */\nexport const SupportingTextStyles = styles[\"supporting-text\"];\n\n/** CSS class for the character count display. */\nexport const CharacterCountStyles = styles[\"character-count\"];\n\n/** CSS class for date field composite inputs. */\nexport const DateInputStyles = styles[\"date-input\"];\n\n/** CSS class for individual date segments within a date field. */\nexport const DateSegmentStyles = styles[\"date-segment\"];\n"],"mappings":";;;;;;;;;;A,GCKaE,IAAoB,IAGpBC,IAAcH,EAAOI,OAGrBC,IAASL,EAAOM,QAGhBC,IAAmBP,EAAOQ,OAG1BC,IAAeT,EAAOU,QAGtBC,IAAyBX,EAAO,uBAGhCY,IAAoBZ,EAAO,iBAG3Ba,IAAuBb,EAAO,oBAG9Bc,IAAuBd,EAAO,oBAG9Be,IAAkBf,EAAO,eAGzBgB,IAAoBhB,EAAO"}

package/dist/chunks/core5

@@ -3,7 +3,6 @@ import '../assets/core6.css';var e = {
 	"range-group": "_range-group_wt0w2_6",
 	popover: "_popover_wt0w2_10"
 }, t = e.popover, n = e.group, r = e["range-group"];
-//#endregion
 export { t as n, r, n as t };
 
 //# sourceMappingURL=core5.map

package/dist/chunks/core5.map

@@ -1 +1 @@
-{"version":3,"file":"core5","names":[],"sources":["../../src/components/Input/DatePicker/core/datePicker.module.css","../../src/components/Input/DatePicker/core/datePicker.ts"],"sourcesContent":["@layer adgytec.comps {\n    .group {\n        white-space: nowrap;\n    }\n\n    .range-group {\n        white-space: nowrap;\n    }\n\n    .popover {\n        box-shadow: var(--md-sys-elevation-shadow-3);\n        border-radius: var(--md-sys-shape-corner-radius-large);\n\n        overflow: auto;\n        scrollbar-width: thin;\n    }\n}\n","import styles from \"./datePicker.module.css\";\n\nexport const DatePickerPopoverStyles = styles[\"popover\"];\nexport const DatePickerGroupStyles = styles[\"group\"];\nexport const DateRangePickerDateInputGroupStyles = styles[\"range-group\"];\n"],"mappings":";;;;GCEa,IAA0B,EAAO,SACjC,IAAwB,EAAO,OAC/B,IAAsC,EAAO"}
+{"version":3,"file":"core5","names":["styles","datePicker_module_default","DatePickerPopoverStyles","\"popover\"","DatePickerGroupStyles","\"group\"","DateRangePickerDateInputGroupStyles"],"sources":["../../src/components/Input/DatePicker/core/datePicker.module.css","../../src/components/Input/DatePicker/core/datePicker.ts"],"sourcesContent":["@layer adgytec.comps {\n    .group {\n        white-space: nowrap;\n    }\n\n    .range-group {\n        white-space: nowrap;\n    }\n\n    .popover {\n        box-shadow: var(--md-sys-elevation-shadow-3);\n        border-radius: var(--md-sys-shape-corner-radius-large);\n\n        overflow: auto;\n        scrollbar-width: thin;\n    }\n}\n","import styles from \"./datePicker.module.css\";\n\n/** CSS class for the date picker popover container. */\nexport const DatePickerPopoverStyles = styles[\"popover\"];\n\n/** CSS class for the date picker input group container. */\nexport const DatePickerGroupStyles = styles[\"group\"];\n\n/** CSS class for the date range picker input group container. */\nexport const DateRangePickerDateInputGroupStyles = styles[\"range-group\"];\n"],"mappings":";;;;A,GCGaE,IAA0BF,EAAOG,SAGjCC,IAAwBJ,EAAOK,OAG/BC,IAAsCN,EAAO"}

package/dist/chunks/core6

@@ -1,22 +1,21 @@
 import '../assets/core7.css';var e = {
-	color: "_color_1dbnb_19",
-	label: "_label_1dbnb_112",
-	"menu-color": "_menu-color_1dbnb_116",
-	standard: "_standard_1dbnb_161",
-	vibrant: "_vibrant_1dbnb_192"
+	color: "_color_tp8ri_19",
+	label: "_label_tp8ri_112",
+	"menu-color": "_menu-color_tp8ri_116",
+	standard: "_standard_tp8ri_161",
+	vibrant: "_vibrant_tp8ri_192"
 }, t = e.color, n = e.label, r = (t) => e[t], i = e["menu-color"], a = {
-	layout: "_layout_1rvzv_3",
-	standard: "_standard_1rvzv_43",
-	grouped: "_grouped_1rvzv_58"
+	layout: "_layout_h5vff_3",
+	standard: "_standard_h5vff_43",
+	grouped: "_grouped_h5vff_58"
 }, o = 20, s = a.layout, c = (e) => a[e], l = {
-	menu: "_menu_px1ka_2",
-	"menu-section": "_menu-section_px1ka_26",
-	"menu-section-header": "_menu-section-header_px1ka_43",
-	"menu-item": "_menu-item_px1ka_49",
-	"menu-item-leading": "_menu-item-leading_px1ka_87",
-	"menu-item-trailing": "_menu-item-trailing_px1ka_88"
+	menu: "_menu_1c73h_2",
+	"menu-section": "_menu-section_1c73h_23",
+	"menu-section-header": "_menu-section-header_1c73h_40",
+	"menu-item": "_menu-item_1c73h_46",
+	"menu-item-leading": "_menu-item-leading_1c73h_84",
+	"menu-item-trailing": "_menu-item-trailing_1c73h_85"
 }, u = l.menu, d = l["menu-section"], f = l["menu-section-header"], p = l["menu-item"], m = l["menu-item-leading"], h = l["menu-item-trailing"];
-//#endregion
 export { d as a, o as c, r as d, t as f, f as i, c as l, p as n, u as o, n as p, h as r, s, m as t, i as u };
 
 //# sourceMappingURL=core6.map

package/dist/chunks/core6.map

@@ -1 +1 @@
-{"version":3,"file":"core6","names":[],"sources":["../../src/components/Menu/core/color.module.css","../../src/components/Menu/core/color.ts","../../src/components/Menu/core/layout.module.css","../../src/components/Menu/core/layout.ts","../../src/components/Menu/core/menu.module.css","../../src/components/Menu/core/menu.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-menu-background\n* --md-menu-section-label-color\n*\n* --md-menu-item-background\n* --md-menu-item-selected-background\n*\n* --md-menu-item-color\n* --md-menu-item-selected-color\n*\n* --md-menu-item-label-color\n* --menu-item-selected-label-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    /* this is used by individual menu items */\n    .color {\n        /* state layer */\n        --_state-color: var(--_label-color);\n        --_state-layer-opacity: 0;\n\n        --_state-layer-color: rgb(\n            from var(--_state-color) r g b /\n            var(--_state-layer-opacity)\n        );\n\n        /* variables to use */\n        --_background-color: var(--_md-menu-item-background);\n        --_color: var(--_md-menu-item-color);\n        --_label-color: var(--_md-menu-item-label-color);\n\n        /* styles */\n        background-color: var(--_background-color);\n        color: var(--_color);\n\n        &[data-selected] {\n            --_background-color: var(--_md-menu-item-selected-background);\n            --_color: var(--_md-menu-item-selected-color);\n            --_label-color: var(--_menu-item-selected-label-color);\n        }\n\n        &[data-hovered] {\n            --_state-layer-opacity: var(--md-sys-state-hover);\n        }\n\n        &[data-focus-visible] {\n            --_state-layer-opacity: var(--md-sys-state-focus);\n        }\n\n        &[data-open] {\n            --_state-layer-opacity: 0.08;\n        }\n\n        &[data-pressed] {\n            --_state-layer-opacity: var(--md-sys-state-pressed);\n        }\n\n        &[data-disabled] {\n            --_label-color: rgb(\n                from var(--_md-menu-item-label-color) r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            --_color: var(--_label-color);\n\n            &[data-selected] {\n                --_background-color: rgb(\n                    from var(--_md-menu-item-selected-background) r g b /\n                    var(--md-sys-state-disabled-container)\n                );\n                --_label-color: rgb(\n                    from var(--_menu-item-selected-label-color) r g b /\n                    var(--md-sys-state-disabled-content)\n                );\n            }\n        }\n    }\n\n    /* state layer */\n    .color::before {\n        content: \"\";\n\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n\n        background-color: var(--_state-layer-color);\n\n        transition: background-color var(--md-sys-motion-standard-fast-spatial)\n            var(--md-sys-motion-standard-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n\n    /* focus indicator */\n    .color[data-focus-visible] {\n        --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n        --focus-indicator-offset: calc(2 * var(--dp, 1px));\n        --focus-indicator-color: var(--md-sys-color-secondary);\n\n        outline-width: var(--focus-indicator-thickness);\n        outline-style: solid;\n        outline-offset: var(--focus-indicator-offset);\n        outline-color: var(--focus-indicator-color);\n        z-index: 1;\n    }\n\n    /* menu label */\n    .label {\n        color: var(--_label-color);\n    }\n\n    .menu-color {\n        --_md-menu-background: var(\n            --md-menu-background,\n            var(--_md-menu-background-default)\n        );\n        --_md-menu-section-label-color: var(\n            --md-menu-section-label-color,\n            var(--_md-menu-section-label-color-default)\n        );\n\n        /* menu item */\n\n        /* background */\n        --_md-menu-item-background: var(\n            --md-menu-item-background,\n            var(--_md-menu-item-background-default)\n        );\n        --_md-menu-item-selected-background: var(\n            --md-menu-item-selected-background,\n            var(--_md-menu-item-selected-background-default)\n        );\n\n        /* color */\n        --_md-menu-item-color: var(\n            --md-menu-item-color,\n            var(--_md-menu-item-color-default)\n        );\n        --_md-menu-item-selected-color: var(\n            --md-menu-item-selected-color,\n            var(--_md-menu-item-selected-color-default)\n        );\n\n        /* label color */\n        --_md-menu-item-label-color: var(\n            --md-menu-item-label-color,\n            var(--_md-menu-item-label-color-default)\n        );\n        --_menu-item-selected-label-color: var(\n            --menu-item-selected-label-color,\n            var(--_menu-item-selected-label-color-default)\n        );\n\n        --md-divider-color: var(--_md-menu-item-color);\n    }\n\n    .standard {\n        --_md-menu-background-default: var(\n            --md-sys-color-surface-container-low\n        );\n        --_md-menu-section-label-color-default: var(\n            --md-sys-color-on-surface-variant\n        );\n\n        /* menu item */\n\n        /* background */\n        --_md-menu-item-background-default: var(\n            --md-sys-color-surface-container-low\n        );\n        --_md-menu-item-selected-background-default: var(\n            --md-sys-color-tertiary-container\n        );\n\n        /* color */\n        --_md-menu-item-color-default: var(--md-sys-color-on-surface-variant);\n        --_md-menu-item-selected-color-default: var(\n            --md-sys-color-on-tertiary-container\n        );\n\n        /* label color */\n        --_md-menu-item-label-color-default: var(--md-sys-color-on-surface);\n        --_menu-item-selected-label-color-default: var(\n            --md-sys-color-on-tertiary-container\n        );\n    }\n\n    .vibrant {\n        --_md-menu-background-default: var(--md-sys-color-tertiary-container);\n        --_md-menu-section-label-color-default: var(\n            --md-sys-color-on-tertiary-container\n        );\n\n        /* menu item */\n\n        /* background */\n        --_md-menu-item-background-default: var(\n            --md-sys-color-tertiary-container\n        );\n        --_md-menu-item-selected-background-default: var(\n            --md-sys-color-tertiary\n        );\n\n        /* color */\n        --_md-menu-item-color-default: var(\n            --md-sys-color-on-tertiary-container\n        );\n        --_md-menu-item-selected-color-default: var(--md-sys-color-on-tertiary);\n\n        /* label color */\n        --_md-menu-item-label-color-default: var(\n            --md-sys-color-on-tertiary-container\n        );\n        --_menu-item-selected-label-color-default: var(\n            --md-sys-color-on-tertiary\n        );\n    }\n}\n","import styles from \"./color.module.css\";\n\nexport type MenuColor = \"standard\" | \"vibrant\";\n\nexport const menuItemBaseColor = styles[\"color\"];\n\nexport const menuItemLabelColor = styles[\"label\"];\n\nexport const menuColorConfig = (color: MenuColor) => {\n    return styles[color];\n};\nexport const menuBaseColor = styles[\"menu-color\"];\n","@layer adgytec.comps {\n    /* core menu tokens */\n    .layout {\n        /* tokens used either by menu or menu section based on layout value */\n        --_md-menu-elevation: var(--md-sys-elevation-shadow-3);\n        --_md-menu-gap: calc(2 * var(--dp, 1px));\n        --_md-menu-padding: var(--md-sys-layout-space-4);\n\n        /* shape */\n        --_md-menu-shape: var(--md-sys-shape-corner-radius-small);\n        --_md-menu-section-shape: var(--md-sys-shape-corner-radius-small);\n\n        /* menu item */\n\n        --_md-menu-item-shape: var(--md-sys-shape-corner-radius-extra-small);\n        --_md-menu-item-outer-shape: var(--md-sys-shape-corner-radius-medium);\n        --_md-menu-item-selected-shape: var(\n            --md-sys-shape-corner-radius-medium\n        );\n\n        /* Vertical padding when item contains only a single-line label */\n        /* Centers 20px label within 44px container */\n        --_md-menu-item-padding-block-single-line: var(\n            --md-sys-layout-space-12\n        );\n\n        /* Vertical padding when item contains label + supporting text */\n        /* Reduced padding to fit two text lines (20px + 16px) with 2px gap inside 44px container */\n        --_md-menu-item-padding-block-multi-line: calc(3 * var(--dp, 1px));\n\n        /* Horizontal padding inside each menu item (excluding outer menu padding) */\n        /* Total visual inset = menu container padding (4) + this value (12) */\n        --_md-menu-item-padding-inline-content: var(--md-sys-layout-space-12);\n\n        /* Spacing between elements inside a menu item (icon, text, trailing, etc.) */\n        --_md-menu-item-content-gap: var(--md-sys-layout-space-8);\n\n        &:focus-within {\n            --_md-menu-shape: var(--md-sys-shape-corner-radius-large);\n        }\n    }\n\n    .standard {\n        --_menu-elevation: var(--_md-menu-elevation);\n        --_menu-padding: var(--_md-menu-padding);\n        --_menu-shape: var(--_md-menu-shape);\n        --_menu-background: var(--_md-menu-background);\n\n        --_menu-section-elevation: none;\n        --_menu-section-padding: 0;\n        --_menu-section-shape: 0;\n        --_menu-section-outer-shape: 0;\n        --_menu-section-background: transparent;\n\n        --_menu-item-elevation: none;\n    }\n\n    .grouped {\n        --_menu-elevation: none;\n        --_menu-padding: 0;\n        --_menu-shape: var(--_md-menu-shape);\n        --_menu-background: transparent;\n\n        --_menu-section-elevation: var(--_md-menu-elevation);\n        --_menu-section-padding: var(--_md-menu-padding);\n        --_menu-section-outer-shape: var(--_md-menu-shape);\n        --_menu-section-shape: var(--_md-menu-section-shape);\n        --_menu-section-background: var(--_md-menu-background);\n\n        --_menu-item-elevation: var(--_md-menu-elevation);\n    }\n}\n","import styles from \"./layout.module.css\";\n\nexport type MenuLayout = \"standard\" | \"grouped\";\n\nexport const MenuItemIconSize = 20;\n\nexport const MenuBaseLayout = styles[\"layout\"];\n\nexport const menuLayoutConfig = (layout: MenuLayout) => {\n    return styles[layout];\n};\n","@layer adgytec.comps {\n    .menu {\n        background-color: var(--_menu-background);\n        box-shadow: var(--_menu-elevation);\n        border-radius: var(--_menu-shape);\n        padding: var(--_menu-padding);\n\n        outline: none;\n\n        display: grid;\n        gap: var(--_md-menu-gap);\n\n        min-inline-size: min(100svi, calc(160 * var(--dp, 1px)));\n\n        overflow: auto;\n        scrollbar-width: thin;\n\n        transition: border-radius 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    .menu-section {\n        background-color: var(--_menu-section-background);\n        box-shadow: var(--_menu-section-elevation);\n        border-radius: var(--_menu-section-shape);\n        padding: var(--_menu-section-padding);\n\n        display: grid;\n        gap: var(--_md-menu-gap);\n\n        transition: border-radius 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    .menu-section-header {\n        padding-inline: var(--_md-menu-item-padding-inline-content);\n        padding-block: var(--md-sys-layout-space-8);\n        color: var(--_md-menu-section-label-color);\n    }\n\n    .menu-item {\n        --_menu-item-padding-block: var(\n            --_md-menu-item-padding-block-single-line\n        );\n\n        position: relative;\n        outline: none;\n        overflow: clip;\n\n        display: flex;\n        gap: var(--_md-menu-item-content-gap);\n        align-items: center;\n        justify-content: space-between;\n\n        padding-inline: var(--_md-menu-item-padding-inline-content);\n        padding-block: var(--_menu-item-padding-block);\n\n        border-radius: var(--_md-menu-item-shape);\n\n        transition:\n            border-radius var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration),\n            background-color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        &[data-multi-line] {\n            --_menu-item-padding-block: var(\n                --_md-menu-item-padding-block-multi-line\n            );\n        }\n\n        &[data-selected] {\n            border-radius: var(--_md-menu-item-selected-shape);\n        }\n    }\n\n    .menu-item-leading,\n    .menu-item-trailing {\n        display: flex;\n        gap: var(--_md-menu-item-content-gap);\n        align-items: center;\n    }\n\n    /* menu -> menu item elevation */\n    .menu > .menu-item {\n        box-shadow: var(--_menu-item-elevation);\n    }\n\n    /* menu -> menu section shape */\n    .menu > .menu-section:first-child {\n        border-start-start-radius: var(--_menu-section-outer-shape);\n        border-start-end-radius: var(--_menu-section-outer-shape);\n    }\n\n    .menu > .menu-section:last-child {\n        border-end-start-radius: var(--_menu-section-outer-shape);\n        border-end-end-radius: var(--_menu-section-outer-shape);\n    }\n\n    /* menu -> menu item shape (only if NOT selected) */\n    .menu > .menu-item:not([data-selected]):first-child {\n        border-start-start-radius: var(--_md-menu-shape);\n        border-start-end-radius: var(--_md-menu-shape);\n    }\n\n    .menu > .menu-item:not([data-selected]):last-child {\n        border-end-start-radius: var(--_md-menu-shape);\n        border-end-end-radius: var(--_md-menu-shape);\n    }\n\n    /* menu section -> menu item shape (only if NOT selected) */\n    .menu > .menu-section:first-child\n        > .menu-item:not([data-selected]):first-child {\n        border-start-start-radius: var(--_md-menu-shape);\n        border-start-end-radius: var(--_md-menu-shape);\n    }\n\n    .menu\n        > .menu-section:last-child\n        > .menu-item:not([data-selected]):last-child {\n        border-end-start-radius: var(--_md-menu-shape);\n        border-end-end-radius: var(--_md-menu-shape);\n    }\n}\n","import styles from \"./menu.module.css\";\n\nexport const MenuStyles = styles[\"menu\"];\nexport const MenuSectionStyles = styles[\"menu-section\"];\nexport const MenuSectionHeaderStyles = styles[\"menu-section-header\"];\n\nexport const MenuItemStyles = styles[\"menu-item\"];\nexport const MenuItemLeadingStyles = styles[\"menu-item-leading\"];\nexport const MenuItemTrailingStyles = styles[\"menu-item-trailing\"];\n"],"mappings":";;;;;;GCIa,IAAoB,EAAO,OAE3B,IAAqB,EAAO,OAE5B,KAAmB,MACrB,EAAO,IAEL,IAAgB,EAAO;;;;GEPvB,IAAmB,IAEnB,IAAiB,EAAO,QAExB,KAAoB,MACtB,EAAO;;;;;;;GEPL,IAAa,EAAO,MACpB,IAAoB,EAAO,iBAC3B,IAA0B,EAAO,wBAEjC,IAAiB,EAAO,cACxB,IAAwB,EAAO,sBAC/B,IAAyB,EAAO"}
+{"version":3,"file":"core6","names":["standard","styles","styles","styles","color_module_default","menuItemBaseColor","\"color\"","menuItemLabelColor","\"label\"","menuColorConfig","color","menuBaseColor","layout_module_default","MenuItemIconSize","MenuBaseLayout","\"layout\"","menuLayoutConfig","layout","menu_module_default","MenuStyles","\"menu\"","MenuSectionStyles","MenuSectionHeaderStyles","MenuItemStyles","MenuItemLeadingStyles","MenuItemTrailingStyles"],"sources":["../../src/components/Menu/core/color.module.css","../../src/components/Menu/core/color.ts","../../src/components/Menu/core/layout.module.css","../../src/components/Menu/core/layout.ts","../../src/components/Menu/core/menu.module.css","../../src/components/Menu/core/menu.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-menu-background\n* --md-menu-section-label-color\n*\n* --md-menu-item-background\n* --md-menu-item-selected-background\n*\n* --md-menu-item-color\n* --md-menu-item-selected-color\n*\n* --md-menu-item-label-color\n* --menu-item-selected-label-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    /* this is used by individual menu items */\n    .color {\n        /* state layer */\n        --_state-color: var(--_label-color);\n        --_state-layer-opacity: 0;\n\n        --_state-layer-color: rgb(\n            from var(--_state-color) r g b /\n            var(--_state-layer-opacity)\n        );\n\n        /* variables to use */\n        --_background-color: var(--_md-menu-item-background);\n        --_color: var(--_md-menu-item-color);\n        --_label-color: var(--_md-menu-item-label-color);\n\n        /* styles */\n        background-color: var(--_background-color);\n        color: var(--_color);\n\n        &[data-selected] {\n            --_background-color: var(--_md-menu-item-selected-background);\n            --_color: var(--_md-menu-item-selected-color);\n            --_label-color: var(--_menu-item-selected-label-color);\n        }\n\n        &[data-hovered] {\n            --_state-layer-opacity: var(--md-sys-state-hover);\n        }\n\n        &[data-focus-visible] {\n            --_state-layer-opacity: var(--md-sys-state-focus);\n        }\n\n        &[data-open] {\n            --_state-layer-opacity: 0.08;\n        }\n\n        &[data-pressed] {\n            --_state-layer-opacity: var(--md-sys-state-pressed);\n        }\n\n        &[data-disabled] {\n            --_label-color: rgb(\n                from var(--_md-menu-item-label-color) r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            --_color: var(--_label-color);\n\n            &[data-selected] {\n                --_background-color: rgb(\n                    from var(--_md-menu-item-selected-background) r g b /\n                    var(--md-sys-state-disabled-container)\n                );\n                --_label-color: rgb(\n                    from var(--_menu-item-selected-label-color) r g b /\n                    var(--md-sys-state-disabled-content)\n                );\n            }\n        }\n    }\n\n    /* state layer */\n    .color::before {\n        content: \"\";\n\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n\n        background-color: var(--_state-layer-color);\n\n        transition: background-color var(--md-sys-motion-standard-fast-spatial)\n            var(--md-sys-motion-standard-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n\n    /* focus indicator */\n    .color[data-focus-visible] {\n        --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n        --focus-indicator-offset: calc(1 * var(--dp, 1px));\n        --focus-indicator-color: var(--md-sys-color-secondary);\n\n        outline-width: var(--focus-indicator-thickness);\n        outline-style: solid;\n        outline-offset: var(--focus-indicator-offset);\n        outline-color: var(--focus-indicator-color);\n        z-index: 1;\n    }\n\n    /* menu label */\n    .label {\n        color: var(--_label-color);\n    }\n\n    .menu-color {\n        --_md-menu-background: var(\n            --md-menu-background,\n            var(--_md-menu-background-default)\n        );\n        --_md-menu-section-label-color: var(\n            --md-menu-section-label-color,\n            var(--_md-menu-section-label-color-default)\n        );\n\n        /* menu item */\n\n        /* background */\n        --_md-menu-item-background: var(\n            --md-menu-item-background,\n            var(--_md-menu-item-background-default)\n        );\n        --_md-menu-item-selected-background: var(\n            --md-menu-item-selected-background,\n            var(--_md-menu-item-selected-background-default)\n        );\n\n        /* color */\n        --_md-menu-item-color: var(\n            --md-menu-item-color,\n            var(--_md-menu-item-color-default)\n        );\n        --_md-menu-item-selected-color: var(\n            --md-menu-item-selected-color,\n            var(--_md-menu-item-selected-color-default)\n        );\n\n        /* label color */\n        --_md-menu-item-label-color: var(\n            --md-menu-item-label-color,\n            var(--_md-menu-item-label-color-default)\n        );\n        --_menu-item-selected-label-color: var(\n            --menu-item-selected-label-color,\n            var(--_menu-item-selected-label-color-default)\n        );\n\n        --md-divider-color: var(--_md-menu-item-color);\n    }\n\n    .standard {\n        --_md-menu-background-default: var(\n            --md-sys-color-surface-container-low\n        );\n        --_md-menu-section-label-color-default: var(\n            --md-sys-color-on-surface-variant\n        );\n\n        /* menu item */\n\n        /* background */\n        --_md-menu-item-background-default: var(\n            --md-sys-color-surface-container-low\n        );\n        --_md-menu-item-selected-background-default: var(\n            --md-sys-color-tertiary-container\n        );\n\n        /* color */\n        --_md-menu-item-color-default: var(--md-sys-color-on-surface-variant);\n        --_md-menu-item-selected-color-default: var(\n            --md-sys-color-on-tertiary-container\n        );\n\n        /* label color */\n        --_md-menu-item-label-color-default: var(--md-sys-color-on-surface);\n        --_menu-item-selected-label-color-default: var(\n            --md-sys-color-on-tertiary-container\n        );\n    }\n\n    .vibrant {\n        --_md-menu-background-default: var(--md-sys-color-tertiary-container);\n        --_md-menu-section-label-color-default: var(\n            --md-sys-color-on-tertiary-container\n        );\n\n        /* menu item */\n\n        /* background */\n        --_md-menu-item-background-default: var(\n            --md-sys-color-tertiary-container\n        );\n        --_md-menu-item-selected-background-default: var(\n            --md-sys-color-tertiary\n        );\n\n        /* color */\n        --_md-menu-item-color-default: var(\n            --md-sys-color-on-tertiary-container\n        );\n        --_md-menu-item-selected-color-default: var(--md-sys-color-on-tertiary);\n\n        /* label color */\n        --_md-menu-item-label-color-default: var(\n            --md-sys-color-on-tertiary-container\n        );\n        --_menu-item-selected-label-color-default: var(\n            --md-sys-color-on-tertiary\n        );\n    }\n}\n","import styles from \"./color.module.css\";\n\n/**\n * Color scheme variants for the menu system:\n * - `\"standard\"`: Neutral container surface with on-surface text and secondary container selection.\n * - `\"vibrant\"`: Tertiary container surface with high-contrast tertiary accents.\n */\nexport type MenuColor = \"standard\" | \"vibrant\";\n\n/**\n * CSS class applying the base icon and supporting text color to menu items.\n */\nexport const menuItemBaseColor = styles[\"color\"];\n\n/**\n * CSS class applying the primary label text color to menu items.\n */\nexport const menuItemLabelColor = styles[\"label\"];\n\n/**\n * Resolves the CSS class corresponding to a given [`MenuColor`](src/components/Menu/core/color.ts#L8) variant.\n *\n * @param color - The selected color variant.\n * @returns The CSS class name.\n */\nexport const menuColorConfig = (color: MenuColor) => {\n    return styles[color];\n};\n\n/**\n * CSS class applying base surface coloring to the menu container.\n */\nexport const menuBaseColor = styles[\"menu-color\"];\n","@layer adgytec.comps {\n    /* core menu tokens */\n    .layout {\n        /* tokens used either by menu or menu section based on layout value */\n        --_md-menu-elevation: var(--md-sys-elevation-shadow-3);\n        --_md-menu-gap: calc(2 * var(--dp, 1px));\n        --_md-menu-padding: var(--md-sys-layout-space-4);\n\n        /* shape */\n        --_md-menu-shape: var(--md-sys-shape-corner-radius-small);\n        --_md-menu-section-shape: var(--md-sys-shape-corner-radius-small);\n\n        /* menu item */\n\n        --_md-menu-item-shape: var(--md-sys-shape-corner-radius-extra-small);\n        --_md-menu-item-outer-shape: var(--md-sys-shape-corner-radius-medium);\n        --_md-menu-item-selected-shape: var(\n            --md-sys-shape-corner-radius-medium\n        );\n\n        /* Vertical padding when item contains only a single-line label */\n        /* Centers 20px label within 44px container */\n        --_md-menu-item-padding-block-single-line: var(\n            --md-sys-layout-space-12\n        );\n\n        /* Vertical padding when item contains label + supporting text */\n        /* Reduced padding to fit two text lines (20px + 16px) with 2px gap inside 44px container */\n        --_md-menu-item-padding-block-multi-line: calc(3 * var(--dp, 1px));\n\n        /* Horizontal padding inside each menu item (excluding outer menu padding) */\n        /* Total visual inset = menu container padding (4) + this value (12) */\n        --_md-menu-item-padding-inline-content: var(--md-sys-layout-space-12);\n\n        /* Spacing between elements inside a menu item (icon, text, trailing, etc.) */\n        --_md-menu-item-content-gap: var(--md-sys-layout-space-8);\n\n        &:focus-within {\n            --_md-menu-shape: var(--md-sys-shape-corner-radius-large);\n        }\n    }\n\n    .standard {\n        --_menu-elevation: var(--_md-menu-elevation);\n        --_menu-padding: var(--_md-menu-padding);\n        --_menu-shape: var(--_md-menu-shape);\n        --_menu-background: var(--_md-menu-background);\n\n        --_menu-section-elevation: none;\n        --_menu-section-padding: 0;\n        --_menu-section-shape: 0;\n        --_menu-section-outer-shape: 0;\n        --_menu-section-background: transparent;\n\n        --_menu-item-elevation: none;\n    }\n\n    .grouped {\n        --_md-menu-elevation: var(--md-sys-elevation-shadow-2);\n\n        --_menu-elevation: none;\n        --_menu-padding: 0;\n        --_menu-shape: var(--_md-menu-shape);\n        --_menu-background: transparent;\n\n        --_menu-section-elevation: var(--_md-menu-elevation);\n        --_menu-section-padding: var(--_md-menu-padding);\n        --_menu-section-outer-shape: var(--_md-menu-shape);\n        --_menu-section-shape: var(--_md-menu-section-shape);\n        --_menu-section-background: var(--_md-menu-background);\n\n        --_menu-item-elevation: var(--_md-menu-elevation);\n    }\n}\n","import styles from \"./layout.module.css\";\n\n/**\n * Layout density variants for the menu:\n * - `\"standard\"`: Default density with standard item heights and padding.\n * - `\"grouped\"`: Grouped layout with compact spacing for nested or sectioned menus.\n */\nexport type MenuLayout = \"standard\" | \"grouped\";\n\n/**\n * Standard dimension (20px) for leading and trailing icons in menu items.\n */\nexport const MenuItemIconSize = 20;\n\n/**\n * CSS class applying the base flex layout to the menu list.\n */\nexport const MenuBaseLayout = styles[\"layout\"];\n\n/**\n * Resolves the CSS class corresponding to a given [`MenuLayout`](src/components/Menu/core/layout.ts#L8) variant.\n *\n * @param layout - The layout density variant.\n * @returns The CSS class name.\n */\nexport const menuLayoutConfig = (layout: MenuLayout) => {\n    return styles[layout];\n};\n","@layer adgytec.comps {\n    .menu {\n        background-color: var(--_menu-background);\n        box-shadow: var(--_menu-elevation);\n        border-radius: var(--_menu-shape);\n        padding: var(--_menu-padding);\n\n        outline: none;\n\n        display: grid;\n        gap: var(--_md-menu-gap);\n\n        min-inline-size: min(100svi, calc(160 * var(--dp, 1px)));\n\n        transition: border-radius 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    .menu-section {\n        background-color: var(--_menu-section-background);\n        box-shadow: var(--_menu-section-elevation);\n        border-radius: var(--_menu-section-shape);\n        padding: var(--_menu-section-padding);\n\n        display: grid;\n        gap: var(--_md-menu-gap);\n\n        transition: border-radius 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    .menu-section-header {\n        padding-inline: var(--_md-menu-item-padding-inline-content);\n        padding-block: var(--md-sys-layout-space-8);\n        color: var(--_md-menu-section-label-color);\n    }\n\n    .menu-item {\n        --_menu-item-padding-block: var(\n            --_md-menu-item-padding-block-single-line\n        );\n\n        position: relative;\n        outline: none;\n        overflow: clip;\n\n        display: flex;\n        gap: var(--_md-menu-item-content-gap);\n        align-items: center;\n        justify-content: space-between;\n\n        padding-inline: var(--_md-menu-item-padding-inline-content);\n        padding-block: var(--_menu-item-padding-block);\n\n        border-radius: var(--_md-menu-item-shape);\n\n        transition:\n            border-radius var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration),\n            background-color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            color var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        &[data-multi-line] {\n            --_menu-item-padding-block: var(\n                --_md-menu-item-padding-block-multi-line\n            );\n        }\n\n        &[data-selected] {\n            border-radius: var(--_md-menu-item-selected-shape);\n        }\n    }\n\n    .menu-item-leading,\n    .menu-item-trailing {\n        display: flex;\n        gap: var(--_md-menu-item-content-gap);\n        align-items: center;\n    }\n\n    /* menu -> menu item elevation */\n    .menu > .menu-item {\n        box-shadow: var(--_menu-item-elevation);\n    }\n\n    /* menu -> menu section shape */\n    .menu > .menu-section:first-child {\n        border-start-start-radius: var(--_menu-section-outer-shape);\n        border-start-end-radius: var(--_menu-section-outer-shape);\n    }\n\n    .menu > .menu-section:last-child {\n        border-end-start-radius: var(--_menu-section-outer-shape);\n        border-end-end-radius: var(--_menu-section-outer-shape);\n    }\n\n    /* menu -> menu item shape (only if NOT selected) */\n    .menu > .menu-item:not([data-selected]):first-child {\n        border-start-start-radius: var(--_md-menu-shape);\n        border-start-end-radius: var(--_md-menu-shape);\n    }\n\n    .menu > .menu-item:not([data-selected]):last-child {\n        border-end-start-radius: var(--_md-menu-shape);\n        border-end-end-radius: var(--_md-menu-shape);\n    }\n\n    /* menu section -> menu item shape (only if NOT selected) */\n    .menu\n        > .menu-section:first-child\n        > .menu-item:not([data-selected]):first-child {\n        border-start-start-radius: var(--_md-menu-shape);\n        border-start-end-radius: var(--_md-menu-shape);\n    }\n\n    .menu\n        > .menu-section:last-child\n        > .menu-item:not([data-selected]):last-child {\n        border-end-start-radius: var(--_md-menu-shape);\n        border-end-end-radius: var(--_md-menu-shape);\n    }\n}\n","import styles from \"./menu.module.css\";\n\n/**\n * CSS class for the root menu list element.\n */\nexport const MenuStyles = styles[\"menu\"];\n\n/**\n * CSS class for a menu section grouping element.\n */\nexport const MenuSectionStyles = styles[\"menu-section\"];\n\n/**\n * CSS class for a menu section header text element.\n */\nexport const MenuSectionHeaderStyles = styles[\"menu-section-header\"];\n\n/**\n * CSS class for an individual interactive menu item container.\n */\nexport const MenuItemStyles = styles[\"menu-item\"];\n\n/**\n * CSS class for the leading content wrapper (icon, label, supporting text) of a menu item.\n */\nexport const MenuItemLeadingStyles = styles[\"menu-item-leading\"];\n\n/**\n * CSS class for the trailing content wrapper (trailing text, shortcut, chevron) of a menu item.\n */\nexport const MenuItemTrailingStyles = styles[\"menu-item-trailing\"];\n"],"mappings":";;;;;;A,GCYaK,IAAoBJ,EAAOK,OAK3BC,IAAqBN,EAAOO,OAQ5BC,KAAmB,MACrBR,EAAOS,IAMLC,IAAgBV,EAAO,e;;;;A,GEpBvBY,IAAmB,IAKnBC,IAAiBZ,EAAOa,QAQxBC,KAAoB,MACtBd,EAAOe,I;;;;;;;A,GErBLE,IAAahB,EAAOiB,MAKpBC,IAAoBlB,EAAO,iBAK3BmB,IAA0BnB,EAAO,wBAKjCoB,IAAiBpB,EAAO,cAKxBqB,IAAwBrB,EAAO,sBAK/BsB,IAAyBtB,EAAO"}

package/dist/chunks/core7

@@ -1,5 +1,4 @@
-import '../assets/core8.css';//#endregion
-//#region src/components/Input/Slider/core/color.ts
+import '../assets/core8.css';// src/components/Input/Slider/core/color.ts
 var e = { colors: "_colors_19hg3_20" }.colors, t = {
 	slider: "_slider_adt2x_2",
 	"track-container": "_track-container_adt2x_13",
@@ -13,14 +12,12 @@ var e = { colors: "_colors_19hg3_20" }.colors, t = {
 function a(e) {
 	return t[e];
 }
-//#endregion
-//#region src/components/Input/Slider/core/variant.module.css
+// src/components/Input/Slider/core/variant.module.css
 var o = {
 	"visual-track": "_visual-track_tf6eb_2",
 	"active-track": "_active-track_tf6eb_24",
 	"inactive-track": "_inactive-track_tf6eb_61"
 }, s = o["visual-track"], c = o["active-track"], l = o["inactive-track"];
-//#endregion
 export { n as a, e as c, a as i, l as n, r as o, s as r, i as s, c as t };
 
 //# sourceMappingURL=core7.map

package/dist/chunks/core7.map

@@ -1 +1 @@
-{"version":3,"file":"core7","names":[],"sources":["../../src/components/Input/Slider/core/color.module.css","../../src/components/Input/Slider/core/color.ts","../../src/components/Input/Slider/core/size.module.css","../../src/components/Input/Slider/core/size.ts","../../src/components/Input/Slider/core/variant.module.css","../../src/components/Input/Slider/core/variant.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-slider-active-track-color\n* --md-slider-inactive-track-color\n*\n* --md-slider-thumb-color\n*\n* --md-slider-active-stop-color\n* --md-slider-inactive-stop-color\n*\n* --md-slider-output-background\n* --md-slider-output-color\n*\n* --md-slider-icon-color\n* --md-slider-minimum-value-icon-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .colors {\n        --_md-slider-active-track-color: var(\n            --md-slider-active-track-color,\n            var(--md-sys-color-primary)\n        );\n        --_md-slider-inactive-track-color: var(\n            --md-slider-inactive-track-color,\n            var(--md-sys-color-secondary-container)\n        );\n\n        --_md-slider-thumb-color: var(\n            --md-slider-thumb-color,\n            var(--_md-slider-active-track-color)\n        );\n\n        --_md-slider-active-stop-color: var(\n            --md-slider-active-stop-color,\n            var(--md-sys-color-on-primary)\n        );\n        --_md-slider-inactive-stop-color: var(\n            --md-slider-inactive-stop-color,\n            var(--md-sys-color-on-secondary-container)\n        );\n\n        --_md-slider-output-background: var(\n            --md-slider-output-background,\n            var(--md-sys-color-inverse-surface)\n        );\n        --_md-slider-output-color: var(\n            --md-slider-output-color,\n            var(--md-sys-color-inverse-on-surface)\n        );\n\n        --_md-slider-icon-color: var(\n            --md-slider-icon-color,\n            var(--md-sys-color-on-primary)\n        );\n        --_md-slider-minimum-value-icon-color: var(\n            --md-slider-minimum-value-icon-color,\n            var(--md-sys-color-on-secondary-container)\n        );\n    }\n}\n","import styles from \"./color.module.css\";\n\nexport const SliderColors = styles[\"colors\"];\n","@layer adgytec.comps {\n    .slider {\n        --_track-gap: var(--md-sys-layout-space-16);\n        --_orientation-inset: calc(-1 * calc(var(--_track-gap) / 2));\n\n        display: flex;\n        flex-direction: column;\n        gap: var(--md-sys-layout-space-4);\n\n        block-size: 100%;\n    }\n\n    .track-container {\n        flex: 1;\n        padding: calc(-1 * var(--_orientation-inset));\n\n        &[data-orientation=\"vertical\"] {\n            align-self: center;\n        }\n    }\n\n    .track {\n        --_md-slider-track-inner-shape: calc(2 * var(--dp, 1px));\n\n        --_active-track-color: var(--_md-slider-active-track-color);\n        --_inactive-track-color: var(--_md-slider-inactive-track-color);\n\n        &[data-orientation=\"horizontal\"] {\n            inline-size: 100%;\n            block-size: var(--_md-slider-track-size);\n        }\n\n        &[data-orientation=\"vertical\"] {\n            block-size: 100%;\n            inline-size: var(--_md-slider-track-size);\n        }\n\n        &[data-disabled] {\n            --_active-track-color: rgb(\n                from var(--md-sys-color-on-surface) r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            --_inactive-track-color: rgb(\n                from var(--md-sys-color-on-surface) r g b /\n                var(--md-sys-state-disabled-container)\n            );\n        }\n    }\n\n    .extra-small {\n        --_md-slider-track-shape: var(--md-sys-shape-corner-radius-small);\n        --_md-slider-track-size: var(--md-sys-layout-space-16);\n    }\n\n    .small {\n        --_md-slider-track-shape: var(--md-sys-shape-corner-radius-small);\n        --_md-slider-track-size: var(--md-sys-layout-space-24);\n    }\n\n    .medium {\n        --_md-slider-track-shape: var(--md-sys-shape-corner-radius-medium);\n        --_md-slider-track-size: var(--md-sys-layout-space-40);\n    }\n\n    .large {\n        --_md-slider-track-shape: var(--md-sys-shape-corner-radius-large);\n        --_md-slider-track-size: var(--md-sys-layout-space-56);\n    }\n\n    .extra-large {\n        --_md-slider-track-shape: var(--md-sys-shape-corner-radius-extra-large);\n        --_md-slider-track-size: var(--md-sys-layout-space-96);\n    }\n}\n","import styles from \"./size.module.css\";\n\nexport type SliderSize =\n    | \"extra-small\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"extra-large\";\n\nexport const SliderStyles = styles[\"slider\"];\n\nexport const TrackContainerStyles = styles[\"track-container\"];\nexport const TrackStyles = styles[\"track\"];\n\nexport function SliderSizeStyles(size: SliderSize) {\n    return styles[size];\n}\n","@layer adgytec.comps {\n    .visual-track {\n        --_range-gap: calc(var(--_track-gap) / 2);\n        --_range-gap-half: calc(var(--_range-gap) / 2);\n\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n\n        border-radius: var(--_md-slider-track-shape);\n        display: flex;\n        gap: var(--_range-gap);\n\n        &[data-orientation=\"horizontal\"] {\n            inset-inline: var(--_orientation-inset);\n        }\n\n        &[data-orientation=\"vertical\"] {\n            flex-direction: column-reverse;\n            inset-block: var(--_orientation-inset);\n        }\n    }\n\n    .active-track {\n        display: grid;\n\n        > div {\n            border-radius: var(--_md-slider-track-inner-shape);\n            background-color: var(--_active-track-color);\n        }\n\n        &[data-orientation=\"horizontal\"] {\n            > div {\n                margin-inline: var(--_range-gap);\n\n                &[data-direction=\"start\"] {\n                    margin-inline-end: var(--_range-gap-half);\n                }\n\n                &[data-direction=\"end\"] {\n                    margin-inline-start: var(--_range-gap-half);\n                }\n            }\n        }\n\n        &[data-orientation=\"vertical\"] {\n            > div {\n                margin-block: var(--_range-gap);\n\n                &[data-direction=\"start\"] {\n                    margin-block-start: var(--_range-gap-half);\n                }\n\n                &[data-direction=\"end\"] {\n                    margin-block-end: var(--_range-gap-half);\n                }\n            }\n        }\n    }\n\n    .inactive-track {\n        background-color: var(--_inactive-track-color);\n        border-radius: var(--_md-slider-track-shape);\n\n        &[data-orientation=\"horizontal\"] {\n            &[data-track=\"start\"] {\n                border-start-end-radius: var(--_md-slider-track-inner-shape);\n                border-end-end-radius: var(--_md-slider-track-inner-shape);\n            }\n\n            &[data-track=\"end\"] {\n                border-start-start-radius: var(--_md-slider-track-inner-shape);\n                border-end-start-radius: var(--_md-slider-track-inner-shape);\n            }\n        }\n\n        &[data-orientation=\"vertical\"] {\n            &[data-track=\"start\"] {\n                border-start-end-radius: var(--_md-slider-track-inner-shape);\n                border-start-start-radius: var(--_md-slider-track-inner-shape);\n            }\n\n            &[data-track=\"end\"] {\n                border-end-end-radius: var(--_md-slider-track-inner-shape);\n                border-end-start-radius: var(--_md-slider-track-inner-shape);\n            }\n        }\n    }\n}\n","import styles from \"./variant.module.css\";\n\nexport type SliderVariant = \"standard\" | \"centered\" | \"range\";\n\nexport const VisualTrackStyles = styles[\"visual-track\"];\n\nexport const ActiveTrackStyles = styles[\"active-track\"];\nexport const InactiveTrackStyles = styles[\"inactive-track\"];\n"],"mappings":";;ACEA,IAAa,IAAe,6BAAA,EAAO;;;;;;;;;GEOtB,IAAe,EAAO,QAEtB,IAAuB,EAAO,oBAC9B,IAAc,EAAO;AAElC,SAAgB,EAAiB,GAAkB;CAC/C,OAAO,EAAO;AAClB;;;;;;;GEZa,IAAoB,EAAO,iBAE3B,IAAoB,EAAO,iBAC3B,IAAsB,EAAO"}
+{"version":3,"file":"core7","names":["styles","styles","styles","SliderColors","\"colors\"","size_module_default","SliderStyles","\"slider\"","TrackContainerStyles","TrackStyles","\"track\"","SliderSizeStyles","size","variant_module_default","VisualTrackStyles","ActiveTrackStyles","InactiveTrackStyles"],"sources":["../../src/components/Input/Slider/core/color.module.css","../../src/components/Input/Slider/core/color.ts","../../src/components/Input/Slider/core/size.module.css","../../src/components/Input/Slider/core/size.ts","../../src/components/Input/Slider/core/variant.module.css","../../src/components/Input/Slider/core/variant.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-slider-active-track-color\n* --md-slider-inactive-track-color\n*\n* --md-slider-thumb-color\n*\n* --md-slider-active-stop-color\n* --md-slider-inactive-stop-color\n*\n* --md-slider-output-background\n* --md-slider-output-color\n*\n* --md-slider-icon-color\n* --md-slider-minimum-value-icon-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .colors {\n        --_md-slider-active-track-color: var(\n            --md-slider-active-track-color,\n            var(--md-sys-color-primary)\n        );\n        --_md-slider-inactive-track-color: var(\n            --md-slider-inactive-track-color,\n            var(--md-sys-color-secondary-container)\n        );\n\n        --_md-slider-thumb-color: var(\n            --md-slider-thumb-color,\n            var(--_md-slider-active-track-color)\n        );\n\n        --_md-slider-active-stop-color: var(\n            --md-slider-active-stop-color,\n            var(--md-sys-color-on-primary)\n        );\n        --_md-slider-inactive-stop-color: var(\n            --md-slider-inactive-stop-color,\n            var(--md-sys-color-on-secondary-container)\n        );\n\n        --_md-slider-output-background: var(\n            --md-slider-output-background,\n            var(--md-sys-color-inverse-surface)\n        );\n        --_md-slider-output-color: var(\n            --md-slider-output-color,\n            var(--md-sys-color-inverse-on-surface)\n        );\n\n        --_md-slider-icon-color: var(\n            --md-slider-icon-color,\n            var(--md-sys-color-on-primary)\n        );\n        --_md-slider-minimum-value-icon-color: var(\n            --md-slider-minimum-value-icon-color,\n            var(--md-sys-color-on-secondary-container)\n        );\n    }\n}\n","import styles from \"./color.module.css\";\n\n/** CSS class providing theme color tokens for sliders. */\nexport const SliderColors = styles[\"colors\"];\n","@layer adgytec.comps {\n    .slider {\n        --_track-gap: var(--md-sys-layout-space-16);\n        --_orientation-inset: calc(-1 * calc(var(--_track-gap) / 2));\n\n        display: flex;\n        flex-direction: column;\n        gap: var(--md-sys-layout-space-4);\n\n        block-size: 100%;\n    }\n\n    .track-container {\n        flex: 1;\n        padding: calc(-1 * var(--_orientation-inset));\n\n        &[data-orientation=\"vertical\"] {\n            align-self: center;\n        }\n    }\n\n    .track {\n        --_md-slider-track-inner-shape: calc(2 * var(--dp, 1px));\n\n        --_active-track-color: var(--_md-slider-active-track-color);\n        --_inactive-track-color: var(--_md-slider-inactive-track-color);\n\n        &[data-orientation=\"horizontal\"] {\n            inline-size: 100%;\n            block-size: var(--_md-slider-track-size);\n        }\n\n        &[data-orientation=\"vertical\"] {\n            block-size: 100%;\n            inline-size: var(--_md-slider-track-size);\n        }\n\n        &[data-disabled] {\n            --_active-track-color: rgb(\n                from var(--md-sys-color-on-surface) r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            --_inactive-track-color: rgb(\n                from var(--md-sys-color-on-surface) r g b /\n                var(--md-sys-state-disabled-container)\n            );\n        }\n    }\n\n    .extra-small {\n        --_md-slider-track-shape: var(--md-sys-shape-corner-radius-small);\n        --_md-slider-track-size: var(--md-sys-layout-space-16);\n    }\n\n    .small {\n        --_md-slider-track-shape: var(--md-sys-shape-corner-radius-small);\n        --_md-slider-track-size: var(--md-sys-layout-space-24);\n    }\n\n    .medium {\n        --_md-slider-track-shape: var(--md-sys-shape-corner-radius-medium);\n        --_md-slider-track-size: var(--md-sys-layout-space-40);\n    }\n\n    .large {\n        --_md-slider-track-shape: var(--md-sys-shape-corner-radius-large);\n        --_md-slider-track-size: var(--md-sys-layout-space-56);\n    }\n\n    .extra-large {\n        --_md-slider-track-shape: var(--md-sys-shape-corner-radius-extra-large);\n        --_md-slider-track-size: var(--md-sys-layout-space-96);\n    }\n}\n","import styles from \"./size.module.css\";\n\n/**\n * Size presets for slider track height and thumb diameter.\n */\nexport type SliderSize =\n    | \"extra-small\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"extra-large\";\n\n/** Base CSS class for the slider container. */\nexport const SliderStyles = styles[\"slider\"];\n\n/** CSS class for the track wrapper container. */\nexport const TrackContainerStyles = styles[\"track-container\"];\n\n/** CSS class for the interactive slider track. */\nexport const TrackStyles = styles[\"track\"];\n\n/**\n * Resolves the CSS module class for a given slider size preset.\n *\n * @param size - The desired slider size preset.\n * @returns The corresponding CSS class name.\n */\nexport function SliderSizeStyles(size: SliderSize) {\n    return styles[size];\n}\n","@layer adgytec.comps {\n    .visual-track {\n        --_range-gap: calc(var(--_track-gap) / 2);\n        --_range-gap-half: calc(var(--_range-gap) / 2);\n\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n\n        border-radius: var(--_md-slider-track-shape);\n        display: flex;\n        gap: var(--_range-gap);\n\n        &[data-orientation=\"horizontal\"] {\n            inset-inline: var(--_orientation-inset);\n        }\n\n        &[data-orientation=\"vertical\"] {\n            flex-direction: column-reverse;\n            inset-block: var(--_orientation-inset);\n        }\n    }\n\n    .active-track {\n        display: grid;\n\n        > div {\n            border-radius: var(--_md-slider-track-inner-shape);\n            background-color: var(--_active-track-color);\n        }\n\n        &[data-orientation=\"horizontal\"] {\n            > div {\n                margin-inline: var(--_range-gap);\n\n                &[data-direction=\"start\"] {\n                    margin-inline-end: var(--_range-gap-half);\n                }\n\n                &[data-direction=\"end\"] {\n                    margin-inline-start: var(--_range-gap-half);\n                }\n            }\n        }\n\n        &[data-orientation=\"vertical\"] {\n            > div {\n                margin-block: var(--_range-gap);\n\n                &[data-direction=\"start\"] {\n                    margin-block-start: var(--_range-gap-half);\n                }\n\n                &[data-direction=\"end\"] {\n                    margin-block-end: var(--_range-gap-half);\n                }\n            }\n        }\n    }\n\n    .inactive-track {\n        background-color: var(--_inactive-track-color);\n        border-radius: var(--_md-slider-track-shape);\n\n        &[data-orientation=\"horizontal\"] {\n            &[data-track=\"start\"] {\n                border-start-end-radius: var(--_md-slider-track-inner-shape);\n                border-end-end-radius: var(--_md-slider-track-inner-shape);\n            }\n\n            &[data-track=\"end\"] {\n                border-start-start-radius: var(--_md-slider-track-inner-shape);\n                border-end-start-radius: var(--_md-slider-track-inner-shape);\n            }\n        }\n\n        &[data-orientation=\"vertical\"] {\n            &[data-track=\"start\"] {\n                border-start-end-radius: var(--_md-slider-track-inner-shape);\n                border-start-start-radius: var(--_md-slider-track-inner-shape);\n            }\n\n            &[data-track=\"end\"] {\n                border-end-end-radius: var(--_md-slider-track-inner-shape);\n                border-end-start-radius: var(--_md-slider-track-inner-shape);\n            }\n        }\n    }\n}\n","import styles from \"./variant.module.css\";\n\n/**\n * Functional slider track variants.\n *\n * - `\"standard\"`: Single thumb sliding from minimum to maximum.\n * - `\"centered\"`: Single thumb sliding bidirectional deviations from center (zero/neutral point).\n * - `\"range\"`: Two thumbs selecting a range interval between lower and upper bounds.\n */\nexport type SliderVariant = \"standard\" | \"centered\" | \"range\";\n\n/** CSS class for visual track background. */\nexport const VisualTrackStyles = styles[\"visual-track\"];\n\n/** CSS class for the active/highlighted portion of the slider track. */\nexport const ActiveTrackStyles = styles[\"active-track\"];\n\n/** CSS class for the inactive/unselected portion of the slider track. */\nexport const InactiveTrackStyles = styles[\"inactive-track\"];\n"],"mappings":";ACGA,IAAaG,IAAeH,E,2BAAAA,EAAOI,Q;;;;;;;;;A,GEUtBE,IAAeL,EAAOM,QAGtBC,IAAuBP,EAAO,oBAG9BQ,IAAcR,EAAOS;AAQlC,SAAgBC,EAAiB,GAAkB;CAC/C,OAAOV,EAAOW;AAClB;;;;;;A,GEjBaE,IAAoBZ,EAAO,iBAG3Ba,IAAoBb,EAAO,iBAG3Bc,IAAsBd,EAAO"}

package/dist/chunks/core8

@@ -9,10 +9,8 @@ function s() {
 	if (e == null) throw Error("Missing navigation information. Ensure this component is rendered within a Navigation or SubNavigation component.");
 	return e;
 }
-//#endregion
-//#region src/components/Navigation/core/navLabelContext.ts
+// src/components/Navigation/core/navLabelContext.ts
 var c = e(void 0);
-//#endregion
 export { r as a, i, o as n, a as o, s as r, c as t };
 
 //# sourceMappingURL=core8.map

package/dist/chunks/core8.map

@@ -1 +1 @@
-{"version":3,"file":"core8","names":[],"sources":["../../src/components/Navigation/core/navigation.module.css","../../src/components/Navigation/core/navigation.ts","../../src/components/Navigation/core/navigationInfo.ts","../../src/components/Navigation/core/navLabelContext.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-navigation-background\n* --md-navigation-drawer-background\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .navigation {\n        --_md-navigation-background: var(\n            --md-navigation-background,\n            var(--md-sys-color-surface)\n        );\n        --_md-navigation-drawer-background: var(\n            --md-navigation-drawer-background,\n            var(--md-sys-color-surface-container)\n        );\n\n        --_background: var(--_md-navigation-background);\n\n        background-color: var(--_background);\n\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n\n        display: grid;\n        grid-template-rows: 1fr;\n        gap: calc(10 * var(--dp, 1px));\n\n        padding-block: var(--md-sys-layout-space-16);\n\n        &[data-modal] {\n            --_background: var(--_md-navigation-drawer-background);\n        }\n\n        &[data-header] {\n            grid-template-rows: auto 1fr;\n        }\n    }\n\n    .navigation[data-sub-nav] {\n        opacity: 0;\n        translate: -100%;\n\n        transition:\n            opacity var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            translate var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-status=\"entered\"] {\n            opacity: 1;\n            translate: 0;\n        }\n    }\n\n    .nav-header {\n        display: flex;\n        align-items: center;\n\n        gap: var(--md-sys-layout-space-8);\n\n        padding-inline-start: var(--md-sys-layout-space-32);\n        padding-inline-end: var(--md-sys-layout-space-24);\n\n        > [data-close-button] {\n            margin-inline-start: auto;\n        }\n    }\n\n    .sub-nav-header {\n        display: flex;\n        align-items: center;\n\n        gap: var(--md-sys-layout-space-8);\n\n        padding-inline-start: var(--md-sys-layout-space-24);\n        padding-inline-end: var(--md-sys-layout-space-32);\n    }\n}\n","import styles from \"./navigation.module.css\";\n\nexport const NavigationStyles = styles[\"navigation\"];\n\nexport const NavigationHeaderStyles = styles[\"nav-header\"];\nexport const SubNavigationHeaderStyles = styles[\"sub-nav-header\"];\n","import { createContext, useContext } from \"react\";\n\nexport type NavigationInfoContextType = {\n    id: string;\n    depth: number;\n};\n\nexport const NavigationInfoContext =\n    createContext<NavigationInfoContextType | null>(null);\n\nexport function useNavigationInfo() {\n    const ctx = useContext(NavigationInfoContext);\n    if (ctx == null) {\n        throw new Error(\n            \"Missing navigation information. Ensure this component is rendered within a Navigation or SubNavigation component.\"\n        );\n    }\n\n    return ctx;\n}\n","import { createContext, type ReactNode } from \"react\";\n\nexport type NavLabelContextType = ReactNode;\nexport const NavLabelContext = createContext<NavLabelContextType>(undefined);\n"],"mappings":";;;;;GCEa,IAAmB,EAAO,YAE1B,IAAyB,EAAO,eAChC,IAA4B,EAAO,mBCEnC,IACT,EAAgD,IAAI;AAExD,SAAO,IAAA;CACH,IAAA,IAAY,EAAW,CAAqB;CAC5C,IAAI,KAAO,MACP,MAAU,MACN,mHACJ;CACH,OAEM;AAAG;;;ACfd,IAAa,IAAkB,EAAmC,KAAA,CAAS"}
+{"version":3,"file":"core8","names":["styles","navigation_module_default","NavigationStyles","\"navigation\"","NavigationHeaderStyles","SubNavigationHeaderStyles","NavigationInfoContext","createContext","useNavigationInfo","ctx","useContext","NavLabelContext"],"sources":["../../src/components/Navigation/core/navigation.module.css","../../src/components/Navigation/core/navigation.ts","../../src/components/Navigation/core/navigationInfo.ts","../../src/components/Navigation/core/navLabelContext.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-navigation-background\n* --md-navigation-drawer-background\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .navigation {\n        --_md-navigation-background: var(\n            --md-navigation-background,\n            var(--md-sys-color-surface)\n        );\n        --_md-navigation-drawer-background: var(\n            --md-navigation-drawer-background,\n            var(--md-sys-color-surface-container)\n        );\n\n        --_background: var(--_md-navigation-background);\n\n        background-color: var(--_background);\n\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n\n        display: grid;\n        grid-template-rows: 1fr;\n        gap: calc(10 * var(--dp, 1px));\n\n        padding-block: var(--md-sys-layout-space-16);\n\n        &[data-modal] {\n            --_background: var(--_md-navigation-drawer-background);\n        }\n\n        &[data-header] {\n            grid-template-rows: auto 1fr;\n        }\n    }\n\n    .navigation[data-sub-nav] {\n        opacity: 0;\n        translate: -100%;\n\n        transition:\n            opacity var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            translate var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-status=\"entered\"] {\n            opacity: 1;\n            translate: 0;\n        }\n    }\n\n    .nav-header {\n        display: flex;\n        align-items: center;\n\n        gap: var(--md-sys-layout-space-8);\n\n        padding-inline-start: var(--md-sys-layout-space-32);\n        padding-inline-end: var(--md-sys-layout-space-24);\n\n        > [data-close-button] {\n            margin-inline-start: auto;\n        }\n    }\n\n    .sub-nav-header {\n        display: flex;\n        align-items: center;\n\n        gap: var(--md-sys-layout-space-8);\n\n        padding-inline-start: var(--md-sys-layout-space-24);\n        padding-inline-end: var(--md-sys-layout-space-32);\n    }\n}\n","import styles from \"./navigation.module.css\";\n\n/**\n * CSS class for the root navigation container layout and surface styling.\n */\nexport const NavigationStyles = styles[\"navigation\"];\n\n/**\n * CSS class for the header area of a root [`Navigation`](src/components/Navigation/Navigation/Navigation.tsx) container.\n */\nexport const NavigationHeaderStyles = styles[\"nav-header\"];\n\n/**\n * CSS class for the header area of a sliding [`SubNavigation`](src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx) panel.\n */\nexport const SubNavigationHeaderStyles = styles[\"sub-nav-header\"];\n","import { createContext, useContext } from \"react\";\n\n/**\n * Identifier and nesting depth information for the current navigation level.\n */\nexport type NavigationInfoContextType = {\n    /**\n     * Unique identifier for this navigation level/panel.\n     */\n    id: string;\n    /**\n     * Current nesting hierarchy depth (root is 0, sub-navigations increment from 1).\n     */\n    depth: number;\n};\n\n/**\n * React context providing the current navigation level's ID and hierarchy depth.\n */\nexport const NavigationInfoContext =\n    createContext<NavigationInfoContextType | null>(null);\n\n/**\n * Hook to access the current navigation level's unique ID and nesting depth.\n *\n * @throws If rendered outside of a [`Navigation`](src/components/Navigation/Navigation/Navigation.tsx)\n * or [`SubNavigation`](src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx) component.\n * @returns The current {@link NavigationInfoContextType}.\n */\nexport function useNavigationInfo() {\n    const ctx = useContext(NavigationInfoContext);\n    if (ctx == null) {\n        throw new Error(\n            \"Missing navigation information. Ensure this component is rendered within a Navigation or SubNavigation component.\"\n        );\n    }\n\n    return ctx;\n}\n","import { createContext, type ReactNode } from \"react\";\n\n/**\n * Context value representing the label inherited from a parent navigation trigger.\n */\nexport type NavLabelContextType = ReactNode;\n\n/**\n * React context providing the trigger label to descendant navigation items or sub-navigation panels.\n */\nexport const NavLabelContext = createContext<NavLabelContextType>(undefined);\n"],"mappings":";;;;;A,GCKaE,IAAmBF,EAAOG,YAK1BC,IAAyBJ,EAAO,eAKhCK,IAA4BL,EAAO,mBCInCM,IACTC,EAAgD,IAAI;AASxD,SAAOC,IAAA;CACH,IAAAC,IAAYC,EAAWJ,CAAqB;CAC5C,IAAIG,KAAO,MACP,MAAU,MACN,mHACJ;CACH,OAEMA;AAAG;;AC3Bd,IAAaE,IAAkBJ,EAAmC,KAAA,CAAS"}

package/dist/chunks/core9

@@ -1,6 +1,5 @@
 import { t as e } from "./base";
 import '../assets/core10.css';var t = { item: "_item_1jlhw_16" }, n = e.titleSmall, r = t.item;
-//#endregion
 export { r as n, n as t };
 
 //# sourceMappingURL=core9.map

package/dist/chunks/core9.map

@@ -1 +1 @@
-{"version":3,"file":"core9","names":[],"sources":["../../src/components/Navigation/NavigationItem/core/navigationItem.module.css","../../src/components/Navigation/NavigationItem/core/navigationItem.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-navigation-item-active-background\n*\n* --md-navigation-item-label-color\n* --md-navigation-item-icon-color\n*\n* --md-navigation-item-active-label-color\n* --md-navigation-item-active-icon-color\n*\n* --md-navigation-item-state-layer-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .item {\n        --_md-navigation-item-active-background: var(\n            --md-navigation-item-active-background,\n            var(--md-sys-color-secondary-container)\n        );\n\n        --_md-navigation-item-label-color: var(\n            --md-navigation-item-label-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n        --_md-navigation-item-icon-color: var(\n            --md-navigation-item-icon-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n\n        --_md-navigation-item-active-label-color: var(\n            --md-navigation-item-active-label-color,\n            var(--md-sys-color-secondary)\n        );\n        --_md-navigation-item-active-icon-color: var(\n            --md-navigation-item-active-icon-color,\n            var(--md-sys-color-on-secondary-container)\n        );\n\n        --_md-navigation-item-state-layer-color: var(\n            --md-navigation-item-state-layer-color,\n            var(--md-sys-color-on-secondary-container)\n        );\n\n        --_md-navigation-item-padding-block: var(--md-sys-layout-space-16);\n        --_md-navigation-item-padding-inline: var(--md-sys-layout-space-16);\n        --_md-navigation-item-gap: var(--md-sys-layout-space-8);\n\n        --_background: transparent;\n        --_icon-color: var(--_md-navigation-item-icon-color);\n        --_label-color: var(--_md-navigation-item-label-color);\n\n        --_state-color: var(--_md-navigation-item-state-layer-color);\n        --_state-layer-opacity: 0;\n\n        --_state-layer-color: rgb(\n            from var(--_state-color) r g b /\n            var(--_state-layer-opacity)\n        );\n\n        all: unset;\n\n        position: relative;\n\n        background-color: var(--_background);\n        color: var(--_label-color);\n\n        padding-inline: var(--_md-navigation-item-padding-inline);\n        padding-block: var(--_md-navigation-item-padding-block);\n\n        display: flex;\n        align-items: center;\n        gap: var(--_md-navigation-item-gap);\n\n        cursor: pointer;\n        border-radius: var(--md-sys-shape-corner-radius-full);\n\n        &[data-active] {\n            --_background: var(--_md-navigation-item-active-background);\n            --_icon-color: var(--_md-navigation-item-active-icon-color);\n            --_label-color: var(--_md-navigation-item-active-label-color);\n        }\n\n        [data-nav-icon] {\n            color: var(--_icon-color);\n        }\n\n        &[data-disabled] {\n            cursor: default;\n        }\n\n        &[data-hovered] {\n            --_state-layer-opacity: var(--md-sys-state-hover);\n        }\n\n        &[data-focus-visible] {\n            --_state-layer-opacity: var(--md-sys-state-focus);\n        }\n\n        &[data-pressed] {\n            --_state-layer-opacity: var(--md-sys-state-pressed);\n\n            --_background: var(--_md-navigation-item-active-background);\n            --_icon-color: var(--_md-navigation-item-active-icon-color);\n            --_label-color: var(--_md-navigation-item-active-label-color);\n        }\n    }\n\n    /* state layer */\n    .item::before {\n        content: \"\";\n\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n\n        background-color: var(--_state-layer-color);\n\n        transition: background-color var(--md-sys-motion-standard-fast-spatial)\n            var(--md-sys-motion-standard-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n\n    .item[data-focus-visible] {\n        --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n        --focus-indicator-offset: calc(2 * var(--dp, 1px));\n        --focus-indicator-color: var(--md-sys-color-secondary);\n\n        outline-width: var(--focus-indicator-thickness);\n        outline-style: solid;\n        outline-offset: var(--focus-indicator-offset);\n        outline-color: var(--focus-indicator-color);\n\n        z-index: 1;\n    }\n}\n","import type { LucideIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { typography } from \"@/utils\";\nimport styles from \"./navigationItem.module.css\";\n\nexport interface NavigationItemProps {\n    label: ReactNode;\n    icon?: LucideIcon;\n    activeIcon?: LucideIcon;\n    isActive?: boolean | ((value?: string) => boolean);\n}\n\nexport const NavigationItemLabelTypography = typography.titleSmall;\nexport const NavigationItemStyles = styles[\"item\"];\n"],"mappings":";oCCYa,IAAgC,EAAW,YAC3C,IAAuB,EAAO"}
+{"version":3,"file":"core9","names":["styles","typography","navigationItem_module_default","NavigationItemLabelTypography","NavigationItemStyles","\"item\""],"sources":["../../src/components/Navigation/NavigationItem/core/navigationItem.module.css","../../src/components/Navigation/NavigationItem/core/navigationItem.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-navigation-item-active-background\n*\n* --md-navigation-item-label-color\n* --md-navigation-item-icon-color\n*\n* --md-navigation-item-active-label-color\n* --md-navigation-item-active-icon-color\n*\n* --md-navigation-item-state-layer-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .item {\n        --_md-navigation-item-active-background: var(\n            --md-navigation-item-active-background,\n            var(--md-sys-color-secondary-container)\n        );\n\n        --_md-navigation-item-label-color: var(\n            --md-navigation-item-label-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n        --_md-navigation-item-icon-color: var(\n            --md-navigation-item-icon-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n\n        --_md-navigation-item-active-label-color: var(\n            --md-navigation-item-active-label-color,\n            var(--md-sys-color-secondary)\n        );\n        --_md-navigation-item-active-icon-color: var(\n            --md-navigation-item-active-icon-color,\n            var(--md-sys-color-on-secondary-container)\n        );\n\n        --_md-navigation-item-state-layer-color: var(\n            --md-navigation-item-state-layer-color,\n            var(--md-sys-color-on-secondary-container)\n        );\n\n        --_md-navigation-item-padding-block: var(--md-sys-layout-space-16);\n        --_md-navigation-item-padding-inline: var(--md-sys-layout-space-16);\n        --_md-navigation-item-gap: var(--md-sys-layout-space-8);\n\n        --_background: transparent;\n        --_icon-color: var(--_md-navigation-item-icon-color);\n        --_label-color: var(--_md-navigation-item-label-color);\n\n        --_state-color: var(--_md-navigation-item-state-layer-color);\n        --_state-layer-opacity: 0;\n\n        --_state-layer-color: rgb(\n            from var(--_state-color) r g b /\n            var(--_state-layer-opacity)\n        );\n\n        all: unset;\n\n        position: relative;\n\n        background-color: var(--_background);\n        color: var(--_label-color);\n\n        padding-inline: var(--_md-navigation-item-padding-inline);\n        padding-block: var(--_md-navigation-item-padding-block);\n\n        display: flex;\n        align-items: center;\n        gap: var(--_md-navigation-item-gap);\n\n        cursor: pointer;\n        border-radius: var(--md-sys-shape-corner-radius-full);\n\n        &[data-active] {\n            --_background: var(--_md-navigation-item-active-background);\n            --_icon-color: var(--_md-navigation-item-active-icon-color);\n            --_label-color: var(--_md-navigation-item-active-label-color);\n        }\n\n        [data-nav-icon] {\n            color: var(--_icon-color);\n        }\n\n        &[data-disabled] {\n            cursor: default;\n        }\n\n        &[data-hovered] {\n            --_state-layer-opacity: var(--md-sys-state-hover);\n        }\n\n        &[data-focus-visible] {\n            --_state-layer-opacity: var(--md-sys-state-focus);\n        }\n\n        &[data-pressed] {\n            --_state-layer-opacity: var(--md-sys-state-pressed);\n\n            --_background: var(--_md-navigation-item-active-background);\n            --_icon-color: var(--_md-navigation-item-active-icon-color);\n            --_label-color: var(--_md-navigation-item-active-label-color);\n        }\n    }\n\n    /* state layer */\n    .item::before {\n        content: \"\";\n\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n\n        background-color: var(--_state-layer-color);\n\n        transition: background-color var(--md-sys-motion-standard-fast-spatial)\n            var(--md-sys-motion-standard-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n\n    .item[data-focus-visible] {\n        --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n        --focus-indicator-offset: calc(2 * var(--dp, 1px));\n        --focus-indicator-color: var(--md-sys-color-secondary);\n\n        outline-width: var(--focus-indicator-thickness);\n        outline-style: solid;\n        outline-offset: var(--focus-indicator-offset);\n        outline-color: var(--focus-indicator-color);\n\n        z-index: 1;\n    }\n}\n","import type { LucideIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { typography } from \"@/utils\";\nimport styles from \"./navigationItem.module.css\";\n\n/**\n * Common configuration properties shared across navigation items ([`NavigationLink`](src/components/Navigation/NavigationItem/NavigationLink/NavigationLink.tsx)\n * and [`NavigationButton`](src/components/Navigation/NavigationItem/NavigationButton/NavigationButton.tsx)).\n */\nexport interface NavigationItemProps {\n    /**\n     * Primary label content for the navigation item.\n     */\n    label: ReactNode;\n\n    /**\n     * Optional icon displayed when the navigation item is in its inactive state.\n     */\n    icon?: LucideIcon;\n\n    /**\n     * Optional alternate icon displayed when the navigation item is in its active state.\n     */\n    activeIcon?: LucideIcon;\n\n    /**\n     * Override flag or predicate function evaluating whether the item is currently active.\n     */\n    isActive?: boolean | ((value?: string) => boolean);\n}\n\n/**\n * Standard typography style (`titleSmall`) for navigation item label text.\n */\nexport const NavigationItemLabelTypography = typography.titleSmall;\n\n/**\n * CSS class for individual navigation item styling, interactive state layers, and padding.\n */\nexport const NavigationItemStyles = styles[\"item\"];\n"],"mappings":";A,oCCkCaG,IAAgCF,EAAW,YAK3CG,IAAuBJ,EAAOK"}

package/dist/chunks/navContext

@@ -1,12 +1,11 @@
 import { createContext as e, useContext as t } from "react";
-//#region src/components/Navigation/Navigation/navContext.ts
+// src/components/Navigation/Navigation/navContext.ts
 var n = e(null);
 function r() {
 	let e = t(n);
 	if (e === null) throw Error("Missing navigation state. Ensure this component is rendered within Navigation component.");
 	return e;
 }
-//#endregion
 export { r as n, n as t };
 
 //# sourceMappingURL=navContext.map

package/dist/chunks/navContext.map

@@ -1 +1 @@
-{"version":3,"file":"navContext","names":[],"sources":["../../src/components/Navigation/Navigation/navContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { IsButtonActive, IsLinkActive } from \"./types\";\n\nexport type NavigationContextType = {\n    isLinkActive?: IsLinkActive;\n    isButtonActive?: IsButtonActive;\n};\n\nexport const NavigationContext = createContext<NavigationContextType | null>(\n    null\n);\n\nexport function useNavigationContext() {\n    const ctx = useContext(NavigationContext);\n    if (ctx === null) {\n        throw new Error(\n            \"Missing navigation state. Ensure this component is rendered within Navigation component.\"\n        );\n    }\n\n    return ctx;\n}\n"],"mappings":";;AAQA,IAAa,IAAoB,EAC7B,IACJ;AAEA,SAAO,IAAA;CACH,IAAA,IAAY,EAAW,CAAiB;CACxC,IAAI,MAAQ,MACR,MAAU,MACN,0FACJ;CACH,OAEM;AAAG"}
+{"version":3,"file":"navContext","names":["NavigationContext","createContext","useNavigationContext","ctx","useContext"],"sources":["../../src/components/Navigation/Navigation/navContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { IsButtonActive, IsLinkActive } from \"./types\";\n\n/**\n * Context value carrying active predicate functions for child navigation items.\n */\nexport type NavigationContextType = {\n    /**\n     * Active predicate function for links.\n     */\n    isLinkActive?: IsLinkActive;\n    /**\n     * Active predicate function for buttons.\n     */\n    isButtonActive?: IsButtonActive;\n};\n\n/**\n * React context providing link and button active state predicates to descendant navigation items.\n */\nexport const NavigationContext = createContext<NavigationContextType | null>(\n    null\n);\n\n/**\n * Hook to access active state predicates (`isLinkActive` and `isButtonActive`) from the parent\n * [`Navigation`](src/components/Navigation/Navigation/Navigation.tsx) container.\n *\n * @throws If called outside of a `Navigation` component.\n * @returns The current {@link NavigationContextType}.\n */\nexport function useNavigationContext() {\n    const ctx = useContext(NavigationContext);\n    if (ctx === null) {\n        throw new Error(\n            \"Missing navigation state. Ensure this component is rendered within Navigation component.\"\n        );\n    }\n\n    return ctx;\n}\n"],"mappings":";;AAoBA,IAAaA,IAAoBC,EAC7B,IACJ;AASA,SAAOC,IAAA;CACH,IAAAC,IAAYC,EAAWJ,CAAiB;CACxC,IAAIG,MAAQ,MACR,MAAU,MACN,0FACJ;CACH,OAEMA;AAAG"}

package/dist/chunks/tapTarget

@@ -2,7 +2,6 @@ import '../assets/tapTarget.css';var e = {
 	after: "_after_1r9l4_1",
 	before: "_before_1r9l4_2"
 }, t = e.after, n = e.before;
-//#endregion
 export { n, t };
 
 //# sourceMappingURL=tapTarget.map

package/dist/chunks/tapTarget.map

@@ -1 +1 @@
-{"version":3,"file":"tapTarget","names":[],"sources":["../../src/utils/tapTarget/tapTarget.module.css","../../src/utils/tapTarget/tapTarget.ts"],"sourcesContent":[".after,\n.before {\n    --min-tap-target-size: calc(48 * var(--dp, 1px));\n    --tap-target-default-size: 100%;\n\n    position: var(--position, relative);\n\n    &[data-disabled] {\n        --min-tap-target-size: 0;\n        --tap-target-default-size: 0px;\n    }\n}\n\n.after::after,\n.before::before {\n    content: \"\";\n    position: absolute;\n\n    min-inline-size: var(--min-tap-target-size);\n    min-block-size: var(--min-tap-target-size);\n\n    inline-size: var(--tap-target-default-size);\n    block-size: var(--tap-target-default-size);\n\n    inset-inline-start: 50%;\n    inset-block-start: 50%;\n    translate: -50% -50%;\n}\n","import styles from \"./tapTarget.module.css\";\n\nexport const TapTarget = styles[\"after\"];\nexport const TapTargetBefore = styles[\"before\"];\n"],"mappings":";;;GCEa,IAAY,EAAO,OACnB,IAAkB,EAAO"}
+{"version":3,"file":"tapTarget","names":["styles","tapTarget_module_default","TapTarget","\"after\"","TapTargetBefore","\"before\""],"sources":["../../src/utils/tapTarget/tapTarget.module.css","../../src/utils/tapTarget/tapTarget.ts"],"sourcesContent":[".after,\n.before {\n    --min-tap-target-size: calc(48 * var(--dp, 1px));\n    --tap-target-default-size: 100%;\n\n    position: var(--position, relative);\n\n    &[data-disabled] {\n        --min-tap-target-size: 0;\n        --tap-target-default-size: 0px;\n    }\n}\n\n.after::after,\n.before::before {\n    content: \"\";\n    position: absolute;\n\n    min-inline-size: var(--min-tap-target-size);\n    min-block-size: var(--min-tap-target-size);\n\n    inline-size: var(--tap-target-default-size);\n    block-size: var(--tap-target-default-size);\n\n    inset-inline-start: 50%;\n    inset-block-start: 50%;\n    translate: -50% -50%;\n}\n","import styles from \"./tapTarget.module.css\";\n\n/**\n * CSS class name that ensures an element meets the minimum accessible touch target size (48x48px / 48dp)\n * using an invisible centered `::after` pseudo-element.\n *\n * Implements WCAG Target Size recommendations (48x48px minimum touch area) for small or compact\n * interactive elements without affecting the visual layout or dimensions of the element itself.\n *\n * Automatically collapses to `0px` when the element has the `[data-disabled]` attribute.\n *\n * Extensively used across interactive controls including buttons, icon buttons, checkboxes,\n * radio buttons, switches, and avatar triggers.\n *\n * @remarks\n * If the element or an ancestor container applies `overflow: hidden` or `contain: paint`,\n * the pseudo-element's expanded hit area will be clipped to that boundary.\n *\n * @example\n * ```tsx\n * import { TapTarget } from \"@/utils\";\n * import clsx from \"clsx\";\n *\n * function CustomIconButton({ icon: Icon, onClick }) {\n *     return (\n *         <button type=\"button\" className={clsx(\"icon-button\", TapTarget)} onClick={onClick}>\n *             <Icon />\n *         </button>\n *     );\n * }\n * ```\n */\nexport const TapTarget = styles[\"after\"];\n\n/**\n * CSS class name that ensures an element meets the minimum accessible touch target size (48x48px / 48dp)\n * using an invisible centered `::before` pseudo-element.\n *\n * Alternative to {@link TapTarget} for components where the `::after` pseudo-element is already reserved\n * or in use (such as for focus rings, badges, or ripples).\n *\n * Automatically collapses to `0px` when the element has the `[data-disabled]` attribute.\n *\n * @remarks\n * If the element or an ancestor container applies `overflow: hidden` or `contain: paint`,\n * the pseudo-element's expanded hit area will be clipped to that boundary.\n *\n * @example\n * ```tsx\n * import { TapTargetBefore } from \"@/utils\";\n * import clsx from \"clsx\";\n *\n * function CustomAction({ onClick, children }) {\n *     return (\n *         <button type=\"button\" className={clsx(\"custom-action\", TapTargetBefore)} onClick={onClick}>\n *             {children}\n *         </button>\n *     );\n * }\n * ```\n */\nexport const TapTargetBefore = styles[\"before\"];\n"],"mappings":";;;A,GCgCaE,IAAYF,EAAOG,OA6BnBC,IAAkBJ,EAAOK"}

package/dist/chunks/types

@@ -1,6 +1,5 @@
-//#region src/components/Card/Card/types.ts
+// src/components/Card/Card/types.ts
 var e = 12, t = 24;
-//#endregion
 export { e as n, t };
 
 //# sourceMappingURL=types.map

package/dist/chunks/types.map

@@ -1 +1 @@
-{"version":3,"file":"types","names":[],"sources":["../../src/components/Card/Card/types.ts"],"sourcesContent":["import type { GridListItem } from \"react-aria-components\";\n\nexport type CardVariant = \"elevated\" | \"outlined\" | \"filled\";\n\nexport interface CardProps\n    extends React.ComponentPropsWithRef<typeof GridListItem> {\n    variant?: CardVariant;\n}\n\nexport const PaddingBetweenCards = 12;\n\nexport const CardIconSize = 24;\n"],"mappings":";AASA,IAAa,IAAsB,IAEtB,IAAe"}
+{"version":3,"file":"types","names":["PaddingBetweenCards","CardIconSize"],"sources":["../../src/components/Card/Card/types.ts"],"sourcesContent":["import type { GridListItem } from \"react-aria-components\";\n\n/**\n * Visual hierarchy and elevation variants for the {@link Card} component.\n *\n * - `\"filled\"`: Subtle contrast against a surface without elevation shadows (default).\n * - `\"elevated\"`: Elevated surface with drop shadow, separating card content from the background.\n * - `\"outlined\"`: Bordered surface with an outline stroke and no elevation shadow.\n */\nexport type CardVariant = \"elevated\" | \"outlined\" | \"filled\";\n\n/**\n * Props for the {@link Card} component.\n * Extends React Aria's `GridListItem` props, supporting interaction states,\n * selection, and press handlers.\n */\nexport interface CardProps\n    extends React.ComponentPropsWithRef<typeof GridListItem> {\n    /**\n     * The visual style and elevation variant of the card.\n     *\n     * @default \"filled\"\n     */\n    variant?: CardVariant;\n}\n\n/**\n * Recommended spacing (in pixels) between adjacent cards in a grid layout.\n */\nexport const PaddingBetweenCards = 12;\n\n/**\n * Fixed icon size (in pixels) used by the {@link CardIcon} component.\n */\nexport const CardIconSize = 24;\n"],"mappings":";AA6BA,IAAaA,IAAsB,IAKtBC,IAAe"}