@adgytec/adgytec-web-ui-components 1.1.5 → 2.0.0

package/dist/chunks/Icon

@@ -0,0 +1,26 @@
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+import '../assets/Icon.css';var n = {
+	icon: "_icon_ozzt2_2",
+	"with-text": "_with-text_ozzt2_7",
+	dense: "_dense_ozzt2_13",
+	standard: "_standard_ozzt2_17",
+	medium: "_medium_ozzt2_21",
+	large: "_large_ozzt2_25",
+	"extra-large": "_extra-large_ozzt2_29"
+}, r = ({ size: r, withText: i, icon: a, className: o, ...s }) => {
+	process.env.NODE_ENV !== "production" && i && r !== void 0 && console.warn("Icon: 'size' is ignored when 'withText' is true.");
+	let c = typeof r == "number", l = !i && !c, u = !i && c;
+	return /* @__PURE__ */ t(a, {
+		className: e(i && n["with-text"], {
+			[n.icon]: l,
+			[n[r ?? "standard"]]: l
+		}, o),
+		size: u ? r : void 0,
+		...s
+	});
+};
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=Icon.map

package/dist/chunks/Icon.map

@@ -0,0 +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,KAA6B,EACtC,SACA,aACA,MAAM,GACN,cACA,GAAG,QACD;CACF,AAAA,QAAA,IAAA,aAA6B,gBACrB,KAAmB,MAAS,UAC5B,QAAQ,KAAK,kDAAkD;CAIvE,IAAM,IAAY,OAAO,KAAS,UAE5B,IAAuB,CAAC,KAAY,CAAC,GACrC,IAAoB,CAAC,KAAY;CACvC,OACI,kBAAC,GAAD;EACI,WAAW,EACP,KAAY,EAAO,cACnB;IACK,EAAO,OAAU;IACjB,EAAO,KAAQ,cAAc;EAClC,GACA,CACJ;EACA,MAAM,IAAoB,IAAO,KAAA;EACjC,GAAI;CACP,CAAA;AAET"}

package/dist/chunks/Input

@@ -1,35 +1,84 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import n from "clsx";
-import { TextField as c, Input as p } from "react-aria-components";
-import { L as l, F as d } from "./Label";
-import '../assets/Input.css';const u = "_input_1nh7a_1", _ = "_editor_1nh7a_6", a = {
-  input: u,
-  editor: _
-}, N = ({
-  label: t,
-  textFieldProps: r,
-  inputProps: o,
-  labelProps: e,
-  fieldErrorProps: i
-}) => /* @__PURE__ */ m(
-  c,
-  {
-    ...r,
-    className: n(a.input, r?.className),
-    children: [
-      t && /* @__PURE__ */ s(l, { ...e, children: t }),
-      /* @__PURE__ */ s(
-        p,
-        {
-          ...o,
-          className: n(a.editor, o?.className)
-        }
-      ),
-      /* @__PURE__ */ s(d, { ...i })
-    ]
-  }
-);
-export {
-  N as I
-};
-//# sourceMappingURL=Input.map
+import { t as e } from "./tapTarget";
+import { t } from "./base";
+import { Description as n } from "../components/Input/Description/index.js";
+import { t as r } from "./FieldError";
+import { Label as i } from "../components/Input/Label/index.js";
+import a from "clsx";
+import { Checkbox as o, CheckboxGroup as s } from "react-aria-components";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createContext as d, useContext as f } from "react";
+import '../assets/Input.css';var p = {
+	"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"
+}, m = d({}), h = ({ children: n, className: r, labelPlacement: i, containerStateLayer: s, ...d }) => {
+	let { labelPlacement: h, containerStateLayer: g } = f(m), _ = i ?? h ?? "end", v = s ?? g ?? !1;
+	return /* @__PURE__ */ l(o, {
+		className: (e) => a(p.checkbox, v && p["state-layer"], t.labelLarge, typeof r == "function" ? r(e) : r),
+		...d,
+		"data-checkbox": !0,
+		children: (t) => {
+			let { isSelected: r, isHovered: i, isDisabled: o, isFocused: s, isFocusVisible: d, isPressed: f, isInvalid: m, isIndeterminate: h } = t, g = {
+				"data-selected": r || void 0,
+				"data-hovered": i || void 0,
+				"data-disabled": o || void 0,
+				"data-focused": s || void 0,
+				"data-focus-visible": d || void 0,
+				"data-pressed": f || void 0,
+				"data-invalid": m || void 0,
+				"data-indeterminate": h || void 0,
+				"data-show-state-layer": !v || void 0,
+				"data-filled": r || h || void 0
+			}, y = typeof n == "function" ? n(t) : n;
+			return /* @__PURE__ */ u(c, { children: [
+				_ === "start" && y,
+				/* @__PURE__ */ l("span", {
+					className: a(p.indicator, e),
+					...g,
+					children: /* @__PURE__ */ l("svg", {
+						viewBox: "0 0 18 18",
+						"aria-hidden": "true",
+						className: p.svg,
+						...g,
+						children: h ? /* @__PURE__ */ l("rect", {
+							x: 1,
+							y: 7.5,
+							width: 16,
+							height: 3
+						}) : /* @__PURE__ */ l("polyline", { points: "2 9 7 14 16 4" })
+					}, h ? "indeterminate" : "check")
+				}),
+				_ === "end" && y
+			] });
+		}
+	});
+}, g = ({ label: e, description: t, errorMessage: o, children: d, className: f, checkboxItemsGap: h = 24, labelPlacement: g, containerStateLayer: _, showDescriptionOnInvalid: v = !1, ...y }) => /* @__PURE__ */ l(m, {
+	value: {
+		labelPlacement: g,
+		containerStateLayer: _
+	},
+	children: /* @__PURE__ */ l(s, {
+		className: (e) => a(p["checkbox-group"], typeof f == "function" ? f(e) : f),
+		...y,
+		children: ({ isInvalid: s }) => {
+			let f = t && (!s || s && v);
+			return /* @__PURE__ */ u(c, { children: [
+				e && /* @__PURE__ */ l(i, { children: e }),
+				/* @__PURE__ */ l("div", {
+					className: a(p["checkbox-items"]),
+					style: { gap: `calc(${h} * var(--dp, 1px))` },
+					children: d
+				}),
+				f && /* @__PURE__ */ l(n, { children: t }),
+				/* @__PURE__ */ l(r, { children: o })
+			] });
+		}
+	})
+});
+//#endregion
+export { h as n, g as t };
+
+//# sourceMappingURL=Input.map

