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

package/dist/chunks/CalendarGrid

@@ -0,0 +1,30 @@
+import { t as e } from "./base";
+import { t } from "./CalendarCell";
+import n from "clsx";
+import { CalendarGrid as r, CalendarGridBody as i, CalendarGridHeader as a, CalendarHeaderCell as o } from "react-aria-components";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import '../assets/CalendarGrid.css';var l = {
+	grid: "_grid_1uey9_2",
+	header: "_header_1uey9_7",
+	"header-cell": "_header-cell_1uey9_17"
+}, u = ({ isRangeCalendar: u, ...d }) => /* @__PURE__ */ c(r, {
+	...d,
+	className: n(l.grid),
+	children: [/* @__PURE__ */ s(a, {
+		className: n(l.header),
+		children: (t) => /* @__PURE__ */ s(o, {
+			className: n(l["header-cell"], e.bodyLarge),
+			children: t
+		})
+	}), /* @__PURE__ */ s(i, {
+		className: n(l.body),
+		children: (e) => /* @__PURE__ */ s(t, {
+			isRangeCalendar: u,
+			date: e
+		})
+	})]
+});
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=CalendarGrid.map

package/dist/chunks/CalendarGrid.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarGrid","names":[],"sources":["../../src/components/Calendar/CalendarGrid/calendarGrid.module.css","../../src/components/Calendar/CalendarGrid/CalendarGrid.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .grid {\n        padding-inline: var(--md-sys-layout-space-12);\n        border-spacing: 0;\n    }\n\n    .header {\n        color: var(--_md-calendar-header-cell-color);\n    }\n\n    .header::after {\n        content: \"\";\n        display: block;\n        block-size: var(--md-sys-layout-space-4);\n    }\n\n    .header-cell {\n        inline-size: var(--_md-calendar-cell-size);\n        block-size: var(--_md-calendar-cell-size);\n    }\n}\n","import clsx from \"clsx\";\nimport {\n    CalendarGrid as AriaCalendarGrid,\n    CalendarGridBody,\n    CalendarGridHeader,\n    CalendarHeaderCell,\n} from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport { CalendarCell } from \"../CalendarCell\";\nimport styles from \"./calendarGrid.module.css\";\n\nexport const CalendarGrid: React.FC<\n    Omit<\n        React.ComponentPropsWithRef<typeof AriaCalendarGrid>,\n        \"children\" | \"className\"\n    > & { isRangeCalendar?: boolean }\n> = ({ isRangeCalendar, ...props }) => {\n    return (\n        <AriaCalendarGrid {...props} className={clsx(styles[\"grid\"])}>\n            <CalendarGridHeader className={clsx(styles[\"header\"])}>\n                {(day) => (\n                    <CalendarHeaderCell\n                        className={clsx(\n                            styles[\"header-cell\"],\n                            typography.bodyLarge\n                        )}\n                    >\n                        {day}\n                    </CalendarHeaderCell>\n                )}\n            </CalendarGridHeader>\n\n            <CalendarGridBody className={clsx(styles[\"body\"])}>\n                {(date) => (\n                    <CalendarCell\n                        isRangeCalendar={isRangeCalendar}\n                        date={date}\n                    />\n                )}\n            </CalendarGridBody>\n        </AriaCalendarGrid>\n    );\n};\n"],"mappings":";;;;;;;;;GCWa,KAKR,EAAE,oBAAiB,GAAG,QAEnB,kBAAC,GAAD;CAAkB,GAAI;CAAO,WAAW,EAAK,EAAO,IAAO;WAA3D,CACI,kBAAC,GAAD;EAAoB,WAAW,EAAK,EAAO,MAAS;aAC9C,MACE,kBAAC,GAAD;GACI,WAAW,EACP,EAAO,gBACP,EAAW,SACf;aAEC;EACe,CAAA;CAER,CAAA,GAEpB,kBAAC,GAAD;EAAkB,WAAW,EAAK,EAAO,IAAO;aAC1C,MACE,kBAAC,GAAD;GACqB;GACX;EACT,CAAA;CAES,CAAA,CACJ"}

package/dist/chunks/CalendarMenuItem

@@ -0,0 +1,12 @@
+import { t as e } from "./base";
+import t from "clsx";
+import { ListBoxItem as n } from "react-aria-components";
+import { jsx as r } from "react/jsx-runtime";
+import '../assets/CalendarMenuItem.css';var i = { item: "_item_tzerc_2" }, a = ({ className: a, ...o }) => /* @__PURE__ */ r(n, {
+	className: (n) => t(i.item, e.bodyLarge, typeof a == "function" ? a(n) : a),
+	...o
+});
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=CalendarMenuItem.map

