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

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

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 (448) hide show

package/dist/chunks/Input.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input","names":["renderProps"],"sources":["../../src/components/Input/Checkbox/checkbox.module.css","../../src/components/Input/Checkbox/context.ts","../../src/components/Input/Checkbox/Checkbox.tsx","../../src/components/Input/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-checkbox-outline-color\n* --md-checkbox-container-color\n\n --md-checkbox-interaction-outline-color\n\n --md-checkbox-icon-color\n\n --md-checkbox-state-layer-color\n* --md-checkbox-selected-state-layer-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .checkbox-group {\n display: grid;\n gap: var(--md-sys-layout-space-16);\n\n &[data-disabled] {\n color: rgb(\n from currentcolor r g b /\n var(--md-sys-state-disabled-content)\n );\n cursor: default;\n }\n }\n\n .checkbox-items {\n display: grid;\n }\n\n .checkbox {\n / configurable tokens /\n --_md-checkbox-outline-color: var(\n --md-checkbox-outline-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_md-checkbox-container-color: var(\n --md-checkbox-container-color,\n var(--md-sys-color-primary)\n );\n\n --_md-checkbox-interaction-outline-color: var(\n --md-checkbox-interaction-outline-color,\n var(--md-sys-color-on-surface)\n );\n\n --_md-checkbox-icon-color: var(\n --md-checkbox-icon-color,\n var(--md-sys-color-on-primary)\n );\n\n --_md-checkbox-state-layer-color: var(\n --md-checkbox-state-layer-color,\n var(--md-sys-color-on-surface)\n );\n --_md-checkbox-selected-state-layer-color: var(\n --md-checkbox-selected-state-layer-color,\n var(--_md-checkbox-container-color)\n );\n\n / configurable tokens end /\n\n / invalid tokens /\n --_md-checkbox-invalid-outline-color: var(--md-sys-color-error);\n --_md-checkbox-invalid-container-color: var(--md-sys-color-error);\n --_md-checkbox-invalid-icon-color: var(--md-sys-color-on-error);\n\n --_md-checkbox-invalid-state-layer-color: var(\n --_md-checkbox-invalid-container-color\n );\n\n / checkbox tokens /\n --_md-checkbox-outline-width: var(--md-sys-shape-border-width-thick);\n --_md-checkbox-container-shape: calc(2 var(--dp, 1px));\n --_md-checkbox-container-size: calc(18 * var(--dp, 1px));\n\n /* state layer tokens /\n --_md-checkbox-state-layer-size: var(--md-sys-layout-space-40);\n --_md-checkbox-state-layer-shape: var(\n --md-sys-shape-corner-radius-full\n );\n\n --_md-checkbox-pressed-state-layer-color: var(\n --_md-checkbox-selected-state-layer-color\n );\n --_md-checkbox-pressed-selected-state-layer-color: var(\n --_md-checkbox-state-layer-color\n );\n\n --_state-layer-opacity: 0;\n --_state-color: var(--_md-checkbox-state-layer-color);\n\n --_state-layer-color: rgb(\n from var(--_state-color) r g b /\n var(--_state-layer-opacity)\n );\n\n / styles /\n position: relative;\n\n display: flex;\n gap: var(--md-sys-layout-space-16);\n align-items: center;\n\n color: inherit;\n cursor: pointer;\n\n & {\n cursor: inherit;\n }\n\n &[data-disabled] {\n color: rgb(\n from currentColor r g b /\n var(--md-sys-state-disabled-content)\n );\n cursor: default;\n }\n\n &[data-indeterminate] {\n --_state-color: var(--_md-checkbox-selected-state-layer-color);\n }\n &[data-selected] {\n --_state-color: var(--_md-checkbox-selected-state-layer-color);\n }\n\n &[data-pressed] {\n --_state-layer-opacity: var(--md-sys-state-pressed);\n --_state-color: var(--_md-checkbox-pressed-state-layer-color);\n\n &[data-indeterminate] {\n --_state-color: var(\n --_md-checkbox-pressed-selected-state-layer-color\n );\n }\n &[data-selected] {\n --_state-color: var(\n --_md-checkbox-pressed-selected-state-layer-color\n );\n }\n }\n\n &[data-invalid] {\n --_state-color: var(--_md-checkbox-invalid-state-layer-color);\n\n &[data-indeterminate] {\n --_state-color: var(--_md-checkbox-invalid-state-layer-color);\n }\n &[data-selected] {\n --_state-color: var(--_md-checkbox-invalid-state-layer-color);\n }\n }\n\n &[data-hovered] {\n --_state-layer-opacity: var(--md-sys-state-hover);\n z-index: 1;\n }\n\n &[data-focus-visible] {\n --_state-layer-opacity: var(--md-sys-state-focus);\n z-index: 1;\n }\n }\n\n .state-layer::before {\n content: \"\";\n\n position: absolute;\n inset: calc(-1 * var(--md-sys-layout-space-12));\n\n background-color: var(--_state-layer-color);\n border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n pointer-events: none;\n\n transition: background-color\n 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 .indicator {\n --_outline-color: var(--_md-checkbox-outline-color);\n --_background: transparent;\n --_icon-color: var(--_md-checkbox-icon-color);\n\n position: relative;\n\n inline-size: var(--_md-checkbox-container-size);\n aspect-ratio: 1;\n border-radius: var(--_md-checkbox-container-shape);\n\n background-color: var(--_background);\n border: var(--_md-checkbox-outline-width) solid var(--_outline-color);\n\n transition:\n background-color var(--md-sys-motion-expressive-default-effects)\n var(--md-sys-motion-expressive-default-effects-duration),\n border-color var(--md-sys-motion-expressive-default-effects)\n var(--md-sys-motion-expressive-default-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-filled] {\n --_outline-color: transparent;\n --_background: var(--_md-checkbox-container-color);\n }\n\n &[data-invalid] {\n --_outline-color: var(--_md-checkbox-invalid-outline-color);\n --_icon-color: var(--_md-checkbox-invalid-icon-color);\n --_background: transparent;\n\n &[data-filled] {\n --_outline-color: transparent;\n --_background: var(--_md-checkbox-invalid-container-color);\n }\n }\n\n &[data-pressed],\n &[data-hovered],\n &[data-focus-visible] {\n --_outline-color: var(--_md-checkbox-interaction-outline-color);\n\n &[data-invalid] {\n --_outline-color: var(--_md-checkbox-invalid-outline-color);\n }\n\n &[data-filled] {\n --_outline-color: transparent;\n }\n }\n\n &[data-disabled] {\n --_icon-color: var(--md-sys-color-surface);\n --_outline-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n --_background: transparent;\n\n &[data-filled] {\n --_outline-color: transparent;\n --_background: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n }\n }\n }\n\n /* state layer /\n .indicator[data-show-state-layer]::before {\n content: \"\";\n\n position: absolute;\n inset-inline-start: 50%;\n inset-block-start: 50%;\n transform: translate(-50%, -50%);\n\n inline-size: var(--_md-checkbox-state-layer-size);\n aspect-ratio: 1 / 1;\n border-radius: var(--_md-checkbox-state-layer-shape);\n\n background-color: var(--_state-layer-color);\n\n transition: background-color\n var(--md-sys-motion-expressive-default-effects)\n var(--md-sys-motion-expressive-default-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n\n .indicator[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\n /* https://react-aria.adobe.com/Checkbox /\n / ref this for check animation /\n .svg {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 50%;\n transform: translate(-50%, -50%);\n\n width: calc(12 var(--dp, 1px));\n aspect-ratio: 1 / 1;\n fill: none;\n\n stroke: var(--_icon-color);\n\n stroke-width: calc(3 * var(--dp, 1px));\n stroke-dasharray: calc(22 * var(--dp, 1px));\n stroke-dashoffset: 66;\n stroke-linecap: round;\n stroke-linejoin: round;\n\n transition: stroke-dashoffset\n var(--md-sys-motion-expressive-default-effects)\n var(--md-sys-motion-expressive-default-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-selected] {\n stroke-dashoffset: 44;\n }\n\n &[data-indeterminate] {\n stroke: none;\n fill: var(--_icon-color);\n }\n }\n}\n","import { createContext } from \"react\";\nimport type { CheckboxLabelPlacement } from \"./types\";\n\nexport type CheckboxGroupContextValue = {\n labelPlacement?: CheckboxLabelPlacement;\n containerStateLayer?: boolean;\n};\n\nexport const CheckboxGroupContext = createContext<CheckboxGroupContextValue>(\n {}\n);\n","import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Checkbox as AriaCheckbox } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport styles from \"./checkbox.module.css\";\nimport { CheckboxGroupContext } from \"./context\";\nimport type { CheckboxProps } from \"./types\";\n\nexport const Checkbox: React.FC<CheckboxProps> = ({\n children,\n className,\n labelPlacement,\n containerStateLayer,\n ...props\n}) => {\n const {\n labelPlacement: groupLabelPlacement,\n containerStateLayer: groupContainerStateLayer,\n } = useContext(CheckboxGroupContext);\n const placement = labelPlacement ?? groupLabelPlacement ?? \"end\";\n const stateLayer = containerStateLayer ?? groupContainerStateLayer ?? false;\n\n return (\n <AriaCheckbox\n className={(renderProps) =>\n clsx(\n styles[\"checkbox\"],\n stateLayer && styles[\"state-layer\"],\n typography.labelLarge,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-checkbox\n >\n {(renderProps) => {\n const {\n isSelected,\n isHovered,\n isDisabled,\n isFocused,\n isFocusVisible,\n isPressed,\n isInvalid,\n isIndeterminate,\n } = renderProps;\n\n const dataAttrs = {\n \"data-selected\": isSelected \|\| undefined,\n \"data-hovered\": isHovered \|\| undefined,\n \"data-disabled\": isDisabled \|\| undefined,\n \"data-focused\": isFocused \|\| undefined,\n \"data-focus-visible\": isFocusVisible \|\| undefined,\n \"data-pressed\": isPressed \|\| undefined,\n \"data-invalid\": isInvalid \|\| undefined,\n \"data-indeterminate\": isIndeterminate \|\| undefined,\n \"data-show-state-layer\": !stateLayer \|\| undefined,\n \"data-filled\": isSelected \|\| isIndeterminate \|\| undefined,\n };\n\n const label =\n typeof children === \"function\"\n ? children(renderProps)\n : children;\n return (\n <>\n {placement === \"start\" && label}\n\n <span\n className={clsx(styles[\"indicator\"], TapTarget)}\n {...dataAttrs}\n >\n <svg\n viewBox=\"0 0 18 18\"\n aria-hidden=\"true\"\n key={\n isIndeterminate ? \"indeterminate\" : \"check\"\n }\n className={styles[\"svg\"]}\n {...dataAttrs}\n >\n {isIndeterminate ? (\n <rect x={1} y={7.5} width={16} height={3} />\n ) : (\n <polyline points=\"2 9 7 14 16 4\" />\n )}\n </svg>\n </span>\n\n {placement === \"end\" && label}\n </>\n );\n }}\n </AriaCheckbox>\n );\n};\n","import clsx from \"clsx\";\nimport { CheckboxGroup as AriaCheckboxGroup } from \"react-aria-components\";\nimport { Description } from \"../Description\";\nimport { FieldError } from \"../FieldError\";\nimport { Label } from \"../Label\";\nimport styles from \"./checkbox.module.css\";\nimport { CheckboxGroupContext } from \"./context\";\nimport type { CheckboxGroupProps } from \"./types\";\n\nexport const CheckboxGroup: React.FC<CheckboxGroupProps> = ({\n label,\n description,\n errorMessage,\n children,\n className,\n checkboxItemsGap = 24,\n labelPlacement,\n containerStateLayer,\n showDescriptionOnInvalid = false,\n ...props\n}) => {\n return (\n <CheckboxGroupContext value={{ labelPlacement, containerStateLayer }}>\n <AriaCheckboxGroup\n className={(renderProps) =>\n clsx(\n styles[\"checkbox-group\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n >\n {({ isInvalid }) => {\n const showDescription =\n description &&\n (!isInvalid \|\| (isInvalid && showDescriptionOnInvalid));\n\n return (\n <>\n {label && <Label>{label}</Label>}\n\n <div\n className={clsx(styles[\"checkbox-items\"])}\n style={{\n gap: `calc(${checkboxItemsGap} * var(--dp, 1px))`,\n }}\n >\n {children}\n </div>\n\n {showDescription && (\n <Description>{description}</Description>\n )}\n <FieldError>{errorMessage}</FieldError>\n </>\n );\n }}\n </AriaCheckboxGroup>\n </CheckboxGroupContext>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"Input","names":["renderProps","Checkbox","_c","clsx","styles","_Fragment","AriaCheckbox","CheckboxGroup","AriaCheckboxGroup","clsx","styles","_Fragment","Label","FieldError","require_compiler_runtime","typography","FieldError$1","Label$1","clsx$1","import_compiler_runtime","checkbox_module_default","CheckboxGroupContext","createContext","Checkbox$1","$","children","className","containerStateLayer","labelPlacement","props","t0","groupLabelPlacement","groupContainerStateLayer","useContext","placement","stateLayer","t1","renderProps","t2","renderProps_0","dataAttrs","isSelected","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","isInvalid","isIndeterminate","label","Fragment","TapTarget","t3","Checkbox","CheckboxGroup$1","CheckboxGroup","showDescription","description","showDescriptionOnInvalid","checkboxItemsGap","Description","errorMessage"],"sources":["../../src/components/Input/Checkbox/checkbox.module.css","../../src/components/Input/Checkbox/context.ts","../../src/components/Input/Checkbox/Checkbox.tsx","../../src/components/Input/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-checkbox-outline-color\n* --md-checkbox-container-color\n\n --md-checkbox-interaction-outline-color\n\n --md-checkbox-icon-color\n\n --md-checkbox-state-layer-color\n* --md-checkbox-selected-state-layer-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .checkbox-group {\n display: grid;\n gap: var(--md-sys-layout-space-16);\n\n &[data-disabled] {\n color: rgb(\n from currentcolor r g b /\n var(--md-sys-state-disabled-content)\n );\n cursor: default;\n }\n }\n\n .checkbox-items {\n display: grid;\n }\n\n .checkbox {\n / configurable tokens /\n --_md-checkbox-outline-color: var(\n --md-checkbox-outline-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_md-checkbox-container-color: var(\n --md-checkbox-container-color,\n var(--md-sys-color-primary)\n );\n\n --_md-checkbox-interaction-outline-color: var(\n --md-checkbox-interaction-outline-color,\n var(--md-sys-color-on-surface)\n );\n\n --_md-checkbox-icon-color: var(\n --md-checkbox-icon-color,\n var(--md-sys-color-on-primary)\n );\n\n --_md-checkbox-state-layer-color: var(\n --md-checkbox-state-layer-color,\n var(--md-sys-color-on-surface)\n );\n --_md-checkbox-selected-state-layer-color: var(\n --md-checkbox-selected-state-layer-color,\n var(--_md-checkbox-container-color)\n );\n\n / configurable tokens end /\n\n / invalid tokens /\n --_md-checkbox-invalid-outline-color: var(--md-sys-color-error);\n --_md-checkbox-invalid-container-color: var(--md-sys-color-error);\n --_md-checkbox-invalid-icon-color: var(--md-sys-color-on-error);\n\n --_md-checkbox-invalid-state-layer-color: var(\n --_md-checkbox-invalid-container-color\n );\n\n / checkbox tokens /\n --_md-checkbox-outline-width: var(--md-sys-shape-border-width-thick);\n --_md-checkbox-container-shape: calc(2 var(--dp, 1px));\n --_md-checkbox-container-size: calc(18 * var(--dp, 1px));\n\n /* state layer tokens /\n --_md-checkbox-state-layer-size: var(--md-sys-layout-space-40);\n --_md-checkbox-state-layer-shape: var(\n --md-sys-shape-corner-radius-full\n );\n\n --_md-checkbox-pressed-state-layer-color: var(\n --_md-checkbox-selected-state-layer-color\n );\n --_md-checkbox-pressed-selected-state-layer-color: var(\n --_md-checkbox-state-layer-color\n );\n\n --_state-layer-opacity: 0;\n --_state-color: var(--_md-checkbox-state-layer-color);\n\n --_state-layer-color: rgb(\n from var(--_state-color) r g b /\n var(--_state-layer-opacity)\n );\n\n / styles /\n position: relative;\n\n display: flex;\n gap: var(--md-sys-layout-space-16);\n align-items: center;\n\n color: inherit;\n cursor: pointer;\n\n & {\n cursor: inherit;\n }\n\n &[data-disabled] {\n color: rgb(\n from currentColor r g b /\n var(--md-sys-state-disabled-content)\n );\n cursor: default;\n }\n\n &[data-indeterminate] {\n --_state-color: var(--_md-checkbox-selected-state-layer-color);\n }\n &[data-selected] {\n --_state-color: var(--_md-checkbox-selected-state-layer-color);\n }\n\n &[data-pressed] {\n --_state-layer-opacity: var(--md-sys-state-pressed);\n --_state-color: var(--_md-checkbox-pressed-state-layer-color);\n\n &[data-indeterminate] {\n --_state-color: var(\n --_md-checkbox-pressed-selected-state-layer-color\n );\n }\n &[data-selected] {\n --_state-color: var(\n --_md-checkbox-pressed-selected-state-layer-color\n );\n }\n }\n\n &[data-invalid] {\n --_state-color: var(--_md-checkbox-invalid-state-layer-color);\n\n &[data-indeterminate] {\n --_state-color: var(--_md-checkbox-invalid-state-layer-color);\n }\n &[data-selected] {\n --_state-color: var(--_md-checkbox-invalid-state-layer-color);\n }\n }\n\n &[data-hovered] {\n --_state-layer-opacity: var(--md-sys-state-hover);\n z-index: 1;\n }\n\n &[data-focus-visible] {\n --_state-layer-opacity: var(--md-sys-state-focus);\n z-index: 1;\n }\n }\n\n .state-layer::before {\n content: \"\";\n\n position: absolute;\n inset: calc(-1 * var(--md-sys-layout-space-12));\n\n background-color: var(--_state-layer-color);\n border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n pointer-events: none;\n\n transition: background-color\n 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 .indicator {\n --_outline-color: var(--_md-checkbox-outline-color);\n --_background: transparent;\n --_icon-color: var(--_md-checkbox-icon-color);\n\n position: relative;\n\n inline-size: var(--_md-checkbox-container-size);\n aspect-ratio: 1;\n border-radius: var(--_md-checkbox-container-shape);\n\n background-color: var(--_background);\n border: var(--_md-checkbox-outline-width) solid var(--_outline-color);\n\n transition:\n background-color var(--md-sys-motion-expressive-default-effects)\n var(--md-sys-motion-expressive-default-effects-duration),\n border-color var(--md-sys-motion-expressive-default-effects)\n var(--md-sys-motion-expressive-default-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-filled] {\n --_outline-color: transparent;\n --_background: var(--_md-checkbox-container-color);\n }\n\n &[data-invalid] {\n --_outline-color: var(--_md-checkbox-invalid-outline-color);\n --_icon-color: var(--_md-checkbox-invalid-icon-color);\n --_background: transparent;\n\n &[data-filled] {\n --_outline-color: transparent;\n --_background: var(--_md-checkbox-invalid-container-color);\n }\n }\n\n &[data-pressed],\n &[data-hovered],\n &[data-focus-visible] {\n --_outline-color: var(--_md-checkbox-interaction-outline-color);\n\n &[data-invalid] {\n --_outline-color: var(--_md-checkbox-invalid-outline-color);\n }\n\n &[data-filled] {\n --_outline-color: transparent;\n }\n }\n\n &[data-disabled] {\n --_icon-color: var(--md-sys-color-surface);\n --_outline-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n --_background: transparent;\n\n &[data-filled] {\n --_outline-color: transparent;\n --_background: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n }\n }\n }\n\n /* state layer /\n .indicator[data-show-state-layer]::before {\n content: \"\";\n\n position: absolute;\n inset-inline-start: 50%;\n inset-block-start: 50%;\n transform: translate(-50%, -50%);\n\n inline-size: var(--_md-checkbox-state-layer-size);\n aspect-ratio: 1 / 1;\n border-radius: var(--_md-checkbox-state-layer-shape);\n\n background-color: var(--_state-layer-color);\n\n transition: background-color\n var(--md-sys-motion-expressive-default-effects)\n var(--md-sys-motion-expressive-default-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n\n .indicator[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\n /* https://react-aria.adobe.com/Checkbox /\n / ref this for check animation /\n .svg {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 50%;\n transform: translate(-50%, -50%);\n\n width: calc(12 var(--dp, 1px));\n aspect-ratio: 1 / 1;\n fill: none;\n\n stroke: var(--_icon-color);\n\n stroke-width: calc(3 * var(--dp, 1px));\n stroke-dasharray: calc(22 * var(--dp, 1px));\n stroke-dashoffset: 66;\n stroke-linecap: round;\n stroke-linejoin: round;\n\n transition: stroke-dashoffset\n var(--md-sys-motion-expressive-default-effects)\n var(--md-sys-motion-expressive-default-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-selected] {\n stroke-dashoffset: 44;\n }\n\n &[data-indeterminate] {\n stroke: none;\n fill: var(--_icon-color);\n }\n }\n}\n","import { createContext } from \"react\";\nimport type { CheckboxLabelPlacement } from \"./types\";\n\n/*\n Shared context value provided by {@link CheckboxGroup} to child {@link Checkbox} components.\n /\nexport interface CheckboxGroupContextValue {\n /* Inherited label placement. /\n labelPlacement?: CheckboxLabelPlacement;\n /* Inherited container state layer flag. /\n containerStateLayer?: boolean;\n}\n\n/\n Context communicating group-level styling configurations to nested checkboxes.\n /\nexport const CheckboxGroupContext = createContext<CheckboxGroupContextValue>(\n {}\n);\n","import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Checkbox as AriaCheckbox } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport styles from \"./checkbox.module.css\";\nimport { CheckboxGroupContext } from \"./context\";\nimport type { CheckboxProps } from \"./types\";\n\n/\n A checkbox control implementing Material Design 3 Checkbox guidelines.\n \n Supports unchecked, checked, and indeterminate states with smooth animated SVG paths,\n * accessible keyboard activation, and flexible label positioning.\n \n @example\n * ```tsx\n * import { Checkbox } from '@adgytec/web-ui-components';\n \n <Checkbox isSelected={agree} onChange={setAgree}>\n * I accept the terms and conditions\n * </Checkbox>\n * ```\n /\nexport const Checkbox: React.FC<CheckboxProps> = ({\n children,\n className,\n labelPlacement,\n containerStateLayer,\n ...props\n}) => {\n const {\n labelPlacement: groupLabelPlacement,\n containerStateLayer: groupContainerStateLayer,\n } = useContext(CheckboxGroupContext);\n const placement = labelPlacement ?? groupLabelPlacement ?? \"end\";\n const stateLayer = containerStateLayer ?? groupContainerStateLayer ?? false;\n\n return (\n <AriaCheckbox\n className={(renderProps) =>\n clsx(\n styles[\"checkbox\"],\n stateLayer && styles[\"state-layer\"],\n typography.labelLarge,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-checkbox\n >\n {(renderProps) => {\n const {\n isSelected,\n isHovered,\n isDisabled,\n isFocused,\n isFocusVisible,\n isPressed,\n isInvalid,\n isIndeterminate,\n } = renderProps;\n\n const dataAttrs = {\n \"data-selected\": isSelected \|\| undefined,\n \"data-hovered\": isHovered \|\| undefined,\n \"data-disabled\": isDisabled \|\| undefined,\n \"data-focused\": isFocused \|\| undefined,\n \"data-focus-visible\": isFocusVisible \|\| undefined,\n \"data-pressed\": isPressed \|\| undefined,\n \"data-invalid\": isInvalid \|\| undefined,\n \"data-indeterminate\": isIndeterminate \|\| undefined,\n \"data-show-state-layer\": !stateLayer \|\| undefined,\n \"data-filled\": isSelected \|\| isIndeterminate \|\| undefined,\n };\n\n const label =\n typeof children === \"function\"\n ? children(renderProps)\n : children;\n return (\n <>\n {placement === \"start\" && label}\n\n <span\n className={clsx(styles[\"indicator\"], TapTarget)}\n {...dataAttrs}\n >\n <svg\n viewBox=\"0 0 18 18\"\n aria-hidden=\"true\"\n key={\n isIndeterminate ? \"indeterminate\" : \"check\"\n }\n className={styles[\"svg\"]}\n {...dataAttrs}\n >\n {isIndeterminate ? (\n <rect x={1} y={7.5} width={16} height={3} />\n ) : (\n <polyline points=\"2 9 7 14 16 4\" />\n )}\n </svg>\n </span>\n\n {placement === \"end\" && label}\n </>\n );\n }}\n </AriaCheckbox>\n );\n};\n","import clsx from \"clsx\";\nimport { CheckboxGroup as AriaCheckboxGroup } from \"react-aria-components\";\nimport { Description } from \"../Description\";\nimport { FieldError } from \"../FieldError\";\nimport { Label } from \"../Label\";\nimport styles from \"./checkbox.module.css\";\nimport { CheckboxGroupContext } from \"./context\";\nimport type { CheckboxGroupProps } from \"./types\";\n\n/\n A container managing a set of related {@link Checkbox} controls.\n \n Coordinates group selection values, accessible group labels, helper descriptions,\n * error validation messages, and consistent item spacing.\n \n @example\n * ```tsx\n * import { CheckboxGroup, Checkbox } from '@adgytec/web-ui-components';\n \n <CheckboxGroup label=\"Notification Preferences\">\n * <Checkbox value=\"email\">Email</Checkbox>\n * <Checkbox value=\"sms\">SMS</Checkbox>\n * <Checkbox value=\"push\">Push notifications</Checkbox>\n * </CheckboxGroup>\n * ```\n /\nexport const CheckboxGroup: React.FC<CheckboxGroupProps> = ({\n label,\n description,\n errorMessage,\n children,\n className,\n checkboxItemsGap = 24,\n labelPlacement,\n containerStateLayer,\n showDescriptionOnInvalid = false,\n ...props\n}) => {\n return (\n <CheckboxGroupContext value={{ labelPlacement, containerStateLayer }}>\n <AriaCheckboxGroup\n className={(renderProps) =>\n clsx(\n styles[\"checkbox-group\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n >\n {({ isInvalid }) => {\n const showDescription =\n description &&\n (!isInvalid \|\| (isInvalid && showDescriptionOnInvalid));\n\n return (\n <>\n {label && <Label>{label}</Label>}\n\n <div\n className={clsx(styles[\"checkbox-items\"])}\n style={{\n gap: `calc(${checkboxItemsGap} var(--dp, 1px))`,\n }}\n >\n {children}\n </div>\n\n {showDescription && (\n <Description>{description}</Description>\n )}\n <FieldError>{errorMessage}</FieldError>\n </>\n );\n }}\n </AriaCheckboxGroup>\n </CheckboxGroupContext>\n );\n};\n"],"mappings":"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"}

package/dist/chunks/Input2 CHANGED Viewed

@@ -21,7 +21,8 @@ function k(e) {
 			return () => {
 				typeof r == "function" ? r() : n(null);
 			};
-		} else if (e) return e.current = t, () => {
+		}
+		if (e) return e.current = t, () => {
 			e.current = null;
 		};
 	}, [e]);

package/dist/chunks/Input2.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input2","names":["$i6EpZ$useRef","$i6EpZ$useCallback","$i6EpZ$useMemo","icon"],"sources":["../../node_modules/react-aria/dist/private/utils/useObjectRef.mjs","../../src/components/Input/Input/input.module.css","../../src/components/Input/Input/InputButton.tsx","../../src/components/Input/Input/handleInputButton.ts","../../src/components/Input/Input/Input.tsx"],"sourcesContent":["import {useRef as $i6EpZ$useRef, useCallback as $i6EpZ$useCallback, useMemo as $i6EpZ$useMemo} from \"react\";\n\n/\n Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n / \nfunction $03e8ab2d84d7657a$export$4338b53315abf666(ref) {\n const objRef = (0, $i6EpZ$useRef)(null);\n const cleanupRef = (0, $i6EpZ$useRef)(undefined);\n const refEffect = (0, $i6EpZ$useCallback)((instance)=>{\n if (typeof ref === 'function') {\n const refCallback = ref;\n const refCleanup = refCallback(instance);\n return ()=>{\n if (typeof refCleanup === 'function') refCleanup();\n else refCallback(null);\n };\n } else if (ref) {\n ref.current = instance;\n return ()=>{\n ref.current = null;\n };\n }\n }, [\n ref\n ]);\n return (0, $i6EpZ$useMemo)(()=>({\n get current () {\n return objRef.current;\n },\n set current (value){\n objRef.current = value;\n if (cleanupRef.current) {\n cleanupRef.current();\n cleanupRef.current = undefined;\n }\n if (value != null) cleanupRef.current = refEffect(value);\n }\n }), [\n refEffect\n ]);\n}\n\n\nexport {$03e8ab2d84d7657a$export$4338b53315abf666 as useObjectRef};\n//# sourceMappingURL=useObjectRef.mjs.map\n","@layer adgytec.overrides {\n .button[data-invalid] {\n --md-button-color: var(--group-color);\n }\n}\n","import clsx from \"clsx\";\nimport { IconButton, type IconButtonProps } from \"@/components/Button\";\nimport styles from \"./input.module.css\";\n\nexport const InputButton: React.FC<\n Omit<IconButtonProps, \"color\" \| \"size\" \| \"width\">\n> = ({ icon, className, ...props }) => {\n return (\n <IconButton\n className={(renderProps) =>\n clsx(\n styles[\"button\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n icon={icon}\n color=\"standard\"\n size=\"small\"\n width=\"default\"\n {...props}\n />\n );\n};\n","import { cloneElement, isValidElement, type ReactNode } from \"react\";\nimport { InputButton } from \"./InputButton\";\n\ntype InputButtonProps = React.ComponentProps<typeof InputButton> & {\n \"data-invalid\"?: boolean;\n};\n\nexport function addStateAttrsToInputButton({\n node,\n isInvalid,\n isDisabled,\n}: {\n node: ReactNode;\n isInvalid: boolean;\n isDisabled: boolean;\n}) {\n if (!isValidElement<InputButtonProps>(node)) {\n return node;\n }\n\n if (node.type !== InputButton) return node;\n\n return cloneElement(node, {\n \"data-invalid\": isInvalid \|\| undefined,\n isDisabled,\n });\n}\n","import clsx from \"clsx\";\nimport { useFocusRing } from \"react-aria/useFocusRing\";\nimport { useHover } from \"react-aria/useHover\";\nimport { useObjectRef } from \"react-aria/useObjectRef\";\nimport {\n Input as AriaInput,\n TextField as AriaTextField,\n} from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { typography } from \"@/utils\";\nimport { CharacterCount } from \"../CharacterCount\";\nimport {\n Colors,\n EditorInputGroupStyles,\n EditorInputStyles,\n EditorStyles,\n InputGroupStyles,\n SupportingTextStyles,\n TextFieldIconSize,\n UnsetStyles,\n} from \"../core\";\nimport { Description } from \"../Description\";\nimport { FieldError } from \"../FieldError\";\nimport { useControllableState } from \"../hooks\";\nimport { Label } from \"../Label\";\nimport { addStateAttrsToInputButton } from \"./handleInputButton\";\nimport type { InputProps } from \"./types\";\n\nexport const Input: React.FC<InputProps> = ({\n label,\n description,\n errorMessage,\n showDescriptionOnInvalid = false,\n placeholder,\n editorDir,\n prefix,\n suffix,\n leadingIcon,\n trailing,\n className,\n showCharacterCount: hasCharacterCount,\n maxLength,\n value,\n defaultValue,\n ref,\n onChange,\n ...props\n}) => {\n const inputRef = useObjectRef(ref);\n\n const { currentValue, setValue } = useControllableState({\n value,\n defaultValue,\n onChange,\n });\n\n const { isFocused, isFocusVisible, focusProps } = useFocusRing();\n const { isHovered, hoverProps } = useHover({});\n\n const layoutDataAttrs = {\n \"data-trailing\": trailing ? true : undefined,\n \"data-leading\": leadingIcon ? true : undefined,\n };\n\n return (\n <AriaTextField\n className={(renderProps) =>\n clsx(\n Colors,\n InputGroupStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n maxLength={maxLength}\n value={currentValue}\n defaultValue={defaultValue}\n onChange={setValue}\n {...props}\n {...layoutDataAttrs}\n >\n {({ isDisabled, isInvalid }) => {\n const dataAttrs = {\n ...layoutDataAttrs,\n \"data-hovered\": isHovered \|\| undefined,\n \"data-focused\": isFocused \|\| undefined,\n \"data-focus-visible\": isFocusVisible \|\| undefined,\n \"data-disabled\": isDisabled \|\| undefined,\n \"data-invalid\": isInvalid \|\| undefined,\n };\n\n const hasDescription =\n description &&\n (!isInvalid \|\| (isInvalid && showDescriptionOnInvalid));\n\n return (\n <>\n {label && <Label>{label}</Label>}\n\n <span\n onPointerDown={(e) => {\n const target = e.target as HTMLElement;\n\n if (\n inputRef.current?.contains(target) \|\|\n target.closest(\"button, a, [role='button']\")\n ) {\n return;\n }\n\n e.preventDefault();\n inputRef.current?.focus();\n }}\n {...hoverProps}\n {...dataAttrs}\n className={clsx(EditorStyles)}\n data-input={true}\n >\n {leadingIcon && (\n <Icon\n icon={leadingIcon}\n size={TextFieldIconSize}\n />\n )}\n <span\n className={clsx(\n EditorInputGroupStyles,\n typography.bodyLarge\n )}\n >\n {prefix && typeof prefix === \"function\"\n ? prefix({ isDisabled, isInvalid })\n : prefix}\n <AriaInput\n ref={inputRef}\n className={clsx(\n UnsetStyles,\n EditorInputStyles,\n typography.bodyLarge\n )}\n {...focusProps}\n placeholder={placeholder}\n dir={editorDir}\n data-input={true}\n />\n {suffix && typeof suffix === \"function\"\n ? suffix({ isDisabled, isInvalid })\n : suffix}\n </span>\n\n {trailing && typeof trailing === \"function\"\n ? trailing({ isDisabled, isInvalid })\n : addStateAttrsToInputButton({\n node: trailing,\n isDisabled,\n isInvalid,\n })}\n </span>\n\n {hasDescription && (\n <span\n {...layoutDataAttrs}\n className={clsx(SupportingTextStyles)}\n >\n <Description>{description}</Description>\n\n {hasCharacterCount && (\n <CharacterCount\n count={currentValue.length}\n maxLength={maxLength}\n />\n )}\n </span>\n )}\n\n {!hasDescription && hasCharacterCount && (\n <span\n {...layoutDataAttrs}\n className={clsx(SupportingTextStyles)}\n >\n <FieldError>{errorMessage}</FieldError>\n\n <CharacterCount\n count={currentValue.length}\n maxLength={maxLength}\n />\n </span>\n )}\n\n {/ Error placement */}\n {hasDescription \|\| !hasCharacterCount ? (\n <FieldError className={clsx(SupportingTextStyles)}>\n {errorMessage}\n </FieldError>\n ) : null}\n </>\n );\n }}\n </AriaTextField>\n );\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}
1	+ {"version":3,"file":"Input2","names":["$i6EpZ$useRef","$i6EpZ$useCallback","$i6EpZ$useMemo","icon","_c","clsx","styles","Input","useObjectRef","useFocusRing","useHover","AriaTextField","clsx","_Fragment","Label","AriaInput","FieldError","require_compiler_runtime","Icon","FieldError$1","Label$1","EditorInputGroupStyles","UnsetStyles","SupportingTextStyles","Colors","EditorInputStyles","EditorStyles","$0c4a58759813079a$export$4e328f61c538687f","$e969f22b6713ca4a$export$ae780daf29e6d456","clsx$1","$03e8ab2d84d7657a$export$4338b53315abf666","objRef","useRef","cleanupRef","refEffect","useCallback","ref","refCallback","refCleanup","instance","useMemo","value","import_compiler_runtime","input_module_default","InputButton","$","className","icon","props","t0","t1","renderProps","t2","IconButton","addStateAttrsToInputButton","isValidElement","node","cloneElement","isInvalid","Input$1","hasCharacterCount","inputRef","useControllableState","layoutDataAttrs","trailing","leadingIcon","TextField","InputGroupStyles","currentValue","setValue","dataAttrs","isHovered","isFocused","isFocusVisible","isDisabled","hasDescription","description","showDescriptionOnInvalid","Fragment","label","target","hoverProps","typography","prefix","Input","focusProps","editorDir","suffix","Description","CharacterCount","errorMessage"],"sources":["../../node_modules/react-aria/dist/private/utils/useObjectRef.mjs","../../src/components/Input/Input/input.module.css","../../src/components/Input/Input/InputButton.tsx","../../src/components/Input/Input/handleInputButton.ts","../../src/components/Input/Input/Input.tsx"],"sourcesContent":["import {useRef as $i6EpZ$useRef, useCallback as $i6EpZ$useCallback, useMemo as $i6EpZ$useMemo} from \"react\";\n\n/\n Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n / \nfunction $03e8ab2d84d7657a$export$4338b53315abf666(ref) {\n const objRef = (0, $i6EpZ$useRef)(null);\n const cleanupRef = (0, $i6EpZ$useRef)(undefined);\n const refEffect = (0, $i6EpZ$useCallback)((instance)=>{\n if (typeof ref === 'function') {\n const refCallback = ref;\n const refCleanup = refCallback(instance);\n return ()=>{\n if (typeof refCleanup === 'function') refCleanup();\n else refCallback(null);\n };\n } else if (ref) {\n // oxlint-disable-next-line react/react-compiler\n ref.current = instance;\n return ()=>{\n ref.current = null;\n };\n }\n }, [\n ref\n ]);\n return (0, $i6EpZ$useMemo)(()=>({\n get current () {\n return objRef.current;\n },\n set current (value){\n objRef.current = value;\n if (cleanupRef.current) {\n cleanupRef.current();\n cleanupRef.current = undefined;\n }\n if (value != null) cleanupRef.current = refEffect(value);\n }\n }), // oxlint-disable-next-line react/react-compiler\n [\n refEffect\n ]);\n}\n\n\nexport {$03e8ab2d84d7657a$export$4338b53315abf666 as useObjectRef};\n//# sourceMappingURL=useObjectRef.mjs.map\n","@layer adgytec.overrides {\n .button[data-invalid] {\n --md-button-color: var(--group-color);\n }\n}\n","import clsx from \"clsx\";\nimport { IconButton, type IconButtonProps } from \"@/components/Button\";\nimport styles from \"./input.module.css\";\n\n/\n Props for the {@link InputButton} component.\n * Extends {@link IconButtonProps} omitting fixed size, color, and width configurations.\n /\nexport interface InputButtonProps\n extends Omit<IconButtonProps, \"color\" \| \"size\" \| \"width\"> {}\n\n/\n An action button tailored for placement within an {@link Input} container (e.g. password visibility toggle, clear button).\n /\nexport const InputButton: React.FC<InputButtonProps> = ({\n icon,\n className,\n ...props\n}) => {\n return (\n <IconButton\n className={(renderProps) =>\n clsx(\n styles[\"button\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n icon={icon}\n color=\"standard\"\n size=\"small\"\n width=\"default\"\n {...props}\n />\n );\n};\n","import { cloneElement, isValidElement, type ReactNode } from \"react\";\nimport { InputButton } from \"./InputButton\";\n\ntype InputButtonElementProps = React.ComponentProps<typeof InputButton> & {\n \"data-invalid\"?: boolean;\n};\n\n/\n Injects input validation and disabled states into child {@link InputButton} elements.\n \n @param params - Configuration containing `node`, `isInvalid`, and `isDisabled`.\n * @returns Cloned element with attached state data attributes, or the original node if not an InputButton.\n /\nexport function addStateAttrsToInputButton({\n node,\n isInvalid,\n isDisabled,\n}: {\n node: ReactNode;\n isInvalid: boolean;\n isDisabled: boolean;\n}) {\n if (!isValidElement<InputButtonElementProps>(node)) {\n return node;\n }\n\n if (node.type !== InputButton) return node;\n\n return cloneElement(node, {\n \"data-invalid\": isInvalid \|\| undefined,\n isDisabled,\n });\n}\n","import clsx from \"clsx\";\nimport { useFocusRing } from \"react-aria/useFocusRing\";\nimport { useHover } from \"react-aria/useHover\";\nimport { useObjectRef } from \"react-aria/useObjectRef\";\nimport {\n Input as AriaInput,\n TextField as AriaTextField,\n} from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { typography } from \"@/utils\";\nimport { CharacterCount } from \"../CharacterCount\";\nimport {\n Colors,\n EditorInputGroupStyles,\n EditorInputStyles,\n EditorStyles,\n InputGroupStyles,\n SupportingTextStyles,\n TextFieldIconSize,\n UnsetStyles,\n} from \"../core\";\nimport { Description } from \"../Description\";\nimport { FieldError } from \"../FieldError\";\nimport { useControllableState } from \"../hooks\";\nimport { Label } from \"../Label\";\nimport { addStateAttrsToInputButton } from \"./handleInputButton\";\nimport type { InputProps } from \"./types\";\n\n/\n A single-line text input field implementing Material Design 3 Text Field guidelines.\n \n Supports accessible labels, helper descriptions, error messages, prefix/suffix text,\n * leading icons, trailing actions via {@link InputButton}, and character counter indicators.\n \n @example\n * ```tsx\n * import { Input, InputButton } from '@adgytec/web-ui-components';\n * import { Eye, Mail } from 'lucide-react';\n \n // Basic text input with label and helper text\n * <Input\n * label=\"Email Address\"\n * placeholder=\"user@example.com\"\n * leadingIcon={Mail}\n * description=\"We'll never share your email.\"\n * />\n \n // Password field with trailing visibility button\n * <Input\n * label=\"Password\"\n * type=\"password\"\n * trailing={<InputButton icon={Eye} onPress={() => {}} />}\n * />\n * ```\n /\nexport const Input: React.FC<InputProps> = ({\n label,\n description,\n errorMessage,\n showDescriptionOnInvalid = false,\n placeholder,\n editorDir,\n prefix,\n suffix,\n leadingIcon,\n trailing,\n className,\n showCharacterCount: hasCharacterCount,\n maxLength,\n value,\n defaultValue,\n ref,\n onChange,\n ...props\n}) => {\n const inputRef = useObjectRef(ref);\n\n const { currentValue, setValue } = useControllableState({\n value,\n defaultValue,\n onChange,\n });\n\n const { isFocused, isFocusVisible, focusProps } = useFocusRing();\n const { isHovered, hoverProps } = useHover({});\n\n const layoutDataAttrs = {\n \"data-trailing\": trailing ? true : undefined,\n \"data-leading\": leadingIcon ? true : undefined,\n };\n\n return (\n <AriaTextField\n className={(renderProps) =>\n clsx(\n Colors,\n InputGroupStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n maxLength={maxLength}\n value={currentValue}\n defaultValue={defaultValue}\n onChange={setValue}\n {...props}\n {...layoutDataAttrs}\n >\n {({ isDisabled, isInvalid }) => {\n const dataAttrs = {\n ...layoutDataAttrs,\n \"data-hovered\": isHovered \|\| undefined,\n \"data-focused\": isFocused \|\| undefined,\n \"data-focus-visible\": isFocusVisible \|\| undefined,\n \"data-disabled\": isDisabled \|\| undefined,\n \"data-invalid\": isInvalid \|\| undefined,\n };\n\n const hasDescription =\n description &&\n (!isInvalid \|\| (isInvalid && showDescriptionOnInvalid));\n\n return (\n <>\n {label && <Label>{label}</Label>}\n\n <span\n onPointerDown={(e) => {\n const target = e.target as HTMLElement;\n\n if (\n inputRef.current?.contains(target) \|\|\n target.closest(\"button, a, [role='button']\")\n ) {\n return;\n }\n\n e.preventDefault();\n inputRef.current?.focus();\n }}\n {...hoverProps}\n {...dataAttrs}\n className={clsx(EditorStyles)}\n data-input={true}\n >\n {leadingIcon && (\n <Icon\n icon={leadingIcon}\n size={TextFieldIconSize}\n />\n )}\n <span\n className={clsx(\n EditorInputGroupStyles,\n typography.bodyLarge\n )}\n >\n {prefix && typeof prefix === \"function\"\n ? prefix({ isDisabled, isInvalid })\n : prefix}\n <AriaInput\n ref={inputRef}\n className={clsx(\n UnsetStyles,\n EditorInputStyles,\n typography.bodyLarge\n )}\n {...focusProps}\n placeholder={placeholder}\n dir={editorDir}\n data-input={true}\n />\n {suffix && typeof suffix === \"function\"\n ? suffix({ isDisabled, isInvalid })\n : suffix}\n </span>\n\n {trailing && typeof trailing === \"function\"\n ? trailing({ isDisabled, isInvalid })\n : addStateAttrsToInputButton({\n node: trailing,\n isDisabled,\n isInvalid,\n })}\n </span>\n\n {hasDescription && (\n <span\n {...layoutDataAttrs}\n className={clsx(SupportingTextStyles)}\n >\n <Description>{description}</Description>\n\n {hasCharacterCount && (\n <CharacterCount\n count={currentValue.length}\n maxLength={maxLength}\n />\n )}\n </span>\n )}\n\n {!hasDescription && hasCharacterCount && (\n <span\n {...layoutDataAttrs}\n className={clsx(SupportingTextStyles)}\n >\n <FieldError>{errorMessage}</FieldError>\n\n <CharacterCount\n count={currentValue.length}\n maxLength={maxLength}\n />\n </span>\n )}\n\n {/ Error placement */}\n {hasDescription \|\| !hasCharacterCount ? (\n <FieldError className={clsx(SupportingTextStyles)}>\n {errorMessage}\n </FieldError>\n ) : null}\n </>\n );\n }}\n </AriaTextField>\n );\n};\n"],"ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;AAaA,SAAS8B,EAA0C,GAAK;CACpD,IAAMC,IAAa/B,EAAe,IAAI,GAChCiC,IAAiBjC,EAAe,KAAA,CAAS,GACzCkC,IAAgBjC,GAAqB,MAAW;EAClD,IAAI,OAAOmC,KAAQ,YAAY;GAC3B,IAAMC,IAAcD,GACdE,IAAaD,EAAYE,CAAQ;GACvC,aAAW;IACP,AAAI,OAAOD,KAAe,aAAYA,EAAW,IAC5CD,EAAY,IAAI;GACzB;EACJ;EAAO,IAAID,GAGP,OADA,EAAI,UAAUG,SACH;GACP,EAAI,UAAU;EAClB;CAER,GAAG,CACCH,CACJ,CAAC;CACD,OAAWlC,SAAqB;EACxB,IAAI,UAAW;GACX,OAAO6B,EAAO;EAClB;EACA,IAAI,QAAS,GAAM;GAMf,AALA,EAAO,UAAUU,GACjB,AAEIR,EAAW,aADXA,EAAW,QAAQ,GACE,KAAA,IAErBQ,KAAS,SAAM,EAAW,UAAUP,EAAUO,CAAK;EAC3D;CACJ,IACJ,CACIP,CACJ,CAAC;AACL;;;gDEpCaU,KAA0C,MAAA;CAAA,IAAAC,KAAA,GAAAzC,EAAAA,EAAAA,CAAA,EAAA,GAAA0C,GAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAI,KAItD,IAAAJ,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAJuD,wBAAA,GAAAG,KAAAC,GAIvD,EAAA,KAAAA,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAL,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPxC,EACIC,EAAM,QACN,OAAOwC,KAAc,aACfA,EAAUK,CACF,IAFdL,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAI;CAAA,IAAAE;CAOP,OAPOP,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAK,KAPT,IAAA,kBAACG,GAAD;EACe,WAAAH;EAQL;EACA,OAAA;EACD,MAAA;EACC,OAAA;EAAS,GACXF;CAAK,CAAA,GACX,EAAA,KAAAD,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAP,EAAA,IAdFO;AAcE;;;ACrBV,SAAgBE,EAA2B,EACvC,SACA,cACA,iBAKD;CAOC,OANI,CAACC,EAAwCC,CAAI,KAI7CA,EAAK,SAASZ,IAAoBY,IAE/BC,EAAaD,GAAM;EACtB,gBAAgBE,KAAa,KAAA;EAC7B;CACJ,CAAC;AACL;;;ACuBA,IAAanD,KAA+B,EACxC,UACA,gBACA,iBACA,8BAA2B,IAC3B,gBACA,cACA,WACA,WACA,gBACA,aACA,cACA,oBAAoBqD,GACpB,cACA,UACA,iBACA,QACA,aACA,GAAGZ,QACD;CACF,IAAMa,IAAWrD,EAAa4B,CAAG,GAE3B,EAAE,iBAAc,gBAAa0B,EAAqB;EACpD;EACA;EACA;CACJ,CAAC,GAEK,EAAE,cAAW,mBAAgB,kBAAerD,EAAa,GACzD,EAAE,cAAW,kBAAeC,EAAS,CAAC,CAAC,GAEvCqD,IAAkB;EACpB,iBAAiBC,IAAW,KAAO,KAAA;EACnC,gBAAgBC,IAAc,KAAO,KAAA;CACzC;CAEA,OACI,kBAACtD,GAAD;EACI,YAAY,MACRC,EACIY,GACA2C,GACA,OAAOrB,KAAc,aACfA,EAAUK,CAAW,IACrBL,CACV;EAEO;EACX,OAAOsB;EACO;EACd,UAAUC;EACV,GAAIrB;EACJ,GAAIe;EAEF,WAAA,EAAE,eAAY,mBAAgB;GAC5B,IAAMO,IAAY;IACd,GAAGP;IACH,gBAAgBQ,KAAa,KAAA;IAC7B,gBAAgBC,KAAa,KAAA;IAC7B,sBAAsBC,KAAkB,KAAA;IACxC,iBAAiBC,KAAc,KAAA;IAC/B,gBAAgBhB,KAAa,KAAA;GACjC,GAEMiB,IACFC,MACC,CAAClB,KAAcA,KAAamB;GAEjC,OACI,kBAAAhE,GAAA,EAAA,UAAA;IACKkE,KAAS,kBAACjE,GAAD,EAAA,UAAQiE,EAAa,CAAA;IAE/B,kBAAC,QAAD;KACI,gBAAgB,MAAM;MAClB,IAAMC,IAAS,EAAE;MAEjB,AACInB,EAAS,SAAS,SAASmB,CAAM,KACjCA,EAAO,QAAQ,4BAA4B,MAK/C,EAAE,eAAe,GACjBnB,EAAS,SAAS,MAAM;KAC5B;KACA,GAAIoB;KACJ,GAAIX;KACJ,WAAW1D,EAAKc,CAAY;KAC5B,cAAY;KAjBhB,UAAA;MAmBKuC,KACG,kBAAC/C,GAAD;OACI,MAAM+C;OACN,MAAA;MAAwB,CAAA;MAGhC,kBAAC,QAAD;OACI,WAAWrD,EACPS,GACA6D,EAAW,SACf;OAJJ,UAAA;QAMKC,KAAU,OAAOA,KAAW,aACvBA,EAAO;SAAE;SAAY;QAAU,CAAC,IAChCA;QACN,kBAACpE,GAAD;SACI,KAAK8C;SACL,WAAWjD,EACPU,GACAG,GACAyD,EAAW,SACf;SACA,GAAIG;SACS;SACb,KAAKC;SACL,cAAY;QAAK,CAAA;QAEpBC,KAAU,OAAOA,KAAW,aACvBA,EAAO;SAAE;SAAY;QAAU,CAAC,IAChCA;OACJ;;MAELvB,KAAY,OAAOA,KAAa,aAC3BA,EAAS;OAAE;OAAY;MAAU,CAAC,IAClCV,EAA2B;OACvB,MAAMU;OACN;OACA;MACJ,CAAC;KACL;;IAELW,KACG,kBAAC,QAAD;KACI,GAAIZ;KACJ,WAAWnD,EAAKW,CAAoB;KAFxC,UAAA,CAII,kBAACiE,GAAD,EAAA,UAAcZ,EAAyB,CAAA,GAEtChB,KACG,kBAAC6B,GAAD;MACI,OAAOrB,EAAa;MACT;KAAU,CAAA,CAG3B;;IAGT,CAACO,KAAkBf,KAChB,kBAAC,QAAD;KACI,GAAIG;KACJ,WAAWnD,EAAKW,CAAoB;KAFxC,UAAA,CAII,kBAACP,GAAD,EAAA,UAAa0E,EAAyB,CAAA,GAEtC,kBAACD,GAAD;MACI,OAAOrB,EAAa;MACT;KAAU,CAAA,CAEvB;;IAITO,KAAkB,CAACf,IAChB,kBAAC5C,GAAD;KAAY,WAAWJ,EAAKW,CAAoB;KAC3C,UAAAmE;IACO,CAAA,IACZ;GACR,EAAA,CAAA;EAER;CACW,CAAA;AAEvB"}

