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

package/dist/chunks/Divider

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

package/dist/chunks/Divider.map

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

package/dist/chunks/FieldError

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

package/dist/chunks/FieldError.map

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

package/dist/chunks/GridBackgroundDecorator

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

package/dist/chunks/GridBackgroundDecorator.map

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

package/dist/chunks/Icon

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

package/dist/chunks/Icon.map

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

package/dist/chunks/Input

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

package/dist/chunks/Input.map

@@ -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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"}
+{"version":3,"file":"Input","names":["_c","clsx","styles","_Fragment","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","$","children","labelPlacement","props","t0","groupLabelPlacement","useContext","placement","t1","label","renderProps","CheckboxButton","buttonRenderProps","dataAttrs","isSelected","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","isInvalid","isIndeterminate","Fragment","TapTarget","t2","CheckboxField","CheckboxGroup$1","CheckboxGroup","className","description","showDescriptionOnInvalid","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 {\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    .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::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 * Configuration context value passed down from [`CheckboxGroup`](src/components/Input/Checkbox/CheckboxGroup.tsx) to child [`Checkbox`](src/components/Input/Checkbox/Checkbox.tsx) components.\n */\nexport interface CheckboxGroupContextValue {\n    /** Inherited label placement for child checkbox items. */\n    labelPlacement?: CheckboxLabelPlacement;\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 { CheckboxButton, CheckboxField } 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 animated SVG paths,\n * accessible keyboard activation, state layers, and flexible label positioning.\n * Built on React Aria's `CheckboxField` and `CheckboxButton` components.\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 *\n * @example\n * ```tsx\n * // Indeterminate checkbox with start label placement\n * import { Checkbox } from \"@adgytec/web-ui-components\";\n *\n * <Checkbox isIndeterminate labelPlacement=\"start\">\n *     Select all items\n * </Checkbox>\n * ```\n */\nexport const Checkbox: React.FC<CheckboxProps> = ({\n    children,\n    labelPlacement,\n    ...props\n}) => {\n    const { labelPlacement: groupLabelPlacement } =\n        useContext(CheckboxGroupContext);\n    const placement = labelPlacement ?? groupLabelPlacement ?? \"end\";\n\n    return (\n        <CheckboxField {...props} data-checkbox>\n            {(renderProps) => {\n                const label =\n                    typeof children === \"function\"\n                        ? children(renderProps)\n                        : children;\n\n                return (\n                    <CheckboxButton\n                        className={clsx(\n                            styles[\"checkbox\"],\n                            typography.labelLarge\n                        )}\n                    >\n                        {(buttonRenderProps) => {\n                            const {\n                                isSelected,\n                                isHovered,\n                                isDisabled,\n                                isFocused,\n                                isFocusVisible,\n                                isPressed,\n                                isInvalid,\n                                isIndeterminate,\n                            } = buttonRenderProps;\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\":\n                                    isFocusVisible || undefined,\n                                \"data-pressed\": isPressed || undefined,\n                                \"data-invalid\": isInvalid || undefined,\n                                \"data-indeterminate\":\n                                    isIndeterminate || undefined,\n                                \"data-filled\":\n                                    isSelected || isIndeterminate || undefined,\n                            };\n\n                            return (\n                                <>\n                                    {placement === \"start\" && label}\n\n                                    <span\n                                        className={clsx(\n                                            styles[\"indicator\"],\n                                            TapTarget\n                                        )}\n                                        {...dataAttrs}\n                                    >\n                                        <svg\n                                            viewBox=\"0 0 18 18\"\n                                            aria-hidden=\"true\"\n                                            key={\n                                                isIndeterminate\n                                                    ? \"indeterminate\"\n                                                    : \"check\"\n                                            }\n                                            className={styles[\"svg\"]}\n                                            {...dataAttrs}\n                                        >\n                                            {isIndeterminate ? (\n                                                <rect\n                                                    x={1}\n                                                    y={7.5}\n                                                    width={16}\n                                                    height={3}\n                                                />\n                                            ) : (\n                                                <polyline points=\"2 9 7 14 16 4\" />\n                                            )}\n                                        </svg>\n                                    </span>\n\n                                    {placement === \"end\" && label}\n                                </>\n                            );\n                        }}\n                    </CheckboxButton>\n                );\n            }}\n        </CheckboxField>\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 [`Checkbox`](src/components/Input/Checkbox/Checkbox.tsx) controls.\n *\n * Coordinates group selection values, accessible group labels, helper descriptions,\n * and error validation messages.\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    labelPlacement,\n    showDescriptionOnInvalid = false,\n    ...props\n}) => {\n    return (\n        <CheckboxGroupContext value={{ labelPlacement }}>\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                            {children}\n\n                            {showDescription && (\n                                <Description>{description}</Description>\n                            )}\n                            <FieldError>{errorMessage}</FieldError>\n                        </>\n                    );\n                }}\n            </AriaCheckboxGroup>\n        </CheckboxGroupContext>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;A,GCcakB,IAAuBC,EAChC,CAAC,CACL,GCmBaC,KAAoC,MAAA;CAAA,IAAAC,KAAA,GAAArB,EAAAA,EAAAA,CAAA,EAAA,GAAAsB,GAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAI,KAIhD,IAAAJ,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAJiD,iCAAA,GAAAG,KAAAC,GAIjD,EAAA,KAAAA,GAAA,EAAA,KAAAH,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,gBAAAE,MACIC,EAAWT,CAAoB,GACnCU,IAAkBL,KAAAG,KAAA,OAA+CG;CAAA,AAAAR,EAAA,OAAAC,KAAAD,EAAA,OAAAO,KAIxD,KAAA,MAAA;EACG,IAAAE,IACI,OAAOR,KAAa,aACdA,EAASS,CACF,IAFbT;EAEe,OAGf,kBAACU,GAAD;GACe,WAAA/B,EACPC,EAAM,UACNU,EAAU,UACd;GAEC,WAAA,MAAA;IACG,IAAA,EAAA,eAAA,cAAA,eAAA,cAAA,mBAAA,cAAA,cAAA,uBASIqB,GAEJC,IAAkB;KAAA,iBACGC,KAAA,KAAA;KAAuB,gBACxBC,KAAA,KAAA;KAAsB,iBACrBC,KAAA,KAAA;KAAuB,gBACxBC,KAAA,KAAA;KAAsB,sBAElCC,KAAA,KAAA;KAA2B,gBACfC,KAAA,KAAA;KAAsB,gBACtBC,KAAA,KAAA;KAAsB,sBAElCC,KAAA,KAAA;KAA4B,eAE5BP,KAAAO,KAAA,KAAA;IACR;IAAE,OAGE,kBAAAvC,GAAA,EAAA,UAAA;KACKyB,MAAc,WAAdE;KAED,kBAAA,QAAA;MACe,WAAA7B,EACPC,EAAM,WACN0C,CACJ;MAAC,GACGV;MAEJ,UAAA,kBAAA,OAAA;OACY,SAAA;OACI,eAAA;OAMD,WAAAhC,EAAM;OAAO,GACpBgC;OAEH,UAAAQ,IACG,kBAAA,QAAA;QACO,GAAA;QACA,GAAA;QACI,OAAA;QACC,QAAA;OAAC,CAAA,IAGb,kBAAA,YAAA,EAAiB,QAAA,gBAAe,CAAA;MAElC,GAjBEA,IAAA,kBAAA,OAiBF;KACH,CAAA;KAENd,MAAc,SAAdE;IAA4B,EAAA,CAAA;GAC9B;EArEA,CAAA;CAwEE,GAExB,EAAA,KAAAR,GAAA,EAAA,KAAAM,GAAA,EAAA,KAAAC,KAAA,IAAAR,EAAA;CAAA,IAAAwB;CACW,OADXxB,EAAA,OAAAG,KAAAH,EAAA,OAAAQ,KAlFL,IAAA,kBAACiB,GAAD;EAAc,GAAKtB;EAAO,iBAAA;EACrB,UAAAK;CADS,CAAA,GAmFE,EAAA,KAAAL,GAAA,EAAA,KAAAK,GAAA,EAAA,KAAAgB,KAAA,IAAAxB,EAAA,IAnFhBwB;AAmFgB,GCtGXzC,KAA+C,EACxD,UACA,gBACA,iBACA,aACA,cACA,mBACA,8BAA2B,IAC3B,GAAGoB,QAGC,kBAACN,GAAD;CAAsB,OAAO,EAAE,kBAAe;CAC1C,UAAA,kBAACb,GAAD;EACI,YAAY,MACRC,EACIC,EAAO,mBACP,OAAO0C,KAAc,aACfA,EAAUlB,CAAW,IACrBkB,CACV;EAEJ,GAAIzB;EAEF,WAAA,EAAE,mBAMI,kBAAAhB,GAAA,EAAA,UAAA;GACKsB,KAAS,kBAACrB,GAAD,EAAA,UAAQqB,EAAa,CAAA;GAE9BR;GAPL4B,MACC,CAACT,KAAcA,KAAaU,MASrB,kBAACC,GAAD,EAAA,UAAcF,EAAyB,CAAA;GAE3C,kBAACxC,GAAD,EAAA,UAAa2C,EAAyB,CAAA;EAC1C,EAAA,CAAA;CAGO,CAAA;AACD,CAAA"}

package/dist/chunks/Input2

@@ -13,7 +13,7 @@ import v from "clsx";
 import { cloneElement as y, isValidElement as b, useCallback as x, useMemo as S, useRef as C } from "react";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 import { Input as D, TextField as O } from "react-aria-components";
-import '../assets/Input2.css';//#region node_modules/react-aria/dist/private/utils/useObjectRef.mjs
+import '../assets/Input2.css';// node_modules/react-aria/dist/private/utils/useObjectRef.mjs
 function k(e) {
 	let t = C(null), n = C(void 0), r = x((t) => {
 		if (typeof e == "function") {
@@ -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]);
@@ -34,8 +35,7 @@ function k(e) {
 		}
 	}), [r]);
 }