package/dist/chunks/Input.map

@@ -1 +1 @@
-{"version":3,"file":"Input","sources":["../../src/components/Form/Input/Input.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Input as AriaInput, TextField } from \"react-aria-components\";\nimport { FieldError } from \"@/components/Form/FieldError/FieldError.tsx\";\nimport { Label } from \"@/components/Form/Label/Label\";\nimport styles from \"./input.module.css\";\nimport type { InputProps } from \"./types\";\n\nexport const Input = ({\n    label,\n    textFieldProps,\n    inputProps,\n    labelProps,\n    fieldErrorProps,\n}: InputProps) => {\n    return (\n        <TextField\n            {...textFieldProps}\n            className={clsx(styles[\"input\"], textFieldProps?.className)}\n        >\n            {label && <Label {...labelProps}>{label}</Label>}\n            <AriaInput\n                {...inputProps}\n                className={clsx(styles[\"editor\"], inputProps?.className)}\n            />\n            <FieldError {...fieldErrorProps} />\n        </TextField>\n    );\n};\n"],"names":["Input","label","textFieldProps","inputProps","labelProps","fieldErrorProps","jsxs","TextField","clsx","styles","jsx","Label","AriaInput","FieldError"],"mappings":";;;;;;;GAOaA,IAAQ,CAAC;AAAA,EAClB,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGL;AAAA,IACJ,WAAWM,EAAKC,EAAO,OAAUP,GAAgB,SAAS;AAAA,IAEzD,UAAA;AAAA,MAAAD,KAAS,gBAAAS,EAACC,GAAA,EAAO,GAAGP,GAAa,UAAAH,GAAM;AAAA,MACxC,gBAAAS;AAAA,QAACE;AAAAA,QAAA;AAAA,UACI,GAAGT;AAAA,UACJ,WAAWK,EAAKC,EAAO,QAAWN,GAAY,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAE3D,gBAAAO,EAACG,GAAA,EAAY,GAAGR,EAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"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"}

package/dist/chunks/Input2

@@ -0,0 +1,154 @@
+import { t as e } from "./Icon";
+import { t } from "./base";
+import { IconButton as n } from "../components/Button/IconButton/index.js";
+import { t as r } from "./usePress";
+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 { Input as y, TextField as b } from "react-aria-components";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { cloneElement as w, isValidElement as T, useCallback as E, useMemo as D, useRef as O } from "react";
+import '../assets/Input2.css';//#region node_modules/react-aria/dist/private/utils/useObjectRef.mjs
+function k(e) {
+	let t = O(null), n = O(void 0), r = E((t) => {
+		if (typeof e == "function") {
+			let n = e, r = n(t);
+			return () => {
+				typeof r == "function" ? r() : n(null);
+			};
+		} else if (e) return e.current = t, () => {
+			e.current = null;
+		};
+	}, [e]);
+	return D(() => ({
+		get current() {
+			return t.current;
+		},
+		set current(e) {
+			t.current = e, n.current &&= (n.current(), void 0), e != null && (n.current = r(e));
+		}
+	}), [r]);
+}
+var A = { button: "_button_650ys_2" }, j = ({ icon: e, className: t, ...r }) => /* @__PURE__ */ S(n, {
+	className: (e) => v(A.button, typeof t == "function" ? t(e) : t),
+	icon: e,
+	color: "standard",
+	size: "small",
+	width: "default",
+	...r
+});
+//#endregion
+//#region src/components/Input/Input/handleInputButton.ts
+function M({ node: e, isInvalid: t, isDisabled: n }) {
+	return !T(e) || e.type !== j ? e : w(e, {
+		"data-invalid": t || void 0,
+		isDisabled: n
+	});
+}
+//#endregion
+//#region src/components/Input/Input/Input.tsx
+var N = ({ label: n, description: w, errorMessage: T, showDescriptionOnInvalid: E = !1, placeholder: D, editorDir: O, prefix: A, suffix: j, leadingIcon: N, trailing: P, className: F, showCharacterCount: I, maxLength: L, value: R, defaultValue: z, ref: B, onChange: V, ...H }) => {
+	let U = k(B), { currentValue: W, setValue: G } = _({
+		value: R,
+		defaultValue: z,
+		onChange: V
+	}), { isFocused: K, isFocusVisible: q, focusProps: J } = m(), { isHovered: Y, hoverProps: X } = h({}), { pressProps: Z } = r({ onPress: () => {
+		U.current?.focus();
+	} }), Q = {
+		"data-trailing": P ? !0 : void 0,
+		"data-leading": N ? !0 : void 0
+	};
+	return /* @__PURE__ */ S(b, {
+		className: (e) => v(d, c, typeof F == "function" ? F(e) : F),
+		maxLength: L,
+		value: R,
+		defaultValue: z,
+		onChange: G,
+		...H,
+		...Q,
+		children: ({ isDisabled: r, isInvalid: c }) => {
+			let d = {
+				...Q,
+				"data-hovered": Y || void 0,
+				"data-focused": K || void 0,
+				"data-focus-visible": q || void 0,
+				"data-disabled": r || void 0,
+				"data-invalid": c || void 0
+			}, m = w && (!c || c && E);
+			return /* @__PURE__ */ C(x, { children: [
+				n && /* @__PURE__ */ S(o, { children: n }),
+				/* @__PURE__ */ C("span", {
+					...Z,
+					...X,
+					...d,
+					className: v(p),
+					"data-input": !0,
+					children: [
+						N && /* @__PURE__ */ S(e, {
+							icon: N,
+							size: 24
+						}),
+						/* @__PURE__ */ C("span", {
+							className: v(s, t.bodyLarge),
+							children: [
+								A && typeof A == "function" ? A({
+									isDisabled: r,
+									isInvalid: c
+								}) : A,
+								/* @__PURE__ */ S(y, {
+									ref: U,
+									className: v(l, f, t.bodyLarge),
+									...J,
+									placeholder: D,
+									dir: O,
+									"data-input": !0
+								}),
+								j && typeof j == "function" ? j({
+									isDisabled: r,
+									isInvalid: c
+								}) : j
+							]
+						}),
+						P && typeof P == "function" ? P({
+							isDisabled: r,
+							isInvalid: c
+						}) : M({
+							node: P,
+							isDisabled: r,
+							isInvalid: c
+						})
+					]
+				}),
+				m && /* @__PURE__ */ C("span", {
+					...Q,
+					className: v(u),
+					children: [/* @__PURE__ */ S(i, { children: w }), I && /* @__PURE__ */ S(g, {
+						count: W.length,
+						maxLength: L
+					})]
+				}),
+				!m && I && /* @__PURE__ */ C("span", {
+					...Q,
+					className: v(u),
+					children: [/* @__PURE__ */ S(a, { children: T }), /* @__PURE__ */ S(g, {
+						count: W.length,
+						maxLength: L
+					})]
+				}),
+				m || !I ? /* @__PURE__ */ S(a, {
+					className: v(u),
+					children: T
+				}) : null
+			] });
+		}
+	});
+};
+//#endregion
+export { j as n, N as t };
+
+//# sourceMappingURL=Input2.map

package/dist/chunks/Input2.map

@@ -0,0 +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 { usePress } from \"react-aria/usePress\";\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    const { pressProps } = usePress({\n        onPress: () => {\n            inputRef.current?.focus();\n        },\n    });\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={value}\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                            {...pressProps}\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,10 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
-import { clsx as r } from "clsx";
-import { LoaderCircle as e } from "lucide-react";
-import '../assets/Loader.css';const s = "_loader_9ec9z_1", a = {
-  loader: s
-}, m = () => /* @__PURE__ */ o(e, { className: r(a.loader) });
-export {
-  m as L
-};
-//# sourceMappingURL=Loader.map
+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
+});
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=Loader.map