package/dist/chunks/ListAction ADDED Viewed

@@ -0,0 +1,13 @@
+import { IconButton as e } from "../components/Button/IconButton/index.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import '../assets/AppBarAction.css';var r = { action: "_action_106b8_2" }, i = ({ color: i = "standard", className: a, ...o }) => /* @__PURE__ */ n(e, {
+	className: (e) => t(r.action, typeof a == "function" ? a(e) : a),
+	size: "small",
+	color: i,
+	...o
+});
+//#endregion
+export { i as t };
+//# sourceMappingURL=ListAction.map

package/dist/chunks/ListAction.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ListAction","names":["clsx","styles","clsx$1","listAction_module_default","ListAction","props","IconButton","\"action\"","className","renderProps"],"sources":["../../src/components/List/ListAction/listAction.module.css","../../src/components/List/ListAction/ListAction.tsx"],"sourcesContent":["@layer adgytec.comps {\n .action {\n inline-size: var(--md-sys-layout-space-48);\n block-size: var(--md-sys-layout-space-48);\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n","import clsx from \"clsx\";\nimport { IconButton, type IconButtonProps } from \"@/components/Button\";\nimport styles from \"./listAction.module.css\";\n\n/**\n * Props for the [`ListAction`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListAction/ListAction.tsx) component.\n */\nexport interface ListActionProps extends Omit<IconButtonProps, \"size\"> {}\n\n/**\n * Pre-configured trailing action icon button for a [`ListItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListItem/ListItem.tsx).\n *\n * Hardcodes `size=\"small\"` while ensuring a full 48px touch target area for accessibility,\n * defaulting to the `\"standard\"` icon button color style.\n *\n * @example\n * ```tsx\n * import { MoreVertical } from \"lucide-react\";\n *\n * <ListAction\n * icon={MoreVertical}\n * aria-label=\"More options\"\n * onPress={() => handleOpenMenu()}\n * />\n * ```\n */\nexport const ListAction: React.FC<ListActionProps> = ({\n color = \"standard\",\n className,\n ...props\n}) => {\n return (\n <IconButton\n className={(renderProps) =>\n clsx(\n styles[\"action\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n size=\"small\"\n color={color}\n {...props}\n />\n );\n};\n"],"mappings":";;;uCC0BaI,KAAyC,EAClD,WAAQ,YACR,cACA,GAAGC,QAGC,kBAACC,GAAD;CACI,YAAY,MACRN,EACIC,EAAOM,QACP,OAAOC,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;CAEJ,MAAK;CACE;CACP,GAAIH;AAAM,CAAA"}

