@adgytec/adgytec-web-ui-components 2.1.6 → 2.1.8

package/dist/chunks/Input.map

@@ -1 +1 @@
-{"version":3,"file":"Input","names":[],"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":";;;;;;;;;;;;;;;;GCQa,IAAuB,EAChC,CAAC,CACL,GCDa,KAAqC,EAC9C,aACA,cACA,mBACA,wBACA,GAAG,QACD;CACF,IAAM,EACF,gBAAgB,GAChB,qBAAqB,MACrB,EAAW,CAAoB,GAC7B,IAAY,KAAkB,KAAuB,OACrD,IAAa,KAAuB,KAA4B;CAEtE,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,UACP,KAAc,EAAO,gBACrB,EAAW,YACX,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,iBAAA;aAEE,MAAgB;GACd,IAAM,EACF,eACA,cACA,eACA,cACA,mBACA,cACA,cACA,uBACA,GAEE,IAAY;IACd,iBAAiB,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;IAC7B,iBAAiB,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB,KAAkB,KAAA;IACxC,gBAAgB,KAAa,KAAA;IAC7B,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB,KAAmB,KAAA;IACzC,yBAAyB,CAAC,KAAc,KAAA;IACxC,eAAe,KAAc,KAAmB,KAAA;GACpD,GAEM,IACF,OAAO,KAAa,aACd,EAAS,CAAW,IACpB;GACV,OACI,kBAAA,GAAA,EAAA,UAAA;IACK,MAAc,WAAW;IAE1B,kBAAC,QAAD;KACI,WAAW,EAAK,EAAO,WAAc,CAAS;KAC9C,GAAI;eAEJ,kBAAC,OAAD;MACI,SAAQ;MACR,eAAY;MAIZ,WAAW,EAAO;MAClB,GAAI;gBAEH,IACG,kBAAC,QAAD;OAAM,GAAG;OAAG,GAAG;OAAK,OAAO;OAAI,QAAQ;MAAI,CAAA,IAE3C,kBAAC,YAAD,EAAU,QAAO,gBAAiB,CAAA;KAErC,GAVG,IAAkB,kBAAkB,OAUvC;IACH,CAAA;IAEL,MAAc,SAAS;GAC1B,EAAA,CAAA;EAEV;CACU,CAAA;AAEtB,GCzFa,KAA+C,EACxD,UACA,gBACA,iBACA,aACA,cACA,sBAAmB,IACnB,mBACA,wBACA,8BAA2B,IAC3B,GAAG,QAGC,kBAAC,GAAD;CAAsB,OAAO;EAAE;EAAgB;CAAoB;WAC/D,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,mBACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;aAEF,EAAE,mBAAgB;GAChB,IAAM,IACF,MACC,CAAC,KAAc,KAAa;GAEjC,OACI,kBAAA,GAAA,EAAA,UAAA;IACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA;IAE/B,kBAAC,OAAD;KACI,WAAW,EAAK,EAAO,iBAAiB;KACxC,OAAO,EACH,KAAK,QAAQ,EAAiB,oBAClC;KAEC;IACA,CAAA;IAEJ,KACG,kBAAC,GAAD,EAAA,UAAc,EAAyB,CAAA;IAE3C,kBAAC,GAAD,EAAA,UAAa,EAAyB,CAAA;GACxC,EAAA,CAAA;EAEV;CACe,CAAA;AACD,CAAA"}
+{"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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"}

package/dist/chunks/Input2