package/dist/chunks/CalendarMenuItem.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMenuItem","names":[],"sources":["../../src/components/Calendar/CalendarMenuItem/calendarMenuItem.module.css","../../src/components/Calendar/CalendarMenuItem/CalendarMenuItem.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .item {\n        --_state-color: var(--_md-calendar-cell-state-layer-color,);\n        --_state-layer-opacity: 0;\n\n        --_state-layer-color: rgb(\n            from var(--_state-color) r g b /\n            var(--_state-layer-opacity)\n        );\n\n        padding-block: var(--md-sys-layout-space-12);\n        padding-inline-start: calc(52 * var(--dp, 1px));\n        margin-inline-end: var(--md-sys-layout-space-12);\n\n        color: var(--_md-calendar-cell-color);\n\n        position: relative;\n\n        cursor: pointer;\n\n        border-end-end-radius: var(--md-sys-shape-corner-radius-extra-small);\n        border-start-end-radius: var(--md-sys-shape-corner-radius-extra-small);\n        outline: none;\n\n        [data-selected-icon] {\n            position: absolute;\n\n            inset-inline-start: var(--md-sys-layout-space-12);\n            inset-block-start: 50%;\n            translate: 0 -50%;\n        }\n\n        &[data-selected] {\n            color: var(--_md-calendar-menu-selected-color);\n            background-color: var(--_md-calendar-menu-selected-background);\n        }\n\n        &[data-focus-visible] {\n            z-index: 1;\n            --_state-layer-opacity: var(--md-sys-state-focus);\n        }\n\n        &[data-hovered] {\n            --_state-layer-opacity: var(--md-sys-state-hover);\n        }\n\n        &[data-pressed] {\n            --_state-layer-opacity: var(--md-sys-state-pressed);\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\n    .item::before,\n    .item::after {\n        content: \"\";\n\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\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    .item::after {\n        background-color: var(--_state-layer-color);\n    }\n\n    .item[data-focus-visible]::before {\n        --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n        --focus-indicator-offset: calc(1 * 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","import clsx from \"clsx\";\nimport { ListBoxItem } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./calendarMenuItem.module.css\";\n\nexport const CalendarMenuItem: React.FC<\n    React.ComponentPropsWithRef<typeof ListBoxItem>\n> = ({ className, ...props }) => {\n    return (\n        <ListBoxItem\n            className={(renderProps) =>\n                clsx(\n                    styles[\"item\"],\n                    typography.bodyLarge,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;mCCKa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,MACP,EAAW,WACX,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}

package/dist/chunks/CenteredSlider

@@ -0,0 +1,79 @@
+import { Label as e } from "../components/Input/Label/index.js";
+import { a as t, c as n, i as r, n as i, o as a, r as o, s, t as c } from "./core7";
+import { t as l } from "./SliderStops";
+import { t as u } from "./SliderThumb";
+import d from "clsx";
+import { Slider as f, SliderTrack as p } from "react-aria-components";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import '../assets/CenteredSlider.css';//#region src/components/Input/Slider/CenteredSlider/centerdSlider.module.css
+var _ = { "inactive-track": "_inactive-track_1pivv_2" }, v = ({ label: v, thumbLabel: y, size: b = "small", minValue: x = 0, maxValue: S = 100, step: C = 1, defaultValue: w = (x + S) / 2, showInBetweenSteps: T, maxStops: E, outputRenderer: D, className: O, ...k }) => /* @__PURE__ */ h(f, {
+	minValue: x,
+	maxValue: S,
+	step: C,
+	defaultValue: w,
+	className: (e) => d(t, n, typeof O == "function" ? O(e) : O),
+	...k,
+	children: ({ orientation: t, state: n, isDisabled: f }) => {
+		let w = n.getThumbPercent(0), O = t === "horizontal" ? "inlineSize" : "blockSize", k = .5, A = Math.abs(w - k) * 100, j = Math.min(w, k) * 100, M = Math.min(1 - w, k) * 100, N = w < .5 ? "start" : w > .5 ? "end" : void 0;
+		return /* @__PURE__ */ g(m, { children: [v && /* @__PURE__ */ h(e, { children: v }), /* @__PURE__ */ h("div", {
+			className: d(a),
+			"data-orientation": t,
+			children: /* @__PURE__ */ g(p, {
+				className: d(s, r(b)),
+				children: [
+					/* @__PURE__ */ g("div", {
+						className: d(o),
+						"data-orientation": t,
+						children: [
+							/* @__PURE__ */ h("div", {
+								className: d(i, _["inactive-track"]),
+								"data-active-direction": N === "start" || void 0,
+								"data-track": "start",
+								"data-orientation": t,
+								"data-mid": w === k || void 0,
+								"data-disabled": f || void 0,
+								style: { [O]: `${j}%` }
+							}),
+							/* @__PURE__ */ h("div", {
+								className: d(c),
+								"data-orientation": t,
+								"data-track": "mid",
+								"data-disabled": f || void 0,
+								style: { [O]: `${A}%` },
+								children: /* @__PURE__ */ h("div", { "data-direction": N })
+							}),
+							/* @__PURE__ */ h("div", {
+								className: d(i, _["inactive-track"]),
+								"data-orientation": t,
+								"data-track": "end",
+								"data-active-direction": N === "end" || void 0,
+								"data-mid": w === k || void 0,
+								"data-disabled": f || void 0,
+								style: { [O]: `${M}%` }
+							})
+						]
+					}),
+					/* @__PURE__ */ h(u, {
+						size: b,
+						orientation: t,
+						"aria-label": y,
+						outputRenderer: D
+					}),
+					/* @__PURE__ */ h(l, {
+						slider: "centered",
+						minValue: x,
+						maxValue: S,
+						step: C,
+						orientation: t,
+						showInBetweenSteps: T,
+						maxStops: E
+					})
+				]
+			})
+		})] });
+	}
+});
+//#endregion
+export { v as t };
+
+//# sourceMappingURL=CenteredSlider.map

package/dist/chunks/CenteredSlider.map

@@ -0,0 +1 @@
+{"version":3,"file":"CenteredSlider","names":[],"sources":["../../src/components/Input/Slider/CenteredSlider/centerdSlider.module.css","../../src/components/Input/Slider/CenteredSlider/CenteredSlider.tsx"],"sourcesContent":["@layer adgytec.overrides {\n    .inactive-track {\n        position: relative;\n\n        &[data-orientation=\"horizontal\"] {\n            --_inline-size: var(--_range-gap-half);\n            --_block-size: var(--_md-slider-track-size);\n        }\n\n        &[data-orientation=\"vertical\"] {\n            --_block-size: var(--_range-gap-half);\n            --_inline-size: var(--_md-slider-track-size);\n        }\n\n        &:not([data-active-direction]):not([data-mid]) {\n            &::before,\n            &:not([data-disabled])::after {\n                content: \"\";\n                position: absolute;\n\n                inline-size: var(--_inline-size);\n                block-size: var(--_block-size);\n\n                background-color: inherit;\n            }\n\n            &[data-track=\"start\"] {\n                &[data-orientation=\"horizontal\"] {\n                    border-start-end-radius: 0;\n                    border-end-end-radius: 0;\n\n                    &::before {\n                        inset-inline-end: 0;\n                        translate: 100%;\n\n                        border-start-end-radius: var(\n                            --_md-slider-track-inner-shape\n                        );\n                        border-end-end-radius: var(\n                            --_md-slider-track-inner-shape\n                        );\n                    }\n\n                    &::after {\n                        inset-inline-end: 0;\n                        translate: 50%;\n                    }\n                }\n\n                &[data-orientation=\"vertical\"] {\n                    border-start-end-radius: 0;\n                    border-start-start-radius: 0;\n\n                    &::before {\n                        inset-block-start: 0;\n                        translate: 0 -100%;\n\n                        border-start-end-radius: var(\n                            --_md-slider-track-inner-shape\n                        );\n                        border-start-start-radius: var(\n                            --_md-slider-track-inner-shape\n                        );\n                    }\n\n                    &::after {\n                        inset-block-start: 0;\n                        translate: 0 -50%;\n                    }\n                }\n            }\n\n            &[data-track=\"end\"] {\n                &[data-orientation=\"horizontal\"] {\n                    border-start-start-radius: 0;\n                    border-end-start-radius: 0;\n\n                    &::before {\n                        inset-inline-start: 0;\n                        translate: -100%;\n\n                        border-start-start-radius: var(\n                            --_md-slider-track-inner-shape\n                        );\n                        border-end-start-radius: var(\n                            --_md-slider-track-inner-shape\n                        );\n                    }\n\n                    &::after {\n                        inset-inline-start: 0;\n                        translate: -50%;\n                    }\n                }\n\n                &[data-orientation=\"vertical\"] {\n                    border-end-end-radius: 0;\n                    border-end-start-radius: 0;\n\n                    &::before {\n                        inset-block-end: 0;\n                        translate: 0 100%;\n\n                        border-end-end-radius: var(\n                            --_md-slider-track-inner-shape\n                        );\n                        border-end-start-radius: var(\n                            --_md-slider-track-inner-shape\n                        );\n                    }\n\n                    &::after {\n                        inset-block-end: 0;\n                        translate: 0 50%;\n                    }\n                }\n            }\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { Slider as AriaSlider, SliderTrack } from \"react-aria-components\";\nimport { Label } from \"../../Label\";\nimport {\n    ActiveTrackStyles,\n    InactiveTrackStyles,\n    SliderColors,\n    SliderSizeStyles,\n    SliderStyles,\n    TrackContainerStyles,\n    TrackStyles,\n    VisualTrackStyles,\n} from \"../core\";\nimport { SliderStops } from \"../SliderStops\";\nimport { SliderThumb } from \"../SliderThumb\";\nimport styles from \"./centerdSlider.module.css\";\nimport type { CenteredSliderProps } from \"./types\";\n\nexport const CenteredSlider = <T extends number>({\n    label,\n    thumbLabel,\n    size = \"small\",\n    minValue = 0,\n    maxValue = 100,\n    step = 1,\n    defaultValue = ((minValue + maxValue) / 2) as T,\n    showInBetweenSteps,\n    maxStops,\n    outputRenderer,\n    className,\n    ...props\n}: CenteredSliderProps<T>) => {\n    return (\n        <AriaSlider\n            minValue={minValue}\n            maxValue={maxValue}\n            step={step}\n            defaultValue={defaultValue}\n            className={(renderProps) =>\n                clsx(\n                    SliderStyles,\n                    SliderColors,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        >\n            {({ orientation, state, isDisabled }) => {\n                const thumbValue = state.getThumbPercent(0);\n                const sizeKey =\n                    orientation === \"horizontal\" ? \"inlineSize\" : \"blockSize\";\n\n                const center = 0.5;\n\n                const mid = Math.abs(thumbValue - center) * 100;\n                const start = Math.min(thumbValue, center) * 100;\n                const end = Math.min(1 - thumbValue, center) * 100;\n\n                const activeDirection =\n                    thumbValue < 0.5\n                        ? \"start\"\n                        : thumbValue > 0.5\n                          ? \"end\"\n                          : undefined;\n\n                return (\n                    <>\n                        {label && <Label>{label}</Label>}\n\n                        <div\n                            className={clsx(TrackContainerStyles)}\n                            data-orientation={orientation}\n                        >\n                            <SliderTrack\n                                className={clsx(\n                                    TrackStyles,\n                                    SliderSizeStyles(size)\n                                )}\n                            >\n                                <div\n                                    className={clsx(VisualTrackStyles)}\n                                    data-orientation={orientation}\n                                >\n                                    <div\n                                        className={clsx(\n                                            InactiveTrackStyles,\n                                            styles[\"inactive-track\"]\n                                        )}\n                                        data-active-direction={\n                                            activeDirection === \"start\" ||\n                                            undefined\n                                        }\n                                        data-track=\"start\"\n                                        data-orientation={orientation}\n                                        data-mid={\n                                            thumbValue === center || undefined\n                                        }\n                                        data-disabled={isDisabled || undefined}\n                                        style={{\n                                            [sizeKey]: `${start}%`,\n                                        }}\n                                    />\n\n                                    <div\n                                        className={clsx(ActiveTrackStyles)}\n                                        data-orientation={orientation}\n                                        data-track=\"mid\"\n                                        data-disabled={isDisabled || undefined}\n                                        style={{\n                                            [sizeKey]: `${mid}%`,\n                                        }}\n                                    >\n                                        <div data-direction={activeDirection} />\n                                    </div>\n\n                                    <div\n                                        className={clsx(\n                                            InactiveTrackStyles,\n                                            styles[\"inactive-track\"]\n                                        )}\n                                        data-orientation={orientation}\n                                        data-track=\"end\"\n                                        data-active-direction={\n                                            activeDirection === \"end\" ||\n                                            undefined\n                                        }\n                                        data-mid={\n                                            thumbValue === center || undefined\n                                        }\n                                        data-disabled={isDisabled || undefined}\n                                        style={{\n                                            [sizeKey]: `${end}%`,\n                                        }}\n                                    />\n                                </div>\n\n                                <SliderThumb\n                                    size={size}\n                                    orientation={orientation}\n                                    aria-label={thumbLabel}\n                                    outputRenderer={outputRenderer}\n                                />\n\n                                <SliderStops\n                                    slider=\"centered\"\n                                    minValue={minValue}\n                                    maxValue={maxValue}\n                                    step={step}\n                                    orientation={orientation}\n                                    showInBetweenSteps={showInBetweenSteps}\n                                    maxStops={maxStops}\n                                />\n                            </SliderTrack>\n                        </div>\n                    </>\n                );\n            }}\n        </AriaSlider>\n    );\n};\n"],"mappings":";;;;;;;;yDCkBa,KAAoC,EAC7C,UACA,eACA,UAAO,SACP,cAAW,GACX,cAAW,KACX,UAAO,GACP,mBAAiB,IAAW,KAAY,GACxC,uBACA,aACA,mBACA,cACA,GAAG,QAGC,kBAAC,GAAD;CACc;CACA;CACJ;CACQ;CACd,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;YAEF,EAAE,gBAAa,UAAO,oBAAiB;EACrC,IAAM,IAAa,EAAM,gBAAgB,CAAC,GACpC,IACF,MAAgB,eAAe,eAAe,aAE5C,IAAS,IAET,IAAM,KAAK,IAAI,IAAa,CAAM,IAAI,KACtC,IAAQ,KAAK,IAAI,GAAY,CAAM,IAAI,KACvC,IAAM,KAAK,IAAI,IAAI,GAAY,CAAM,IAAI,KAEzC,IACF,IAAa,KACP,UACA,IAAa,KACX,QACA,KAAA;EAEZ,OACI,kBAAA,GAAA,EAAA,UAAA,CACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA,GAE/B,kBAAC,OAAD;GACI,WAAW,EAAK,CAAoB;GACpC,oBAAkB;aAElB,kBAAC,GAAD;IACI,WAAW,EACP,GACA,EAAiB,CAAI,CACzB;cAJJ;KAMI,kBAAC,OAAD;MACI,WAAW,EAAK,CAAiB;MACjC,oBAAkB;gBAFtB;OAII,kBAAC,OAAD;QACI,WAAW,EACP,GACA,EAAO,iBACX;QACA,yBACI,MAAoB,WACpB,KAAA;QAEJ,cAAW;QACX,oBAAkB;QAClB,YACI,MAAe,KAAU,KAAA;QAE7B,iBAAe,KAAc,KAAA;QAC7B,OAAO,GACF,IAAU,GAAG,EAAM,GACxB;OACH,CAAA;OAED,kBAAC,OAAD;QACI,WAAW,EAAK,CAAiB;QACjC,oBAAkB;QAClB,cAAW;QACX,iBAAe,KAAc,KAAA;QAC7B,OAAO,GACF,IAAU,GAAG,EAAI,GACtB;kBAEA,kBAAC,OAAD,EAAK,kBAAgB,EAAkB,CAAA;OACtC,CAAA;OAEL,kBAAC,OAAD;QACI,WAAW,EACP,GACA,EAAO,iBACX;QACA,oBAAkB;QAClB,cAAW;QACX,yBACI,MAAoB,SACpB,KAAA;QAEJ,YACI,MAAe,KAAU,KAAA;QAE7B,iBAAe,KAAc,KAAA;QAC7B,OAAO,GACF,IAAU,GAAG,EAAI,GACtB;OACH,CAAA;MACA;;KAEL,kBAAC,GAAD;MACU;MACO;MACb,cAAY;MACI;KACnB,CAAA;KAED,kBAAC,GAAD;MACI,QAAO;MACG;MACA;MACJ;MACO;MACO;MACV;KACb,CAAA;IACQ;;EACZ,CAAA,CACP,EAAA,CAAA;CAEV;AACQ,CAAA"}

package/dist/chunks/ComboBox

@@ -0,0 +1,57 @@
+import { t as e } from "./base";
+import { Description as t } from "../components/Input/Description/index.js";
+import { t as n } from "./FieldError";
+import { Label as r } from "../components/Input/Label/index.js";
+import { c as i, l as a, n as o } from "./core4";
+import { t as s } from "./Tag";
+import { t as c } from "./context";
+import l from "clsx";
+import { ComboBox as u, ComboBoxValue as d, TagGroup as f, TagList as p } from "react-aria-components";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import '../assets/ComboBox.css';//#region src/components/Input/Select/ComboBox/comboBox.module.css
+var g = {
+	"selected-value": "_selected-value_4mif5_2",
+	"tag-list": "_tag-list_4mif5_14"
+}, _ = ({ label: _, description: v, errorMessage: y, showDescriptionOnInvalid: b = !1, children: x, className: S, hideMultiSelectionValue: C = !1, ...w }) => /* @__PURE__ */ m(u, {
+	className: (e) => l(o, i, typeof S == "function" ? S(e) : S),
+	...w,
+	children: (i) => {
+		let { isInvalid: o } = i, u = v && (!o || o && b);
+		return /* @__PURE__ */ h(c, {
+			value: i,
+			children: [
+				_ && /* @__PURE__ */ m(r, { children: _ }),
+				typeof x == "function" ? x(i) : x,
+				w.selectionMode === "multiple" && !C && /* @__PURE__ */ m(d, {
+					className: l(g["selected-value"], e.bodyLarge),
+					children: ({ state: e }) => /* @__PURE__ */ m(f, {
+						"aria-label": "Selected Items",
+						onRemove: (t) => {
+							Array.isArray(e.value) && e.setValue(e.value.filter((e) => !t.has(e)));
+						},
+						children: /* @__PURE__ */ m(p, {
+							items: e.selectedItems,
+							className: l(g["tag-list"]),
+							children: (e) => /* @__PURE__ */ m(s, {
+								id: e.key,
+								label: e.textValue
+							})
+						})
+					})
+				}),
+				u && /* @__PURE__ */ m(t, {
+					className: l(a),
+					children: v
+				}),
+				/* @__PURE__ */ m(n, {
+					className: l(a),
+					children: y
+				})
+			]
+		});
+	}
+});
+//#endregion
+export { _ as t };
+
+//# sourceMappingURL=ComboBox.map

package/dist/chunks/ComboBox.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox","names":[],"sources":["../../src/components/Input/Select/ComboBox/comboBox.module.css","../../src/components/Input/Select/ComboBox/ComboBox.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .selected-value {\n        color: var(--editor-color);\n\n        padding-inline-start: var(--md-sys-layout-space-16);\n        padding-inline-end: var(--md-sys-layout-space-12);\n\n        &[data-placeholder] {\n            color: var(--placeholder-color);\n            display: none;\n        }\n    }\n\n    .tag-list {\n        display: flex;\n        gap: var(--md-sys-layout-space-8);\n\n        flex-wrap: wrap;\n    }\n}\n","import clsx from \"clsx\";\nimport {\n    ComboBox as AriaComboBox,\n    ComboBoxValue,\n    TagGroup,\n    TagList,\n} from \"react-aria-components\";\nimport { Tag } from \"@/components/Tag\";\nimport { typography } from \"@/utils\";\nimport { Colors, InputGroupStyles, SupportingTextStyles } from \"../../core\";\nimport { Description } from \"../../Description\";\nimport { FieldError } from \"../../FieldError\";\nimport { Label } from \"../../Label\";\nimport styles from \"./comboBox.module.css\";\nimport { ComboboxContext } from \"./context\";\nimport type { ComboBoxProps } from \"./types\";\n\nexport const ComboBox = <\n    T extends object,\n    M extends \"single\" | \"multiple\" = \"single\",\n>({\n    label,\n    description,\n    errorMessage,\n    showDescriptionOnInvalid = false,\n    children,\n    className,\n    hideMultiSelectionValue = false,\n    ...props\n}: ComboBoxProps<T, M>) => {\n    return (\n        <AriaComboBox\n            className={(renderProps) =>\n                clsx(\n                    Colors,\n                    InputGroupStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        >\n            {(renderProps) => {\n                const { isInvalid } = renderProps;\n                const showDescription =\n                    description &&\n                    (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n                return (\n                    <ComboboxContext value={renderProps}>\n                        {label && <Label>{label}</Label>}\n\n                        {typeof children === \"function\"\n                            ? children(renderProps)\n                            : children}\n\n                        {props.selectionMode === \"multiple\" &&\n                            !hideMultiSelectionValue && (\n                                <ComboBoxValue<T>\n                                    className={clsx(\n                                        styles[\"selected-value\"],\n                                        typography.bodyLarge\n                                    )}\n                                >\n                                    {({ state }) => {\n                                        return (\n                                            <TagGroup\n                                                aria-label=\"Selected Items\"\n                                                onRemove={(keys) => {\n                                                    if (\n                                                        Array.isArray(\n                                                            state.value\n                                                        )\n                                                    ) {\n                                                        state.setValue(\n                                                            state.value.filter(\n                                                                (k) =>\n                                                                    !keys.has(k)\n                                                            )\n                                                        );\n                                                    }\n                                                }}\n                                            >\n                                                <TagList\n                                                    items={state.selectedItems}\n                                                    className={clsx(\n                                                        styles[\"tag-list\"]\n                                                    )}\n                                                >\n                                                    {(item) => (\n                                                        <Tag\n                                                            id={item.key}\n                                                            label={\n                                                                item.textValue\n                                                            }\n                                                        />\n                                                    )}\n                                                </TagList>\n                                            </TagGroup>\n                                        );\n                                    }}\n                                </ComboBoxValue>\n                            )}\n\n                        {showDescription && (\n                            <Description className={clsx(SupportingTextStyles)}>\n                                {description}\n                            </Description>\n                        )}\n\n                        <FieldError className={clsx(SupportingTextStyles)}>\n                            {errorMessage}\n                        </FieldError>\n                    </ComboboxContext>\n                );\n            }}\n        </AriaComboBox>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;GCiBa,KAGX,EACE,UACA,gBACA,iBACA,8BAA2B,IAC3B,aACA,cACA,6BAA0B,IAC1B,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;YAEF,MAAgB;EACd,IAAM,EAAE,iBAAc,GAChB,IACF,MACC,CAAC,KAAc,KAAa;EAEjC,OACI,kBAAC,GAAD;GAAiB,OAAO;aAAxB;IACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA;IAE9B,OAAO,KAAa,aACf,EAAS,CAAW,IACpB;IAEL,EAAM,kBAAkB,cACrB,CAAC,KACG,kBAAC,GAAD;KACI,WAAW,EACP,EAAO,mBACP,EAAW,SACf;gBAEE,EAAE,eAEI,kBAAC,GAAD;MACI,cAAW;MACX,WAAW,MAAS;OAChB,AACI,MAAM,QACF,EAAM,KACV,KAEA,EAAM,SACF,EAAM,MAAM,QACP,MACG,CAAC,EAAK,IAAI,CAAC,CACnB,CACJ;MAER;gBAEA,kBAAC,GAAD;OACI,OAAO,EAAM;OACb,WAAW,EACP,EAAO,WACX;kBAEE,MACE,kBAAC,GAAD;QACI,IAAI,EAAK;QACT,OACI,EAAK;OAEZ,CAAA;MAEA,CAAA;KACH,CAAA;IAGP,CAAA;IAGtB,KACG,kBAAC,GAAD;KAAa,WAAW,EAAK,CAAoB;eAC5C;IACQ,CAAA;IAGjB,kBAAC,GAAD;KAAY,WAAW,EAAK,CAAoB;eAC3C;IACO,CAAA;GACC;;CAEzB;AACU,CAAA"}

package/dist/chunks/ComboBoxPopover

@@ -0,0 +1,13 @@
+import { t as e } from "./Popover";
+import { clsx as t } from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import '../assets/ComboBoxPopover.css';var r = { popover: "_popover_1iwyn_2" }, i = ({ offset: i = 25, crossOffset: a = -17, className: o, ...s }) => /* @__PURE__ */ n(e, {
+	className: (e) => t(r.popover, typeof o == "function" ? o(e) : o),
+	offset: i,
+	crossOffset: a,
+	...s
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=ComboBoxPopover.map

package/dist/chunks/ComboBoxPopover.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxPopover","names":[],"sources":["../../src/components/Input/Select/ComboBoxPopover/comboBoxPopover.module.css","../../src/components/Input/Select/ComboBoxPopover/ComboBoxPopover.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .popover {\n        inline-size: calc(var(--trigger-width) + calc(30 * var(--dp, 1px)));\n\n        display: grid;\n        grid-template-rows: 1fr;\n    }\n}\n","import { clsx } from \"clsx\";\nimport { Popover } from \"@/components/Popover\";\nimport styles from \"./comboBoxPopover.module.css\";\n\nexport const ComboBoxPopover: React.FC<\n    React.ComponentPropsWithRef<typeof Popover>\n> = ({\n    offset = 25, // (58dp trigger height - 20dp text line-height) / 2 + 2dp outline + 4dp space\n    crossOffset = -17, // 16dp padding + 1dp border\n    className,\n    ...props\n}) => {\n    return (\n        <Popover\n            className={(renderProps) =>\n                clsx(\n                    styles[\"popover\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            offset={offset}\n            crossOffset={crossOffset}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;yCCIa,KAER,EACD,YAAS,IACT,iBAAc,KACd,cACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,SACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEI;CACK;CACb,GAAI;AACP,CAAA"}

package/dist/chunks/ComboBoxTrigger

@@ -0,0 +1,53 @@
+import { t as e } from "./base";
+import { IconButton as t } from "../components/Button/IconButton/index.js";
+import { t as n } from "./usePress";
+import { d as r, o as i, s as a } from "./core4";
+import { n as o, t as s } from "./useHover";
+import { t as c } from "./context";
+import l from "clsx";
+import { Input as u } from "react-aria-components";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ChevronDown as p } from "lucide-react";
+import { useContext as m } from "react";
+import { useObjectRef as h } from "react-aria";
+import '../assets/ComboBoxTrigger.css';var g = {
+	trigger: "_trigger_83n0r_2",
+	input: "_input_83n0r_26"
+}, _ = ({ className: _, placeholder: v, dir: y, ref: b, ...x }) => {
+	let S = h(b), { isInvalid: C, isDisabled: w, isOpen: T } = m(c), { isFocused: E, isFocusVisible: D, focusProps: O } = o({ isTextInput: !0 }), { isHovered: k, hoverProps: A } = s({}), { pressProps: j } = n({ onPress: () => {
+		S.current?.focus();
+	} }), M = {
+		"data-hovered": k || void 0,
+		"data-focused": E || void 0,
+		"data-focus-visible": D || void 0,
+		"data-trailing": !0,
+		"data-invalid": C || void 0,
+		"data-input": !0,
+		"data-disabled": w || void 0,
+		"data-open": T || void 0
+	};
+	return /* @__PURE__ */ f("span", {
+		...j,
+		...A,
+		className: l(a, _),
+		...x,
+		...M,
+		children: [/* @__PURE__ */ d(u, {
+			ref: S,
+			...O,
+			placeholder: v,
+			className: l(r, i, e.bodyLarge, g.input),
+			"data-input": !0,
+			dir: y
+		}), /* @__PURE__ */ d(t, {
+			className: l(g.trigger),
+			icon: p,
+			color: "standard",
+			"data-invalid": C || void 0
+		})]
+	});
+};
+//#endregion
+export { _ as t };
+
+//# sourceMappingURL=ComboBoxTrigger.map

