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

package/dist/chunks/BottomSheet.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet","names":[],"sources":["../../src/components/Sheets/BottomSheet/bottomSheet.module.css","../../src/components/Sheets/BottomSheet/BottomSheet.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-bottom-sheet-background\n* --md-bottom-sheet-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .bottom-sheet {\n        --_md-bottom-sheet-background: var(\n            --md-bottom-sheet-background,\n            var(--md-sys-color-surface-container-low)\n        );\n        --_md-bottom-sheet-color: var(\n            --md-bottom-sheet-color,\n            var(--md-sys-color-on-surface)\n        );\n        --_max-inline-size: calc(640 * var(--dp, 1px));\n\n        background-color: var(--_md-bottom-sheet-background);\n        color: var(--_md-bottom-sheet-color);\n\n        box-shadow: var(--md-sys-elevation-shadow-1);\n        border-radius: var(--md-sys-shape-corner-radius-large);\n\n        inline-size: min(100svi, var(--_max-inline-size));\n        max-block-size: calc(100svb - var(--_top-padding));\n\n        padding: var(--md-sys-layout-space-20);\n\n        overflow-y: auto;\n\n        &[data-layout=\"detached\"] {\n            max-block-size: calc(\n                100svb -\n                calc(var(--_top-padding) + var(--_detached-margin))\n            );\n            inline-size: min(\n                calc(100svi - calc(2 * var(--_detached-margin))),\n                var(--_max-inline-size)\n            );\n        }\n\n        &[data-layout=\"standard\"] {\n            border-end-start-radius: 0;\n            border-end-end-radius: 0;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Dialog } from \"react-aria-components\";\nimport { BottomSheetContext } from \"../BottomSheetModal\";\nimport styles from \"./bottomSheet.module.css\";\n\nexport const BottomSheet: React.FC<\n    React.ComponentPropsWithRef<typeof Dialog>\n> = ({ children, className, ...props }) => {\n    const { layout } = useContext(BottomSheetContext);\n\n    return (\n        <Dialog\n            className={clsx(styles[\"bottom-sheet\"], className)}\n            data-layout={layout}\n            {...props}\n        >\n            {(renderProps) => (\n                <>\n                    {typeof children === \"function\"\n                        ? children(renderProps)\n                        : children}\n                </>\n            )}\n        </Dialog>\n    );\n};\n"],"mappings":";;;;;;qDCMa,KAER,EAAE,aAAU,cAAW,GAAG,QAAY;CACvC,IAAM,EAAE,cAAW,EAAW,CAAkB;CAEhD,OACI,kBAAC,GAAD;EACI,WAAW,EAAK,EAAO,iBAAiB,CAAS;EACjD,eAAa;EACb,GAAI;aAEF,MACE,kBAAA,GAAA,EAAA,UACK,OAAO,KAAa,aACf,EAAS,CAAW,IACpB,EACR,CAAA;CAEF,CAAA;AAEhB"}
+{"version":3,"file":"BottomSheet","names":[],"sources":["../../src/components/Sheets/BottomSheet/bottomSheet.module.css","../../src/components/Sheets/BottomSheet/BottomSheet.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-bottom-sheet-background\n* --md-bottom-sheet-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .bottom-sheet {\n        --_md-bottom-sheet-background: var(\n            --md-bottom-sheet-background,\n            var(--md-sys-color-surface-container-low)\n        );\n        --_md-bottom-sheet-color: var(\n            --md-bottom-sheet-color,\n            var(--md-sys-color-on-surface)\n        );\n        --_max-inline-size: calc(640 * var(--dp, 1px));\n\n        background-color: var(--_md-bottom-sheet-background);\n        color: var(--_md-bottom-sheet-color);\n\n        box-shadow: var(--md-sys-elevation-shadow-1);\n        border-radius: var(--md-sys-shape-corner-radius-large);\n\n        inline-size: min(100svi, var(--_max-inline-size));\n        max-block-size: calc(100svb - var(--_top-padding));\n\n        padding: var(--md-sys-layout-space-20);\n\n        overflow-y: auto;\n\n        &[data-layout=\"detached\"] {\n            max-block-size: calc(\n                100svb -\n                calc(var(--_top-padding) + var(--_detached-margin))\n            );\n            inline-size: min(\n                calc(100svi - calc(2 * var(--_detached-margin))),\n                var(--_max-inline-size)\n            );\n        }\n\n        &[data-layout=\"standard\"] {\n            border-end-start-radius: 0;\n            border-end-end-radius: 0;\n        }\n    }\n}\n","import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Dialog } from \"react-aria-components\";\nimport { DialogContext } from \"@/components/Dialog\";\nimport { BottomSheetContext } from \"../BottomSheetModal\";\nimport styles from \"./bottomSheet.module.css\";\n\nexport const BottomSheet: React.FC<\n    React.ComponentPropsWithRef<typeof Dialog>\n> = ({ children, className, ...props }) => {\n    const { layout } = useContext(BottomSheetContext);\n\n    return (\n        <DialogContext value={true}>\n            <Dialog\n                className={clsx(styles[\"bottom-sheet\"], className)}\n                data-layout={layout}\n                {...props}\n            >\n                {(renderProps) => (\n                    <>\n                        {typeof children === \"function\"\n                            ? children(renderProps)\n                            : children}\n                    </>\n                )}\n            </Dialog>\n        </DialogContext>\n    );\n};\n"],"mappings":";;;;;;;qDCOa,KAER,EAAE,aAAU,cAAW,GAAG,QAAY;CACvC,IAAM,EAAE,cAAW,EAAW,CAAkB;CAEhD,OACI,kBAAC,GAAD;EAAe,OAAO;YAClB,kBAAC,GAAD;GACI,WAAW,EAAK,EAAO,iBAAiB,CAAS;GACjD,eAAa;GACb,GAAI;cAEF,MACE,kBAAA,GAAA,EAAA,UACK,OAAO,KAAa,aACf,EAAS,CAAW,IACpB,EACR,CAAA;EAEF,CAAA;CACG,CAAA;AAEvB"}