@@ -1,20 +1,21 @@
-import { t as e } from "./base";
-import { t } from "./Icon";
-import { IconButton as n } from "../components/Button/IconButton/index.js";
-import { Description as r } from "../components/Input/Description/index.js";
-import { t as i } from "./FieldError";
-import { Label as a } from "../components/Input/Label/index.js";
-import { a as o, c as s, d as c, l, n as u, o as d, s as f } from "./core4";
-import { n as p, t as m } from "./useHover";
-import { CharacterCount as h } from "../components/Input/CharacterCount/index.js";
-import { useControllableState as g } from "../components/Input/hooks/index.js";
-import _ from "clsx";
-import { cloneElement as v, isValidElement as y, useCallback as b, useMemo as x, useRef as S } from "react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { Input as E, TextField as D } from "react-aria-components";
+import { t as e } from "./compiler-runtime";
+import { t } from "./base";
+import { t as n } from "./Icon";
+import { IconButton as r } from "../components/Button/IconButton/index.js";
+import { Description as i } from "../components/Input/Description/index.js";
+import { t as a } from "./FieldError";
+import { Label as o } from "../components/Input/Label/index.js";
+import { a as s, c, d as l, l as u, n as d, o as f, s as p } from "./core4";
+import { n as m, t as h } from "./useHover";
+import { CharacterCount as g } from "../components/Input/CharacterCount/index.js";
+import { useControllableState as _ } from "../components/Input/hooks/index.js";
+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
-function O(e) {
-	let t = S(null), n = S(void 0), r = b((t) => {
+function k(e) {
+	let t = C(null), n = C(void 0), r = x((t) => {
 		if (typeof e == "function") {
 			let n = e, r = n(t);
 			return () => {
@@ -24,7 +25,7 @@ function O(e) {
 			e.current = null;
 		};
 	}, [e]);
-	return x(() => ({
+	return S(() => ({
 		get current() {
 			return t.current;
 		},
@@ -33,115 +34,124 @@ function O(e) {
 		}
 	}), [r]);
 }
-var k = { button: "_button_650ys_2" }, A = ({ icon: e, className: t, ...r }) => /* @__PURE__ */ w(n, {
-	className: (e) => _(k.button, typeof t == "function" ? t(e) : t),
-	icon: e,
-	color: "standard",
-	size: "small",
-	width: "default",
-	...r
-});
+//#endregion
+//#region 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);
+	let o;
+	t[4] === n ? o = t[5] : (o = (e) => v(j.button, typeof n == "function" ? n(e) : n), t[4] = n, t[5] = o);
+	let s;
+	return t[6] !== i || t[7] !== a || t[8] !== o ? (s = /* @__PURE__ */ T(r, {
+		className: o,
+		icon: i,
+		color: "standard",
+		size: "small",
+		width: "default",
+		...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
-function j({ node: e, isInvalid: t, isDisabled: n }) {
-	return !y(e) || e.type !== A ? e : v(e, {
+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
-var M = ({ label: n, description: v, errorMessage: y, showDescriptionOnInvalid: b = !1, placeholder: x, editorDir: S, prefix: k, suffix: A, leadingIcon: M, trailing: N, className: P, showCharacterCount: F, maxLength: I, value: L, defaultValue: R, ref: z, onChange: B, ...V }) => {
-	let H = O(z), { currentValue: U, setValue: W } = g({
+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,
 		defaultValue: R,
 		onChange: B
-	}), { isFocused: G, isFocusVisible: K, focusProps: q } = p(), { isHovered: J, hoverProps: Y } = m({}), X = {
-		"data-trailing": N ? !0 : void 0,
-		"data-leading": M ? !0 : void 0
+	}), { isFocused: G, isFocusVisible: K, focusProps: q } = m(), { isHovered: J, hoverProps: Y } = h({}), X = {
+		"data-trailing": M ? !0 : void 0,
+		"data-leading": j ? !0 : void 0
 	};
-	return /* @__PURE__ */ w(D, {
-		className: (e) => _(u, s, typeof P == "function" ? P(e) : P),
+	return /* @__PURE__ */ T(O, {
+		className: (e) => v(d, c, typeof P == "function" ? P(e) : P),
 		maxLength: I,
 		value: U,
 		defaultValue: R,
 		onChange: W,
 		...V,
 		...X,
-		children: ({ isDisabled: s, isInvalid: u }) => {
-			let p = {
+		children: ({ isDisabled: c, isInvalid: d }) => {
+			let m = {
 				...X,
 				"data-hovered": J || void 0,
 				"data-focused": G || void 0,
 				"data-focus-visible": K || void 0,
-				"data-disabled": s || void 0,
-				"data-invalid": u || void 0
-			}, m = v && (!u || u && b);
-			return /* @__PURE__ */ T(C, { children: [
-				n && /* @__PURE__ */ w(a, { children: n }),
-				/* @__PURE__ */ T("span", {
+				"data-disabled": c || void 0,
+				"data-invalid": d || void 0
+			}, h = r && (!d || d && b);
+			return /* @__PURE__ */ E(w, { children: [
+				e && /* @__PURE__ */ T(o, { children: e }),
+				/* @__PURE__ */ E("span", {
 					onPointerDown: (e) => {
 						let t = e.target;
 						H.current?.contains(t) || t.closest("button, a, [role='button']") || (e.preventDefault(), H.current?.focus());
 					},
 					...Y,
-					...p,
-					className: _(f),
+					...m,
+					className: v(p),
 					"data-input": !0,
 					children: [
-						M && /* @__PURE__ */ w(t, {
-							icon: M,
+						j && /* @__PURE__ */ T(n, {
+							icon: j,
 							size: 24
 						}),
-						/* @__PURE__ */ T("span", {
-							className: _(o, e.bodyLarge),
+						/* @__PURE__ */ E("span", {
+							className: v(s, t.bodyLarge),
 							children: [
-								k && typeof k == "function" ? k({
-									isDisabled: s,
-									isInvalid: u
-								}) : k,
-								/* @__PURE__ */ w(E, {
+								C && typeof C == "function" ? C({
+									isDisabled: c,
+									isInvalid: d
+								}) : C,
+								/* @__PURE__ */ T(D, {
 									ref: H,
-									className: _(c, d, e.bodyLarge),
+									className: v(l, f, t.bodyLarge),
 									...q,
 									placeholder: x,
 									dir: S,
 									"data-input": !0
 								}),
 								A && typeof A == "function" ? A({
-									isDisabled: s,
-									isInvalid: u
+									isDisabled: c,
+									isInvalid: d
 								}) : A
 							]
 						}),
-						N && typeof N == "function" ? N({
-							isDisabled: s,
-							isInvalid: u
-						}) : j({
-							node: N,
-							isDisabled: s,
-							isInvalid: u
+						M && typeof M == "function" ? M({
+							isDisabled: c,
+							isInvalid: d
+						}) : N({
+							node: M,
+							isDisabled: c,
+							isInvalid: d
 						})
 					]
 				}),
-				m && /* @__PURE__ */ T("span", {
+				h && /* @__PURE__ */ E("span", {
 					...X,
-					className: _(l),
-					children: [/* @__PURE__ */ w(r, { children: v }), F && /* @__PURE__ */ w(h, {
+					className: v(u),
+					children: [/* @__PURE__ */ T(i, { children: r }), F && /* @__PURE__ */ T(g, {
 						count: U.length,
 						maxLength: I
 					})]
 				}),
-				!m && F && /* @__PURE__ */ T("span", {
+				!h && F && /* @__PURE__ */ E("span", {
 					...X,
-					className: _(l),
-					children: [/* @__PURE__ */ w(i, { children: y }), /* @__PURE__ */ w(h, {
+					className: v(u),
+					children: [/* @__PURE__ */ T(a, { children: y }), /* @__PURE__ */ T(g, {
 						count: U.length,
 						maxLength: I
 					})]
 				}),
-				m || !F ? /* @__PURE__ */ w(i, {
-					className: _(l),
+				h || !F ? /* @__PURE__ */ T(a, {
+					className: v(u),
 					children: y
 				}) : null
 			] });
@@ -149,6 +159,6 @@ var M = ({ label: n, description: v, errorMessage: y, showDescriptionOnInvalid:
 	});
 };
 //#endregion
-export { A as n, M as t };
+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"],"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"],"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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"}

package/dist/chunks/Loader

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

package/dist/chunks/Loader.map

@@ -1 +1 @@
-{"version":3,"file":"Loader","names":[],"sources":["../../src/components/Loader/loader.module.css","../../src/components/Loader/Loader.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .loader {\n        animation: loader 1s infinite linear;\n    }\n\n    @keyframes loader {\n        from {\n            rotate: 0deg;\n        }\n        to {\n            rotate: 360deg;\n        }\n    }\n}\n","import { clsx } from \"clsx\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./loader.module.css\";\n\nexport const Loader: React.FC<\n    Omit<React.ComponentPropsWithRef<typeof Icon>, \"icon\" | \"className\">\n> = (props) => {\n    return (\n        <Icon\n            icon={LoaderCircle}\n            className={clsx(styles[\"loader\"])}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;uCCKa,KAER,MAEG,kBAAC,GAAD;CACI,MAAM;CACN,WAAW,EAAK,EAAO,MAAS;CAChC,GAAI;AACP,CAAA"}
+{"version":3,"file":"Loader","names":["LoaderCircle"],"sources":["../../src/components/Loader/loader.module.css","../../src/components/Loader/Loader.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .loader {\n        animation: loader 1s infinite linear;\n    }\n\n    @keyframes loader {\n        from {\n            rotate: 0deg;\n        }\n        to {\n            rotate: 360deg;\n        }\n    }\n}\n","import { clsx } from \"clsx\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./loader.module.css\";\n\nexport const Loader: React.FC<\n    Omit<React.ComponentPropsWithRef<typeof Icon>, \"icon\" | \"className\">\n> = (props) => {\n    return (\n        <Icon\n            icon={LoaderCircle}\n            className={clsx(styles[\"loader\"])}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;gDCKa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA;CAAA,AAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,KAImB,IAAA,EAAK,EAAM,MAAU,GAAC,EAAA,KAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CAEnC,OAFmC,EAAA,OAAA,IAEnC,IAAA,EAAA,MAJF,IAAA,kBAAC,GAAD;EACUA,MAAA;EACK,WAAA;EAAsB,GAC7B;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,IAJF;AAIE"}

package/dist/chunks/MenuPopover

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

package/dist/chunks/MenuPopover.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopover","names":[],"sources":["../../src/components/Menu/MenuPopover/menuPopover.module.css","../../src/components/Menu/MenuPopover/MenuPopover.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .popover {\n        display: grid;\n        grid-template-rows: 1fr;\n    }\n}\n","import clsx from \"clsx\";\nimport { Popover } from \"@/components/Popover\";\nimport styles from \"./menuPopover.module.css\";\n\nexport const MenuPopover: React.FC<\n    React.ComponentPropsWithRef<typeof Popover>\n> = ({ className, ...props }) => {\n    return (\n        <Popover\n            className={(renderProps) =>\n                clsx(\n                    styles[\"popover\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;yCCIa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,SACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}
+{"version":3,"file":"MenuPopover","names":[],"sources":["../../src/components/Menu/MenuPopover/menuPopover.module.css","../../src/components/Menu/MenuPopover/MenuPopover.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .popover {\n        display: grid;\n        grid-template-rows: 1fr;\n    }\n}\n","import clsx from \"clsx\";\nimport { Popover } from \"@/components/Popover\";\nimport styles from \"./menuPopover.module.css\";\n\nexport const MenuPopover: React.FC<\n    React.ComponentPropsWithRef<typeof Popover>\n> = ({ className, ...props }) => {\n    return (\n        <Popover\n            className={(renderProps) =>\n                clsx(\n                    styles[\"popover\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;kDCIa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IASX,IAAA,EAAA,MANM,KAAA,MACP,EACI,EAAM,SACN,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAGP,OAHO,EAAA,OAAA,KAAA,EAAA,OAAA,KAPT,IAAA,kBAAC,GAAD;EACe,WAAA;EAMN,GAED;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAVF;AAUE"}

package/dist/chunks/Modal

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

package/dist/chunks/Modal.map

@@ -1 +1 @@
-{"version":3,"file":"Modal","names":[],"sources":["../../src/components/Dialog/Modal/modal.module.css","../../src/components/Dialog/Modal/Modal.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .modal {\n        padding-inline: var(--md-sys-layout-window-size-compact-margin);\n\n        position: fixed;\n        inset: 0;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        transition: scale var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-entering] {\n            scale: 0.75;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { Modal as AriaModal } from \"react-aria-components\";\nimport styles from \"./modal.module.css\";\n\nexport const Modal: React.FC<React.ComponentPropsWithRef<typeof AriaModal>> = ({\n    className,\n    ...props\n}) => {\n    return (\n        <AriaModal\n            className={(renderProps) =>\n                clsx(\n                    styles[\"modal\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;qCCIa,KAAkE,EAC3E,cACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,OACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}
+{"version":3,"file":"Modal","names":[],"sources":["../../src/components/Dialog/Modal/modal.module.css","../../src/components/Dialog/Modal/Modal.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .modal {\n        padding-inline: var(--md-sys-layout-window-size-compact-margin);\n\n        position: fixed;\n        inset: 0;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        transition: scale var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-entering] {\n            scale: 0.75;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { Modal as AriaModal } from \"react-aria-components\";\nimport styles from \"./modal.module.css\";\n\nexport const Modal: React.FC<React.ComponentPropsWithRef<typeof AriaModal>> = ({\n    className,\n    ...props\n}) => {\n    return (\n        <AriaModal\n            className={(renderProps) =>\n                clsx(\n                    styles[\"modal\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;8CCIa,KAAiE,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAG7E,IAAA,EAAA,IAAA,IAAA,EAAA,OAH8E,kBAAA,KAAA,GAG9E,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IASgB,IAAA,EAAA,MANM,KAAA,MACP,EACI,EAAM,OACN,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAGP,OAHO,EAAA,OAAA,KAAA,EAAA,OAAA,KAPT,IAAA,kBAAC,GAAD;EACe,WAAA;EAMN,GAED;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAVF;AAUE"}

package/dist/chunks/ModalOverlay

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

package/dist/chunks/ModalOverlay.map

@@ -1 +1 @@
-{"version":3,"file":"ModalOverlay","names":[],"sources":["../../src/components/Dialog/ModalOverlay/modalOverlay.module.css","../../src/components/Dialog/ModalOverlay/ModalOverlay.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-dialog-overlay\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .overlay {\n        /* configurable tokens */\n        --_md-dialog-overlay: var(\n            --md-dialog-overlay,\n            var(--md-sys-color-scrim)\n        );\n\n        /* configurable tokens end */\n\n        --_modal-motion: var(--md-sys-motion-expressive-default-effects);\n        --_modal-motion-duration: var(\n            --md-sys-motion-expressive-default-effects-duration\n        );\n\n        background-color: rgb(\n            from var(--_md-dialog-overlay) r g b /\n            var(--md-sys-state-backdrop)\n        );\n\n        position: fixed;\n        inset: 0;\n        z-index: 1000;\n\n        transition: opacity var(--_modal-motion) var(--_modal-motion-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-entering],\n        &[data-exiting] {\n            opacity: 0;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { ModalOverlay as AriaModalOverlay } from \"react-aria-components\";\nimport styles from \"./modalOverlay.module.css\";\n\nexport const ModalOverlay: React.FC<\n    React.ComponentPropsWithRef<typeof AriaModalOverlay>\n> = ({ className, ...props }) => {\n    return (\n        <AriaModalOverlay\n            className={(renderProps) =>\n                clsx(\n                    styles[\"overlay\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;yCCIa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,SACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}
+{"version":3,"file":"ModalOverlay","names":[],"sources":["../../src/components/Dialog/ModalOverlay/modalOverlay.module.css","../../src/components/Dialog/ModalOverlay/ModalOverlay.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-dialog-overlay\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .overlay {\n        /* configurable tokens */\n        --_md-dialog-overlay: var(\n            --md-dialog-overlay,\n            var(--md-sys-color-scrim)\n        );\n\n        /* configurable tokens end */\n\n        --_modal-motion: var(--md-sys-motion-expressive-default-effects);\n        --_modal-motion-duration: var(\n            --md-sys-motion-expressive-default-effects-duration\n        );\n\n        background-color: rgb(\n            from var(--_md-dialog-overlay) r g b /\n            var(--md-sys-state-backdrop)\n        );\n\n        position: fixed;\n        inset: 0;\n        z-index: 1000;\n\n        transition: opacity var(--_modal-motion) var(--_modal-motion-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-entering],\n        &[data-exiting] {\n            opacity: 0;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { ModalOverlay as AriaModalOverlay } from \"react-aria-components\";\nimport styles from \"./modalOverlay.module.css\";\n\nexport const ModalOverlay: React.FC<\n    React.ComponentPropsWithRef<typeof AriaModalOverlay>\n> = ({ className, ...props }) => {\n    return (\n        <AriaModalOverlay\n            className={(renderProps) =>\n                clsx(\n                    styles[\"overlay\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;kDCIa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IASX,IAAA,EAAA,MANM,KAAA,MACP,EACI,EAAM,SACN,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAGP,OAHO,EAAA,OAAA,KAAA,EAAA,OAAA,KAPT,IAAA,kBAAC,GAAD;EACe,WAAA;EAMN,GAED;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAVF;AAUE"}