package/dist/chunks/ComboBoxTrigger.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxTrigger","names":[],"sources":["../../src/components/Input/Select/ComboBoxTrigger/comboBoxTrigger.module.css","../../src/components/Input/Select/ComboBoxTrigger/ComboBoxTrigger.tsx"],"sourcesContent":["@layer adgytec.overrides {\n    .trigger[data-invalid] > [data-button] {\n        --md-button-color: var(--group-color);\n    }\n}\n\n@layer adgytec.comps {\n    .trigger {\n        --rotate: 0;\n\n        &[data-pressed] {\n            --rotate: 180deg;\n        }\n\n        & svg {\n            rotate: var(--rotate);\n            transition: rotate 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    }\n\n    .input {\n        flex: 1;\n        text-align: start;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n}\n","import clsx from \"clsx\";\nimport { ChevronDown } from \"lucide-react\";\nimport { useContext } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { useFocusRing } from \"react-aria/useFocusRing\";\nimport { useHover } from \"react-aria/useHover\";\nimport { usePress } from \"react-aria/usePress\";\nimport { Input } from \"react-aria-components\";\nimport { IconButton } from \"@/components/Button\";\nimport { type RefProp, typography } from \"@/utils\";\nimport { EditorInputStyles, EditorStyles, UnsetStyles } from \"../../core\";\nimport { ComboboxContext } from \"../ComboBox/context\";\nimport styles from \"./comboBoxTrigger.module.css\";\n\nexport const ComboBoxTrigger: React.FC<\n    Omit<React.ComponentPropsWithoutRef<\"span\">, \"children\"> &\n        RefProp<typeof Input> & {\n            placeholder?: string;\n        }\n> = ({ className, placeholder, dir, ref, ...props }) => {\n    const inputRef = useObjectRef(ref);\n\n    const { isInvalid, isDisabled, isOpen } = useContext(ComboboxContext);\n    const { isFocused, isFocusVisible, focusProps } = useFocusRing({\n        isTextInput: true,\n    });\n    const { isHovered, hoverProps } = useHover({});\n    const { pressProps } = usePress({\n        onPress: () => {\n            inputRef.current?.focus();\n        },\n    });\n\n    const dataAttrs = {\n        \"data-hovered\": isHovered || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-trailing\": true,\n        \"data-invalid\": isInvalid || undefined,\n        \"data-input\": true,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-open\": isOpen || undefined,\n    };\n\n    return (\n        <span\n            {...pressProps}\n            {...hoverProps}\n            className={clsx(EditorStyles, className)}\n            {...props}\n            {...dataAttrs}\n        >\n            <Input\n                ref={inputRef}\n                {...focusProps}\n                placeholder={placeholder}\n                className={clsx(\n                    UnsetStyles,\n                    EditorInputStyles,\n                    typography.bodyLarge,\n                    styles[\"input\"]\n                )}\n                data-input={true}\n                dir={dir}\n            />\n            <IconButton\n                className={clsx(styles[\"trigger\"])}\n                icon={ChevronDown}\n                color=\"standard\"\n                data-invalid={isInvalid || undefined}\n            />\n        </span>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;GCca,KAKR,EAAE,cAAW,gBAAa,QAAK,QAAK,GAAG,QAAY;CACpD,IAAM,IAAW,EAAa,CAAG,GAE3B,EAAE,cAAW,eAAY,cAAW,EAAW,CAAe,GAC9D,EAAE,cAAW,mBAAgB,kBAAe,EAAa,EAC3D,aAAa,GACjB,CAAC,GACK,EAAE,cAAW,kBAAe,EAAS,CAAC,CAAC,GACvC,EAAE,kBAAe,EAAS,EAC5B,eAAe;EACX,EAAS,SAAS,MAAM;CAC5B,EACJ,CAAC,GAEK,IAAY;EACd,gBAAgB,KAAa,KAAA;EAC7B,gBAAgB,KAAa,KAAA;EAC7B,sBAAsB,KAAkB,KAAA;EACxC,iBAAiB;EACjB,gBAAgB,KAAa,KAAA;EAC7B,cAAc;EACd,iBAAiB,KAAc,KAAA;EAC/B,aAAa,KAAU,KAAA;CAC3B;CAEA,OACI,kBAAC,QAAD;EACI,GAAI;EACJ,GAAI;EACJ,WAAW,EAAK,GAAc,CAAS;EACvC,GAAI;EACJ,GAAI;YALR,CAOI,kBAAC,GAAD;GACI,KAAK;GACL,GAAI;GACS;GACb,WAAW,EACP,GACA,GACA,EAAW,WACX,EAAO,KACX;GACA,cAAY;GACP;EACR,CAAA,GACD,kBAAC,GAAD;GACI,WAAW,EAAK,EAAO,OAAU;GACjC,MAAM;GACN,OAAM;GACN,gBAAc,KAAa,KAAA;EAC9B,CAAA,CACC;;AAEd"}

package/dist/chunks/ConnectedButtonGroup

@@ -0,0 +1,35 @@
+import { ConnectedButtonGroupContext as e } from "../components/Button/ButtonGroups/ButtonGroupContext/index.js";
+import { clsx as t } from "clsx";
+import { ToggleButtonGroup as n } from "react-aria-components";
+import { jsx as r } from "react/jsx-runtime";
+import { useMemo as i } from "react";
+import '../assets/ConnectedButtonGroup.css';var a = {
+	group: "_group_1it1y_2",
+	"extra-small": "_extra-small_1it1y_31",
+	small: "_small_1it1y_52",
+	medium: "_medium_1it1y_73",
+	large: "_large_1it1y_94",
+	"extra-large": "_extra-large_1it1y_115"
+}, o = ({ size: o = "small", shape: s = "round", color: c = "filled", iconPlacement: l, className: u, ...d }) => /* @__PURE__ */ r(e, {
+	value: i(() => ({
+		size: o,
+		shape: s,
+		color: c,
+		iconPlacement: l
+	}), [
+		o,
+		s,
+		c,
+		l
+	]),
+	children: /* @__PURE__ */ r(n, {
+		className: (e) => t(a.group, a[o], typeof u == "function" ? u(e) : u),
+		...d,
+		"data-shape": s,
+		"data-connected-button-group": !0
+	})
+});
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=ConnectedButtonGroup.map

package/dist/chunks/ConnectedButtonGroup.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedButtonGroup","names":[],"sources":["../../src/components/Button/ButtonGroups/ConnectedButtonGroup/connectedButtonGroup.module.css","../../src/components/Button/ButtonGroups/ConnectedButtonGroup/ConnectedButtonGroup.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .group {\n        /* shape */\n        --_shape-start-start: var(--_inner-shape);\n        --_shape-end-start: var(--_inner-shape);\n        --_shape-start-end: var(--_inner-shape);\n        --_shape-end-end: var(--_inner-shape);\n\n        display: inline-flex;\n        align-items: center;\n        gap: calc(2 * var(--dp, 1px));\n    }\n\n    .group > [data-pressed] {\n        --_shape-start-start: var(--_pressed-shape);\n        --_shape-end-start: var(--_pressed-shape);\n        --_shape-start-end: var(--_pressed-shape);\n        --_shape-end-end: var(--_pressed-shape);\n    }\n\n    .group > [data-connected-button]:first-child {\n        --_shape-start-start: var(--_outer-shape);\n        --_shape-end-start: var(--_outer-shape);\n    }\n\n    .group > [data-connected-button]:last-child {\n        --_shape-start-end: var(--_outer-shape);\n        --_shape-end-end: var(--_outer-shape);\n    }\n\n    .extra-small {\n        /* height for button is 32 */\n        --md-sys-shape-corner-radius-full: calc(16 * var(--dp, 1px));\n\n        --_md-button-padding-block-base: calc(6 * var(--dp, 1px));\n        --_md-button-padding-block: var(--_md-button-padding-block-base);\n        --_md-button-padding-inline: var(--md-sys-layout-space-12);\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-4);\n        --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n        --_outer-shape: var(--md-sys-shape-corner-radius-full);\n        --_inner-shape: var(--md-sys-shape-corner-radius-small);\n        --_pressed-shape: var(--md-sys-shape-corner-radius-extra-small);\n        --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n        &[data-shape=\"square\"] {\n            --_outer-shape: var(--md-sys-shape-corner-radius-small);\n        }\n    }\n\n    .small {\n        /* height for button is 40 */\n        --md-sys-shape-corner-radius-full: calc(20 * var(--dp, 1px));\n\n        --_md-button-padding-block-base: calc(10 * var(--dp, 1px));\n        --_md-button-padding-block: var(--_md-button-padding-block-base);\n        --_md-button-padding-inline: var(--md-sys-layout-space-16);\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n        --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n        --_outer-shape: var(--md-sys-shape-corner-radius-full);\n        --_inner-shape: var(--md-sys-shape-corner-radius-small);\n        --_pressed-shape: var(--md-sys-shape-corner-radius-extra-small);\n        --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n        &[data-shape=\"square\"] {\n            --_outer-shape: var(--md-sys-shape-corner-radius-small);\n        }\n    }\n\n    .medium {\n        /* height for button is 56 */\n        --md-sys-shape-corner-radius-full: calc(28 * var(--dp, 1px));\n\n        --_md-button-padding-block-base: var(--md-sys-layout-space-16);\n        --_md-button-padding-block: var(--_md-button-padding-block-base);\n        --_md-button-padding-inline: var(--md-sys-layout-space-24);\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n        --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n        --_outer-shape: var(--md-sys-shape-corner-radius-full);\n        --_inner-shape: var(--md-sys-shape-corner-radius-small);\n        --_pressed-shape: var(--md-sys-shape-corner-radius-extra-small);\n        --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n        &[data-shape=\"square\"] {\n            --_outer-shape: var(--md-sys-shape-corner-radius-small);\n        }\n    }\n\n    .large {\n        /* height for button is 96 */\n        --md-sys-shape-corner-radius-full: calc(48 * var(--dp, 1px));\n\n        --_md-button-padding-block-base: var(--md-sys-layout-space-32);\n        --_md-button-padding-block: var(--_md-button-padding-block-base);\n        --_md-button-padding-inline: var(--md-sys-layout-space-48);\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-12);\n        --_md-button-outline-width: var(--md-sys-shape-border-width-thick);\n\n        --_outer-shape: var(--md-sys-shape-corner-radius-full);\n        --_inner-shape: var(--md-sys-shape-corner-radius-large);\n        --_pressed-shape: var(--md-sys-shape-corner-radius-medium);\n        --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n        &[data-shape=\"square\"] {\n            --_outer-shape: var(--md-sys-shape-corner-radius-large);\n        }\n    }\n\n    .extra-large {\n        /* height for button is 136 */\n        --md-sys-shape-corner-radius-full: calc(68 * var(--dp, 1px));\n\n        --_md-button-padding-block-base: var(--md-sys-layout-space-48);\n        --_md-button-padding-block: var(--_md-button-padding-block-base);\n        --_md-button-padding-inline: var(--md-sys-layout-space-64);\n\n        --_md-button-icon-label-gap: var(--md-sys-layout-space-16);\n        --_md-button-outline-width: calc(3 * var(--dp, 1px));\n\n        --_outer-shape: var(--md-sys-shape-corner-radius-full);\n        --_inner-shape: var(--md-sys-shape-corner-radius-large-increased);\n        --_pressed-shape: var(--md-sys-shape-corner-radius-large);\n        --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n        &[data-shape=\"square\"] {\n            --_outer-shape: var(--md-sys-shape-corner-radius-large-increased);\n        }\n    }\n}\n","import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { ToggleButtonGroup as AriaToggleButtonGroup } from \"react-aria-components\";\nimport { ConnectedButtonGroupContext } from \"../ButtonGroupContext\";\nimport styles from \"./connectedButtonGroup.module.css\";\nimport type { ConnectedButtonGroupProps } from \"./types\";\n\nexport const ConnectedButtonGroup: React.FC<ConnectedButtonGroupProps> = ({\n    size = \"small\",\n    shape = \"round\",\n    color = \"filled\",\n    iconPlacement,\n    className,\n    ...props\n}) => {\n    const contextValue = useMemo(\n        () => ({ size, shape, color, iconPlacement }),\n        [size, shape, color, iconPlacement]\n    );\n\n    return (\n        <ConnectedButtonGroupContext value={contextValue}>\n            <AriaToggleButtonGroup\n                className={(renderProps) =>\n                    clsx(\n                        styles[\"group\"],\n                        styles[size],\n                        typeof className === \"function\"\n                            ? className(renderProps)\n                            : className\n                    )\n                }\n                {...props}\n                data-shape={shape}\n                data-connected-button-group\n            />\n        </ConnectedButtonGroupContext>\n    );\n};\n"],"mappings":";;;;;;;;;;;;GCOa,KAA6D,EACtE,UAAO,SACP,WAAQ,SACR,WAAQ,UACR,kBACA,cACA,GAAG,QAQC,kBAAC,GAAD;CAA6B,OANZ,SACV;EAAE;EAAM;EAAO;EAAO;CAAc,IAC3C;EAAC;EAAM;EAAO;EAAO;CAAa,CAIE;WAChC,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,OACP,EAAO,IACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,cAAY;EACZ,+BAAA;CACH,CAAA;AACwB,CAAA"}

