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

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

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

Files changed (557) hide show

package/dist/chunks/ListItem.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem","names":["leading","label","trailing","handlePress","_c","styles","require_compiler_runtime","Splash","useSplash","import_compiler_runtime","listItem_module_default","ListItem","$","className","label","leading","onPress","overline","props","supporting","trailing","t0","hasTrailing","t1","clsx","renderProps","t2","splashInfo","t3","Provider","CheckboxContext","SwitchContext","handlePress","ListBoxItem"],"sources":["../../src/components/List/ListItem/listItem.module.css","../../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-list-color\n* --md-list-label-color\n* --md-list-selected-color\n\n --md-list-item-background\n* --md-list-item-selected-background\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .list-item {\n / color /\n --_md-list-color: var(\n --md-list-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_md-list-label-color: var(\n --md-list-label-color,\n var(--md-sys-color-on-surface)\n );\n --_md-list-selected-color: var(\n --md-list-selected-color,\n var(--md-sys-color-on-secondary-container)\n );\n\n --_md-list-disabled-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n\n / spacing /\n --_md-list-item-padding-inline: var(--md-sys-layout-space-16);\n --_md-list-item-padding-block: calc(10 var(--dp, 1px));\n\n --_md-list-item-spacing: var(--md-sys-layout-space-12);\n\n /* shapes /\n --_md-list-item-shape: var(--md-sys-shape-corner-radius-extra-small);\n --_md-list-item-selected-shape: var(--md-sys-shape-corner-radius-large);\n\n --_md-list-item-hovered-shape: var(--md-sys-shape-corner-radius-medium);\n --_md-list-item-hovered-selected-shape: var(\n --md-sys-shape-corner-radius-large\n );\n --_md-list-item-interaction-shape: var(\n --md-sys-shape-corner-radius-large\n );\n\n --_shape: var(--_md-list-item-shape);\n\n / background /\n --_md-list-item-background: var(\n --md-list-item-background,\n var(--md-sys-color-surface)\n );\n --_md-list-item-selected-background: var(\n --md-list-item-selected-background,\n var(--md-sys-color-secondary-container)\n );\n --_md-list-item-selected-disabled-background: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n\n --_background: var(--_md-list-item-background);\n\n / state layer /\n --_state-color: var(--md-sys-color-on-surface);\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 border-radius: var(--_shape);\n background: var(--_background);\n color: var(--_md-list-color);\n\n position: relative;\n overflow: clip;\n\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n gap: var(--_md-list-item-spacing);\n\n padding-inline: var(--_md-list-item-padding-inline);\n padding-block: var(--_md-list-item-padding-block);\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 box-shadow 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 &[data-hovered] {\n --_shape: var(--_md-list-item-hovered-shape);\n --_state-layer-opacity: var(--md-sys-state-hover);\n }\n\n &[data-focus-visible] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-focus);\n }\n\n &[data-pressed] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-pressed);\n }\n\n &[data-dragging] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-dragged);\n\n box-shadow: var(--md-sys-elevation-shadow-4);\n }\n\n &[data-disabled] {\n --_md-list-color: var(--_md-list-disabled-color);\n --_md-list-label-color: var(--_md-list-disabled-color);\n\n --_state-layer-opacity: var(--md-sys-state-disabled-container);\n --_background: var(--_md-list-item-selected-disabled-background);\n }\n }\n\n .list-item[data-selected] {\n --_md-list-color: var(--_md-list-selected-color);\n --_md-list-label-color: var(--_md-list-selected-color);\n\n --_shape: var(--_md-list-item-selected-shape);\n\n --_background: var(--_md-list-item-selected-background);\n\n &[data-hovered] {\n --_shape: var(--_md-list-item-hovered-selected-shape);\n }\n\n &[data-focus-visible] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-pressed] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-dragging] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-disabled] {\n --_background: var(--_md-list-item-selected-disabled-background);\n }\n }\n\n / state layer /\n .list-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 / focus indicator /\n .list-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 .leading {\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n }\n\n .trailing {\n margin-inline-start: auto;\n\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n }\n\n .content {\n display: grid;\n }\n}\n","import { clsx } from \"clsx\";\nimport {\n CheckboxContext,\n ListBoxItem,\n Provider,\n SwitchContext,\n} from \"react-aria-components\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport styles from \"./listItem.module.css\";\nimport type { ListItemProps } from \"./types\";\n\n/*\n Material Design 3 interactive list item component.\n \n Supports structured slot composition (`leading`, `overline`, `label`, `supporting`, `trailing`),\n * dynamic corner radius morphing on hover/focus/selection, touch ripple splash feedback,\n * and automatic synchronization with nested selection controls (`Checkbox` or `Switch` with `slot=\"selection\"`).\n \n @example\n * ```tsx\n * import {\n * ListItem,\n * ListIcon,\n * ListLabelText,\n * ListSupportingText,\n * ListAction,\n * } from \"@adgytec/web-ui-components\";\n * import { Star, Trash2 } from \"lucide-react\";\n \n <ListItem\n * id=\"starred-email\"\n * leading={<ListIcon icon={Star} />}\n * label={<ListLabelText>Project Roadmap</ListLabelText>}\n * supporting={<ListSupportingText>Updated yesterday by Alex</ListSupportingText>}\n * trailing={[\n * <ListAction\n * key=\"delete\"\n * icon={Trash2}\n * aria-label=\"Delete item\"\n * onPress={() => handleDelete()}\n * />,\n * ]}\n * />\n * ```\n */\nexport const ListItem: React.FC<ListItemProps> = ({\n leading,\n overline,\n label,\n supporting,\n trailing,\n className,\n onPress,\n ...props\n}) => {\n const { handlePress, splashInfo } = useSplash(onPress);\n const hasTrailing = (trailing?.length ?? 0) > 0;\n\n return (\n <ListBoxItem\n className={(renderProps) =>\n clsx(\n styles[\"list-item\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n onPress={handlePress}\n data-list-item={true}\n {...props}\n >\n {({ isSelected, isDisabled }) => (\n <Provider\n values={[\n [\n CheckboxContext,\n {\n slots: {\n selection: {\n isSelected,\n isDisabled,\n isReadOnly: true,\n },\n },\n },\n ],\n [\n SwitchContext,\n {\n slots: {\n selection: {\n isSelected,\n isDisabled,\n isReadOnly: true,\n },\n },\n },\n ],\n ]}\n >\n {splashInfo && <Splash {...splashInfo} />}\n\n {leading && (\n <div className={clsx(styles[\"leading\"])}>{leading}</div>\n )}\n\n <div className={clsx(styles[\"content\"])}>\n {overline && overline}\n {label}\n {supporting && supporting}\n </div>\n\n {hasTrailing && (\n <div className={styles[\"trailing\"]}>{trailing}</div>\n )}\n </Provider>\n )}\n </ListBoxItem>\n );\n};\n"],"mappings":";;;;;;;;;;;GC6CaW,KAAoC,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,EAAA,GAAAS,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAR,EAAA,OAAAS,KAShD,IAAAT,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OATiD,0FAAA,GAAAM,KAAAG,GASjD,EAAA,KAAAA,GAAA,EAAA,KAAAR,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,gBAAA,kBAAoCZ,EAAUQ,CAAO,GACrDM,KAAqBF,GAAQ,UAAR,KAAyB,GAAEG;CAAA,AAAAX,EAAA,OAAAC,IAUnC,IAAAD,EAAA,OANM,KAAA,MACPY,EACInB,EAAO,cACP,OAAOQ,KAAc,aACfA,EAAUY,CACF,IAFdZ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,MAAAU;CAAA,IAAAG;CAAA,AAAAd,EAAA,QAAAU,KAAAV,EAAA,QAAAE,KAAAF,EAAA,QAAAG,KAAAH,EAAA,QAAAK,KAAAL,EAAA,QAAAe,KAAAf,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAMJ,KAAA,MAAA;EAAC,IAAA,EAAA,eAAA,kBAAAQ;EAA0B,OACxB,kBAACC,GAAD;GACY,QAAA,CACJ,CACIC,GACA,EAAA,OACW,EAAA,WACQ;IAAA;IAAA;IAAA,YAGK;GAChB,EACJ,EACJ,CAAC,GAEL,CACIC,GACA,EAAA,OACW,EAAA,WACQ;IAAA;IAAA;IAAA,YAGK;GAChB,EACJ,EACJ,CAAC,CACJ;GAzBT,UAAA;IA4BKJ,KAAc,kBAACpB,GAAD,EAAO,GAAKoB,EAAU,CAAA;IAEpCZ,KACG,kBAAA,OAAA;KAAgB,WAAAS,EAAKnB,EAAM,OAAW;KAAI,UAAAU;IAAc,CAAA;IAG5D,kBAAA,OAAA;KAAgB,WAAAS,EAAKnB,EAAM,OAAW;KAAtC,UAAA;MACKY,KAAAA;MACAH;MACAK,KAAAA;KACC;;IAELG,KACG,kBAAA,OAAA;KAAgB,WAAAjB,EAAM;KAAe,UAAAe;IAAe,CAAA;GAzCnD;;CA2CE,GACd,EAAA,MAAAE,GAAA,EAAA,MAAAR,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAU,GAAA,EAAA,MAAAR,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAM,KAAA,IAAAd,EAAA;CAAA,IAAAgB;CACS,OADThB,EAAA,QAAAoB,KAAApB,EAAA,QAAAM,KAAAN,EAAA,QAAAW,KAAAX,EAAA,QAAAc,KA1DL,IAAA,kBAACO,GAAD;EACe,WAAAV;EAQFpB,SAAA6B;EACO,kBAAA;EAAI,GAChBd;EAEH,UAAAQ;CAbO,CAAA,GA2DE,EAAA,MAAAM,GAAA,EAAA,MAAAd,GAAA,EAAA,MAAAK,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAE,KAAA,IAAAhB,EAAA,KA3DdgB;AA2Dc"}
1	+ {"version":3,"file":"ListItem","names":["Check","leading","labelID","label","trailing","handlePress","_c","styles","require_compiler_runtime","Splash","useSplash","ListIcon","import_compiler_runtime","listItem_module_default","ListItem","$","className","label","leading","onPress","overline","props","selectionIndicator","supporting","trailing","t0","listBoxSelectionIndicator","useListBoxConfig","listItemSelectionIndicator","labelID","useId","isValidElement","hasTrailing","t1","clsx","renderProps","t2","splashInfo","t3","leadingSelectionIcon","isSelected","trailingSelectionIcon","Provider","CheckboxFieldContext","DEFAULT_SLOT","isDisabled","selectionMode","SwitchFieldContext","Check","cloneElement","handlePress","ListBoxItem"],"sources":["../../src/components/List/ListItem/listItem.module.css","../../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-list-color\n* --md-list-label-color\n* --md-list-selected-color\n\n --md-list-item-background\n* --md-list-item-selected-background\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .list-item {\n / color /\n --_md-list-color: var(\n --md-list-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_md-list-label-color: var(\n --md-list-label-color,\n var(--md-sys-color-on-surface)\n );\n --_md-list-selected-color: var(\n --md-list-selected-color,\n var(--md-sys-color-on-secondary-container)\n );\n\n --_md-list-disabled-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n\n / spacing /\n --_md-list-item-padding-inline: var(--md-sys-layout-space-16);\n --_md-list-item-padding-block: calc(10 var(--dp, 1px));\n\n --_md-list-item-spacing: var(--md-sys-layout-space-12);\n\n /* shapes /\n --_md-list-item-shape: var(--md-sys-shape-corner-radius-extra-small);\n --_md-list-item-selected-shape: var(--md-sys-shape-corner-radius-large);\n\n --_md-list-item-hovered-shape: var(--md-sys-shape-corner-radius-medium);\n --_md-list-item-hovered-selected-shape: var(\n --md-sys-shape-corner-radius-large\n );\n --_md-list-item-interaction-shape: var(\n --md-sys-shape-corner-radius-large\n );\n\n --_shape: var(--_md-list-item-shape);\n\n / background /\n --_md-list-item-background: var(\n --md-list-item-background,\n var(--md-sys-color-surface)\n );\n --_md-list-item-selected-background: var(\n --md-list-item-selected-background,\n var(--md-sys-color-secondary-container)\n );\n --_md-list-item-selected-disabled-background: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n\n --_background: var(--_md-list-item-background);\n\n / state layer /\n --_state-color: var(--md-sys-color-on-surface);\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 border-radius: var(--_shape);\n background: var(--_background);\n color: var(--_md-list-color);\n\n position: relative;\n overflow: clip;\n\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n gap: var(--_md-list-item-spacing);\n\n padding-inline: var(--_md-list-item-padding-inline);\n padding-block: var(--_md-list-item-padding-block);\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 box-shadow 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 &[data-hovered] {\n cursor: pointer;\n\n --_shape: var(--_md-list-item-hovered-shape);\n --_state-layer-opacity: var(--md-sys-state-hover);\n }\n\n &[data-focus-visible] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-focus);\n }\n\n &[data-pressed] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-pressed);\n }\n\n &[data-dragging] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-dragged);\n\n box-shadow: var(--md-sys-elevation-shadow-4);\n }\n\n &[data-disabled] {\n --_md-list-color: var(--_md-list-disabled-color);\n --_md-list-label-color: var(--_md-list-disabled-color);\n\n --_state-layer-opacity: var(--md-sys-state-disabled-container);\n --_background: var(--_md-list-item-selected-disabled-background);\n }\n }\n\n .list-item[data-selected] {\n --_md-list-color: var(--_md-list-selected-color);\n --_md-list-label-color: var(--_md-list-selected-color);\n\n --_shape: var(--_md-list-item-selected-shape);\n\n --_background: var(--_md-list-item-selected-background);\n\n &[data-hovered] {\n --_shape: var(--_md-list-item-hovered-selected-shape);\n }\n\n &[data-focus-visible] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-pressed] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-dragging] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-disabled] {\n --_background: var(--_md-list-item-selected-disabled-background);\n }\n }\n\n / state layer /\n .list-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 / focus indicator /\n .list-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 .leading {\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n }\n\n .trailing {\n margin-inline-start: auto;\n\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n }\n\n .content {\n display: grid;\n }\n}\n","import { clsx } from \"clsx\";\nimport { Check } from \"lucide-react\";\nimport { cloneElement, type HTMLAttributes, isValidElement } from \"react\";\nimport { useId } from \"react-aria\";\nimport {\n CheckboxFieldContext,\n DEFAULT_SLOT,\n ListBoxItem,\n Provider,\n SwitchFieldContext,\n} from \"react-aria-components\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport { useListBoxConfig } from \"../core\";\nimport { ListIcon } from \"../ListIcon\";\nimport styles from \"./listItem.module.css\";\nimport type { ListItemProps } from \"./types\";\n\n/*\n Material Design 3 interactive list item component.\n \n Supports structured slot composition (`leading`, `overline`, `label`, `supporting`, `trailing`),\n * dynamic corner radius morphing on hover/focus/selection, touch ripple splash feedback,\n * contextual checkmark replacement on selection (`selectionIndicator`),\n * and automatic synchronization with nested selection controls (`Checkbox` with `slot=\"selection\"`).\n \n @example\n * ```tsx\n * import {\n * ListItem,\n * ListIcon,\n * ListLabelText,\n * ListSupportingText,\n * ListAction,\n * } from \"@adgytec/web-ui-components\";\n * import { Star, Trash2 } from \"lucide-react\";\n \n <ListItem\n * id=\"starred-email\"\n * leading={<ListIcon icon={Star} />}\n * label={<ListLabelText>Project Roadmap</ListLabelText>}\n * supporting={<ListSupportingText>Updated yesterday by Alex</ListSupportingText>}\n * trailing={[\n * <ListAction\n * key=\"delete\"\n * icon={Trash2}\n * aria-label=\"Delete item\"\n * onPress={() => handleDelete()}\n * />,\n * ]}\n * />\n * ```\n */\nexport const ListItem: React.FC<ListItemProps> = ({\n leading,\n overline,\n label,\n supporting,\n trailing,\n className,\n onPress,\n selectionIndicator,\n ...props\n}) => {\n const { selectionIndicator: listBoxSelectionIndicator } =\n useListBoxConfig();\n const listItemSelectionIndicator =\n selectionIndicator ?? listBoxSelectionIndicator ?? \"none\";\n\n const labelID = useId(\n isValidElement<HTMLAttributes<HTMLElement>>(label)\n ? label.props.id\n : undefined\n );\n\n const { handlePress, splashInfo } = useSplash(onPress);\n const hasTrailing = (trailing?.length ?? 0) > 0;\n\n return (\n <ListBoxItem\n className={(renderProps) =>\n clsx(\n styles[\"list-item\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n onPress={handlePress}\n data-list-item={true}\n {...props}\n >\n {({ isSelected, isDisabled, selectionMode }) => {\n const leadingSelectionIcon =\n isSelected && listItemSelectionIndicator === \"leading\";\n\n const trailingSelectionIcon =\n isSelected && listItemSelectionIndicator === \"trailing\";\n\n return (\n <Provider\n values={[\n [\n CheckboxFieldContext,\n {\n slots: {\n [DEFAULT_SLOT]: {},\n selection: {\n isSelected,\n isDisabled:\n isDisabled \|\|\n selectionMode === \"none\",\n isReadOnly: true,\n \"aria-labelledby\": labelID,\n },\n },\n },\n ],\n [\n SwitchFieldContext,\n {\n slots: {\n [DEFAULT_SLOT]: {\n \"aria-labelledby\": labelID,\n },\n },\n },\n ],\n ]}\n >\n {splashInfo && <Splash {...splashInfo} />}\n\n {leadingSelectionIcon ? (\n <div className={clsx(styles[\"leading\"])}>\n <ListIcon icon={Check} />\n </div>\n ) : (\n leading && (\n <div className={clsx(styles[\"leading\"])}>\n {leading}\n </div>\n )\n )}\n\n <div className={clsx(styles[\"content\"])}>\n {overline && overline}\n {isValidElement<HTMLAttributes<HTMLElement>>(\n label\n ) ? (\n cloneElement<HTMLAttributes<HTMLElement>>(\n label,\n { id: labelID }\n )\n ) : (\n <span id={labelID}>{label}</span>\n )}\n {supporting && supporting}\n </div>\n\n {trailingSelectionIcon ? (\n <div className={styles[\"trailing\"]}>\n <ListIcon icon={Check} />\n </div>\n ) : (\n hasTrailing && (\n <div className={styles[\"trailing\"]}>\n {trailing}\n </div>\n )\n )}\n </Provider>\n );\n }}\n </ListBoxItem>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;A,GCoDac,KAAoC,MAAA;CAAA,IAAAC,KAAA,GAAAT,EAAAA,EAAAA,CAAA,EAAA,GAAAU,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAT,EAAA,OAAAU,KAUhD,IAAAV,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAViD,iHAAA,GAAAM,KAAAI,GAUjD,EAAA,KAAAA,GAAA,EAAA,KAAAT,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,oBAAAE,MACIC,EAAiB,GACrBC,IACIN,KAAAI,KAAA,QAEJG,IAAgBC,EACZC,EAA4Cd,CAE9B,IADRA,EAAK,MAAM,KADjB,KAAA,CAGJ,GAEA,EAAA,gBAAA,kBAAoCP,EAAUS,CAAO,GACrDa,KAAqBR,GAAQ,UAAR,KAAyB,GAAES;CAAA,AAAAlB,EAAA,QAAAC,IAUnC,IAAAD,EAAA,OANM,KAAA,MACPmB,EACI3B,EAAO,cACP,OAAOS,KAAc,aACfA,EAAUmB,CACF,IAFdnB,CAGJ,GAAC,EAAA,MAAAA,GAAA,EAAA,MAAAiB;CAAA,IAAAG;CAAA,AAAArB,EAAA,QAAAiB,KAAAjB,EAAA,QAAAE,KAAAF,EAAA,QAAAc,KAAAd,EAAA,QAAAG,KAAAH,EAAA,QAAAa,KAAAb,EAAA,QAAAK,KAAAL,EAAA,QAAAsB,KAAAtB,EAAA,QAAAQ,KAAAR,EAAA,QAAAS,KAMJ,KAAA,MAAA;EAAC,IAAA,EAAA,eAAA,eAAA,qBAAAc,GACEC,IACIC,KAAcZ,MAA+B,WAEjDa,IACID,KAAcZ,MAA+B;EAAW,OAGxD,kBAACc,GAAD;GACY,QAAA,CACJ,CACIC,GACA,EAAA,OACW;KACFC,IAAe,CAAC;IAAC,WACP;KAAA;KAAA,YAGHC,KACAC,MAAkB;KAAM,YAChB;KAAI,mBACGjB;IACvB;GACJ,EACJ,CAAC,GAEL,CACIkB,GACA,EAAA,OACW,GACFH,IAAe,EAAA,mBACOf,EACvB,EACJ,EACJ,CAAC,CACJ;GA3BT,UAAA;IA8BKQ,KAAc,kBAAC5B,GAAD,EAAO,GAAK4B,EAAU,CAAA;IAEpCE,IACG,kBAAA,OAAA;KAAgB,WAAAL,EAAK3B,EAAM,OAAW;KAClC,UAAA,kBAACI,GAAD,EAAgBX,MAAAgD,EAAK,CAAA;IACnB,CAAA,IAEN9B,KACI,kBAAA,OAAA;KAAgB,WAAAgB,EAAK3B,EAAM,OAAW;KACjC,UAAAW;IACC,CAAA;IAId,kBAAA,OAAA;KAAgB,WAAAgB,EAAK3B,EAAM,OAAW;KAAtC,UAAA;MACKa,KAAAA;MACAW,EACGd,CAQJ,IANIgC,EACIhC,GACA,EAAA,IAAMY,EAAQ,CAItB,IADI,kBAAA,QAAA;OAAU3B,IAAA2B;OAAU,UAAAZ;MAAa,CAAA;MAEpCM,KAAAA;KACC;;IAELkB,IACG,kBAAA,OAAA;KAAgB,WAAAlC,EAAM;KAClB,UAAA,kBAACI,GAAD,EAAgBX,MAAAgD,EAAK,CAAA;IACnB,CAAA,IAENhB,KACI,kBAAA,OAAA;KAAgB,WAAAzB,EAAM;KACjB,UAAAiB;IACC,CAAA;GAnET;;CAsEE,GAElB,EAAA,MAAAQ,GAAA,EAAA,MAAAf,GAAA,EAAA,MAAAY,GAAA,EAAA,MAAAX,GAAA,EAAA,MAAAU,GAAA,EAAA,MAAAR,GAAA,EAAA,MAAAiB,GAAA,EAAA,MAAAd,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAY,KAAA,IAAArB,EAAA;CAAA,IAAAuB;CACS,OADTvB,EAAA,QAAAmC,KAAAnC,EAAA,QAAAM,KAAAN,EAAA,QAAAkB,KAAAlB,EAAA,QAAAqB,KA7FL,IAAA,kBAACe,GAAD;EACe,WAAAlB;EAQF5B,SAAA6C;EACO,kBAAA;EAAI,GAChB7B;EAEH,UAAAe;CAbO,CAAA,GA8FE,EAAA,MAAAc,GAAA,EAAA,MAAA7B,GAAA,EAAA,MAAAY,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAE,KAAA,IAAAvB,EAAA,KA9FduB;AA8Fc"}

package/dist/chunks/ListLabelText CHANGED Viewed

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

package/dist/chunks/ListLabelText.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListLabelText","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listLabelText_module_default","ListLabelText","$","className","props","t0","t1","typography","t2","Text"],"sources":["../../src/components/List/ListLabelText/listLabelText.module.css","../../src/components/List/ListLabelText/ListLabelText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .label {\n color: var(--_md-list-label-color);\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}\n","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listLabelText.module.css\";\n\n/*\n Props for the [`ListLabelText`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/List/ListLabelText/ListLabelText.tsx) component.\n /\nexport interface ListLabelTextProps\n extends Omit<React.ComponentPropsWithRef<typeof Text>, \"slot\"> {}\n\n/\n Primary headline/label text component for a [`ListItem`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/List/ListItem/ListItem.tsx).\n \n Automatically binds to `slot=\"label\"` with Material Design 3 `bodyLarge` typography.\n \n @example\n * ```tsx\n * <ListLabelText>Notification Settings</ListLabelText>\n * ```\n */\nexport const ListLabelText: React.FC<ListLabelTextProps> = ({\n className,\n ...props\n}) => {\n return (\n <Text\n className={clsx(styles[\"label\"], typography.bodyLarge, className)}\n slot=\"label\"\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;8CCqBaO,KAA8C,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAG1D,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAH2D,eAAA,GAAAE,KAAAC,GAG3D,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAG4E,IAAAD,EAAA,MAAtD,IAAAP,EAAKC,EAAM,OAAWW,EAAU,WAAYJ,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGnE,OAHmEN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KADrE,IAAA,kBAACG,GAAD;EACe,WAAAH;EACN,MAAA;EAAO,GACRF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAJFM;AAIE"}
1	+ {"version":3,"file":"ListLabelText","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listLabelText_module_default","ListLabelText","$","className","props","t0","t1","typography","t2","Text"],"sources":["../../src/components/List/ListLabelText/listLabelText.module.css","../../src/components/List/ListLabelText/ListLabelText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .label {\n color: var(--_md-list-label-color);\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}\n","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listLabelText.module.css\";\n\n/*\n Props for the [`ListLabelText`](src/components/List/ListLabelText/ListLabelText.tsx) component.\n /\nexport interface ListLabelTextProps\n extends Omit<React.ComponentPropsWithRef<typeof Text>, \"slot\"> {}\n\n/\n Primary headline/label text component for a [`ListItem`](src/components/List/ListItem/ListItem.tsx).\n \n Automatically binds to `slot=\"label\"` with Material Design 3 `bodyLarge` typography.\n \n @example\n * ```tsx\n * <ListLabelText>Notification Settings</ListLabelText>\n * ```\n */\nexport const ListLabelText: React.FC<ListLabelTextProps> = ({\n className,\n ...props\n}) => {\n return (\n <Text\n className={clsx(styles[\"label\"], typography.bodyLarge, className)}\n slot=\"label\"\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;A,8CCqBaO,KAA8C,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAG1D,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAH2D,eAAA,GAAAE,KAAAC,GAG3D,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAG4E,IAAAD,EAAA,MAAtD,IAAAP,EAAKC,EAAM,OAAWW,EAAU,WAAYJ,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGnE,OAHmEN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KADrE,IAAA,kBAACG,GAAD;EACe,WAAAH;EACN,MAAA;EAAO,GACRF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAJFM;AAIE"}

package/dist/chunks/ListMedia CHANGED Viewed

@@ -9,7 +9,6 @@ import '../assets/ListMedia.css';var n = {
 	className: e(n.media, n[r], i),
 	...a
 }), i = 56, a = 56, o = 100, s = 56, c = 114, l = 64;
-//#endregion
 export { s as a, c as i, i as n, o, l as r, r as s, a as t };
 //# sourceMappingURL=ListMedia.map

package/dist/chunks/ListMedia.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListMedia","names":["clsx","styles","clsx$1","listMedia_module_default","ListMedia","props","\"media\"","variant","className","ListMediaImageWidth","ListMediaImageHeight","ListMediaVideoWidth","ListMediaVideoHeight","ListMediaLargeVideoWidth","ListMediaLargeVideoHeight"],"sources":["../../src/components/List/ListMedia/listMedia.module.css","../../src/components/List/ListMedia/ListMedia.tsx","../../src/components/List/ListMedia/types.ts"],"sourcesContent":["@layer adgytec.comps {\n .media {\n inline-size: var(--_md-list-media-inline-size);\n max-inline-size: var(--_md-list-media-inline-size);\n\n block-size: var(--_md-list-media-block-size);\n max-block-size: var(--_md-list-media-block-size);\n\n border-radius: var(--md-sys-shape-corner-radius-small);\n overflow: clip;\n\n background-color: var(--md-sys-color-primary-container);\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n\n border-radius: inherit;\n }\n\n & video {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n\n border-radius: inherit;\n }\n }\n\n .image {\n /* 56, 56 /\n --_md-list-media-inline-size: var(--md-sys-layout-space-56);\n --_md-list-media-block-size: var(--md-sys-layout-space-56);\n }\n\n .video {\n / 100, 56 /\n --_md-list-media-inline-size: calc(100 var(--dp, 1px));\n --_md-list-media-block-size: var(--md-sys-layout-space-56);\n }\n\n .large-video {\n /* 114, 64 /\n --_md-list-media-inline-size: calc(114 var(--dp, 1px));\n --_md-list-media-block-size: var(--md-sys-layout-space-64);\n }\n}\n","import clsx from \"clsx\";\nimport styles from \"./listMedia.module.css\";\nimport type { ListMediaProps } from \"./types\";\n\n/*\n Styled media container for thumbnail images and video previews within a [`ListItem`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/List/ListItem/ListItem.tsx).\n \n Automatically applies rounded corners and `object-fit: cover` to nested `<img>` or `<video>` elements.\n * Supports dimension presets: `\"image\"` (56×56), `\"video\"` (100×56), and `\"large-video\"` (114×64).\n \n @example\n * ```tsx\n * import { ListMedia, ListMediaImageWidth, ListMediaImageHeight } from \"@adgytec/web-ui-components\";\n \n <ListMedia variant=\"image\">\n * <img\n * src=\"https://picsum.photos/56/56\"\n * alt=\"Thumbnail\"\n * width={ListMediaImageWidth}\n * height={ListMediaImageHeight}\n * />\n * </ListMedia>\n * ```\n /\nexport const ListMedia: React.FC<ListMediaProps> = ({\n variant = \"image\",\n className,\n ...props\n}) => {\n return (\n <div\n className={clsx(styles[\"media\"], styles[variant], className)}\n {...props}\n />\n );\n};\n","/\n Width in pixels for the `\"image\"` media variant (56px).\n /\nexport const ListMediaImageWidth = 56;\n\n/\n Height in pixels for the `\"image\"` media variant (56px).\n /\nexport const ListMediaImageHeight = 56;\n\n/\n Width in pixels for the standard `\"video\"` media variant (100px).\n /\nexport const ListMediaVideoWidth = 100;\n\n/\n Height in pixels for the standard `\"video\"` media variant (56px).\n /\nexport const ListMediaVideoHeight = 56;\n\n/\n Width in pixels for the `\"large-video\"` media variant (114px).\n /\nexport const ListMediaLargeVideoWidth = 114;\n\n/\n Height in pixels for the `\"large-video\"` media variant (64px).\n /\nexport const ListMediaLargeVideoHeight = 64;\n\n/\n Preset dimension variants for the [`ListMedia`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/List/ListMedia/ListMedia.tsx) container:\n * - `\"image\"`: 56px × 56px square thumbnail.\n * - `\"video\"`: 100px × 56px 16:9 aspect video preview.\n * - `\"large-video\"`: 114px × 64px enlarged video preview.\n /\nexport type ListMediaVariant = \"image\" \| \"video\" \| \"large-video\";\n\n/\n Props for the [`ListMedia`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/List/ListMedia/ListMedia.tsx) container component.\n /\nexport interface ListMediaProps extends React.ComponentPropsWithRef<\"div\"> {\n /\n Preset dimension variant for the media thumbnail container.\n \n @default \"image\"\n */\n variant?: ListMediaVariant;\n}\n"],"mappings":";;;;;;;GCwBaI,KAAuC,EAChD,aAAU,SACV,cACA,GAAGC,QAGC,kBAAC,OAAD;CACI,WAAWL,EAAKC,EAAOK,OAAUL,EAAOM,IAAUC,CAAS;CAC3D,GAAIH;AAAM,CAAA,GC7BTI,IAAsB,IAKtBC,IAAuB,IAKvBC,IAAsB,KAKtBC,IAAuB,IAKvBC,IAA2B,KAK3BC,IAA4B"}
1	+ {"version":3,"file":"ListMedia","names":["clsx","styles","clsx$1","listMedia_module_default","ListMedia","props","\"media\"","variant","className","ListMediaImageWidth","ListMediaImageHeight","ListMediaVideoWidth","ListMediaVideoHeight","ListMediaLargeVideoWidth","ListMediaLargeVideoHeight"],"sources":["../../src/components/List/ListMedia/listMedia.module.css","../../src/components/List/ListMedia/ListMedia.tsx","../../src/components/List/ListMedia/types.ts"],"sourcesContent":["@layer adgytec.comps {\n .media {\n inline-size: var(--_md-list-media-inline-size);\n max-inline-size: var(--_md-list-media-inline-size);\n\n block-size: var(--_md-list-media-block-size);\n max-block-size: var(--_md-list-media-block-size);\n\n border-radius: var(--md-sys-shape-corner-radius-small);\n overflow: clip;\n\n background-color: var(--md-sys-color-primary-container);\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n\n border-radius: inherit;\n }\n\n & video {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n\n border-radius: inherit;\n }\n }\n\n .image {\n /* 56, 56 /\n --_md-list-media-inline-size: var(--md-sys-layout-space-56);\n --_md-list-media-block-size: var(--md-sys-layout-space-56);\n }\n\n .video {\n / 100, 56 /\n --_md-list-media-inline-size: calc(100 var(--dp, 1px));\n --_md-list-media-block-size: var(--md-sys-layout-space-56);\n }\n\n .large-video {\n /* 114, 64 /\n --_md-list-media-inline-size: calc(114 var(--dp, 1px));\n --_md-list-media-block-size: var(--md-sys-layout-space-64);\n }\n}\n","import clsx from \"clsx\";\nimport styles from \"./listMedia.module.css\";\nimport type { ListMediaProps } from \"./types\";\n\n/*\n Styled media container for thumbnail images and video previews within a [`ListItem`](src/components/List/ListItem/ListItem.tsx).\n \n Automatically applies rounded corners and `object-fit: cover` to nested `<img>` or `<video>` elements.\n * Supports dimension presets: `\"image\"` (56×56), `\"video\"` (100×56), and `\"large-video\"` (114×64).\n \n @example\n * ```tsx\n * import { ListMedia, ListMediaImageWidth, ListMediaImageHeight } from \"@adgytec/web-ui-components\";\n \n <ListMedia variant=\"image\">\n * <img\n * src=\"https://picsum.photos/56/56\"\n * alt=\"Thumbnail\"\n * width={ListMediaImageWidth}\n * height={ListMediaImageHeight}\n * />\n * </ListMedia>\n * ```\n /\nexport const ListMedia: React.FC<ListMediaProps> = ({\n variant = \"image\",\n className,\n ...props\n}) => {\n return (\n <div\n className={clsx(styles[\"media\"], styles[variant], className)}\n {...props}\n />\n );\n};\n","/\n Width in pixels for the `\"image\"` media variant (56px).\n /\nexport const ListMediaImageWidth = 56;\n\n/\n Height in pixels for the `\"image\"` media variant (56px).\n /\nexport const ListMediaImageHeight = 56;\n\n/\n Width in pixels for the standard `\"video\"` media variant (100px).\n /\nexport const ListMediaVideoWidth = 100;\n\n/\n Height in pixels for the standard `\"video\"` media variant (56px).\n /\nexport const ListMediaVideoHeight = 56;\n\n/\n Width in pixels for the `\"large-video\"` media variant (114px).\n /\nexport const ListMediaLargeVideoWidth = 114;\n\n/\n Height in pixels for the `\"large-video\"` media variant (64px).\n /\nexport const ListMediaLargeVideoHeight = 64;\n\n/\n Preset dimension variants for the [`ListMedia`](src/components/List/ListMedia/ListMedia.tsx) container:\n * - `\"image\"`: 56px × 56px square thumbnail.\n * - `\"video\"`: 100px × 56px 16:9 aspect video preview.\n * - `\"large-video\"`: 114px × 64px enlarged video preview.\n /\nexport type ListMediaVariant = \"image\" \| \"video\" \| \"large-video\";\n\n/\n Props for the [`ListMedia`](src/components/List/ListMedia/ListMedia.tsx) container component.\n /\nexport interface ListMediaProps extends React.ComponentPropsWithRef<\"div\"> {\n /\n Preset dimension variant for the media thumbnail container.\n \n @default \"image\"\n */\n variant?: ListMediaVariant;\n}\n"],"mappings":";;;;;;;A,GCwBaI,KAAuC,EAChD,aAAU,SACV,cACA,GAAGC,QAGC,kBAAC,OAAD;CACI,WAAWL,EAAKC,EAAOK,OAAUL,EAAOM,IAAUC,CAAS;CAC3D,GAAIH;AAAM,CAAA,GC7BTI,IAAsB,IAKtBC,IAAuB,IAKvBC,IAAsB,KAKtBC,IAAuB,IAKvBC,IAA2B,KAK3BC,IAA4B"}

package/dist/chunks/ListOverlineText CHANGED Viewed

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

package/dist/chunks/ListOverlineText.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListOverlineText","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listOverlineText_module_default","ListOverlineText","$","className","props","t0","t1","typography","t2","Text"],"sources":["../../src/components/List/ListOverlineText/listOverlineText.module.css","../../src/components/List/ListOverlineText/ListOverlineText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .overline {\n color: var(--_md-list-color);\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}\n","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listOverlineText.module.css\";\n\n/*\n Props for the [`ListOverlineText`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/List/ListOverlineText/ListOverlineText.tsx) component.\n /\nexport interface ListOverlineTextProps\n extends React.ComponentPropsWithRef<typeof Text> {}\n\n/\n Eyebrow or overline category text component displayed above the label in a [`ListItem`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/List/ListItem/ListItem.tsx).\n \n Styled with Material Design 3 `labelSmall` typography.\n \n @example\n * ```tsx\n * <ListOverlineText>Work</ListOverlineText>\n * ```\n */\nexport const ListOverlineText: React.FC<ListOverlineTextProps> = ({\n className,\n ...props\n}) => {\n return (\n <Text\n className={clsx(\n styles[\"overline\"],\n typography.labelSmall,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;oDCqBaO,KAAoD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGhE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHiE,eAAA,GAAAE,KAAAC,GAGjE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOY,IAAAD,EAAA,MAJU,IAAAP,EACPC,EAAM,UACNW,EAAU,YACVJ,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEH,OAFGN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAACG,GAAD;EACe,WAAAH;EAIV,GACGF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAPFM;AAOE"}
1	+ {"version":3,"file":"ListOverlineText","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listOverlineText_module_default","ListOverlineText","$","className","props","t0","t1","typography","t2","Text"],"sources":["../../src/components/List/ListOverlineText/listOverlineText.module.css","../../src/components/List/ListOverlineText/ListOverlineText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .overline {\n color: var(--_md-list-color);\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}\n","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listOverlineText.module.css\";\n\n/*\n Props for the [`ListOverlineText`](src/components/List/ListOverlineText/ListOverlineText.tsx) component.\n /\nexport interface ListOverlineTextProps\n extends React.ComponentPropsWithRef<typeof Text> {}\n\n/\n Eyebrow or overline category text component displayed above the label in a [`ListItem`](src/components/List/ListItem/ListItem.tsx).\n \n Styled with Material Design 3 `labelSmall` typography.\n \n @example\n * ```tsx\n * <ListOverlineText>Work</ListOverlineText>\n * ```\n */\nexport const ListOverlineText: React.FC<ListOverlineTextProps> = ({\n className,\n ...props\n}) => {\n return (\n <Text\n className={clsx(\n styles[\"overline\"],\n typography.labelSmall,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;A,oDCqBaO,KAAoD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGhE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHiE,eAAA,GAAAE,KAAAC,GAGjE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOY,IAAAD,EAAA,MAJU,IAAAP,EACPC,EAAM,UACNW,EAAU,YACVJ,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEH,OAFGN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAACG,GAAD;EACe,WAAAH;EAIV,GACGF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAPFM;AAOE"}

package/dist/chunks/ListSupportingText CHANGED Viewed

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

package/dist/chunks/ListSupportingText.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListSupportingText","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listSupportingText_module_default","ListSupportingText","$","className","props","t0","t1","typography","t2","Text"],"sources":["../../src/components/List/ListSupportingText/listSupportingText.module.css","../../src/components/List/ListSupportingText/ListSupportingText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .supporting {\n color: var(--_md-list-color);\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}\n","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listSupportingText.module.css\";\n\n/*\n Props for the [`ListSupportingText`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/List/ListSupportingText/ListSupportingText.tsx) component.\n /\nexport interface ListSupportingTextProps\n extends Omit<React.ComponentPropsWithRef<typeof Text>, \"slot\"> {}\n\n/\n Secondary descriptive text component placed beneath the label in a [`ListItem`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/List/ListItem/ListItem.tsx).\n \n Automatically binds to `slot=\"description\"` with Material Design 3 `bodyMedium` typography.\n \n @example\n * ```tsx\n * <ListSupportingText>Receive real-time alerts on your device.</ListSupportingText>\n * ```\n */\nexport const ListSupportingText: React.FC<ListSupportingTextProps> = ({\n className,\n ...props\n}) => {\n return (\n <Text\n className={clsx(\n styles[\"supporting\"],\n typography.bodyMedium,\n className\n )}\n slot=\"description\"\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;wDCqBaO,KAAwD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGpE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHqE,eAAA,GAAAE,KAAAC,GAGrE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOY,IAAAD,EAAA,MAJU,IAAAP,EACPC,EAAM,YACNW,EAAU,YACVJ,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGH,OAHGN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAACG,GAAD;EACe,WAAAH;EAKN,MAAA;EAAa,GACdF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IARFM;AAQE"}
1	+ {"version":3,"file":"ListSupportingText","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listSupportingText_module_default","ListSupportingText","$","className","props","t0","t1","typography","t2","Text"],"sources":["../../src/components/List/ListSupportingText/listSupportingText.module.css","../../src/components/List/ListSupportingText/ListSupportingText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .supporting {\n color: var(--_md-list-color);\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}\n","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listSupportingText.module.css\";\n\n/*\n Props for the [`ListSupportingText`](src/components/List/ListSupportingText/ListSupportingText.tsx) component.\n /\nexport interface ListSupportingTextProps\n extends Omit<React.ComponentPropsWithRef<typeof Text>, \"slot\"> {}\n\n/\n Secondary descriptive text component placed beneath the label in a [`ListItem`](src/components/List/ListItem/ListItem.tsx).\n \n Automatically binds to `slot=\"description\"` with Material Design 3 `bodyMedium` typography.\n \n @example\n * ```tsx\n * <ListSupportingText>Receive real-time alerts on your device.</ListSupportingText>\n * ```\n */\nexport const ListSupportingText: React.FC<ListSupportingTextProps> = ({\n className,\n ...props\n}) => {\n return (\n <Text\n className={clsx(\n styles[\"supporting\"],\n typography.bodyMedium,\n className\n )}\n slot=\"description\"\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;A,wDCqBaO,KAAwD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGpE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHqE,eAAA,GAAAE,KAAAC,GAGrE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOY,IAAAD,EAAA,MAJU,IAAAP,EACPC,EAAM,YACNW,EAAU,YACVJ,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGH,OAHGN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAACG,GAAD;EACe,WAAAH;EAKN,MAAA;EAAa,GACdF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IARFM;AAQE"}