package/dist/chunks/ListAvatar.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListAvatar","names":[],"sources":["../../src/components/List/ListAvatar/listAvatar.module.css","../../src/components/List/ListAvatar/ListAvatar.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-list-avatar-background\n* --md-list-avatar-color\n\n configurable tokens end */\n\n@layer adgytec.comps {\n .avatar {\n --_md-list-avatar-size: var(--md-sys-layout-space-40);\n\n --_md-list-avatar-background: var(\n --md-list-avatar-background,\n var(--md-sys-color-primary-container)\n );\n\n --_md-list-avatar-color: var(\n --md-list-avatar-color,\n var(--md-sys-color-on-primary-container)\n );\n\n --_md-list-color: var(--_md-list-avatar-color);\n\n inline-size: var(--_md-list-avatar-size);\n max-inline-size: var(--_md-list-avatar-size);\n\n block-size: var(--_md-list-avatar-size);\n max-block-size: var(--_md-list-avatar-size);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n overflow: clip;\n text-align: center;\n\n background-color: var(--_md-list-avatar-background);\n color: var(--_md-list-avatar-color);\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listAvatar.module.css\";\n\~~nexport~~ ~~const~~ ListAvatar: React.~~FC<React.~~ComponentPropsWithRef<\"div\">> = ({\n className,\n ...props\n}) => {\n return (\n <div\n className={clsx(\n styles[\"avatar\"],\n typography.titleMedium,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;~~gDCIa~~,~~KAA2D~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAGvE~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAHwE~~,~~kBAAA~~,~~KAAA~~,~~GAGxE~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,IAOY,~~IAAA~~,EAAA,MAJU,~~IAAA~~,~~EACP~~,EAAM,~~QACN~~,EAAU,~~aACV~~,CACJ,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAEH,~~OAFG~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KALL,IAAA,kBAAA,OAAA;EACe,~~WAAA~~;EAIV,~~GACG~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IAPF~~;AAOE"}
1	+ {"version":3,"file":"ListAvatar","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listAvatar_module_default","ListAvatar","$","className","props","t0","t1","typography","t2"],"sources":["../../src/components/List/ListAvatar/listAvatar.module.css","../../src/components/List/ListAvatar/ListAvatar.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-list-avatar-background\n* --md-list-avatar-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .avatar {\n --_md-list-avatar-size: var(--md-sys-layout-space-40);\n\n --_md-list-avatar-background: var(\n --md-list-avatar-background,\n var(--md-sys-color-primary-container)\n );\n\n --_md-list-avatar-color: var(\n --md-list-avatar-color,\n var(--md-sys-color-on-primary-container)\n );\n\n --_md-list-color: var(--_md-list-avatar-color);\n\n inline-size: var(--_md-list-avatar-size);\n max-inline-size: var(--_md-list-avatar-size);\n\n block-size: var(--_md-list-avatar-size);\n max-block-size: var(--_md-list-avatar-size);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n overflow: clip;\n text-align: center;\n\n background-color: var(--_md-list-avatar-background);\n color: var(--_md-list-avatar-color);\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listAvatar.module.css\";\n\n/\n Props for the [`ListAvatar`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListAvatar/ListAvatar.tsx) component.\n /\nexport interface ListAvatarProps extends React.ComponentPropsWithRef<\"div\"> {}\n\n/\n Circular 40px avatar container for user initials or profile images inside a [`ListItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListItem/ListItem.tsx).\n \n Automatically styles text content with Material Design 3 `titleMedium` typography,\n * and scales nested `<img>` elements with `object-fit: cover`.\n \n @example\n * ```tsx\n * // Initials avatar\n * <ListAvatar>JD</ListAvatar>\n \n // Image avatar\n * <ListAvatar>\n * <img src=\"/avatars/user.jpg\" alt=\"Jane Doe\" />\n * </ListAvatar>\n * ```\n */\nexport const ListAvatar: React.FC<ListAvatarProps> = ({\n className,\n ...props\n}) => {\n return (\n <div\n className={clsx(\n styles[\"avatar\"],\n typography.titleMedium,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;gDC0BaO,KAAwC,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGpD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHqD,eAAA,GAAAE,KAAAC,GAGrD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOY,IAAAD,EAAA,MAJU,IAAAP,EACPC,EAAM,QACNW,EAAU,aACVJ,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEH,OAFGN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAAA,OAAA;EACe,WAAAA;EAIV,GACGF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAPFM;AAOE"}

package/dist/chunks/ListBox.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListBox","names":[],"sources":["../../src/components/List/ListBox/listBox.module.css","../../src/components/List/ListBox/ListBox.tsx"],"sourcesContent":["@layer adgytec.overrides {\n .list-box > [data-list-item]:first-child {\n border-start-start-radius: var(--_md-list-shape);\n border-start-end-radius: var(--_md-list-shape);\n }\n\n .list-box > [data-list-item]:last-child {\n border-end-start-radius: var(--_md-list-shape);\n border-end-end-radius: var(--_md-list-shape);\n }\n}\n\n@layer adgytec.comps {\n .list-box {\n --_md-list-shape: var(--md-sys-shape-corner-radius-large);\n --_md-list-spacing: calc(2 * var(--dp, 1px));\n\n display: grid;\n gap: var(--_md-list-spacing);\n\n border-radius: var(--_md-list-shape);\n }\n\n .start {\n --md-list-align-y: start;\n }\n\n .center {\n --md-list-align-y: center;\n }\n\n .end {\n --md-list-align-y: end;\n }\n}\n","import clsx from \"clsx\";\nimport { ListBox as AriaListBox } from \"react-aria-components\";\nimport styles from \"./listBox.module.css\";\nimport type { ListBoxProps } from \"./types\";\n\nexport const ListBox = <T extends object>({\n alignY = \"center\",\n className,\n ...props\n}: ListBoxProps<T>) => {\n return (\n <AriaListBox\n className={(renderProps) =>\n clsx(\n styles[\"list-box\"],\n styles[alignY],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;;;~~GCKa~~,KAA6B,EACtC,YAAS,UACT,cACA,~~GAAG~~,QAGC,~~kBAAC~~,GAAD;CACI,YAAY,~~MACR~~,~~EACI~~,EAAO,~~aACP~~,~~EAAO~~,IACP,~~OAAO~~,KAAc,~~aACf~~,~~EAAU~~,CAAW,~~IACrB~~,CACV;CAEJ,~~GAAI~~;AAAM,CAAA"}
1	+ {"version":3,"file":"ListBox","names":["ListBox","AriaListBox","clsx","styles","clsx$1","listBox_module_default","ListBox$1","props","ListBox","alignY","className","renderProps"],"sources":["../../src/components/List/ListBox/listBox.module.css","../../src/components/List/ListBox/ListBox.tsx"],"sourcesContent":["@layer adgytec.overrides {\n .list-box > [data-list-item]:first-child {\n border-start-start-radius: var(--_md-list-shape);\n border-start-end-radius: var(--_md-list-shape);\n }\n\n .list-box > [data-list-item]:last-child {\n border-end-start-radius: var(--_md-list-shape);\n border-end-end-radius: var(--_md-list-shape);\n }\n}\n\n@layer adgytec.comps {\n .list-box {\n --_md-list-shape: var(--md-sys-shape-corner-radius-large);\n --_md-list-spacing: calc(2 * var(--dp, 1px));\n\n display: grid;\n gap: var(--_md-list-spacing);\n\n border-radius: var(--_md-list-shape);\n }\n\n .start {\n --md-list-align-y: start;\n }\n\n .center {\n --md-list-align-y: center;\n }\n\n .end {\n --md-list-align-y: end;\n }\n}\n","import clsx from \"clsx\";\nimport { ListBox as AriaListBox } from \"react-aria-components\";\nimport styles from \"./listBox.module.css\";\nimport type { ListBoxProps } from \"./types\";\n\n/*\n Material Design 3 List container component.\n \n Coordinates vertical indexing of items, keyboard navigation, single/multiple selection,\n * and unified vertical alignment of leading media, text content, and trailing actions.\n \n @example\n * ```tsx\n * import {\n * ListBox,\n * ListItem,\n * ListIcon,\n * ListLabelText,\n * ListSupportingText,\n * } from \"@adgytec/web-ui-components\";\n * import { Mail } from \"lucide-react\";\n \n <ListBox selectionMode=\"single\">\n * <ListItem\n * id=\"inbox\"\n * leading={<ListIcon icon={Mail} />}\n * label={<ListLabelText>Inbox</ListLabelText>}\n * supporting={<ListSupportingText>2 unread messages</ListSupportingText>}\n * />\n * </ListBox>\n * ```\n */\nexport const ListBox = <T extends object>({\n alignY = \"center\",\n className,\n ...props\n}: ListBoxProps<T>) => {\n return (\n <AriaListBox\n className={(renderProps) =>\n clsx(\n styles[\"list-box\"],\n styles[alignY],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;;;GCgCaA,KAA6B,EACtC,YAAS,UACT,cACA,GAAGO,QAGC,kBAACN,GAAD;CACI,YAAY,MACRC,EACIC,EAAO,aACPA,EAAOM,IACP,OAAOC,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;CAEJ,GAAIH;AAAM,CAAA"}

package/dist/chunks/ListIcon.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListIcon","names":[],"sources":["../../src/components/List/ListIcon/listIcon.module.css","../../src/components/List/ListIcon/ListIcon.tsx"],"sourcesContent":["@layer adgytec.comps {\n .icon {\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 { Icon } from \"@/components/Icon\";\nimport styles from \"./listIcon.module.css\";\n\~~nexport~~ ~~const~~ ListIcon: ~~React.FC<\~~n Omit<React.ComponentPropsWithRef<typeof Icon>, \"size\" \| \"withText\">\n> = ({ className, ...props }) => {\n return (\n <Icon\n className={clsx(styles[\"icon\"], className)}\n size={20}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;~~4CCIa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,KAAwB,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,OAAvB,~~kBAAA~~,~~KAAA~~,GAAuB,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~IAG0B~~,~~IAAA~~,EAAA,MAA/B,~~IAAA~~,~~EAAK~~,EAAM,~~MAAU~~,CAAS,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAG5C,~~OAH4C~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KAD9C,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EACL,MAAA;EAAE,~~GACJ~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IAJF~~;AAIE"}
1	+ {"version":3,"file":"ListIcon","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listIcon_module_default","ListIcon","$","className","props","t0","t1","t2","Icon"],"sources":["../../src/components/List/ListIcon/listIcon.module.css","../../src/components/List/ListIcon/ListIcon.tsx"],"sourcesContent":["@layer adgytec.comps {\n .icon {\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 { Icon } from \"@/components/Icon\";\nimport styles from \"./listIcon.module.css\";\n\n/*\n Props for the [`ListIcon`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListIcon/ListIcon.tsx) component.\n /\nexport interface ListIconProps\n extends Omit<\n React.ComponentPropsWithRef<typeof Icon>,\n \"size\" \| \"withText\"\n > {}\n\n/\n Standardized leading icon component for a [`ListItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListItem/ListItem.tsx).\n \n Hardcodes a standard 20px dimension while dynamically inheriting the list item's\n * text and interaction state colors.\n \n @example\n * ```tsx\n * import { Mail } from \"lucide-react\";\n \n <ListIcon icon={Mail} />\n * ```\n */\nexport const ListIcon: React.FC<ListIconProps> = ({ className, ...props }) => {\n return (\n <Icon\n className={clsx(styles[\"icon\"], className)}\n size={20}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;4CC0BaO,KAAoC,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,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,IAGnB,IAAAD,EAAA,MAA/B,IAAAP,EAAKC,EAAM,MAAUO,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAC;CAG5C,OAH4CL,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAD9C,IAAA,kBAACE,GAAD;EACe,WAAAF;EACL,MAAA;EAAE,GACJF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAC,KAAA,IAAAL,EAAA,IAJFK;AAIE"}

package/dist/chunks/ListItem.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem","names":["leading","label","trailing","handlePress"],"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\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":";;;;;;;;;;;GCWa,KAAoC,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAShD,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,OATiD,6FAAA,KAAA,GASjD,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CACG,IAAA,EAAA,gBAAA,kBAAoC,EAAU,CAAO,GACrD,KAAqB,GAAQ,UAAR,KAAyB,GAAE;CAAA,AAAA,EAAA,OAAA,IAUnC,IAAA,EAAA,OANM,KAAA,MACP,EACI,EAAO,cACP,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,MAAA;CAAA,IAAA;CAAA,AAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAMJ,KAAA,MAAA;EAAC,IAAA,EAAA,eAAA,kBAAA;EAA0B,OACxB,kBAAC,GAAD;GACY,QAAA,CACJ,CACI,GACA,EAAA,OACW,EAAA,WACQ;IAAA;IAAA;IAAA,YAGK;GAChB,EACJ,EACJ,CAAC,GAEL,CACI,GACA,EAAA,OACW,EAAA,WACQ;IAAA;IAAA;IAAA,YAGK;GAChB,EACJ,EACJ,CAAC,CACJ;aAzBT;IA4BK,KAAc,kBAAC,GAAD,EAAO,GAAK,EAAU,CAAA;IAEpC,KACG,kBAAA,OAAA;KAAgB,WAAA,EAAK,EAAM,OAAW;eAAI;IAAc,CAAA;IAG5D,kBAAA,OAAA;KAAgB,WAAA,EAAK,EAAM,OAAW;eAAtC;MACK,KAAA;MACA;MACA,KAAA;KACC;;IAEL,KACG,kBAAA,OAAA;KAAgB,WAAA,EAAM;eAAe;IAAe,CAAA;GAzCnD;;CA2CE,GACd,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CACS,OADT,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KA1DL,IAAA,kBAAC,GAAD;EACe,WAAA;EAQFG,SAAA;EACO,kBAAA;EAAI,GAChB;YAEH;CAbO,CAAA,GA2DE,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KA3Dd;AA2Dc"}
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"}

package/dist/chunks/ListLabelText.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListLabelText","names":[],"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\~~nexport~~ ~~const~~ ListLabelText: ~~React.FC<\~~n Omit<React.ComponentPropsWithRef<typeof Text>, \"slot\">\n> = ({ className, ...props }) => {\n return (\n <Text\n className={clsx(styles[\"label\"], typography.bodyLarge, className)}\n slot=\"label\"\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;~~8CCKa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAAwB~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAAvB~~,~~kBAAA~~,~~KAAA~~,~~GAAuB~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~IAGiD~~,~~IAAA~~,EAAA,MAAtD,~~IAAA~~,~~EAAK~~,EAAM,~~OAAW~~,EAAU,~~WAAY~~,CAAS,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAGnE,~~OAHmE~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KADrE,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EACN,MAAA;EAAO,~~GACR~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IAJF~~;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`](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"}

package/dist/chunks/ListMedia.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListMedia","names":[],"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\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","// ~~constants~~ ~~values~~ to be ~~used~~ by ~~img~~ or ~~video~~ ~~tag\~~n\nexport const ListMediaImageWidth = 56;\nexport const ListMediaImageHeight = 56;\n\nexport const ListMediaVideoWidth = 100;\nexport const ListMediaVideoHeight = 56;\n\nexport const ListMediaLargeVideoWidth = 114;\nexport const ListMediaLargeVideoHeight = 64;\n\nexport type ListMediaVariant = \"image\" \| \"video\" \| \"large-video\";\n\nexport interface ListMediaProps extends React.ComponentPropsWithRef<\"div\"> {\n variant?: ListMediaVariant;\n}\n"],"mappings":";;;;;;;~~GCIa~~,KAAuC,EAChD,aAAU,SACV,cACA,~~GAAG~~,QAGC,kBAAC,OAAD;CACI,~~WAAW~~,~~EAAK~~,~~EAAO~~,~~OAAU~~,~~EAAO~~,~~IAAU~~,CAAS;CAC3D,~~GAAI~~;AAAM,CAAA,~~GCVT~~,IAAsB,~~IACtB~~,IAAuB,~~IAEvB~~,IAAsB,~~KACtB~~,IAAuB,~~IAEvB~~,IAA2B,~~KAC3B~~,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`](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"}

package/dist/chunks/ListOverlineText.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListOverlineText","names":[],"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\~~nexport~~ ~~const~~ ListOverlineText: ~~React.FC<\~~n React.ComponentPropsWithRef<typeof Text>\n> = ({ className, ...props }) => {\n return (\n <Text\n className={clsx(\n styles[\"overline\"],\n typography.labelSmall,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;~~oDCKa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAAwB~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAAvB~~,~~kBAAA~~,~~KAAA~~,~~GAAuB~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~IAOf~~,~~IAAA~~,EAAA,MAJU,~~IAAA~~,~~EACP~~,EAAM,~~UACN~~,EAAU,~~YACV~~,CACJ,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAEH,~~OAFG~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KALL,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EAIV,~~GACG~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IAPF~~;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`](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"}

package/dist/chunks/ListSupportingText.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListSupportingText","names":[],"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\~~nexport~~ ~~const~~ ListSupportingText: ~~React.FC<\~~n Omit<React.ComponentPropsWithRef<typeof Text>, \"slot\">\n> = ({ className, ...props }) => {\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":";;;;;;~~wDCKa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAAwB~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAAvB~~,~~kBAAA~~,~~KAAA~~,~~GAAuB~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~IAOf~~,~~IAAA~~,EAAA,MAJU,~~IAAA~~,~~EACP~~,EAAM,~~YACN~~,EAAU,~~YACV~~,CACJ,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAGH,~~OAHG~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KALL,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EAKN,MAAA;EAAa,~~GACd~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IARF~~;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`](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"}

package/dist/chunks/ListTrailingText ADDED Viewed

@@ -0,0 +1,21 @@
+import { t as e } from "./compiler-runtime";
+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
+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);
+	let u;
+	s[3] === c ? u = s[4] : (u = n(o.trailing, t.labelSmall, c), s[3] = c, s[4] = u);
+	let d;
+	return s[5] !== l || s[6] !== u ? (d = /* @__PURE__ */ r(i, {
+		className: u,
+		...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 ADDED Viewed

@@ -0,0 +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"}

package/dist/chunks/Loader.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loader","names":["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\~~nexport~~ ~~const~~ Loader: ~~React~~.~~FC<\~~n Omit<React.ComponentPropsWithRef<typeof Icon>, \"icon\" \| \"className\">\n> = (props) => {\n return (\n <Icon\n icon={LoaderCircle}\n className={clsx(styles[\"loader\"])}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;~~gDCKa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~;CAAA,~~AAAA~~,EAAA,OAAA,OAAA,IAAA,2BAAA,~~KAImB~~,~~IAAA~~,~~EAAK~~,EAAM,MAAU,GAAC,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA;CAAA,~~IAAA~~;CAEnC,~~OAFmC~~,EAAA,~~OAAA~~,IAEnC,~~IAAA~~,EAAA,MAJF,IAAA,~~kBAAC~~,GAAD;~~EACUA~~,~~MAAA~~;EACK,~~WAAA~~;EAAsB,~~GAC7B~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,~~IAJF~~;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`](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"}

package/dist/chunks/MenuPopover.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuPopover","names":[],"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\~~nexport~~ ~~const~~ MenuPopover: ~~React.FC<\~~n React.ComponentPropsWithRef<typeof Popover>\n> = ({ className, ...props }) => {\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":";;;;;~~kDCIa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAAwB~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAAvB~~,~~kBAAA~~,~~KAAA~~,~~GAAuB~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~IASX~~,~~IAAA~~,EAAA,MANM,KAAA,~~MACP~~,~~EACI~~,EAAM,SACN,~~OAAO~~,KAAc,~~aACf~~,~~EAAU~~,CACF,~~IAFd~~,CAGJ,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAGP,~~OAHO~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KAPT,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EAMN,~~GAED~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IAVF~~;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`](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"}

package/dist/chunks/Modal.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal","names":[],"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\~~nexport~~ ~~const~~ Modal: React~~.FC<~~React.ComponentPropsWithRef<typeof AriaModal>> = ({\n ~~className,\~~n ~~...props~~\n}) => {\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":";;;;;~~8CCIa~~,~~KAAiE~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAG7E~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAH8E~~,~~kBAAA~~,~~KAAA~~,~~GAG9E~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~IASgB~~,~~IAAA~~,EAAA,MANM,KAAA,~~MACP~~,~~EACI~~,EAAM,OACN,~~OAAO~~,KAAc,~~aACf~~,~~EAAU~~,CACF,~~IAFd~~,CAGJ,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAGP,~~OAHO~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KAPT,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EAMN,~~GAED~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IAVF~~;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":";;;;;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.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalOverlay","names":[],"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\~~nexport~~ ~~const~~ ModalOverlay: React~~.FC<\~~n React.ComponentPropsWithRef<typeof AriaModalOverlay>\n> = ({ className, ...props }) => {\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":";;;;;~~kDCIa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAAwB~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAAvB~~,~~kBAAA~~,~~KAAA~~,~~GAAuB~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~IASX~~,~~IAAA~~,EAAA,MANM,KAAA,~~MACP~~,~~EACI~~,EAAM,SACN,~~OAAO~~,KAAc,~~aACf~~,~~EAAU~~,CACF,~~IAFd~~,CAGJ,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAGP,~~OAHO~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KAPT,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EAMN,~~GAED~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IAVF~~;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":";;;;;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.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation","names":[],"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\nexport type NavigationRenderingContextType = {\n container: HTMLDivElement \| null;\n};\n\nexport const NavigationRenderingContext =\n createContext<NavigationRenderingContextType \| null>(null);\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\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":";;;;;;;;;;;;;;~~sDCMa~~,~~IACT~~,EAAqD,IAAI;~~AAE7D~~,~~SAAO~~,IAAA;CACH,~~IAAA~~,~~IAAkB~~,~~EAAW~~,CAA0B;CACvD,~~IAAI~~,MAAc,MACd,MAAU,MACN,mGACJ;CACH,~~OAEM~~;AAAS;;;~~ACMpB~~,~~IAAM~~,KAAkC,EACpC,UACA,aACA,cACA,iBACA,mBACA,aAAU,YACV,UACA,UACA,uBACA,~~GAAG~~,QACD;CACF,IAEM,~~CAAC~~,~~GAAW~~,~~KAAgB~~,EAAgC,IAAI,GAChE,EAAE,~~eAAY~~,EAAmB,~~GAEjC~~,~~IAAY~~,EAAY,~~GACxB~~,~~IAAe~~,KAAa,CAAC,~~CAAC~~,KAAS;CAE7C,OACI,~~kBAAC~~,GAAD;EACI,QAAQ;GACJ,~~CAAC~~,GAA4B,EAAE,aAAU,CAAC;GAC1C,~~CAAC~~,GAAmB;IAAE;IAAc;GAAe,CAAC;GACpD,~~CAAC~~,GAAuB;IAAE,~~IAAI~~;IAAS;GAAM,CAAC;EAAC;~~YAGnD~~,kBAAC,OAAD;GACI,~~KAAK~~;GACL,~~WAAW~~,~~EAAK~~,~~EAAO~~,~~WAAc~~,CAAkB;~~aAEvD~~,kBAAC,OAAD;IACI,~~WAAW~~,~~EAAK~~,~~GAAkB~~,CAAS;IAC3C,~~GAAI~~;IACJ,~~eAAa~~,KAAgB,KAAA;IAC7B,OAAO;KACH,~~GAAG~~;KACH,QAAQ;IACZ;IACA,~~OAAO~~,~~KAAS~~,EAAQ,CAAK;IAC7B,~~cAAY~~,KAAa,KAAA;~~cAT7B~~,~~CAWK~~,KACG,~~kBAAC~~,GAAD;KAAQ,~~WAAW~~,~~EAAK~~,CAAsB;~~eAA9C~~,~~CACK~~,KACG,~~kBAAC~~,GAAD;MACI,~~WAAW~~,~~EAAK~~,EAAW,UAAU;MACrC,gBAAA;~~gBAEC~~;KACI,CAAA,~~GAGZ~~,KACG,~~kBAAC~~,GAAD;MACI,~~MAAM~~;MACN,OAAM;MACN,MAAK;MACL,qBAAA;KAAiB,CAAA,CAGrB;~~QAGZ~~,~~kBAAC~~,GAAD,EACK,YACsB,CAAA,CAC1B;;EACJ,CAAA;CACC,CAAA;AAElB,~~GAEa~~,KAAwC,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA;CAGjD,~~IAFoB~~,~~EAAW~~,CAE3B,MAAgB,MAAI;EAAA,~~IAAA~~;EAIE,~~OAJF~~,EAAA,~~OAAA~~,IAIE,~~IAAA~~,EAAA,MAFlB,IAAA,~~kBAAC~~,GAAD,EAAA,UACI,~~kBAAC~~,GAAD,EAAI,~~GAAK~~,EAAK,CAAA,EADF,CAAA,GAEE,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,~~IAFlB~~;CAEkB;CAEzB,~~IAAA~~;CAEwB,~~OAFxB~~,EAAA,~~OAAA~~,IAEwB,~~IAAA~~,EAAA,MAAlB,IAAA,~~kBAAC~~,GAAD,EAAI,~~GAAK~~,EAAK,CAAA,GAAI,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,~~IAAlB~~;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`](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"}