package/dist/chunks/Loader.map

@@ -1 +1 @@
-{"version":3,"file":"Loader","sources":["../../src/components/Loader/Loader.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { LoaderCircle } from \"lucide-react\";\nimport styles from \"./loader.module.css\";\n\nexport const Loader = () => {\n    return <LoaderCircle className={clsx(styles[\"loader\"])} />;\n};\n"],"names":["Loader","LoaderCircle","clsx","styles"],"mappings":";;;;;GAIaA,IAAS,wBACVC,GAAA,EAAa,WAAWC,EAAKC,EAAO,MAAS,GAAG;"}
+{"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"}

package/dist/chunks/MenuPopover

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

package/dist/chunks/MenuPopover.map

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

package/dist/chunks/Modal

@@ -0,0 +1,11 @@
+import e from "clsx";
+import { Modal as t } from "react-aria-components";
+import { jsx as n } from "react/jsx-runtime";
+import '../assets/Modal.css';var r = { modal: "_modal_1sjxc_2" }, i = ({ className: i, ...a }) => /* @__PURE__ */ n(t, {
+	className: (t) => e(r.modal, typeof i == "function" ? i(t) : i),
+	...a
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=Modal.map

package/dist/chunks/Modal.map

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

package/dist/chunks/ModalOverlay

@@ -0,0 +1,11 @@
+import e from "clsx";
+import { ModalOverlay as t } from "react-aria-components";
+import { jsx as n } from "react/jsx-runtime";
+import '../assets/ModalOverlay.css';var r = { overlay: "_overlay_jlm1y_8" }, i = ({ className: i, ...a }) => /* @__PURE__ */ n(t, {
+	className: (t) => e(r.overlay, typeof i == "function" ? i(t) : i),
+	...a
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=ModalOverlay.map

package/dist/chunks/ModalOverlay.map

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

package/dist/chunks/Popover

@@ -1,16 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
-import p from "clsx";
-import { Popover as e } from "react-aria-components";
-import '../assets/Popover.css';const s = "_popover_1lrhq_1", t = {
-  popover: s
-}, c = (o) => /* @__PURE__ */ r(
-  e,
-  {
-    ...o,
-    className: p(t.popover, o.className)
-  }
-);
-export {
-  c as P
-};
-//# sourceMappingURL=Popover.map
+import e from "clsx";
+import { Popover as t } from "react-aria-components";
+import { jsx as n } from "react/jsx-runtime";
+import '../assets/Popover.css';var r = { popover: "_popover_gsd0s_2" }, i = ({ className: i, ...a }) => /* @__PURE__ */ n(t, {
+	className: (t) => e(r.popover, typeof i == "function" ? i(t) : i),
+	...a
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=Popover.map

package/dist/chunks/Popover.map

@@ -1 +1 @@
-{"version":3,"file":"Popover","sources":["../../src/components/Popover/PopoverBase/Popover.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n    type PopoverProps,\n    Popover as UnstyledPopover,\n} from \"react-aria-components\";\nimport styles from \"./popover.module.css\";\n\nexport const Popover = (props: PopoverProps) => {\n    return (\n        <UnstyledPopover\n            {...props}\n            className={clsx(styles[\"popover\"], props.className)}\n        />\n    );\n};\n"],"names":["Popover","props","jsx","UnstyledPopover","clsx","styles"],"mappings":";;;;;GAOaA,IAAU,CAACC,MAEhB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,WAAWG,EAAKC,EAAO,SAAYJ,EAAM,SAAS;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"Popover","names":[],"sources":["../../src/components/Popover/popover.module.css","../../src/components/Popover/Popover.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .popover {\n        --_offset: calc(4 * var(--dp, 1px));\n\n        transform: translate3d(0, 0, 0);\n        transition:\n            transform var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration),\n            opacity var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        &[data-placement=\"bottom\"] {\n            --_origin: translateY(calc(-1 * var(--_offset)));\n        }\n\n        &[data-placement=\"top\"] {\n            --_origin: translateY(var(--_offset));\n        }\n\n        &[data-placement=\"right\"] {\n            --_origin: translateX(calc(-1 * var(--_offset)));\n        }\n\n        &[data-placement=\"left\"] {\n            --_origin: translateX(var(--_offset));\n        }\n\n        &[data-entering],\n        &[data-exiting] {\n            transform: var(--_origin);\n            opacity: 0;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { Popover as AriaPopover } from \"react-aria-components\";\nimport styles from \"./popover.module.css\";\n\nexport const Popover: React.FC<\n    React.ComponentPropsWithRef<typeof AriaPopover>\n> = ({ className, ...props }) => {\n    return (\n        <AriaPopover\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"}

package/dist/chunks/Radio

@@ -0,0 +1,77 @@
+import { t as e } from "./tapTarget";
+import { t } from "./base";
+import { Description as n } from "../components/Input/Description/index.js";
+import { t as r } from "./FieldError";
+import { Label as i } from "../components/Input/Label/index.js";
+import { clsx as a } from "clsx";
+import { Radio as o, RadioGroup as s } from "react-aria-components";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createContext as d, useContext as f } from "react";
+import '../assets/Radio.css';//#region src/components/Input/Radio/context.ts
+var p = d({}), m = {
+	"radio-group": "_radio-group_12t9w_15",
+	"radio-items": "_radio-items_12t9w_58",
+	radio: "_radio_12t9w_15",
+	"state-layer": "_state-layer_12t9w_149",
+	indicator: "_indicator_12t9w_169",
+	"indicator-icon": "_indicator-icon_12t9w_252"
+}, h = ({ className: n, children: r, labelPlacement: i, containerStateLayer: s, ...d }) => {
+	let { labelPlacement: h, containerStateLayer: g } = f(p), _ = i ?? h ?? "end", v = s ?? g ?? !1;
+	return /* @__PURE__ */ l(o, {
+		className: (e) => a(m.radio, v && m["state-layer"], t.labelLarge, typeof n == "function" ? n(e) : n),
+		...d,
+		"data-radio": !0,
+		children: (t) => {
+			let { isSelected: n, isHovered: i, isDisabled: o, isFocused: s, isFocusVisible: d, isPressed: f, isInvalid: p } = t, h = {
+				"data-selected": n || void 0,
+				"data-hovered": i || void 0,
+				"data-disabled": o || void 0,
+				"data-focused": s || void 0,
+				"data-focus-visible": d || void 0,
+				"data-pressed": f || void 0,
+				"data-show-state-layer": !v || void 0,
+				"data-invalid": p || void 0
+			}, g = typeof r == "function" ? r(t) : r;
+			return /* @__PURE__ */ u(c, { children: [
+				_ === "start" && g,
+				/* @__PURE__ */ l("span", {
+					className: a(m.indicator, e),
+					...h,
+					children: /* @__PURE__ */ l("span", {
+						className: a(m["indicator-icon"]),
+						...h
+					})
+				}),
+				_ === "end" && g
+			] });
+		}
+	});
+}, g = ({ label: e, description: t, errorMessage: o, showDescriptionOnInvalid: d = !1, children: f, className: h, radioItemsGap: g = 24, labelPlacement: _, containerStateLayer: v, ...y }) => /* @__PURE__ */ l(p, {
+	value: {
+		labelPlacement: _,
+		containerStateLayer: v
+	},
+	children: /* @__PURE__ */ l(s, {
+		className: (e) => a(m["radio-group"], typeof h == "function" ? h(e) : h),
+		...y,
+		"data-radio-group": !0,
+		children: ({ orientation: s, isInvalid: p }) => {
+			let h = t && (!p || p && d);
+			return /* @__PURE__ */ u(c, { children: [
+				e && /* @__PURE__ */ l(i, { children: e }),
+				/* @__PURE__ */ l("div", {
+					"data-orientation": s,
+					className: a(m["radio-items"]),
+					style: { gap: `calc(${g} * var(--dp, 1px))` },
+					children: f
+				}),
+				h && /* @__PURE__ */ l(n, { children: t }),
+				/* @__PURE__ */ l(r, { children: o })
+			] });
+		}
+	})
+});
+//#endregion
+export { h as n, g as t };
+
+//# sourceMappingURL=Radio.map