-//#endregion
-//#region src/components/Input/Input/input.module.css
+// src/components/Input/Input/input.module.css
 var A = e(), j = { button: "_button_650ys_2" }, M = (e) => {
 	let t = (0, A.c)(10), n, i, a;
 	t[0] === e ? (n = t[1], i = t[2], a = t[3]) : ({icon: i, className: n, ...a} = e, t[0] = e, t[1] = n, t[2] = i, t[3] = a);
@@ -51,16 +51,14 @@ var A = e(), j = { button: "_button_650ys_2" }, M = (e) => {
 		...a
 	}), t[6] = i, t[7] = a, t[8] = o, t[9] = s) : s = t[9], s;
 };
-//#endregion
-//#region src/components/Input/Input/handleInputButton.ts
+// src/components/Input/Input/handleInputButton.ts
 function N({ node: e, isInvalid: t, isDisabled: n }) {
 	return !b(e) || e.type !== M ? e : y(e, {
 		"data-invalid": t || void 0,
 		isDisabled: n
 	});
 }
-//#endregion
-//#region src/components/Input/Input/Input.tsx
+// src/components/Input/Input/Input.tsx
 var P = ({ label: e, description: r, errorMessage: y, showDescriptionOnInvalid: b = !1, placeholder: x, editorDir: S, prefix: C, suffix: A, leadingIcon: j, trailing: M, className: P, showCharacterCount: F, maxLength: I, value: L, defaultValue: R, ref: z, onChange: B, ...V }) => {
 	let H = k(z), { currentValue: U, setValue: W } = _({
 		value: L,
@@ -158,7 +156,6 @@ var P = ({ label: e, description: r, errorMessage: y, showDescriptionOnInvalid:
 		}
 	});
 };
-//#endregion
 export { M as n, P as t };
 
 //# sourceMappingURL=Input2.map

package/dist/chunks/Input2.map

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

@@ -0,0 +1,12 @@
+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
+});
+export { i as t };
+
+//# sourceMappingURL=ListAction.map

package/dist/chunks/ListAction.map

@@ -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`](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`](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":";;;A,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

@@ -2,7 +2,7 @@ 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
+import '../assets/ListAvatar.css';// 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);
@@ -14,7 +14,6 @@ var i = e(), a = { avatar: "_avatar_1wa68_9" }, o = (e) => {
 		...c
 	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
 };
-//#endregion
 export { o as t };
 
 //# sourceMappingURL=ListAvatar.map