package/dist/chunks/Dialog

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

package/dist/chunks/Dialog.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog","names":[],"sources":["../../src/components/Dialog/Dialog/dialog.module.css","../../src/components/Dialog/Dialog/Dialog.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-dialog-container-background\n* --md-dialog-headline-text-color\n* --md-dialog-icon-color\n* --md-dialog-body-text-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .dialog {\n        --md-divider-color: currentcolor;\n\n        /* container */\n        --_md-dialog-container-min-inline-size: calc(280 * var(--dp, 1px));\n        --_md-dialog-container-max-inline-size: calc(560 * var(--dp, 1px));\n        --_md-dialog-container-max-block-size: 90svb;\n\n        --_md-dialog-container-background: var(\n            --md-dialog-container-background,\n            var(--md-sys-color-surface-container-high)\n        );\n        --_md-dialog-container-shape: var(\n            --md-sys-shape-corner-radius-extra-large\n        );\n        --_md-dialog-container-elevation: var(--md-sys-elevation-shadow-3);\n        --_md-dialog-container-padding: var(--md-sys-layout-space-24);\n\n        /* color */\n        --_md-dialog-headline-text-color: var(\n            --md-dialog-headline-text-color,\n            var(--md-sys-color-on-surface)\n        );\n        --_md-dialog-icon-color: var(\n            --md-dialog-icon-color,\n            var(--md-sys-color-secondary)\n        );\n        --_md-dialog-body-text-color: var(\n            --md-dialog-body-text-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n\n        /* spacing */\n        --_md-dialog-action-gap: var(--md-sys-layout-space-8);\n        --_md-dialog-title-body-gap: var(--md-sys-layout-space-16);\n        --_md-dialog-title-icon-gap: var(--md-sys-layout-space-16);\n        --_md-dialog-body-action-gap: var(--md-sys-layout-space-24);\n\n        /* styles */\n        padding: var(--_md-dialog-container-padding);\n        border-radius: var(--_md-dialog-container-shape);\n\n        background-color: var(--_md-dialog-container-background);\n        color: var(--_md-dialog-body-text-color);\n        box-shadow: var(--_md-dialog-container-elevation);\n\n        min-inline-size: min(\n            100svi,\n            var(--_md-dialog-container-min-inline-size)\n        );\n        max-inline-size: var(--_md-dialog-container-max-inline-size);\n        max-block-size: var(--_md-dialog-container-max-block-size);\n    }\n}\n","import clsx from \"clsx\";\nimport { Dialog as AriaDialog } from \"react-aria-components\";\nimport styles from \"./dialog.module.css\";\n\nexport const Dialog: React.FC<\n    React.ComponentPropsWithRef<typeof AriaDialog>\n> = ({ className, ...props }) => {\n    return (\n        <AriaDialog className={clsx(styles[\"dialog\"], className)} {...props} />\n    );\n};\n"],"mappings":";;;wCCIa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CAAY,WAAW,EAAK,EAAO,QAAW,CAAS;CAAG,GAAI;AAAQ,CAAA"}