package/dist/chunks/ListTrailingText CHANGED Viewed

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

package/dist/chunks/ListTrailingText.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListTrailingText","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listTrailingText_module_default","ListTrailingText","$","className","props","t0","t1","typography","t2","Text"],"sources":["../../src/components/List/ListTrailingText/listTrailingText.module.css","../../src/components/List/ListTrailingText/ListTrailingText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .trailing {\n color: var(--_md-list-color);\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}\n","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listTrailingText.module.css\";\n\n/*\n Props for the [`ListTrailingText`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/List/ListTrailingText/ListTrailingText.tsx) component.\n /\nexport interface ListTrailingTextProps\n extends React.ComponentPropsWithRef<typeof Text> {}\n\n/\n Trailing metadata or timestamp text component placed at the end of a [`ListItem`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/List/ListItem/ListItem.tsx).\n \n Styled with Material Design 3 `labelSmall` typography.\n \n @example\n * ```tsx\n * <ListTrailingText>10:45 AM</ListTrailingText>\n * ```\n */\nexport const ListTrailingText: React.FC<ListTrailingTextProps> = ({\n className,\n ...props\n}) => {\n return (\n <Text\n className={clsx(\n styles[\"trailing\"],\n typography.labelSmall,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;oDCqBaO,KAAoD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGhE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHiE,eAAA,GAAAE,KAAAC,GAGjE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOY,IAAAD,EAAA,MAJU,IAAAP,EACPC,EAAM,UACNW,EAAU,YACVJ,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEH,OAFGN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAACG,GAAD;EACe,WAAAH;EAIV,GACGF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAPFM;AAOE"}
1	+ {"version":3,"file":"ListTrailingText","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listTrailingText_module_default","ListTrailingText","$","className","props","t0","t1","typography","t2","Text"],"sources":["../../src/components/List/ListTrailingText/listTrailingText.module.css","../../src/components/List/ListTrailingText/ListTrailingText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .trailing {\n color: var(--_md-list-color);\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}\n","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listTrailingText.module.css\";\n\n/*\n Props for the [`ListTrailingText`](src/components/List/ListTrailingText/ListTrailingText.tsx) component.\n /\nexport interface ListTrailingTextProps\n extends React.ComponentPropsWithRef<typeof Text> {}\n\n/\n Trailing metadata or timestamp text component placed at the end of a [`ListItem`](src/components/List/ListItem/ListItem.tsx).\n \n Styled with Material Design 3 `labelSmall` typography.\n \n @example\n * ```tsx\n * <ListTrailingText>10:45 AM</ListTrailingText>\n * ```\n */\nexport const ListTrailingText: React.FC<ListTrailingTextProps> = ({\n className,\n ...props\n}) => {\n return (\n <Text\n className={clsx(\n styles[\"trailing\"],\n typography.labelSmall,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;A,oDCqBaO,KAAoD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGhE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHiE,eAAA,GAAAE,KAAAC,GAGjE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOY,IAAAD,EAAA,MAJU,IAAAP,EACPC,EAAM,UACNW,EAAU,YACVJ,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEH,OAFGN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAACG,GAAD;EACe,WAAAH;EAIV,GACGF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAPFM;AAOE"}

