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

@adgytec/adgytec-web-ui-components 2.2.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 (504) hide show

package/dist/chunks/Icon.map CHANGED Viewed

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

package/dist/chunks/Input.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":"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"}

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 ADDED Viewed

@@ -0,0 +1,20 @@
+import { t as e } from "./compiler-runtime";
+import { t } from "./base";
+import n from "clsx";
+import { jsx as r } from "react/jsx-runtime";
+import '../assets/ListAvatar.css';//#region src/components/List/ListAvatar/listAvatar.module.css
+var i = e(), a = { avatar: "_avatar_1wa68_9" }, o = (e) => {
+	let o = (0, i.c)(8), s, c;
+	o[0] === e ? (s = o[1], c = o[2]) : ({className: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
+	let l;
+	o[3] === s ? l = o[4] : (l = n(a.avatar, t.titleMedium, s), o[3] = s, o[4] = l);
+	let u;
+	return o[5] !== c || o[6] !== l ? (u = /* @__PURE__ */ r("div", {
+		className: l,
+		...c
+	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
+};
+//#endregion
+export { o as t };
+//# sourceMappingURL=ListAvatar.map

package/dist/chunks/ListAvatar.map ADDED Viewed

@@ -0,0 +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 ADDED Viewed

@@ -0,0 +1,16 @@
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+import { ListBox as n } from "react-aria-components";
+import '../assets/ListBox.css';var r = {
+	"list-box": "_list-box_gd8vc_2",
+	start: "_start_gd8vc_24",
+	center: "_center_gd8vc_28",
+	end: "_end_gd8vc_32"
+}, i = ({ alignY: i = "center", className: a, ...o }) => /* @__PURE__ */ t(n, {
+	className: (t) => e(r["list-box"], r[i], typeof a == "function" ? a(t) : a),
+	...o
+});
+//#endregion
+export { i as t };
+//# sourceMappingURL=ListBox.map

package/dist/chunks/ListBox.map ADDED Viewed

@@ -0,0 +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 ADDED Viewed

@@ -0,0 +1,21 @@
+import { t as e } from "./compiler-runtime";
+import { t } from "./Icon";
+import n from "clsx";
+import { jsx as r } from "react/jsx-runtime";
+import '../assets/ListIcon.css';//#region src/components/List/ListIcon/listIcon.module.css
+var i = e(), a = { icon: "_icon_877ov_2" }, o = (e) => {
+	let o = (0, i.c)(8), s, c;
+	o[0] === e ? (s = o[1], c = o[2]) : ({className: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
+	let l;
+	o[3] === s ? l = o[4] : (l = n(a.icon, s), o[3] = s, o[4] = l);
+	let u;
+	return o[5] !== c || o[6] !== l ? (u = /* @__PURE__ */ r(t, {
+		className: l,
+		size: 20,
+		...c
+	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
+};
+//#endregion
+export { o as t };
+//# sourceMappingURL=ListIcon.map

package/dist/chunks/ListIcon.map ADDED Viewed

@@ -0,0 +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 ADDED Viewed

@@ -0,0 +1,63 @@
+import { t as e } from "./compiler-runtime";
+import { n as t, t as n } from "./useSplash";
+import { clsx as r } from "clsx";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { CheckboxContext as o, ListBoxItem as s, Provider as c, SwitchContext as l } from "react-aria-components";
+import '../assets/ListItem.css';//#region src/components/List/ListItem/listItem.module.css
+var u = e(), d = {
+	"list-item": "_list-item_1jxwa_13",
+	leading: "_leading_1jxwa_198",
+	trailing: "_trailing_1jxwa_203",
+	content: "_content_1jxwa_210"
+}, f = (e) => {
+	let f = (0, u.c)(24), p, m, h, g, _, v, y, b;
+	f[0] === e ? (p = f[1], m = f[2], h = f[3], g = f[4], _ = f[5], v = f[6], y = f[7], b = f[8]) : ({leading: h, overline: _, label: m, supporting: y, trailing: b, className: p, onPress: g, ...v} = e, f[0] = e, f[1] = p, f[2] = m, f[3] = h, f[4] = g, f[5] = _, f[6] = v, f[7] = y, f[8] = b);
+	let { handlePress: x, splashInfo: S } = n(g), C = (b?.length ?? 0) > 0, w;
+	f[9] === p ? w = f[10] : (w = (e) => r(d["list-item"], typeof p == "function" ? p(e) : p), f[9] = p, f[10] = w);
+	let T;
+	f[11] !== C || f[12] !== m || f[13] !== h || f[14] !== _ || f[15] !== S || f[16] !== y || f[17] !== b ? (T = (e) => {
+		let { isSelected: n, isDisabled: s } = e;
+		return /* @__PURE__ */ a(c, {
+			values: [[o, { slots: { selection: {
+				isSelected: n,
+				isDisabled: s,
+				isReadOnly: !0
+			} } }], [l, { slots: { selection: {
+				isSelected: n,
+				isDisabled: s,
+				isReadOnly: !0
+			} } }]],
+			children: [
+				S && /* @__PURE__ */ i(t, { ...S }),
+				h && /* @__PURE__ */ i("div", {
+					className: r(d.leading),
+					children: h
+				}),
+				/* @__PURE__ */ a("div", {
+					className: r(d.content),
+					children: [
+						_ && _,
+						m,
+						y && y
+					]
+				}),
+				C && /* @__PURE__ */ i("div", {
+					className: d.trailing,
+					children: b
+				})
+			]
+		});
+	}, f[11] = C, f[12] = m, f[13] = h, f[14] = _, f[15] = S, f[16] = y, f[17] = b, f[18] = T) : T = f[18];
+	let E;
+	return f[19] !== x || f[20] !== v || f[21] !== w || f[22] !== T ? (E = /* @__PURE__ */ i(s, {
+		className: w,
+		onPress: x,
+		"data-list-item": !0,
+		...v,
+		children: T
+	}), f[19] = x, f[20] = v, f[21] = w, f[22] = T, f[23] = E) : E = f[23], E;
+};
+//#endregion
+export { f as t };
+//# sourceMappingURL=ListItem.map

package/dist/chunks/ListItem.map ADDED Viewed

@@ -0,0 +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 ADDED Viewed

@@ -0,0 +1,22 @@
+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/ListLabelText.css';//#region src/components/List/ListLabelText/listLabelText.module.css
+var a = e(), o = { label: "_label_1mz0p_2" }, s = (e) => {
+	let s = (0, a.c)(8), c, l;
+	s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
+	let u;
+	s[3] === c ? u = s[4] : (u = n(o.label, t.bodyLarge, c), s[3] = c, s[4] = u);
+	let d;
+	return s[5] !== l || s[6] !== u ? (d = /* @__PURE__ */ r(i, {
+		className: u,
+		slot: "label",
+		...l
+	}), s[5] = l, s[6] = u, s[7] = d) : d = s[7], d;
+};
+//#endregion
+export { s as t };
+//# sourceMappingURL=ListLabelText.map

package/dist/chunks/ListLabelText.map ADDED Viewed

@@ -0,0 +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 ADDED Viewed

@@ -0,0 +1,15 @@
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+import '../assets/ListMedia.css';var n = {
+	media: "_media_13y6e_2",
+	image: "_image_13y6e_31",
+	video: "_video_13y6e_37",
+	"large-video": "_large-video_13y6e_43"
+}, r = ({ variant: r = "image", className: i, ...a }) => /* @__PURE__ */ t("div", {
+	className: e(n.media, n[r], i),
+	...a
+}), i = 56, a = 56, o = 100, s = 56, c = 114, l = 64;
+//#endregion
+export { s as a, c as i, i as n, o, l as r, r as s, a as t };
+//# sourceMappingURL=ListMedia.map

package/dist/chunks/ListMedia.map ADDED Viewed

@@ -0,0 +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 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/ListOverlineText.css';//#region src/components/List/ListOverlineText/listOverlineText.module.css
+var a = e(), o = { overline: "_overline_yhp0s_2" }, s = (e) => {
+	let s = (0, a.c)(8), c, l;
+	s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
+	let u;
+	s[3] === c ? u = s[4] : (u = n(o.overline, 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=ListOverlineText.map

package/dist/chunks/ListOverlineText.map ADDED Viewed

@@ -0,0 +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 ADDED Viewed

@@ -0,0 +1,22 @@
+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/ListSupportingText.css';//#region src/components/List/ListSupportingText/listSupportingText.module.css
+var a = e(), o = { supporting: "_supporting_1pti8_2" }, s = (e) => {
+	let s = (0, a.c)(8), c, l;
+	s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
+	let u;
+	s[3] === c ? u = s[4] : (u = n(o.supporting, t.bodyMedium, c), s[3] = c, s[4] = u);
+	let d;
+	return s[5] !== l || s[6] !== u ? (d = /* @__PURE__ */ r(i, {
+		className: u,
+		slot: "description",
+		...l
+	}), s[5] = l, s[6] = u, s[7] = d) : d = s[7], d;
+};
+//#endregion
+export { s as t };
+//# sourceMappingURL=ListSupportingText.map

package/dist/chunks/ListSupportingText.map ADDED Viewed

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