package/dist/chunks/Disclosure

@@ -1,26 +1,11 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { clsx as e } from "clsx";
-import { ChevronRight as c } from "lucide-react";
-import { Disclosure as a, DisclosurePanel as m } from "react-aria-components";
-import { T as p } from "./TextButton";
-import '../assets/Disclosure.css';const _ = "_disclosure_1iszy_1", g = "_trigger_1iszy_17", u = "_panel_1iszy_27", r = {
-  disclosure: _,
-  trigger: g,
-  panel: u,
-  "panel-container": "_panel-container_1iszy_38"
-}, D = ({
-  heading: o,
-  children: l,
-  id: n,
-  triggerTheme: t = "inverse-surface"
-}) => /* @__PURE__ */ i(a, { className: e(r.disclosure), id: n, children: [
-  /* @__PURE__ */ s("h2", { className: e(r.trigger), children: /* @__PURE__ */ i(p, { slot: "trigger", theme: t, children: [
-    /* @__PURE__ */ s(c, {}),
-    o
-  ] }) }),
-  /* @__PURE__ */ s(m, { className: e(r.panel), children: /* @__PURE__ */ s("div", { className: e(r["panel-container"]), children: l }) })
-] });
-export {
-  D
-};
-//# sourceMappingURL=Disclosure.map
+import e from "clsx";
+import { Disclosure as t } from "react-aria-components";
+import { jsx as n } from "react/jsx-runtime";
+import '../assets/Disclosure.css';var r = { disclosure: "_disclosure_nnw90_2" }, i = ({ className: i, ...a }) => /* @__PURE__ */ n(t, {
+	className: (t) => e(r.disclosure, typeof i == "function" ? i(t) : i),
+	...a
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=Disclosure.map

package/dist/chunks/Disclosure.map

@@ -1 +1 @@
-{"version":3,"file":"Disclosure","sources":["../../src/components/Disclosure/Disclosure/Disclosure.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ChevronRight } from \"lucide-react\";\nimport {\n    DisclosurePanel,\n    Disclosure as UnstyledDisclosure,\n} from \"react-aria-components\";\nimport { TextButton } from \"@/components/Button/TextButton\";\nimport styles from \"./disclosure.module.css\";\nimport type { DisclosureProps } from \"./types\";\n\nexport const Disclosure = ({\n    heading,\n    children,\n    id,\n    triggerTheme = \"inverse-surface\",\n}: DisclosureProps) => {\n    return (\n        <UnstyledDisclosure className={clsx(styles[\"disclosure\"])} id={id}>\n            <h2 className={clsx(styles[\"trigger\"])}>\n                <TextButton slot=\"trigger\" theme={triggerTheme}>\n                    <ChevronRight />\n                    {heading}\n                </TextButton>\n            </h2>\n\n            <DisclosurePanel className={clsx(styles[\"panel\"])}>\n                <div className={clsx(styles[\"panel-container\"])}>\n                    {children}\n                </div>\n            </DisclosurePanel>\n        </UnstyledDisclosure>\n    );\n};\n"],"names":["Disclosure","heading","children","id","triggerTheme","jsxs","UnstyledDisclosure","clsx","styles","jsx","TextButton","ChevronRight","DisclosurePanel"],"mappings":";;;;;;;;;;GAUaA,IAAa,CAAC;AAAA,EACvB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,cAAAC,IAAe;AACnB,MAEQ,gBAAAC,EAACC,KAAmB,WAAWC,EAAKC,EAAO,UAAa,GAAG,IAAAL,GACvD,UAAA;AAAA,EAAA,gBAAAM,EAAC,MAAA,EAAG,WAAWF,EAAKC,EAAO,OAAU,GACjC,UAAA,gBAAAH,EAACK,GAAA,EAAW,MAAK,WAAU,OAAON,GAC9B,UAAA;AAAA,IAAA,gBAAAK,EAACE,GAAA,EAAa;AAAA,IACbV;AAAA,EAAA,EAAA,CACL,EAAA,CACJ;AAAA,oBAECW,GAAA,EAAgB,WAAWL,EAAKC,EAAO,KAAQ,GAC5C,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAKC,EAAO,iBAAiB,CAAC,GACzC,UAAAN,GACL,EAAA,CACJ;AAAA,GACJ;"}
+{"version":3,"file":"Disclosure","names":[],"sources":["../../src/components/Disclosure/Disclosure/disclosure.module.css","../../src/components/Disclosure/Disclosure/Disclosure.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .disclosure {\n        --spacing: var(--md-sys-layout-space-12);\n    }\n}\n","import clsx from \"clsx\";\nimport { Disclosure as AriaDisclosure } from \"react-aria-components\";\nimport styles from \"./disclosure.module.css\";\n\nexport const Disclosure: React.FC<\n    React.ComponentPropsWithRef<typeof AriaDisclosure>\n> = ({ className, ...props }) => {\n    return (\n        <AriaDisclosure\n            className={(renderProps) =>\n                clsx(\n                    styles[\"disclosure\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;+CCIa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,YACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}

package/dist/chunks/DisclosureGroup

@@ -0,0 +1,18 @@
+import { DisclosureTypographyContext as e } from "../components/Disclosure/context/index.js";
+import t from "clsx";
+import { DisclosureGroup as n } from "react-aria-components";
+import { jsx as r } from "react/jsx-runtime";
+import '../assets/DisclosureGroup.css';var i = { group: "_group_lbw2t_2" }, a = ({ labelTypography: a, panelTypography: o, className: s, ...c }) => /* @__PURE__ */ r(e, {
+	value: {
+		label: a,
+		panel: o
+	},
+	children: /* @__PURE__ */ r(n, {
+		className: (e) => t(i.group, typeof s == "function" ? s(e) : s),
+		...c
+	})
+});
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=DisclosureGroup.map

package/dist/chunks/DisclosureGroup.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclosureGroup","names":[],"sources":["../../src/components/Disclosure/DisclosureGroup/disclosureGroup.module.css","../../src/components/Disclosure/DisclosureGroup/DisclosureGroup.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .group {\n        display: grid;\n        gap: var(--md-sys-layout-space-24);\n    }\n}\n","import clsx from \"clsx\";\nimport { DisclosureGroup as AriaDisclosureGroup } from \"react-aria-components\";\nimport type { Typography } from \"@/utils\";\nimport { DisclosureTypographyContext } from \"../context\";\nimport styles from \"./disclosureGroup.module.css\";\n\nexport const DisclosureGroup: React.FC<\n    React.ComponentPropsWithRef<typeof AriaDisclosureGroup> & {\n        labelTypography?: Typography;\n        panelTypography?: Typography;\n    }\n> = ({ labelTypography, panelTypography, className, ...props }) => {\n    return (\n        <DisclosureTypographyContext\n            value={{ label: labelTypography, panel: panelTypography }}\n        >\n            <AriaDisclosureGroup\n                className={(renderProps) =>\n                    clsx(\n                        styles[\"group\"],\n                        typeof className === \"function\"\n                            ? className(renderProps)\n                            : className\n                    )\n                }\n                {...props}\n            />\n        </DisclosureTypographyContext>\n    );\n};\n"],"mappings":";;;;qCCMa,KAKR,EAAE,oBAAiB,oBAAiB,cAAW,GAAG,QAE/C,kBAAC,GAAD;CACI,OAAO;EAAE,OAAO;EAAiB,OAAO;CAAgB;WAExD,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,OACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;CACP,CAAA;AACwB,CAAA"}

package/dist/chunks/DisclosureHeader

@@ -0,0 +1,41 @@
+import { t as e } from "./Icon";
+import { n as t, t as n } from "./useSplash";
+import { t as r } from "./tapTarget";
+import { f as i, l as a, u as o } from "./core";
+import { useDisclosureTypographyContext as s } from "../components/Disclosure/context/index.js";
+import { clsx as c } from "clsx";
+import { Button as l, DisclosureStateContext as u, Heading as d } from "react-aria-components";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { ChevronRight as m } from "lucide-react";
+import { useContext as h } from "react";
+import '../assets/DisclosureHeader.css';var g = {
+	"state-layer": "_state-layer_1bxlz_2",
+	trigger: "_trigger_1bxlz_21"
+}, _ = ({ children: _, labelTypography: v, ...y }) => {
+	let { splashInfo: b, handlePress: x } = n(), { isExpanded: S } = h(u) || {}, { label: C } = s({ label: v });
+	return /* @__PURE__ */ f(d, {
+		...y,
+		children: /* @__PURE__ */ p(l, {
+			onPress: x,
+			className: c(i, r, g.trigger, a, o("standard"), C),
+			slot: "trigger",
+			"data-expanded": S || void 0,
+			"data-shape": "square",
+			children: [
+				/* @__PURE__ */ f("span", {
+					className: g["state-layer"],
+					children: b && /* @__PURE__ */ f(t, { ...b })
+				}),
+				/* @__PURE__ */ f(e, {
+					withText: !0,
+					icon: m
+				}),
+				_
+			]
+		})
+	});
+};
+//#endregion
+export { _ as t };
+
+//# sourceMappingURL=DisclosureHeader.map

package/dist/chunks/DisclosureHeader.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclosureHeader","names":[],"sources":["../../src/components/Disclosure/DisclosureHeader/disclosureHeader.module.css","../../src/components/Disclosure/DisclosureHeader/DisclosureHeader.tsx"],"sourcesContent":["@layer adgytec.overrides {\n    .state-layer {\n        --inset: calc(-1 * var(--spacing));\n\n        position: absolute;\n        inset: var(--inset);\n        border-radius: inherit;\n\n        overflow: clip;\n\n        background-color: var(--_state-layer-color);\n\n        transition: background-color var(--md-sys-motion-standard-fast-spatial)\n            var(--md-sys-motion-standard-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n\n    .trigger::before {\n        background-color: transparent;\n    }\n\n    .trigger[data-focus-visible] {\n        outline: none;\n\n        &::before {\n            outline: none;\n            z-index: 1;\n        }\n\n        .state-layer {\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}\n\n@layer adgytec.comps {\n    .trigger {\n        --rotate: 0;\n\n        display: flex;\n        gap: var(--md-sys-layout-space-4);\n        align-items: start;\n\n        border-radius: var(--md-sys-shape-corner-radius-medium);\n        text-align: start;\n\n        &[data-pressed] {\n            border-radius: var(--md-sys-shape-corner-radius-small);\n        }\n\n        &[data-expanded] {\n            --rotate: 90deg;\n        }\n\n        > svg {\n            margin-block-start: calc(2.5 * var(--dp, 1px));\n            rotate: var(--rotate);\n            transition: rotate 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    }\n}\n","import { clsx } from \"clsx\";\nimport { ChevronRight } from \"lucide-react\";\nimport { useContext } from \"react\";\nimport { Button, DisclosureStateContext, Heading } from \"react-aria-components\";\nimport {\n    ButtonReset,\n    buttonColorBase,\n    buttonColorConfig,\n} from \"@/components/Button\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget, type Typography } from \"@/utils\";\nimport { useDisclosureTypographyContext } from \"../context\";\nimport styles from \"./disclosureHeader.module.css\";\n\nexport const DisclosureHeader: React.FC<\n    React.ComponentPropsWithRef<typeof Heading> & {\n        labelTypography?: Typography;\n    }\n> = ({ children, labelTypography, ...props }) => {\n    const { splashInfo, handlePress } = useSplash();\n\n    const disclosureContext = useContext(DisclosureStateContext);\n    const { isExpanded } = disclosureContext || {};\n\n    const { label } = useDisclosureTypographyContext({\n        label: labelTypography,\n    });\n\n    return (\n        <Heading {...props}>\n            <Button\n                onPress={handlePress}\n                className={clsx(\n                    ButtonReset,\n                    TapTarget,\n                    styles[\"trigger\"],\n                    buttonColorBase,\n                    buttonColorConfig(\"standard\"),\n                    label\n                )}\n                slot=\"trigger\"\n                data-expanded={isExpanded || undefined}\n                data-shape=\"square\"\n            >\n                <span className={styles[\"state-layer\"]}>\n                    {splashInfo && <Splash {...splashInfo} />}\n                </span>\n                <Icon withText icon={ChevronRight} />\n                {children}\n            </Button>\n        </Heading>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;GCgBa,KAIR,EAAE,aAAU,oBAAiB,GAAG,QAAY;CAC7C,IAAM,EAAE,eAAY,mBAAgB,EAAU,GAGxC,EAAE,kBADkB,EAAW,CACd,KAAqB,CAAC,GAEvC,EAAE,aAAU,EAA+B,EAC7C,OAAO,EACX,CAAC;CAED,OACI,kBAAC,GAAD;EAAS,GAAI;YACT,kBAAC,GAAD;GACI,SAAS;GACT,WAAW,EACP,GACA,GACA,EAAO,SACP,GACA,EAAkB,UAAU,GAC5B,CACJ;GACA,MAAK;GACL,iBAAe,KAAc,KAAA;GAC7B,cAAW;aAZf;IAcI,kBAAC,QAAD;KAAM,WAAW,EAAO;eACnB,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA;IACtC,CAAA;IACN,kBAAC,GAAD;KAAM,UAAA;KAAS,MAAM;IAAe,CAAA;IACnC;GACG;;CACH,CAAA;AAEjB"}

package/dist/chunks/DisclosurePanel

@@ -0,0 +1,16 @@
+import { useDisclosureTypographyContext as e } from "../components/Disclosure/context/index.js";
+import { clsx as t } from "clsx";
+import { DisclosurePanel as n } from "react-aria-components";
+import { jsx as r } from "react/jsx-runtime";
+import '../assets/DisclosurePanel.css';var i = { panel: "_panel_sw5lb_2" }, a = ({ className: a, children: o, panelTypography: s, ...c }) => {
+	let { panel: l } = e({ panel: s });
+	return /* @__PURE__ */ r(n, {
+		className: (e) => t(i.panel, l, typeof a == "function" ? a(e) : a),
+		...c,
+		children: /* @__PURE__ */ r("div", { children: o })
+	});
+};
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=DisclosurePanel.map

package/dist/chunks/DisclosurePanel.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclosurePanel","names":[],"sources":["../../src/components/Disclosure/DisclosurePanel/disclosurePanel.module.css","../../src/components/Disclosure/DisclosurePanel/DisclosurePanel.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .panel {\n        height: var(--disclosure-panel-height);\n\n        transition: height var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration);\n        overflow: clip;\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        > div {\n            padding-block-start: var(--spacing);\n        }\n    }\n}\n","import { clsx } from \"clsx\";\nimport { DisclosurePanel as AriaDisclosurePanel } from \"react-aria-components\";\nimport type { Typography } from \"@/utils\";\nimport { useDisclosureTypographyContext } from \"../context\";\nimport styles from \"./disclosurePanel.module.css\";\n\nexport const DisclosurePanel: React.FC<\n    React.ComponentPropsWithRef<typeof AriaDisclosurePanel> & {\n        panelTypography?: Typography;\n    }\n> = ({ className, children, panelTypography, ...props }) => {\n    const { panel } = useDisclosureTypographyContext({\n        panel: panelTypography,\n    });\n\n    return (\n        <AriaDisclosurePanel\n            className={(renderProps) =>\n                clsx(\n                    styles[\"panel\"],\n                    panel,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        >\n            <div>{children}</div>\n        </AriaDisclosurePanel>\n    );\n};\n"],"mappings":";;;;qCCMa,KAIR,EAAE,cAAW,aAAU,oBAAiB,GAAG,QAAY;CACxD,IAAM,EAAE,aAAU,EAA+B,EAC7C,OAAO,EACX,CAAC;CAED,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,OACP,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;YAEJ,kBAAC,OAAD,EAAM,YAAc,CAAA;CACH,CAAA;AAE7B"}

package/dist/chunks/Divider

@@ -0,0 +1,12 @@
+import { clsx as e } from "clsx";
+import { Separator as t } from "react-aria-components";
+import { jsx as n } from "react/jsx-runtime";
+import '../assets/Divider.css';var r = { divider: "_divider_1sn33_8" }, i = ({ className: i, ...a }) => /* @__PURE__ */ n(t, {
+	className: e(r.divider, i),
+	...a,
+	"data-divider": !0
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=Divider.map

package/dist/chunks/Divider.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider","names":[],"sources":["../../src/components/Divider/divider.module.css","../../src/components/Divider/Divider.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-divider-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .divider {\n        --_thickness: calc(1 * var(--dp, 1px));\n        --_color: var(--md-divider-color, var(--md-sys-color-outline-variant));\n\n        background-color: rgb(\n            from var(--_color) r g b /\n            var(--md-sys-state-divider)\n        );\n\n        inline-size: 100%;\n        block-size: var(--_thickness);\n        min-block-size: var(--_thickness);\n\n        border: none;\n        margin: 0;\n\n        &[aria-orientation=\"vertical\"] {\n            block-size: 100%;\n\n            inline-size: var(--_thickness);\n            min-inline-size: var(--_thickness);\n        }\n    }\n}\n","import { clsx } from \"clsx\";\nimport { Separator } from \"react-aria-components\";\nimport styles from \"./divider.module.css\";\n\nexport const Divider: React.FC<\n    React.ComponentPropsWithRef<typeof Separator>\n> = ({ className, ...props }) => {\n    return (\n        <Separator\n            className={clsx(styles[\"divider\"], className)}\n            {...props}\n            data-divider\n        />\n    );\n};\n"],"mappings":";;;yCCIa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,WAAW,EAAK,EAAO,SAAY,CAAS;CAC5C,GAAI;CACJ,gBAAA;AACH,CAAA"}

package/dist/chunks/FieldError

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

package/dist/chunks/FieldError.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError","names":[],"sources":["../../src/components/Input/FieldError/fieldError.module.css","../../src/components/Input/FieldError/FieldError.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .error {\n        color: var(--md-sys-color-error);\n    }\n}\n","import { clsx } from \"clsx\";\nimport { FieldError as AriaFieldError } from \"react-aria-components\";\nimport { typography } from \"@/utils/typography\";\nimport styles from \"./fieldError.module.css\";\n\nexport const FieldError: React.FC<\n    React.ComponentPropsWithRef<typeof AriaFieldError>\n> = ({ className, ...props }) => {\n    return (\n        <AriaFieldError\n            className={(renderProps) =>\n                clsx(\n                    styles[\"error\"],\n                    typography.labelMedium,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;qCCKa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,OACP,EAAW,aACX,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}