package/dist/chunks/Loader CHANGED Viewed

@@ -3,7 +3,7 @@ import { t } from "./Icon";
 import { clsx as n } from "clsx";
 import { jsx as r } from "react/jsx-runtime";
 import { LoaderCircle as i } from "lucide-react";
-import '../assets/Loader.css';//#region src/components/Loader/loader.module.css
+import '../assets/Loader.css';// src/components/Loader/loader.module.css
 var a = e(), o = { loader: "_loader_kal5x_2" }, s = (e) => {
 	let s = (0, a.c)(3), c;
 	s[0] === Symbol.for("react.memo_cache_sentinel") ? (c = n(o.loader), s[0] = c) : c = s[0];
@@ -14,7 +14,6 @@ var a = e(), o = { loader: "_loader_kal5x_2" }, s = (e) => {
 		...e
 	}), s[1] = e, s[2] = l), l;
 };
-//#endregion
 export { s as t };
 //# sourceMappingURL=Loader.map

package/dist/chunks/Loader.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loader","names":["LoaderCircle","_c","styles","require_compiler_runtime","import_compiler_runtime","loader_module_default","Loader","$","t0","clsx","t1","props","Icon","LoaderCircle"],"sources":["../../src/components/Loader/loader.module.css","../../src/components/Loader/Loader.tsx"],"sourcesContent":["@layer adgytec.comps {\n .loader {\n animation: loader 1s infinite linear;\n }\n\n @keyframes loader {\n from {\n rotate: 0deg;\n }\n to {\n rotate: 360deg;\n }\n }\n}\n","import { clsx } from \"clsx\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./loader.module.css\";\n\n/*\n Props for the [`Loader`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/Loader/Loader.tsx) component.\n \n Extends all properties from [`Icon`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/Icon/Icon.tsx)\n * while omitting `icon` (which is fixed to `LoaderCircle`) and internal `className`.\n /\nexport interface LoaderProps\n extends Omit<\n React.ComponentPropsWithRef<typeof Icon>,\n \"icon\" \| \"className\"\n > {}\n\n/\n Circular spinning progress and activity indicator component.\n \n Built using Lucide's `LoaderCircle` icon with continuous 360-degree rotation animation\n * to signal ongoing processes or background loading operations.\n \n @example\n * ```tsx\n * import { Loader } from \"@adgytec/web-ui-components\";\n \n // Default loader\n * <Loader />\n \n // Custom size and color\n * <Loader size={32} color=\"var(--md-sys-color-primary)\" />\n * ```\n */\nexport const Loader: React.FC<LoaderProps> = (props) => {\n return (\n <Icon\n icon={LoaderCircle}\n className={clsx(styles[\"loader\"])}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;gDCkCaM,KAAgC,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAAO;CAAA,AAAAD,EAAA,OAAA,OAAA,IAAA,2BAAA,KAItB,IAAAE,EAAKP,EAAM,MAAU,GAAC,EAAA,KAAAM,KAAA,IAAAD,EAAA;CAAA,IAAAG;CAEnC,OAFmCH,EAAA,OAAAI,IAEnC,IAAAJ,EAAA,MAJF,IAAA,kBAACK,GAAD;EACUZ,MAAAa;EACK,WAAAL;EAAsB,GAC7BG;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAD,IAJFA;AAIE"}
1	+ {"version":3,"file":"Loader","names":["LoaderCircle","_c","styles","require_compiler_runtime","import_compiler_runtime","loader_module_default","Loader","$","t0","clsx","t1","props","Icon","LoaderCircle"],"sources":["../../src/components/Loader/loader.module.css","../../src/components/Loader/Loader.tsx"],"sourcesContent":["@layer adgytec.comps {\n .loader {\n animation: loader 1s infinite linear;\n }\n\n @keyframes loader {\n from {\n rotate: 0deg;\n }\n to {\n rotate: 360deg;\n }\n }\n}\n","import { clsx } from \"clsx\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./loader.module.css\";\n\n/*\n Props for the [`Loader`](src/components/Loader/Loader.tsx) component.\n \n Extends all properties from [`Icon`](src/components/Icon/Icon.tsx)\n * while omitting `icon` (which is fixed to `LoaderCircle`) and internal `className`.\n /\nexport interface LoaderProps\n extends Omit<\n React.ComponentPropsWithRef<typeof Icon>,\n \"icon\" \| \"className\"\n > {}\n\n/\n Circular spinning progress and activity indicator component.\n \n Built using Lucide's `LoaderCircle` icon with continuous 360-degree rotation animation\n * to signal ongoing processes or background loading operations.\n \n @example\n * ```tsx\n * import { Loader } from \"@adgytec/web-ui-components\";\n \n // Default loader\n * <Loader />\n \n // Custom size and color\n * <Loader size={32} color=\"var(--md-sys-color-primary)\" />\n * ```\n */\nexport const Loader: React.FC<LoaderProps> = (props) => {\n return (\n <Icon\n icon={LoaderCircle}\n className={clsx(styles[\"loader\"])}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;A,gDCkCaM,KAAgC,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAAO;CAAA,AAAAD,EAAA,OAAA,OAAA,IAAA,2BAAA,KAItB,IAAAE,EAAKP,EAAM,MAAU,GAAC,EAAA,KAAAM,KAAA,IAAAD,EAAA;CAAA,IAAAG;CAEnC,OAFmCH,EAAA,OAAAI,IAEnC,IAAAJ,EAAA,MAJF,IAAA,kBAACK,GAAD;EACUZ,MAAAa;EACK,WAAAL;EAAsB,GAC7BG;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAD,IAJFA;AAIE"}

package/dist/chunks/MenuPopover CHANGED Viewed

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

package/dist/chunks/MenuPopover.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuPopover","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","menuPopover_module_default","MenuPopover","$","className","props","t0","t1","renderProps","t2","Popover"],"sources":["../../src/components/Menu/MenuPopover/menuPopover.module.css","../../src/components/Menu/MenuPopover/MenuPopover.tsx"],"sourcesContent":["@layer adgytec.comps {\n .popover {\n display: grid;\n grid-template-rows: 1fr;\n }\n}\n","import clsx from \"clsx\";\nimport { Popover } from \"@/components/Popover\";\nimport styles from \"./menuPopover.module.css\";\n\n/*\n Props for the [`MenuPopover`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/Menu/MenuPopover/MenuPopover.tsx) component.\n /\nexport interface MenuPopoverProps\n extends React.ComponentPropsWithRef<typeof Popover> {}\n\n/\n Surface overlay container for the [`Menu`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/Menu/Menu/Menu.tsx) component.\n \n Wraps [`Popover`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/Popover/Popover.tsx)\n * with Material Design 3 surface styling, rounded corners, and shadow elevation.\n \n @example\n * ```tsx\n * <MenuPopover placement=\"bottom start\">\n * <Menu>\n * <MenuItem label=\"Settings\" />\n * </Menu>\n * </MenuPopover>\n * ```\n */\nexport const MenuPopover: React.FC<MenuPopoverProps> = ({\n className,\n ...props\n}) => {\n return (\n <Popover\n className={(renderProps) =>\n clsx(\n styles[\"popover\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;kDCyBaO,KAA0C,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGtD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHuD,eAAA,GAAAE,KAAAC,GAGvD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPP,EACIC,EAAM,SACN,OAAOO,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACG,GAAD;EACe,WAAAH;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}
1	+ {"version":3,"file":"MenuPopover","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","menuPopover_module_default","MenuPopover","$","className","props","t0","t1","renderProps","t2","Popover"],"sources":["../../src/components/Menu/MenuPopover/menuPopover.module.css","../../src/components/Menu/MenuPopover/MenuPopover.tsx"],"sourcesContent":["@layer adgytec.comps {\n .popover {\n display: grid;\n grid-template-rows: 1fr;\n }\n}\n","import clsx from \"clsx\";\nimport { Popover } from \"@/components/Popover\";\nimport styles from \"./menuPopover.module.css\";\n\n/*\n Props for the [`MenuPopover`](src/components/Menu/MenuPopover/MenuPopover.tsx) component.\n /\nexport interface MenuPopoverProps\n extends React.ComponentPropsWithRef<typeof Popover> {}\n\n/\n Surface overlay container for the [`Menu`](src/components/Menu/Menu/Menu.tsx) component.\n \n Wraps [`Popover`](src/components/Popover/Popover.tsx)\n * with Material Design 3 surface styling, rounded corners, and shadow elevation.\n \n @example\n * ```tsx\n * <MenuPopover placement=\"bottom start\">\n * <Menu>\n * <MenuItem label=\"Settings\" />\n * </Menu>\n * </MenuPopover>\n * ```\n */\nexport const MenuPopover: React.FC<MenuPopoverProps> = ({\n className,\n ...props\n}) => {\n return (\n <Popover\n className={(renderProps) =>\n clsx(\n styles[\"popover\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;A,kDCyBaO,KAA0C,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGtD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHuD,eAAA,GAAAE,KAAAC,GAGvD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPP,EACIC,EAAM,SACN,OAAOO,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACG,GAAD;EACe,WAAAH;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}

package/dist/chunks/Modal CHANGED Viewed

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

package/dist/chunks/Modal.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal","names":["Modal","_c","clsx","styles","AriaModal","require_compiler_runtime","clsx$1","import_compiler_runtime","modal_module_default","Modal$1","$","className","props","t0","t1","renderProps","t2","Modal"],"sources":["../../src/components/Dialog/Modal/modal.module.css","../../src/components/Dialog/Modal/Modal.tsx"],"sourcesContent":["@layer adgytec.comps {\n .modal {\n padding-inline: var(--md-sys-layout-window-size-compact-margin);\n\n position: fixed;\n inset: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n transition: scale 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 &[data-entering] {\n scale: 0.75;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Modal as AriaModal } from \"react-aria-components\";\nimport styles from \"./modal.module.css\";\n\n/*\n Props for the {@link Modal} component.\n * Extends React Aria's {@link AriaModal} props.\n /\nexport interface ModalProps\n extends React.ComponentPropsWithRef<typeof AriaModal> {}\n\n/\n A modal positioning and transition wrapper for dialogs.\n \n Controls entrance and exit animations (such as zoom-in scaling) and centers\n * the enclosed dialog within the viewport or containing overlay.\n \n @example\n * ```tsx\n * import { Modal, ModalOverlay, Dialog } from '@adgytec/web-ui-components';\n \n <ModalOverlay isDismissable>\n * <Modal>\n * <Dialog>Modal content goes here</Dialog>\n * </Modal>\n * </ModalOverlay>\n * ```\n */\nexport const Modal: React.FC<ModalProps> = ({ className, ...props }) => {\n return (\n <AriaModal\n className={(renderProps) =>\n clsx(\n styles[\"modal\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;8CC4BaA,KAA8B,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,CAAA,GAAAU,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IASlD,IAAAD,EAAA,MANM,KAAA,MACPR,EACIC,EAAM,OACN,OAAOQ,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACV,GAAD;EACe,WAAAU;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}
1	+ {"version":3,"file":"Modal","names":["Modal","_c","clsx","styles","AriaModal","require_compiler_runtime","clsx$1","import_compiler_runtime","modal_module_default","Modal$1","$","className","props","t0","t1","renderProps","t2","Modal"],"sources":["../../src/components/Dialog/Modal/modal.module.css","../../src/components/Dialog/Modal/Modal.tsx"],"sourcesContent":["@layer adgytec.comps {\n .modal {\n padding-inline: var(--md-sys-layout-window-size-compact-margin);\n\n position: fixed;\n inset: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n transition: scale 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 &[data-entering] {\n scale: 0.75;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Modal as AriaModal } from \"react-aria-components\";\nimport styles from \"./modal.module.css\";\n\n/*\n Props for the {@link Modal} component.\n * Extends React Aria's {@link AriaModal} props.\n /\nexport interface ModalProps\n extends React.ComponentPropsWithRef<typeof AriaModal> {}\n\n/\n A modal positioning and transition wrapper for dialogs.\n \n Controls entrance and exit animations (such as zoom-in scaling) and centers\n * the enclosed dialog within the viewport or containing overlay.\n \n @example\n * ```tsx\n * import { Modal, ModalOverlay, Dialog } from '@adgytec/web-ui-components';\n \n <ModalOverlay isDismissable>\n * <Modal>\n * <Dialog>Modal content goes here</Dialog>\n * </Modal>\n * </ModalOverlay>\n * ```\n */\nexport const Modal: React.FC<ModalProps> = ({ className, ...props }) => {\n return (\n <AriaModal\n className={(renderProps) =>\n clsx(\n styles[\"modal\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;A,8CC4BaA,KAA8B,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,CAAA,GAAAU,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IASlD,IAAAD,EAAA,MANM,KAAA,MACPR,EACIC,EAAM,OACN,OAAOQ,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACV,GAAD;EACe,WAAAU;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}

package/dist/chunks/ModalOverlay CHANGED Viewed

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

package/dist/chunks/ModalOverlay.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalOverlay","names":["ModalOverlay","_c","clsx","styles","AriaModalOverlay","require_compiler_runtime","clsx$1","import_compiler_runtime","modalOverlay_module_default","ModalOverlay$1","$","className","props","t0","t1","renderProps","t2","ModalOverlay"],"sources":["../../src/components/Dialog/ModalOverlay/modalOverlay.module.css","../../src/components/Dialog/ModalOverlay/ModalOverlay.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-dialog-overlay\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .overlay {\n / configurable tokens /\n --_md-dialog-overlay: var(\n --md-dialog-overlay,\n var(--md-sys-color-scrim)\n );\n\n / configurable tokens end /\n\n --_modal-motion: var(--md-sys-motion-expressive-default-effects);\n --_modal-motion-duration: var(\n --md-sys-motion-expressive-default-effects-duration\n );\n\n background-color: rgb(\n from var(--_md-dialog-overlay) r g b /\n var(--md-sys-state-backdrop)\n );\n\n position: fixed;\n inset: 0;\n z-index: 1000;\n\n transition: opacity var(--_modal-motion) var(--_modal-motion-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-entering],\n &[data-exiting] {\n opacity: 0;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { ModalOverlay as AriaModalOverlay } from \"react-aria-components\";\nimport styles from \"./modalOverlay.module.css\";\n\n/\n Props for the {@link ModalOverlay} component.\n * Extends React Aria's {@link AriaModalOverlay} props.\n /\nexport interface ModalOverlayProps\n extends React.ComponentPropsWithRef<typeof AriaModalOverlay> {}\n\n/\n A scrim backdrop overlay rendered behind modal dialogs.\n \n Applies the Material Design 3 backdrop scrim tint (`--md-dialog-overlay`),\n * handles entry/exit fade animations, locks background body scrolling, and can dismiss\n * the dialog on outside click when configured with `isDismissable`.\n \n @example\n * ```tsx\n * import { ModalOverlay, Modal, Dialog } from '@adgytec/web-ui-components';\n \n <ModalOverlay isDismissable>\n * <Modal>\n * <Dialog>Dialog Content</Dialog>\n * </Modal>\n * </ModalOverlay>\n * ```\n */\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n className,\n ...props\n}) => {\n return (\n <AriaModalOverlay\n className={(renderProps) =>\n clsx(\n styles[\"overlay\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;kDC6BaA,KAA4C,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,CAAA,GAAAU,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGxD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHyD,eAAA,GAAAE,KAAAC,GAGzD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPR,EACIC,EAAM,SACN,OAAOQ,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACV,GAAD;EACe,WAAAU;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}
1	+ {"version":3,"file":"ModalOverlay","names":["ModalOverlay","_c","clsx","styles","AriaModalOverlay","require_compiler_runtime","clsx$1","import_compiler_runtime","modalOverlay_module_default","ModalOverlay$1","$","className","props","t0","t1","renderProps","t2","ModalOverlay"],"sources":["../../src/components/Dialog/ModalOverlay/modalOverlay.module.css","../../src/components/Dialog/ModalOverlay/ModalOverlay.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-dialog-overlay\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .overlay {\n / configurable tokens /\n --_md-dialog-overlay: var(\n --md-dialog-overlay,\n var(--md-sys-color-scrim)\n );\n\n / configurable tokens end /\n\n --_modal-motion: var(--md-sys-motion-expressive-default-effects);\n --_modal-motion-duration: var(\n --md-sys-motion-expressive-default-effects-duration\n );\n\n background-color: rgb(\n from var(--_md-dialog-overlay) r g b /\n var(--md-sys-state-backdrop)\n );\n\n position: fixed;\n inset: 0;\n z-index: 1000;\n\n transition: opacity var(--_modal-motion) var(--_modal-motion-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-entering],\n &[data-exiting] {\n opacity: 0;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { ModalOverlay as AriaModalOverlay } from \"react-aria-components\";\nimport styles from \"./modalOverlay.module.css\";\n\n/\n Props for the {@link ModalOverlay} component.\n * Extends React Aria's {@link AriaModalOverlay} props.\n /\nexport interface ModalOverlayProps\n extends React.ComponentPropsWithRef<typeof AriaModalOverlay> {}\n\n/\n A scrim backdrop overlay rendered behind modal dialogs.\n \n Applies the Material Design 3 backdrop scrim tint (`--md-dialog-overlay`),\n * handles entry/exit fade animations, locks background body scrolling, and can dismiss\n * the dialog on outside click when configured with `isDismissable`.\n \n @example\n * ```tsx\n * import { ModalOverlay, Modal, Dialog } from '@adgytec/web-ui-components';\n \n <ModalOverlay isDismissable>\n * <Modal>\n * <Dialog>Dialog Content</Dialog>\n * </Modal>\n * </ModalOverlay>\n * ```\n */\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n className,\n ...props\n}) => {\n return (\n <AriaModalOverlay\n className={(renderProps) =>\n clsx(\n styles[\"overlay\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;A,kDC6BaA,KAA4C,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,CAAA,GAAAU,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGxD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHyD,eAAA,GAAAE,KAAAC,GAGzD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPR,EACIC,EAAM,SACN,OAAOQ,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACV,GAAD;EACe,WAAAU;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}

package/dist/chunks/Navigation CHANGED Viewed

@@ -11,15 +11,14 @@ import { createContext as p, useContext as m, useState as h } from "react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { Header as v, Heading as y, Provider as b } from "react-aria-components";
 import { X as x } from "lucide-react";
-import '../assets/Navigation.css';//#region src/components/Navigation/Navigation/navigation.module.css
+import '../assets/Navigation.css';// src/components/Navigation/Navigation/navigation.module.css
 var S = e(), C = { container: "_container_npu2b_2" }, w = p(null);
 function T() {
 	let e = m(w);
 	if (e === null) throw Error("Missing navigation rendering info. Ensure this component is rendered within Navigation component.");
 	return e;
 }
-//#endregion
-//#region src/components/Navigation/Navigation/Navigation.tsx
+// src/components/Navigation/Navigation/Navigation.tsx
 var E = ({ label: e, children: c, className: l, isLinkActive: p, isButtonActive: m, stateID: S = "__root__", inert: T, style: E, containerClassName: D, ...O }) => {
 	let [k, A] = h(null), { isInert: j } = u(), M = i(), N = M || !!e || !1;
 	return /* @__PURE__ */ g(b, {
@@ -72,7 +71,6 @@ var E = ({ label: e, children: c, className: l, isLinkActive: p, isButtonActive:
 	let n;
 	return t[2] === e ? n = t[3] : (n = /* @__PURE__ */ g(E, { ...e }), t[2] = e, t[3] = n), n;
 };
-//#endregion
 export { w as n, T as r, D as t };
 //# sourceMappingURL=Navigation.map

package/dist/chunks/Navigation.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation","names":["clsx","styles","_c","require_compiler_runtime","typography","NavigationHeaderStyles","NavigationInfoContext","NavigationContext","clsx$1","import_compiler_runtime","navigation_module_default","NavigationRenderingContext","createContext","useNavigationContainer","container","useContext","Nav","props","setContainer","useState","useNavigationState","isInModal","useInDialog","renderHeader","label","Provider","stateID","\"container\"","containerClassName","NavigationStyles","className","style","inert","isInert","Header","Heading","IconButton","X","NavigationScrollContainer","Navigation","$","NavigationStateContext","t0","NavigationState"],"sources":["../../src/components/Navigation/Navigation/navigation.module.css","../../src/components/Navigation/Navigation/navRenderingContext.ts","../../src/components/Navigation/Navigation/Navigation.tsx"],"sourcesContent":["@layer adgytec.comps {\n .container {\n --_md-navigation-items-gap: var(--md-sys-layout-space-4);\n\n position: relative;\n border-radius: inherit;\n overflow: clip;\n }\n}\n","import { createContext, useContext } from \"react\";\n\n/*\n Context value providing the DOM reference of the navigation container for sub-navigation portal mounting.\n /\nexport type NavigationRenderingContextType = {\n /\n Outer container DOM node used as the target portal container for sliding sub-navigations.\n /\n container: HTMLDivElement \| null;\n};\n\n/\n React context providing the container DOM element for rendering nested sub-navigation portals.\n /\nexport const NavigationRenderingContext =\n createContext<NavigationRenderingContextType \| null>(null);\n\n/\n Hook to access the parent navigation container element used for portal mounting of\n * [`SubNavigation`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx).\n \n @throws If called outside of a [`Navigation`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/Navigation/Navigation/Navigation.tsx) component.\n * @returns The current {@link NavigationRenderingContextType}.\n /\nexport function useNavigationContainer() {\n const container = useContext(NavigationRenderingContext);\n if (container === null) {\n throw new Error(\n \"Missing navigation rendering info. Ensure this component is rendered within Navigation component.\"\n );\n }\n\n return container;\n}\n","import clsx from \"clsx\";\nimport { X } from \"lucide-react\";\nimport { useContext, useState } from \"react\";\nimport { Header, Heading, Provider } from \"react-aria-components\";\nimport { IconButton } from \"@/components/Button\";\nimport { useInDialog } from \"@/components/Dialog\";\nimport { typography } from \"@/utils\";\nimport {\n NavigationHeaderStyles,\n NavigationInfoContext,\n NavigationStyles,\n} from \"../core\";\nimport { NavigationScrollContainer } from \"../NavigationScrollContainer\";\nimport {\n NavigationState,\n NavigationStateContext,\n useNavigationState,\n} from \"../NavigationState\";\nimport { NavigationContext } from \"./navContext\";\nimport styles from \"./navigation.module.css\";\nimport { NavigationRenderingContext } from \"./navRenderingContext\";\nimport type { NavigationProps } from \"./types\";\n\nconst Nav: React.FC<NavigationProps> = ({\n label,\n children,\n className,\n isLinkActive,\n isButtonActive,\n stateID = \"__root__\",\n inert,\n style,\n containerClassName,\n ...props\n}) => {\n const depth = 0;\n\n const [container, setContainer] = useState<HTMLDivElement \| null>(null);\n const { isInert } = useNavigationState();\n\n const isInModal = useInDialog();\n const renderHeader = isInModal \|\| !!label \|\| false;\n\n return (\n <Provider\n values={[\n [NavigationRenderingContext, { container }],\n [NavigationContext, { isLinkActive, isButtonActive }],\n [NavigationInfoContext, { id: stateID, depth }],\n ]}\n >\n <div\n ref={setContainer}\n className={clsx(styles[\"container\"], containerClassName)}\n >\n <nav\n className={clsx(NavigationStyles, className)}\n {...props}\n data-header={renderHeader \|\| undefined}\n style={{\n ...style,\n zIndex: depth + 1,\n }}\n inert={inert ?? isInert(depth)}\n data-modal={isInModal \|\| undefined}\n >\n {renderHeader && (\n <Header className={clsx(NavigationHeaderStyles)}>\n {label && (\n <Heading\n className={clsx(typography.titleLarge)}\n data-heading\n >\n {label}\n </Heading>\n )}\n\n {isInModal && (\n <IconButton\n icon={X}\n color=\"standard\"\n slot=\"close\"\n data-close-button\n />\n )}\n </Header>\n )}\n\n <NavigationScrollContainer>\n {children}\n </NavigationScrollContainer>\n </nav>\n </div>\n </Provider>\n );\n};\n\n/\n Main layout container for application navigation following Material Design 3 guidelines.\n \n Coordinates navigation header titles, dialog/drawer modal close buttons, scroll position synchronization,\n * and context providers for link/button active states and portal-rendered sub-navigation panels.\n * Automatically provides a [`NavigationState`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/Navigation/NavigationState/NavigationState.tsx)\n * if not already nested within one.\n \n @example\n * ```tsx\n * import {\n * Navigation,\n * NavigationSection,\n * NavigationLink,\n * } from \"@adgytec/web-ui-components\";\n * import { Home, Settings } from \"lucide-react\";\n \n <Navigation\n * label=\"Dashboard\"\n * isLinkActive={(href) => window.location.pathname === href}\n * >\n * <NavigationSection>\n * <NavigationLink href=\"/\" label=\"Home\" icon={Home} />\n * <NavigationLink href=\"/settings\" label=\"Settings\" icon={Settings} />\n * </NavigationSection>\n * </Navigation>\n * ```\n */\nexport const Navigation: React.FC<NavigationProps> = (props) => {\n const navStateCtx = useContext(NavigationStateContext);\n\n if (navStateCtx === null) {\n return (\n <NavigationState>\n <Nav {...props} />\n </NavigationState>\n );\n }\n\n return <Nav {...props} />;\n};\n"],"mappings":";;;;;;;;;;;;;;sDCeaW,IACTC,EAAqD,IAAI;AAS7D,SAAOC,IAAA;CACH,IAAAC,IAAkBC,EAAWJ,CAA0B;CACvD,IAAIG,MAAc,MACd,MAAU,MACN,mGACJ;CACH,OAEMA;AAAS~~;;;~~ACVpB,IAAME,KAAkC,EACpC,UACA,aACA,cACA,iBACA,mBACA,aAAU,YACV,UACA,UACA,uBACA,GAAGC,QACD;CACF,IAEM,CAACH,GAAWI,KAAgBC,EAAgC,IAAI,GAChE,EAAE,eAAYC,EAAmB,GAEjCC,IAAYC,EAAY,GACxBC,IAAeF,KAAa,CAAC,CAACG,KAAS;CAE7C,OACI,kBAACC,GAAD;EACI,QAAQ;GACJ,CAACd,GAA4B,EAAE,aAAU,CAAC;GAC1C,CAACJ,GAAmB;IAAE;IAAc;GAAe,CAAC;GACpD,CAACD,GAAuB;IAAE,IAAIoB;IAAS;GAAM,CAAC;EAAC;EAGnD,UAAA,kBAAC,OAAD;GACI,KAAKR;GACL,WAAWlB,EAAKC,EAAO0B,WAAcC,CAAkB;GAEvD,UAAA,kBAAC,OAAD;IACI,WAAW5B,EAAK6B,GAAkBC,CAAS;IAC3C,GAAIb;IACJ,eAAaM,KAAgB,KAAA;IAC7B,OAAO;KACH,GAAGQ;KACH,QAAQ;IACZ;IACA,OAAOC,KAASC,EAAQ,CAAK;IAC7B,cAAYZ,KAAa,KAAA;IAT7B,UAAA,CAWKE,KACG,kBAACW,GAAD;KAAQ,WAAWlC,EAAKK,CAAsB;KAA9C,UAAA,CACKmB,KACG,kBAACW,GAAD;MACI,WAAWnC,EAAKI,EAAW,UAAU;MACrC,gBAAA;MAEC,UAAAoB;KACI,CAAA,GAGZH,KACG,kBAACe,GAAD;MACI,MAAMC;MACN,OAAM;MACN,MAAK;MACL,qBAAA;KAAiB,CAAA,CAGrB;IAGZ,CAAA,GAAA,kBAACC,GAAD,EACK,YACsB,CAAA,CAC1B;;EACJ,CAAA;CACC,CAAA;AAElB,GA8BaC,KAAwC,MAAA;CAAA,IAAAC,KAAA,GAAAtC,EAAAA,EAAAA,CAAA,CAAA;CAGjD,IAFoBa,EAAW0B,CAE3B,MAAgB,MAAI;EAAA,IAAAC;EAIE,OAJFF,EAAA,OAAAvB,IAIE,IAAAuB,EAAA,MAFlB,IAAA,kBAACG,GAAD,EAAA,UACI,kBAAC3B,GAAD,EAAI,GAAKC,EAAK,CAAA,EADF,CAAA,GAEE,EAAA,KAAAA,GAAA,EAAA,KAAAyB,IAFlBA;CAEkB;CAEzB,IAAAA;CAEwB,OAFxBF,EAAA,OAAAvB,IAEwB,IAAAuB,EAAA,MAAlB,IAAA,kBAACxB,GAAD,EAAI,GAAKC,EAAK,CAAA,GAAI,EAAA,KAAAA,GAAA,EAAA,KAAAyB,IAAlBA;AAAkB"}
1	+ {"version":3,"file":"Navigation","names":["clsx","styles","_c","require_compiler_runtime","typography","NavigationHeaderStyles","NavigationInfoContext","NavigationContext","clsx$1","import_compiler_runtime","navigation_module_default","NavigationRenderingContext","createContext","useNavigationContainer","container","useContext","Nav","props","setContainer","useState","useNavigationState","isInModal","useInDialog","renderHeader","label","Provider","stateID","\"container\"","containerClassName","NavigationStyles","className","style","inert","isInert","Header","Heading","IconButton","X","NavigationScrollContainer","Navigation","$","NavigationStateContext","t0","NavigationState"],"sources":["../../src/components/Navigation/Navigation/navigation.module.css","../../src/components/Navigation/Navigation/navRenderingContext.ts","../../src/components/Navigation/Navigation/Navigation.tsx"],"sourcesContent":["@layer adgytec.comps {\n .container {\n --_md-navigation-items-gap: var(--md-sys-layout-space-4);\n\n position: relative;\n border-radius: inherit;\n overflow: clip;\n }\n}\n","import { createContext, useContext } from \"react\";\n\n/*\n Context value providing the DOM reference of the navigation container for sub-navigation portal mounting.\n /\nexport type NavigationRenderingContextType = {\n /\n Outer container DOM node used as the target portal container for sliding sub-navigations.\n /\n container: HTMLDivElement \| null;\n};\n\n/\n React context providing the container DOM element for rendering nested sub-navigation portals.\n /\nexport const NavigationRenderingContext =\n createContext<NavigationRenderingContextType \| null>(null);\n\n/\n Hook to access the parent navigation container element used for portal mounting of\n * [`SubNavigation`](src/components/Navigation/SubNavigation/SubNavigation/SubNavigation.tsx).\n \n @throws If called outside of a [`Navigation`](src/components/Navigation/Navigation/Navigation.tsx) component.\n * @returns The current {@link NavigationRenderingContextType}.\n /\nexport function useNavigationContainer() {\n const container = useContext(NavigationRenderingContext);\n if (container === null) {\n throw new Error(\n \"Missing navigation rendering info. Ensure this component is rendered within Navigation component.\"\n );\n }\n\n return container;\n}\n","import clsx from \"clsx\";\nimport { X } from \"lucide-react\";\nimport { useContext, useState } from \"react\";\nimport { Header, Heading, Provider } from \"react-aria-components\";\nimport { IconButton } from \"@/components/Button\";\nimport { useInDialog } from \"@/components/Dialog\";\nimport { typography } from \"@/utils\";\nimport {\n NavigationHeaderStyles,\n NavigationInfoContext,\n NavigationStyles,\n} from \"../core\";\nimport { NavigationScrollContainer } from \"../NavigationScrollContainer\";\nimport {\n NavigationState,\n NavigationStateContext,\n useNavigationState,\n} from \"../NavigationState\";\nimport { NavigationContext } from \"./navContext\";\nimport styles from \"./navigation.module.css\";\nimport { NavigationRenderingContext } from \"./navRenderingContext\";\nimport type { NavigationProps } from \"./types\";\n\nconst Nav: React.FC<NavigationProps> = ({\n label,\n children,\n className,\n isLinkActive,\n isButtonActive,\n stateID = \"__root__\",\n inert,\n style,\n containerClassName,\n ...props\n}) => {\n const depth = 0;\n\n const [container, setContainer] = useState<HTMLDivElement \| null>(null);\n const { isInert } = useNavigationState();\n\n const isInModal = useInDialog();\n const renderHeader = isInModal \|\| !!label \|\| false;\n\n return (\n <Provider\n values={[\n [NavigationRenderingContext, { container }],\n [NavigationContext, { isLinkActive, isButtonActive }],\n [NavigationInfoContext, { id: stateID, depth }],\n ]}\n >\n <div\n ref={setContainer}\n className={clsx(styles[\"container\"], containerClassName)}\n >\n <nav\n className={clsx(NavigationStyles, className)}\n {...props}\n data-header={renderHeader \|\| undefined}\n style={{\n ...style,\n zIndex: depth + 1,\n }}\n inert={inert ?? isInert(depth)}\n data-modal={isInModal \|\| undefined}\n >\n {renderHeader && (\n <Header className={clsx(NavigationHeaderStyles)}>\n {label && (\n <Heading\n className={clsx(typography.titleLarge)}\n data-heading\n >\n {label}\n </Heading>\n )}\n\n {isInModal && (\n <IconButton\n icon={X}\n color=\"standard\"\n slot=\"close\"\n data-close-button\n />\n )}\n </Header>\n )}\n\n <NavigationScrollContainer>\n {children}\n </NavigationScrollContainer>\n </nav>\n </div>\n </Provider>\n );\n};\n\n/\n Main layout container for application navigation following Material Design 3 guidelines.\n \n Coordinates navigation header titles, dialog/drawer modal close buttons, scroll position synchronization,\n * and context providers for link/button active states and portal-rendered sub-navigation panels.\n * Automatically provides a [`NavigationState`](src/components/Navigation/NavigationState/NavigationState.tsx)\n * if not already nested within one.\n \n @example\n * ```tsx\n * import {\n * Navigation,\n * NavigationSection,\n * NavigationLink,\n * } from \"@adgytec/web-ui-components\";\n * import { Home, Settings } from \"lucide-react\";\n \n <Navigation\n * label=\"Dashboard\"\n * isLinkActive={(href) => window.location.pathname === href}\n * >\n * <NavigationSection>\n * <NavigationLink href=\"/\" label=\"Home\" icon={Home} />\n * <NavigationLink href=\"/settings\" label=\"Settings\" icon={Settings} />\n * </NavigationSection>\n * </Navigation>\n * ```\n */\nexport const Navigation: React.FC<NavigationProps> = (props) => {\n const navStateCtx = useContext(NavigationStateContext);\n\n if (navStateCtx === null) {\n return (\n <NavigationState>\n <Nav {...props} />\n </NavigationState>\n );\n }\n\n return <Nav {...props} />;\n};\n"],"mappings":";;;;;;;;;;;;;;A,sDCeaW,IACTC,EAAqD,IAAI;AAS7D,SAAOC,IAAA;CACH,IAAAC,IAAkBC,EAAWJ,CAA0B;CACvD,IAAIG,MAAc,MACd,MAAU,MACN,mGACJ;CACH,OAEMA;AAAS;;ACVpB,IAAME,KAAkC,EACpC,UACA,aACA,cACA,iBACA,mBACA,aAAU,YACV,UACA,UACA,uBACA,GAAGC,QACD;CACF,IAEM,CAACH,GAAWI,KAAgBC,EAAgC,IAAI,GAChE,EAAE,eAAYC,EAAmB,GAEjCC,IAAYC,EAAY,GACxBC,IAAeF,KAAa,CAAC,CAACG,KAAS;CAE7C,OACI,kBAACC,GAAD;EACI,QAAQ;GACJ,CAACd,GAA4B,EAAE,aAAU,CAAC;GAC1C,CAACJ,GAAmB;IAAE;IAAc;GAAe,CAAC;GACpD,CAACD,GAAuB;IAAE,IAAIoB;IAAS;GAAM,CAAC;EAAC;EAGnD,UAAA,kBAAC,OAAD;GACI,KAAKR;GACL,WAAWlB,EAAKC,EAAO0B,WAAcC,CAAkB;GAEvD,UAAA,kBAAC,OAAD;IACI,WAAW5B,EAAK6B,GAAkBC,CAAS;IAC3C,GAAIb;IACJ,eAAaM,KAAgB,KAAA;IAC7B,OAAO;KACH,GAAGQ;KACH,QAAQ;IACZ;IACA,OAAOC,KAASC,EAAQ,CAAK;IAC7B,cAAYZ,KAAa,KAAA;IAT7B,UAAA,CAWKE,KACG,kBAACW,GAAD;KAAQ,WAAWlC,EAAKK,CAAsB;KAA9C,UAAA,CACKmB,KACG,kBAACW,GAAD;MACI,WAAWnC,EAAKI,EAAW,UAAU;MACrC,gBAAA;MAEC,UAAAoB;KACI,CAAA,GAGZH,KACG,kBAACe,GAAD;MACI,MAAMC;MACN,OAAM;MACN,MAAK;MACL,qBAAA;KAAiB,CAAA,CAGrB;IAGZ,CAAA,GAAA,kBAACC,GAAD,EACK,YACsB,CAAA,CAC1B;;EACJ,CAAA;CACC,CAAA;AAElB,GA8BaC,KAAwC,MAAA;CAAA,IAAAC,KAAA,GAAAtC,EAAAA,EAAAA,CAAA,CAAA;CAGjD,IAFoBa,EAAW0B,CAE3B,MAAgB,MAAI;EAAA,IAAAC;EAIE,OAJFF,EAAA,OAAAvB,IAIE,IAAAuB,EAAA,MAFlB,IAAA,kBAACG,GAAD,EAAA,UACI,kBAAC3B,GAAD,EAAI,GAAKC,EAAK,CAAA,EADF,CAAA,GAEE,EAAA,KAAAA,GAAA,EAAA,KAAAyB,IAFlBA;CAEkB;CAEzB,IAAAA;CAEwB,OAFxBF,EAAA,OAAAvB,IAEwB,IAAAuB,EAAA,MAAlB,IAAA,kBAACxB,GAAD,EAAI,GAAKC,EAAK,CAAA,GAAI,EAAA,KAAAA,GAAA,EAAA,KAAAyB,IAAlBA;AAAkB"}

package/dist/chunks/NavigationScrollContainer CHANGED Viewed

@@ -5,7 +5,7 @@ import r from "clsx";
 import { useLayoutEffect as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 import { useObjectRef as o } from "react-aria";
-import '../assets/NavigationScrollContainer.css';//#region src/utils/scroll/scroll.ts
+import '../assets/NavigationScrollContainer.css';// src/utils/scroll/scroll.ts
 function s({ scrollHeight: e, scrollTop: t, clientHeight: n }) {
 	let r = e - n;
 	if (r <= 0) return 0;
@@ -16,8 +16,7 @@ function c({ scrollHeight: e, progress: t, clientHeight: n }) {
 	let r = e - n;
 	return r <= 0 ? 0 : Math.min(1, Math.max(0, t)) * r;
 }
-//#endregion
-//#region src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css
+// src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css
 var l = e(), u = { container: "_container_1o1zm_2" }, d = (e) => {
 	let d = (0, l.c)(19), f, p, m;
 	d[0] === e ? (f = d[1], p = d[2], m = d[3]) : ({ref: m, className: f, ...p} = e, d[0] = e, d[1] = f, d[2] = p, d[3] = m);
@@ -52,7 +51,6 @@ var l = e(), u = { container: "_container_1o1zm_2" }, d = (e) => {
 		...p
 	}), d[14] = p, d[15] = h, d[16] = x, d[17] = S, d[18] = C) : C = d[18], C;
 };
-//#endregion
 export { s as n, c as r, d as t };
 //# sourceMappingURL=NavigationScrollContainer.map

package/dist/chunks/NavigationScrollContainer.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationScrollContainer","names":["scrollContainerRef","_c","clsx","styles","require_compiler_runtime","useNavigationInfo","clsx$1","getScrollProgress","maxScrollTop","scrollHeight","clientHeight","rawProgress","scrollTop","getScrollTopFromProgress","progress","import_compiler_runtime","navigationScrollContainer_module_default","NavigationScrollContainer","$","className","props","ref","t0","scrollContainerRef","useObjectRef","useNavigationState","t1","t2","getNavigationScrollProgress","id","container","useLayoutEffect","t3","saveNavigationScrollTopProgress","t4","t5"],"sources":["../../src/utils/scroll/scroll.ts","../../src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css","../../src/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.tsx"],"sourcesContent":["/*\n Options for calculating normalized scroll progress.\n /\nexport interface ScrollProgressOptions {\n /\n Current vertical scroll position of the container in pixels (`element.scrollTop`).\n /\n scrollTop: number;\n /\n Total scrollable height of the container content in pixels (`element.scrollHeight`).\n /\n scrollHeight: number;\n /\n Inner height of the container viewport in pixels (`element.clientHeight`).\n /\n clientHeight: number;\n}\n\n/\n Calculates normalized vertical scroll progress as a ratio between `0` (top) and `1` (bottom).\n \n Automatically clamped between `0` and `1` to prevent out-of-bounds values caused by\n * elastic over-scrolling / rubber-banding on mobile (iOS/Safari) and trackpads.\n * If the container content is not scrollable (i.e. `scrollHeight <= clientHeight`), returns `0`.\n \n @param options - Container dimension and scroll position values.\n * @returns Normalized scroll progress clamped between `0` and `1`.\n \n @example\n * ```ts\n * const progress = getScrollProgress({\n * scrollTop: element.scrollTop,\n * scrollHeight: element.scrollHeight,\n * clientHeight: element.clientHeight,\n * });\n * ```\n /\nexport function getScrollProgress({\n scrollHeight,\n scrollTop,\n clientHeight,\n}: ScrollProgressOptions): number {\n const maxScrollTop = scrollHeight - clientHeight;\n if (maxScrollTop <= 0) {\n return 0;\n }\n const rawProgress = scrollTop / maxScrollTop;\n return Math.min(1, Math.max(0, rawProgress));\n}\n\n/\n Options for calculating vertical scroll position from a normalized progress ratio.\n /\nexport interface ScrollTopFromProgressOptions {\n /\n Normalized scroll progress ratio between `0` and `1`.\n /\n progress: number;\n /\n Total scrollable height of the container content in pixels (`element.scrollHeight`).\n /\n scrollHeight: number;\n /\n Inner height of the container viewport in pixels (`element.clientHeight`).\n /\n clientHeight: number;\n}\n\n/\n Calculates the target `scrollTop` in pixels from a normalized scroll progress ratio (`0` to `1`).\n \n Commonly used to restore saved scroll positions across renders, layout changes, or navigation state updates.\n * Guarantees a non-negative return value (`>= 0`), and clamps input progress to `[0, 1]`.\n \n @param options - Container dimensions and normalized progress value.\n * @returns The vertical scroll offset in pixels (`scrollTop`), guaranteed to be `>= 0`.\n \n @example\n * ```ts\n * element.scrollTop = getScrollTopFromProgress({\n * progress: 0.5,\n * scrollHeight: element.scrollHeight,\n * clientHeight: element.clientHeight,\n * });\n * ```\n /\nexport function getScrollTopFromProgress({\n scrollHeight,\n progress,\n clientHeight,\n}: ScrollTopFromProgressOptions): number {\n const maxScrollTop = scrollHeight - clientHeight;\n if (maxScrollTop <= 0) {\n return 0;\n }\n const clampedProgress = Math.min(1, Math.max(0, progress));\n return clampedProgress maxScrollTop;\n}\n","@layer adgytec.comps {\n .container {\n padding-inline: var(--md-sys-layout-space-8);\n margin-inline: var(--md-sys-layout-space-8);\n\n border-radius: inherit;\n overflow-y: auto;\n\n display: grid;\n gap: var(--_md-navigation-items-gap);\n align-content: start;\n\n &: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\n /* 2dp for focus outline offset and 3dp for focus outline width + 1dp to prevent clipping /\n padding-block: calc(6 var(--dp, 1px));\n }\n}\n","import clsx from \"clsx\";\nimport { useLayoutEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { getScrollProgress, getScrollTopFromProgress } from \"@/utils\";\nimport { useNavigationInfo } from \"../core\";\nimport { useNavigationState } from \"../NavigationState\";\nimport styles from \"./navigationScrollContainer.module.css\";\n\n/*\n Props for the [`NavigationScrollContainer`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.tsx) component.\n /\nexport interface NavigationScrollContainerProps\n extends React.ComponentPropsWithRef<\"div\"> {}\n\n/\n Scrollable viewport container for navigation items and sections.\n \n Automatically records and restores scroll progress on mount and scroll events,\n * coordinating with [`NavigationState`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/Navigation/NavigationState/NavigationState.tsx)\n * to keep scroll positions synchronized when navigating into and out of sub-menus.\n \n @example\n * ```tsx\n * <NavigationScrollContainer>\n * <NavigationSection>\n * <NavigationLink href=\"/\" label=\"Home\" />\n * </NavigationSection>\n * </NavigationScrollContainer>\n * ```\n */\nexport const NavigationScrollContainer: React.FC<\n NavigationScrollContainerProps\n> = ({ ref, className, ...props }) => {\n const scrollContainerRef = useObjectRef(ref);\n\n const { saveNavigationScrollTopProgress, getNavigationScrollProgress } =\n useNavigationState();\n const { id } = useNavigationInfo();\n\n useLayoutEffect(() => {\n const container = scrollContainerRef.current;\n if (!container) {\n return;\n }\n\n container.scrollTop = getScrollTopFromProgress({\n scrollHeight: container.scrollHeight,\n clientHeight: container.clientHeight,\n progress: getNavigationScrollProgress(id),\n });\n }, [scrollContainerRef, id, getNavigationScrollProgress]);\n\n return (\n <div\n ref={scrollContainerRef}\n onScroll={(e) => {\n saveNavigationScrollTopProgress(\n id,\n getScrollProgress({\n scrollHeight: e.currentTarget.scrollHeight,\n clientHeight: e.currentTarget.clientHeight,\n scrollTop: e.currentTarget.scrollTop,\n })\n );\n }}\n className={clsx(styles[\"container\"], className)}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;;;AAqCA,SAAgBO,EAAkB,EAC9B,iBACA,cACA,mBAC8B;CAC9B,IAAMC,IAAeC,IAAeC;CACpC,IAAIF,KAAgB,GAChB,OAAO;CAEX,IAAMG,IAAcC,IAAYJ;CAChC,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGG,CAAW,CAAC;AAC/C;AAsCA,SAAgBE,EAAyB,EACrC,iBACA,aACA,mBACqC;CACrC,IAAML,IAAeC,IAAeC;CAKpC,OAJIF,KAAgB,IACT,IAEa,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGM,CAAQ,CACjD,IAAkBN;AAC7B~~;;;~~sDEnEaS,KAET,MAAA;CAAA,IAAAC,KAAA,GAAAjB,EAAAA,EAAAA,CAAA,EAAA,GAAAkB,GAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAI,KAA6B,IAAAJ,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAA5B,uBAAA,GAAAE,KAAAE,GAA4B,EAAA,KAAAA,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAC7B,IAAAE,IAA2BC,EAAaH,CAAG,GAE3C,EAAA,oCAAA,mCACII,EAAmB,GACvB,EAAA,UAAepB,EAAkB,GAAEqB,GAAAC;CAEnC,AAFmCT,EAAA,OAAAU,KAAAV,EAAA,OAAAW,KAAAX,EAAA,OAAAK,KAEnB,UAAA;EACZ,IAAAO,IAAkBP,EAAkB;EACpC,AAAKO,MAIL,EAAS,YAAajB,EAAyB;GAAA,cAC7BiB,EAAS;GAAa,cACtBA,EAAS;GAAa,UAC1BF,EAA4BC,CAAE;EAC5C,CAAC;CAJkB,GAKpB,IAAA;EAACN;EAAoBM;EAAID;CAA2B,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAN,GAAA,EAAA,KAAAG,GAAA,EAAA,KAAAC,MAAA,IAAAT,EAAA,IAAA,IAAAA,EAAA,KAXxDa,EAAgBL,GAWbC,CAAqD;CAAC,IAAAK;CAAA,AAAAd,EAAA,OAAAW,KAAAX,EAAA,QAAAe,KAKvC,KAAA,MAAA;EACN,EACIJ,GACAtB,EAAkB;GAAA,cACA,EAAC,cAAc;GAAa,cAC5B,EAAC,cAAc;GAAa,WAC/B,EAAC,cAAc;EAC9B,CAAC,CACL;CAAC,GACJ,EAAA,KAAAsB,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAD,KAAA,IAAAd,EAAA;CAAA,IAAAgB;CAAA,AAAAhB,EAAA,QAAAC,IAC8C,IAAAD,EAAA,OAApC,IAAAhB,EAAKC,EAAM,WAAegB,CAAS,GAAC,EAAA,MAAAA,GAAA,EAAA,MAAAe;CAAA,IAAAC;CAEjD,OAFiDjB,EAAA,QAAAE,KAAAF,EAAA,QAAAK,KAAAL,EAAA,QAAAc,KAAAd,EAAA,QAAAgB,KAZnD,IAAA,kBAAA,OAAA;EACSlC,KAAAuB;EACK,UAAAS;EAUC,WAAAE;EAAoC,GAC3Cd;CAAK,CAAA,GACX,EAAA,MAAAA,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAS,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAC,KAAA,IAAAjB,EAAA,KAdFiB;AAcE"}
1	+ {"version":3,"file":"NavigationScrollContainer","names":["scrollContainerRef","_c","clsx","styles","require_compiler_runtime","useNavigationInfo","clsx$1","getScrollProgress","maxScrollTop","scrollHeight","clientHeight","rawProgress","scrollTop","getScrollTopFromProgress","progress","import_compiler_runtime","navigationScrollContainer_module_default","NavigationScrollContainer","$","className","props","ref","t0","scrollContainerRef","useObjectRef","useNavigationState","t1","t2","getNavigationScrollProgress","id","container","useLayoutEffect","t3","saveNavigationScrollTopProgress","t4","t5"],"sources":["../../src/utils/scroll/scroll.ts","../../src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css","../../src/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.tsx"],"sourcesContent":["/*\n Options for calculating normalized scroll progress.\n /\nexport interface ScrollProgressOptions {\n /\n Current vertical scroll position of the container in pixels (`element.scrollTop`).\n /\n scrollTop: number;\n /\n Total scrollable height of the container content in pixels (`element.scrollHeight`).\n /\n scrollHeight: number;\n /\n Inner height of the container viewport in pixels (`element.clientHeight`).\n /\n clientHeight: number;\n}\n\n/\n Calculates normalized vertical scroll progress as a ratio between `0` (top) and `1` (bottom).\n \n Automatically clamped between `0` and `1` to prevent out-of-bounds values caused by\n * elastic over-scrolling / rubber-banding on mobile (iOS/Safari) and trackpads.\n * If the container content is not scrollable (i.e. `scrollHeight <= clientHeight`), returns `0`.\n \n @param options - Container dimension and scroll position values.\n * @returns Normalized scroll progress clamped between `0` and `1`.\n \n @example\n * ```ts\n * const progress = getScrollProgress({\n * scrollTop: element.scrollTop,\n * scrollHeight: element.scrollHeight,\n * clientHeight: element.clientHeight,\n * });\n * ```\n /\nexport function getScrollProgress({\n scrollHeight,\n scrollTop,\n clientHeight,\n}: ScrollProgressOptions): number {\n const maxScrollTop = scrollHeight - clientHeight;\n if (maxScrollTop <= 0) {\n return 0;\n }\n const rawProgress = scrollTop / maxScrollTop;\n return Math.min(1, Math.max(0, rawProgress));\n}\n\n/\n Options for calculating vertical scroll position from a normalized progress ratio.\n /\nexport interface ScrollTopFromProgressOptions {\n /\n Normalized scroll progress ratio between `0` and `1`.\n /\n progress: number;\n /\n Total scrollable height of the container content in pixels (`element.scrollHeight`).\n /\n scrollHeight: number;\n /\n Inner height of the container viewport in pixels (`element.clientHeight`).\n /\n clientHeight: number;\n}\n\n/\n Calculates the target `scrollTop` in pixels from a normalized scroll progress ratio (`0` to `1`).\n \n Commonly used to restore saved scroll positions across renders, layout changes, or navigation state updates.\n * Guarantees a non-negative return value (`>= 0`), and clamps input progress to `[0, 1]`.\n \n @param options - Container dimensions and normalized progress value.\n * @returns The vertical scroll offset in pixels (`scrollTop`), guaranteed to be `>= 0`.\n \n @example\n * ```ts\n * element.scrollTop = getScrollTopFromProgress({\n * progress: 0.5,\n * scrollHeight: element.scrollHeight,\n * clientHeight: element.clientHeight,\n * });\n * ```\n /\nexport function getScrollTopFromProgress({\n scrollHeight,\n progress,\n clientHeight,\n}: ScrollTopFromProgressOptions): number {\n const maxScrollTop = scrollHeight - clientHeight;\n if (maxScrollTop <= 0) {\n return 0;\n }\n const clampedProgress = Math.min(1, Math.max(0, progress));\n return clampedProgress maxScrollTop;\n}\n","@layer adgytec.comps {\n .container {\n padding-inline: var(--md-sys-layout-space-8);\n margin-inline: var(--md-sys-layout-space-8);\n\n border-radius: inherit;\n overflow-y: auto;\n\n display: grid;\n gap: var(--_md-navigation-items-gap);\n align-content: start;\n\n &: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\n /* 2dp for focus outline offset and 3dp for focus outline width + 1dp to prevent clipping /\n padding-block: calc(6 var(--dp, 1px));\n }\n}\n","import clsx from \"clsx\";\nimport { useLayoutEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { getScrollProgress, getScrollTopFromProgress } from \"@/utils\";\nimport { useNavigationInfo } from \"../core\";\nimport { useNavigationState } from \"../NavigationState\";\nimport styles from \"./navigationScrollContainer.module.css\";\n\n/*\n Props for the [`NavigationScrollContainer`](src/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.tsx) component.\n /\nexport interface NavigationScrollContainerProps\n extends React.ComponentPropsWithRef<\"div\"> {}\n\n/\n Scrollable viewport container for navigation items and sections.\n \n Automatically records and restores scroll progress on mount and scroll events,\n * coordinating with [`NavigationState`](src/components/Navigation/NavigationState/NavigationState.tsx)\n * to keep scroll positions synchronized when navigating into and out of sub-menus.\n \n @example\n * ```tsx\n * <NavigationScrollContainer>\n * <NavigationSection>\n * <NavigationLink href=\"/\" label=\"Home\" />\n * </NavigationSection>\n * </NavigationScrollContainer>\n * ```\n */\nexport const NavigationScrollContainer: React.FC<\n NavigationScrollContainerProps\n> = ({ ref, className, ...props }) => {\n const scrollContainerRef = useObjectRef(ref);\n\n const { saveNavigationScrollTopProgress, getNavigationScrollProgress } =\n useNavigationState();\n const { id } = useNavigationInfo();\n\n useLayoutEffect(() => {\n const container = scrollContainerRef.current;\n if (!container) {\n return;\n }\n\n container.scrollTop = getScrollTopFromProgress({\n scrollHeight: container.scrollHeight,\n clientHeight: container.clientHeight,\n progress: getNavigationScrollProgress(id),\n });\n }, [scrollContainerRef, id, getNavigationScrollProgress]);\n\n return (\n <div\n ref={scrollContainerRef}\n onScroll={(e) => {\n saveNavigationScrollTopProgress(\n id,\n getScrollProgress({\n scrollHeight: e.currentTarget.scrollHeight,\n clientHeight: e.currentTarget.clientHeight,\n scrollTop: e.currentTarget.scrollTop,\n })\n );\n }}\n className={clsx(styles[\"container\"], className)}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;;;AAqCA,SAAgBO,EAAkB,EAC9B,iBACA,cACA,mBAC8B;CAC9B,IAAMC,IAAeC,IAAeC;CACpC,IAAIF,KAAgB,GAChB,OAAO;CAEX,IAAMG,IAAcC,IAAYJ;CAChC,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGG,CAAW,CAAC;AAC/C;AAsCA,SAAgBE,EAAyB,EACrC,iBACA,aACA,mBACqC;CACrC,IAAML,IAAeC,IAAeC;CAKpC,OAJIF,KAAgB,IACT,IAEa,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGM,CAAQ,CACjD,IAAkBN;AAC7B;;A,sDEnEaS,KAET,MAAA;CAAA,IAAAC,KAAA,GAAAjB,EAAAA,EAAAA,CAAA,EAAA,GAAAkB,GAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAI,KAA6B,IAAAJ,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAA5B,uBAAA,GAAAE,KAAAE,GAA4B,EAAA,KAAAA,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAC7B,IAAAE,IAA2BC,EAAaH,CAAG,GAE3C,EAAA,oCAAA,mCACII,EAAmB,GACvB,EAAA,UAAepB,EAAkB,GAAEqB,GAAAC;CAEnC,AAFmCT,EAAA,OAAAU,KAAAV,EAAA,OAAAW,KAAAX,EAAA,OAAAK,KAEnB,UAAA;EACZ,IAAAO,IAAkBP,EAAkB;EACpC,AAAKO,MAIL,EAAS,YAAajB,EAAyB;GAAA,cAC7BiB,EAAS;GAAa,cACtBA,EAAS;GAAa,UAC1BF,EAA4BC,CAAE;EAC5C,CAAC;CAJkB,GAKpB,IAAA;EAACN;EAAoBM;EAAID;CAA2B,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAN,GAAA,EAAA,KAAAG,GAAA,EAAA,KAAAC,MAAA,IAAAT,EAAA,IAAA,IAAAA,EAAA,KAXxDa,EAAgBL,GAWbC,CAAqD;CAAC,IAAAK;CAAA,AAAAd,EAAA,OAAAW,KAAAX,EAAA,QAAAe,KAKvC,KAAA,MAAA;EACN,EACIJ,GACAtB,EAAkB;GAAA,cACA,EAAC,cAAc;GAAa,cAC5B,EAAC,cAAc;GAAa,WAC/B,EAAC,cAAc;EAC9B,CAAC,CACL;CAAC,GACJ,EAAA,KAAAsB,GAAA,EAAA,MAAAI,GAAA,EAAA,MAAAD,KAAA,IAAAd,EAAA;CAAA,IAAAgB;CAAA,AAAAhB,EAAA,QAAAC,IAC8C,IAAAD,EAAA,OAApC,IAAAhB,EAAKC,EAAM,WAAegB,CAAS,GAAC,EAAA,MAAAA,GAAA,EAAA,MAAAe;CAAA,IAAAC;CAEjD,OAFiDjB,EAAA,QAAAE,KAAAF,EAAA,QAAAK,KAAAL,EAAA,QAAAc,KAAAd,EAAA,QAAAgB,KAZnD,IAAA,kBAAA,OAAA;EACSlC,KAAAuB;EACK,UAAAS;EAUC,WAAAE;EAAoC,GAC3Cd;CAAK,CAAA,GACX,EAAA,MAAAA,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAS,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAC,KAAA,IAAAjB,EAAA,KAdFiB;AAcE"}

package/dist/chunks/NavigationSection CHANGED Viewed

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

package/dist/chunks/NavigationSection.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationSection","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","navigationSection_module_default","NavigationSection","$","className","props","t0","t1","t2"],"sources":["../../src/components/Navigation/NavigationSection/NavigationSection/navigationSection.module.css","../../src/components/Navigation/NavigationSection/NavigationSection/NavigationSection.tsx"],"sourcesContent":["@layer adgytec.comps {\n .section {\n display: grid;\n gap: var(--_md-navigation-items-gap);\n\n margin-block-end: var(--md-sys-layout-space-16);\n }\n}\n","import clsx from \"clsx\";\nimport styles from \"./navigationSection.module.css\";\n\n/*\n Props for the [`NavigationSection`](~~file:///home/rohan/work/adgytec/adgytec-web-ui-components/~~src/components/Navigation/NavigationSection/NavigationSection/NavigationSection.tsx) component.\n /\nexport interface NavigationSectionProps\n extends React.ComponentPropsWithRef<\"section\"> {}\n\n/\n Semantic container used to group related navigation items and an optional section heading.\n \n @example\n * ```tsx\n * import {\n * NavigationSection,\n * NavigationSectionLabel,\n * NavigationLink,\n * } from \"@adgytec/web-ui-components\";\n * import { Settings } from \"lucide-react\";\n \n <NavigationSection>\n * <NavigationSectionLabel>Preferences</NavigationSectionLabel>\n * <NavigationLink href=\"/settings\" label=\"Settings\" icon={Settings} />\n * </NavigationSection>\n * ```\n */\nexport const NavigationSection: React.FC<NavigationSectionProps> = ({\n className,\n ...props\n}) => {\n return (\n <section className={clsx(styles[\"section\"], className)} {...props} />\n );\n};\n"],"mappings":";;;;kDC2BaO,KAAsD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGlE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHmE,eAAA,GAAAE,KAAAC,GAGnE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAE6D,IAAAD,EAAA,MAAlC,IAAAP,EAAKC,EAAM,SAAaO,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAC;CAAe,OAAfL,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAAtD,IAAA,kBAAA,WAAA;EAAoB,WAAAA;EAAkC,GAAMF;CAAK,CAAA,GAAI,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAC,KAAA,IAAAL,EAAA,IAArEK;AAAqE"}
1	+ {"version":3,"file":"NavigationSection","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","navigationSection_module_default","NavigationSection","$","className","props","t0","t1","t2"],"sources":["../../src/components/Navigation/NavigationSection/NavigationSection/navigationSection.module.css","../../src/components/Navigation/NavigationSection/NavigationSection/NavigationSection.tsx"],"sourcesContent":["@layer adgytec.comps {\n .section {\n display: grid;\n gap: var(--_md-navigation-items-gap);\n\n margin-block-end: var(--md-sys-layout-space-16);\n }\n}\n","import clsx from \"clsx\";\nimport styles from \"./navigationSection.module.css\";\n\n/*\n Props for the [`NavigationSection`](src/components/Navigation/NavigationSection/NavigationSection/NavigationSection.tsx) component.\n /\nexport interface NavigationSectionProps\n extends React.ComponentPropsWithRef<\"section\"> {}\n\n/\n Semantic container used to group related navigation items and an optional section heading.\n \n @example\n * ```tsx\n * import {\n * NavigationSection,\n * NavigationSectionLabel,\n * NavigationLink,\n * } from \"@adgytec/web-ui-components\";\n * import { Settings } from \"lucide-react\";\n \n <NavigationSection>\n * <NavigationSectionLabel>Preferences</NavigationSectionLabel>\n * <NavigationLink href=\"/settings\" label=\"Settings\" icon={Settings} />\n * </NavigationSection>\n * ```\n */\nexport const NavigationSection: React.FC<NavigationSectionProps> = ({\n className,\n ...props\n}) => {\n return (\n <section className={clsx(styles[\"section\"], className)} {...props} />\n );\n};\n"],"mappings":";;;;A,kDC2BaO,KAAsD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGlE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHmE,eAAA,GAAAE,KAAAC,GAGnE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAE6D,IAAAD,EAAA,MAAlC,IAAAP,EAAKC,EAAM,SAAaO,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAC;CAAe,OAAfL,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAAtD,IAAA,kBAAA,WAAA;EAAoB,WAAAA;EAAkC,GAAMF;CAAK,CAAA,GAAI,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAC,KAAA,IAAAL,EAAA,IAArEK;AAAqE"}