package/dist/chunks/BottomSheetModal

@@ -1,12 +1,12 @@
 import e from "clsx";
-import { Modal as t } from "react-aria-components";
+import { createContext as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
-import { createContext as r } from "react";
-import '../assets/BottomSheetModal.css';var i = { modal: "_modal_hiq4g_2" }, a = r({ layout: "standard" }), o = ({ className: r, layout: o = "standard", ...s }) => /* @__PURE__ */ n(a, {
+import { Modal as r } from "react-aria-components";
+import '../assets/BottomSheetModal.css';var i = { modal: "_modal_hiq4g_2" }, a = t({ layout: "standard" }), o = ({ className: t, layout: o = "standard", ...s }) => /* @__PURE__ */ n(a, {
 	value: { layout: o },
-	children: /* @__PURE__ */ n(t, {
+	children: /* @__PURE__ */ n(r, {
 		"data-layout": o,
-		className: (t) => e(i.modal, typeof r == "function" ? r(t) : r),
+		className: (n) => e(i.modal, typeof t == "function" ? t(n) : t),
 		...s
 	})
 });

package/dist/chunks/ButtonGroup

@@ -1,8 +1,8 @@
 import { ButtonGroupContext as e } from "../components/Button/ButtonGroups/ButtonGroupContext/index.js";
 import { clsx as t } from "clsx";
-import { ToggleButtonGroup as n } from "react-aria-components";
+import { useMemo as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
-import { useMemo as i } from "react";
+import { ToggleButtonGroup as i } from "react-aria-components";
 import '../assets/ButtonGroup.css';var a = {
 	"button-group": "_button-group_1enif_2",
 	"extra-small": "_extra-small_1enif_41",
@@ -11,7 +11,7 @@ import '../assets/ButtonGroup.css';var a = {
 	large: "_large_1enif_65",
 	"extra-large": "_extra-large_1enif_73"
 }, o = ({ size: o, shape: s, color: c, className: l, iconPlacement: u, ...d }) => /* @__PURE__ */ r(e, {
-	value: i(() => ({
+	value: n(() => ({
 		size: o,
 		shape: s,
 		color: c,
@@ -22,7 +22,7 @@ import '../assets/ButtonGroup.css';var a = {
 		c,
 		u
 	]),
-	children: /* @__PURE__ */ r(n, {
+	children: /* @__PURE__ */ r(i, {
 		className: (e) => t(a["button-group"], a[o ?? "small"], typeof l == "function" ? l(e) : l),
 		...d,
 		"data-button-group": !0

package/dist/chunks/CalendarCell

@@ -1,38 +1,38 @@
-import { n as e, t } from "./useSplash";
-import { t as n } from "./base";
+import { t as e } from "./base";
+import { n as t, t as n } from "./useSplash";
 import { t as r } from "./usePress";
 import i from "clsx";
-import { CalendarCell as a } from "react-aria-components";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { CalendarCell as c } from "react-aria-components";
 import '../assets/CalendarCell.css';var l = {
 	cell: "_cell_xm3mx_2",
 	"splash-container": "_splash-container_xm3mx_119",
 	"range-indicator": "_range-indicator_xm3mx_155"
 }, u = ({ className: u, isRangeCalendar: d = !1, ...f }) => {
-	let { splashInfo: p, handlePress: m } = t(), { pressProps: h } = r({ onPress: m });
-	return /* @__PURE__ */ s(a, {
-		className: (e) => i(l.cell, n.bodyLarge, typeof u == "function" ? u(e) : u),
+	let { splashInfo: p, handlePress: m } = n(), { pressProps: h } = r({ onPress: m });
+	return /* @__PURE__ */ o(c, {
+		className: (t) => i(l.cell, e.bodyLarge, typeof u == "function" ? u(t) : u),
 		...h,
 		...f,
 		"data-range-calendar": d || void 0,
-		children: ({ formattedDate: t, isDisabled: n, isOutsideVisibleRange: r, isOutsideMonth: a, isInvalid: u, isSelected: f, isSelectionStart: m, isSelectionEnd: h }) => {
+		children: ({ formattedDate: e, isDisabled: n, isOutsideVisibleRange: r, isOutsideMonth: c, isInvalid: u, isSelected: f, isSelectionStart: m, isSelectionEnd: h }) => {
 			let g = d && f && !m && !h;
-			return /* @__PURE__ */ c(o, { children: [
-				!(n || a || r) && p && /* @__PURE__ */ s("span", {
+			return /* @__PURE__ */ s(a, { children: [
+				!(n || c || r) && p && /* @__PURE__ */ o("span", {
 					className: i(l["splash-container"]),
-					children: /* @__PURE__ */ s(e, { ...p })
+					children: /* @__PURE__ */ o(t, { ...p })
 				}),
-				d && /* @__PURE__ */ s("span", {
+				d && /* @__PURE__ */ o("span", {
 					className: i(l["range-indicator"]),
 					"data-in-range": g || void 0,
 					"data-selection-start": m || void 0,
 					"data-selection-end": h || void 0,
 					"data-invalid": u || void 0,
 					"data-disabled": n || void 0,
-					"data-outside-month": a || void 0,
+					"data-outside-month": c || void 0,
 					"data-outside-visible-range": r || void 0
 				}),
-				t
+				e
 			] });
 		}
 	});

package/dist/chunks/CalendarGrid

@@ -1,24 +1,24 @@
 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 { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { CalendarGrid as a, CalendarGridBody as o, CalendarGridHeader as s, CalendarHeaderCell as c } from "react-aria-components";
 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, {
+}, u = ({ isRangeCalendar: u, ...d }) => /* @__PURE__ */ i(a, {
 	...d,
 	className: n(l.grid),
-	children: [/* @__PURE__ */ s(a, {
+	children: [/* @__PURE__ */ r(s, {
 		className: n(l.header),
-		children: (t) => /* @__PURE__ */ s(o, {
+		children: (t) => /* @__PURE__ */ r(c, {
 			className: n(l["header-cell"], e.bodyLarge),
 			children: t
 		})
-	}), /* @__PURE__ */ s(i, {
+	}), /* @__PURE__ */ r(o, {
 		className: n(l.body),
-		children: (e) => /* @__PURE__ */ s(t, {
+		children: (e) => /* @__PURE__ */ r(t, {
 			isRangeCalendar: u,
 			date: e
 		})

package/dist/chunks/CalendarMenuItem

@@ -1,8 +1,8 @@
 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, {
+import { jsx as n } from "react/jsx-runtime";
+import { ListBoxItem as r } from "react-aria-components";
+import '../assets/CalendarMenuItem.css';var i = { item: "_item_tzerc_2" }, a = ({ className: a, ...o }) => /* @__PURE__ */ n(r, {
 	className: (n) => t(i.item, e.bodyLarge, typeof a == "function" ? a(n) : a),
 	...o
 });

package/dist/chunks/CenteredSlider

@@ -3,63 +3,63 @@ import { a as t, c as n, i as r, n as i, o as a, r as o, s, t as c } from "./cor
 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 { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Slider as h, SliderTrack as g } from "react-aria-components";
 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, {
+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__ */ p(h, {
 	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 }) => {
+	children: ({ orientation: t, state: n, isDisabled: h }) => {
 		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", {
+		return /* @__PURE__ */ m(f, { children: [v && /* @__PURE__ */ p(e, { children: v }), /* @__PURE__ */ p("div", {
 			className: d(a),
 			"data-orientation": t,
-			children: /* @__PURE__ */ g(p, {
+			children: /* @__PURE__ */ m(g, {
 				className: d(s, r(b)),
 				children: [
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ m("div", {
 						className: d(o),
 						"data-orientation": t,
 						children: [
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ p("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,
+								"data-disabled": h || void 0,
 								style: { [O]: `${j}%` }
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ p("div", {
 								className: d(c),
 								"data-orientation": t,
 								"data-track": "mid",
-								"data-disabled": f || void 0,
+								"data-disabled": h || void 0,
 								style: { [O]: `${A}%` },
-								children: /* @__PURE__ */ h("div", { "data-direction": N })
+								children: /* @__PURE__ */ p("div", { "data-direction": N })
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ p("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,
+								"data-disabled": h || void 0,
 								style: { [O]: `${M}%` }
 							})
 						]
 					}),
-					/* @__PURE__ */ h(u, {
+					/* @__PURE__ */ p(u, {
 						size: b,
 						orientation: t,
 						"aria-label": y,
 						outputRenderer: D
 					}),
-					/* @__PURE__ */ h(l, {
+					/* @__PURE__ */ p(l, {
 						slider: "centered",
 						minValue: x,
 						maxValue: S,

package/dist/chunks/ComboBox

@@ -6,44 +6,44 @@ 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 { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { ComboBox as f, ComboBoxValue as p, TagGroup as m, TagList as h } from "react-aria-components";
 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, {
+}, _ = ({ label: _, description: v, errorMessage: y, showDescriptionOnInvalid: b = !1, children: x, className: S, hideMultiSelectionValue: C = !1, ...w }) => /* @__PURE__ */ u(f, {
 	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, {
+		let { isInvalid: o } = i, f = v && (!o || o && b);
+		return /* @__PURE__ */ d(c, {
 			value: i,
 			children: [
-				_ && /* @__PURE__ */ m(r, { children: _ }),
+				_ && /* @__PURE__ */ u(r, { children: _ }),
 				typeof x == "function" ? x(i) : x,
-				w.selectionMode === "multiple" && !C && /* @__PURE__ */ m(d, {
+				w.selectionMode === "multiple" && !C && /* @__PURE__ */ u(p, {
 					className: l(g["selected-value"], e.bodyLarge),
-					children: ({ state: e }) => /* @__PURE__ */ m(f, {
+					children: ({ state: e }) => /* @__PURE__ */ u(m, {
 						"aria-label": "Selected Items",
 						onRemove: (t) => {
 							Array.isArray(e.value) && e.setValue(e.value.filter((e) => !t.has(e)));
 						},
-						children: /* @__PURE__ */ m(p, {
+						children: /* @__PURE__ */ u(h, {
 							items: e.selectedItems,
 							className: l(g["tag-list"]),
-							children: (e) => /* @__PURE__ */ m(s, {
+							children: (e) => /* @__PURE__ */ u(s, {
 								id: e.key,
 								label: e.textValue
 							})
 						})
 					})
 				}),
-				u && /* @__PURE__ */ m(t, {
+				f && /* @__PURE__ */ u(t, {
 					className: l(a),
 					children: v
 				}),
-				/* @__PURE__ */ m(n, {
+				/* @__PURE__ */ u(n, {
 					className: l(a),
 					children: y
 				})

package/dist/chunks/ComboBoxTrigger

@@ -5,16 +5,16 @@ 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 { useContext as u } from "react";
 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 { Input as p } from "react-aria-components";
+import { ChevronDown as m } from "lucide-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: () => {
+	let S = h(b), { isInvalid: C, isDisabled: w, isOpen: T } = u(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,
@@ -32,7 +32,7 @@ import '../assets/ComboBoxTrigger.css';var g = {
 		className: l(a, _),
 		...x,
 		...M,
-		children: [/* @__PURE__ */ d(u, {
+		children: [/* @__PURE__ */ d(p, {
 			ref: S,
 			...O,
 			placeholder: v,
@@ -41,7 +41,7 @@ import '../assets/ComboBoxTrigger.css';var g = {
 			dir: y
 		}), /* @__PURE__ */ d(t, {
 			className: l(g.trigger),
-			icon: p,
+			icon: m,
 			color: "standard",
 			"data-invalid": C || void 0
 		})]

package/dist/chunks/ConnectedButtonGroup

@@ -1,8 +1,8 @@
 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 { useMemo as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
-import { useMemo as i } from "react";
+import { ToggleButtonGroup as i } from "react-aria-components";
 import '../assets/ConnectedButtonGroup.css';var a = {
 	group: "_group_1it1y_2",
 	"extra-small": "_extra-small_1it1y_31",
@@ -11,7 +11,7 @@ import '../assets/ConnectedButtonGroup.css';var a = {
 	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(() => ({
+	value: n(() => ({
 		size: o,
 		shape: s,
 		color: c,
@@ -22,7 +22,7 @@ import '../assets/ConnectedButtonGroup.css';var a = {
 		c,
 		l
 	]),
-	children: /* @__PURE__ */ r(n, {
+	children: /* @__PURE__ */ r(i, {
 		className: (e) => t(a.group, a[o], typeof u == "function" ? u(e) : u),
 		...d,
 		"data-shape": s,

package/dist/chunks/Dialog

@@ -1,11 +1,15 @@
-import e from "clsx";
-import { Dialog as t } from "react-aria-components";
+import { DialogContext as e } from "../components/Dialog/core/index.js";
+import t from "clsx";
 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
+import { Dialog as r } from "react-aria-components";
+import '../assets/Dialog.css';var i = { dialog: "_dialog_a2pbf_11" }, a = ({ className: a, ...o }) => /* @__PURE__ */ n(e, {
+	value: !0,
+	children: /* @__PURE__ */ n(r, {
+		className: t(i.dialog, a),
+		...o
+	})
 });
 //#endregion
-export { i as t };
+export { a as t };
 
 //# sourceMappingURL=Dialog.map

package/dist/chunks/Dialog.map

@@ -1 +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"}
+{"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 { DialogContext } from \"../core\";\nimport styles from \"./dialog.module.css\";\n\nexport const Dialog: React.FC<\n    React.ComponentPropsWithRef<typeof AriaDialog>\n> = ({ className, ...props }) => {\n    return (\n        <DialogContext value={true}>\n            <AriaDialog\n                className={clsx(styles[\"dialog\"], className)}\n                {...props}\n            />\n        </DialogContext>\n    );\n};\n"],"mappings":";;;;wCCKa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CAAe,OAAO;WAClB,kBAAC,GAAD;EACI,WAAW,EAAK,EAAO,QAAW,CAAS;EAC3C,GAAI;CACP,CAAA;AACU,CAAA"}

package/dist/chunks/Disclosure

@@ -1,7 +1,7 @@
 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, {
+import { jsx as t } from "react/jsx-runtime";
+import { Disclosure as n } from "react-aria-components";
+import '../assets/Disclosure.css';var r = { disclosure: "_disclosure_nnw90_2" }, i = ({ className: i, ...a }) => /* @__PURE__ */ t(n, {
 	className: (t) => e(r.disclosure, typeof i == "function" ? i(t) : i),
 	...a
 });

package/dist/chunks/DisclosureGroup

@@ -1,13 +1,13 @@
 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, {
+import { jsx as n } from "react/jsx-runtime";
+import { DisclosureGroup as r } from "react-aria-components";
+import '../assets/DisclosureGroup.css';var i = { group: "_group_lbw2t_2" }, a = ({ labelTypography: a, panelTypography: o, className: s, ...c }) => /* @__PURE__ */ n(e, {
 	value: {
 		label: a,
 		panel: o
 	},
-	children: /* @__PURE__ */ r(n, {
+	children: /* @__PURE__ */ n(r, {
 		className: (e) => t(i.group, typeof s == "function" ? s(e) : s),
 		...c
 	})

package/dist/chunks/DisclosureHeader

@@ -1,34 +1,34 @@
-import { t as e } from "./Icon";
-import { n as t, t as n } from "./useSplash";
-import { t as r } from "./tapTarget";
+import { t as e } from "./tapTarget";
+import { t } from "./Icon";
+import { n, t as r } from "./useSplash";
 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 { useContext as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Button as f, DisclosureStateContext as p, Heading as m } from "react-aria-components";
+import { ChevronRight as h } from "lucide-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, {
+	let { splashInfo: b, handlePress: x } = r(), { isExpanded: S } = l(p) || {}, { label: C } = s({ label: v });
+	return /* @__PURE__ */ u(m, {
 		...y,
-		children: /* @__PURE__ */ p(l, {
+		children: /* @__PURE__ */ d(f, {
 			onPress: x,
-			className: c(i, r, g.trigger, a, o("standard"), C),
+			className: c(i, e, g.trigger, a, o("standard"), C),
 			slot: "trigger",
 			"data-expanded": S || void 0,
 			"data-shape": "square",
 			children: [
-				/* @__PURE__ */ f("span", {
+				/* @__PURE__ */ u("span", {
 					className: g["state-layer"],
-					children: b && /* @__PURE__ */ f(t, { ...b })
+					children: b && /* @__PURE__ */ u(n, { ...b })
 				}),
-				/* @__PURE__ */ f(e, {
+				/* @__PURE__ */ u(t, {
 					withText: !0,
-					icon: m
+					icon: h
 				}),
 				_
 			]

package/dist/chunks/DisclosurePanel

@@ -1,13 +1,13 @@
 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 { jsx as n } from "react/jsx-runtime";
+import { DisclosurePanel as r } from "react-aria-components";
 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, {
+	return /* @__PURE__ */ n(r, {
 		className: (e) => t(i.panel, l, typeof a == "function" ? a(e) : a),
 		...c,
-		children: /* @__PURE__ */ r("div", { children: o })
+		children: /* @__PURE__ */ n("div", { children: o })
 	});
 };
 //#endregion

package/dist/chunks/Divider

@@ -1,7 +1,7 @@
 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, {
+import { jsx as t } from "react/jsx-runtime";
+import { Separator as n } from "react-aria-components";
+import '../assets/Divider.css';var r = { divider: "_divider_1sn33_8" }, i = ({ className: i, ...a }) => /* @__PURE__ */ t(n, {
 	className: e(r.divider, i),
 	...a,
 	"data-divider": !0

package/dist/chunks/FieldError

@@ -1,8 +1,8 @@
 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, {
+import { jsx as n } from "react/jsx-runtime";
+import { FieldError as r } from "react-aria-components";
+import '../assets/FieldError.css';var i = { error: "_error_16b4e_2" }, a = ({ className: a, ...o }) => /* @__PURE__ */ n(r, {
 	className: (n) => t(i.error, e.labelMedium, typeof a == "function" ? a(n) : a),
 	...o
 });

package/dist/chunks/Input

@@ -4,9 +4,9 @@ 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 { createContext as o, useContext as s } from "react";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { createContext as d, useContext as f } from "react";
+import { Checkbox as d, CheckboxGroup as f } from "react-aria-components";
 import '../assets/Input.css';var p = {
 	"checkbox-group": "_checkbox-group_km0x5_16",
 	"checkbox-items": "_checkbox-items_km0x5_29",
@@ -14,11 +14,11 @@ import '../assets/Input.css';var p = {
 	"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, {
+}, m = o({}), h = ({ children: n, className: r, labelPlacement: i, containerStateLayer: o, ...f }) => {
+	let { labelPlacement: h, containerStateLayer: g } = s(m), _ = i ?? h ?? "end", v = o ?? g ?? !1;
+	return /* @__PURE__ */ l(d, {
 		className: (e) => a(p.checkbox, v && p["state-layer"], t.labelLarge, typeof r == "function" ? r(e) : r),
-		...d,
+		...f,
 		"data-checkbox": !0,
 		children: (t) => {
 			let { isSelected: r, isHovered: i, isDisabled: o, isFocused: s, isFocusVisible: d, isPressed: f, isInvalid: m, isIndeterminate: h } = t, g = {
@@ -55,22 +55,22 @@ import '../assets/Input.css';var p = {
 			] });
 		}
 	});
-}, g = ({ label: e, description: t, errorMessage: o, children: d, className: f, checkboxItemsGap: h = 24, labelPlacement: g, containerStateLayer: _, showDescriptionOnInvalid: v = !1, ...y }) => /* @__PURE__ */ l(m, {
+}, g = ({ label: e, description: t, errorMessage: o, children: s, className: d, 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),
+	children: /* @__PURE__ */ l(f, {
+		className: (e) => a(p["checkbox-group"], typeof d == "function" ? d(e) : d),
 		...y,
-		children: ({ isInvalid: s }) => {
-			let f = t && (!s || s && v);
+		children: ({ isInvalid: d }) => {
+			let f = t && (!d || d && 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
+					children: s
 				}),
 				f && /* @__PURE__ */ l(n, { children: t }),
 				/* @__PURE__ */ l(r, { children: o })