npm - @adgytec/adgytec-web-ui-components - Versions diffs - 2.3.0 → 2.4.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (772) hide show

package/dist/chunks/ListAvatar.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListAvatar","names":[],"sources":["../../src/components/List/ListAvatar/listAvatar.module.css","../../src/components/List/ListAvatar/ListAvatar.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-list-avatar-background\n* --md-list-avatar-color\n\n configurable tokens end */\n\n@layer adgytec.comps {\n .avatar {\n --_md-list-avatar-size: var(--md-sys-layout-space-40);\n\n --_md-list-avatar-background: var(\n --md-list-avatar-background,\n var(--md-sys-color-primary-container)\n );\n\n --_md-list-avatar-color: var(\n --md-list-avatar-color,\n var(--md-sys-color-on-primary-container)\n );\n\n --_md-list-color: var(--_md-list-avatar-color);\n\n inline-size: var(--_md-list-avatar-size);\n max-inline-size: var(--_md-list-avatar-size);\n\n block-size: var(--_md-list-avatar-size);\n max-block-size: var(--_md-list-avatar-size);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n overflow: clip;\n text-align: center;\n\n background-color: var(--_md-list-avatar-background);\n color: var(--_md-list-avatar-color);\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listAvatar.module.css\";\n\~~nexport~~ ~~const~~ ListAvatar: React.~~FC<React.~~ComponentPropsWithRef<\"div\">> = ({\n className,\n ...props\n}) => {\n return (\n <div\n className={clsx(\n styles[\"avatar\"],\n typography.titleMedium,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;~~gDCIa~~,~~KAA2D~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAGvE~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAHwE~~,~~kBAAA~~,~~KAAA~~,~~GAGxE~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,IAOY,~~IAAA~~,EAAA,MAJU,~~IAAA~~,~~EACP~~,EAAM,~~QACN~~,EAAU,~~aACV~~,CACJ,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAEH,~~OAFG~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KALL,IAAA,kBAAA,OAAA;EACe,~~WAAA~~;EAIV,~~GACG~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IAPF~~;AAOE"}
1	+ {"version":3,"file":"ListAvatar","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listAvatar_module_default","ListAvatar","$","className","props","t0","t1","typography","t2"],"sources":["../../src/components/List/ListAvatar/listAvatar.module.css","../../src/components/List/ListAvatar/ListAvatar.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-list-avatar-background\n* --md-list-avatar-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .avatar {\n --_md-list-avatar-size: var(--md-sys-layout-space-40);\n\n --_md-list-avatar-background: var(\n --md-list-avatar-background,\n var(--md-sys-color-primary-container)\n );\n\n --_md-list-avatar-color: var(\n --md-list-avatar-color,\n var(--md-sys-color-on-primary-container)\n );\n\n --_md-list-color: var(--_md-list-avatar-color);\n\n inline-size: var(--_md-list-avatar-size);\n max-inline-size: var(--_md-list-avatar-size);\n\n block-size: var(--_md-list-avatar-size);\n max-block-size: var(--_md-list-avatar-size);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n overflow: clip;\n text-align: center;\n\n background-color: var(--_md-list-avatar-background);\n color: var(--_md-list-avatar-color);\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listAvatar.module.css\";\n\n/\n Props for the [`ListAvatar`](src/components/List/ListAvatar/ListAvatar.tsx) component.\n /\nexport interface ListAvatarProps extends React.ComponentPropsWithRef<\"div\"> {}\n\n/\n Circular 40px avatar container for user initials or profile images inside a [`ListItem`](src/components/List/ListItem/ListItem.tsx).\n \n Automatically styles text content with Material Design 3 `titleMedium` typography,\n * and scales nested `<img>` elements with `object-fit: cover`.\n \n @example\n * ```tsx\n * // Initials avatar\n * <ListAvatar>JD</ListAvatar>\n \n // Image avatar\n * <ListAvatar>\n * <img src=\"/avatars/user.jpg\" alt=\"Jane Doe\" />\n * </ListAvatar>\n * ```\n */\nexport const ListAvatar: React.FC<ListAvatarProps> = ({\n className,\n ...props\n}) => {\n return (\n <div\n className={clsx(\n styles[\"avatar\"],\n typography.titleMedium,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;A,gDC0BaO,KAAwC,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGpD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHqD,eAAA,GAAAE,KAAAC,GAGrD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOY,IAAAD,EAAA,MAJU,IAAAP,EACPC,EAAM,QACNW,EAAU,aACVJ,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEH,OAFGN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAAA,OAAA;EACe,WAAAA;EAIV,GACGF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAPFM;AAOE"}

package/dist/chunks/ListBox CHANGED Viewed

@@ -1,16 +1,19 @@
-import e from "clsx";
-import { jsx as t } from "react/jsx-runtime";
-import { ListBox as n } from "react-aria-components";
-import '../assets/ListBox.css';var r = {
+import { ListBoxConfigContext as e } from "../components/List/core/index.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { ListBox as r } from "react-aria-components";
+import '../assets/ListBox.css';var i = {
 	"list-box": "_list-box_gd8vc_2",
 	start: "_start_gd8vc_24",
 	center: "_center_gd8vc_28",
 	end: "_end_gd8vc_32"
-}, i = ({ alignY: i = "center", className: a, ...o }) => /* @__PURE__ */ t(n, {
-	className: (t) => e(r["list-box"], r[i], typeof a == "function" ? a(t) : a),
-	...o
+}, a = ({ alignY: a = "center", className: o, selectionIndicator: s, ...c }) => /* @__PURE__ */ n(e, {
+	value: { selectionIndicator: s },
+	children: /* @__PURE__ */ n(r, {
+		className: (e) => t(i["list-box"], i[a], typeof o == "function" ? o(e) : o),
+		...c
+	})
 });
-//#endregion
-export { i as t };
+export { a as t };
 //# sourceMappingURL=ListBox.map

package/dist/chunks/ListBox.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListBox","names":[],"sources":["../../src/components/List/ListBox/listBox.module.css","../../src/components/List/ListBox/ListBox.tsx"],"sourcesContent":["@layer adgytec.overrides {\n .list-box > [data-list-item]:first-child {\n border-start-start-radius: var(--_md-list-shape);\n border-start-end-radius: var(--_md-list-shape);\n }\n\n .list-box > [data-list-item]:last-child {\n border-end-start-radius: var(--_md-list-shape);\n border-end-end-radius: var(--_md-list-shape);\n }\n}\n\n@layer adgytec.comps {\n .list-box {\n --_md-list-shape: var(--md-sys-shape-corner-radius-large);\n --_md-list-spacing: calc(2 * var(--dp, 1px));\n\n display: grid;\n gap: var(--_md-list-spacing);\n\n border-radius: var(--_md-list-shape);\n }\n\n .start {\n --md-list-align-y: start;\n }\n\n .center {\n --md-list-align-y: center;\n }\n\n .end {\n --md-list-align-y: end;\n }\n}\n","import clsx from \"clsx\";\nimport { ListBox as AriaListBox } from \"react-aria-components\";\nimport styles from \"./listBox.module.css\";\nimport type { ListBoxProps } from \"./types\";\n\nexport const ListBox = <T extends object>({\n alignY = \"center\",\n className,\n ...props\n}: ListBoxProps<T>) => {\n return (\n <AriaListBox\n className={(renderProps) =>\n clsx(\n styles[\"list-box\"],\n styles[alignY],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":"~~;;;;;;;;GCKa~~,KAA6B,EACtC,YAAS,UACT,cACA,~~GAAG~~,QAGC,~~kBAAC~~,GAAD;~~CACI~~,~~YAAY~~,~~MACR~~,EACI,~~EAAO~~,~~aACP~~,EAAO,IACP,~~OAAO~~,KAAc,~~aACf~~,~~EAAU~~,CAAW,~~IACrB~~,CACV;~~CAEJ~~,~~GAAI~~;~~AAAM~~,CAAA"}
1	+ {"version":3,"file":"ListBox","names":["ListBox","AriaListBox","clsx","styles","clsx$1","listBox_module_default","ListBox$1","props","ListBoxConfigContext","ListBox","alignY","className","renderProps"],"sources":["../../src/components/List/ListBox/listBox.module.css","../../src/components/List/ListBox/ListBox.tsx"],"sourcesContent":["@layer adgytec.overrides {\n .list-box > [data-list-item]:first-child {\n border-start-start-radius: var(--_md-list-shape);\n border-start-end-radius: var(--_md-list-shape);\n }\n\n .list-box > [data-list-item]:last-child {\n border-end-start-radius: var(--_md-list-shape);\n border-end-end-radius: var(--_md-list-shape);\n }\n}\n\n@layer adgytec.comps {\n .list-box {\n --_md-list-shape: var(--md-sys-shape-corner-radius-large);\n --_md-list-spacing: calc(2 * var(--dp, 1px));\n\n display: grid;\n gap: var(--_md-list-spacing);\n\n border-radius: var(--_md-list-shape);\n }\n\n .start {\n --md-list-align-y: start;\n }\n\n .center {\n --md-list-align-y: center;\n }\n\n .end {\n --md-list-align-y: end;\n }\n}\n","import clsx from \"clsx\";\nimport { ListBox as AriaListBox } from \"react-aria-components\";\nimport { ListBoxConfigContext } from \"../core\";\nimport styles from \"./listBox.module.css\";\nimport type { ListBoxProps } from \"./types\";\n\n/*\n Material Design 3 List container component.\n \n Coordinates vertical indexing of items, keyboard navigation, single/multiple selection,\n * unified vertical alignment of elements (`alignY`), and contextual selection indicator placement (`selectionIndicator`).\n \n @example\n * ```tsx\n * import {\n * ListBox,\n * ListItem,\n * ListIcon,\n * ListLabelText,\n * ListSupportingText,\n * } from \"@adgytec/web-ui-components\";\n * import { Mail } from \"lucide-react\";\n \n <ListBox selectionMode=\"single\" selectionIndicator=\"leading\">\n * <ListItem\n * id=\"inbox\"\n * leading={<ListIcon icon={Mail} />}\n * label={<ListLabelText>Inbox</ListLabelText>}\n * supporting={<ListSupportingText>2 unread messages</ListSupportingText>}\n * />\n * </ListBox>\n * ```\n */\nexport const ListBox = <T extends object>({\n alignY = \"center\",\n className,\n selectionIndicator,\n ...props\n}: ListBoxProps<T>) => {\n return (\n <ListBoxConfigContext value={{ selectionIndicator }}>\n <AriaListBox\n className={(renderProps) =>\n clsx(\n styles[\"list-box\"],\n styles[alignY],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n </ListBoxConfigContext>\n );\n};\n"],"mappings":";;;;;;;;;A,GCiCaA,KAA6B,EACtC,YAAS,UACT,cACA,uBACA,GAAGO,QAGC,kBAACC,GAAD;CAAsB,OAAO,EAAE,sBAAmB;CAC9C,UAAA,kBAACP,GAAD;EACI,YAAY,MACRC,EACIC,EAAO,aACPA,EAAOO,IACP,OAAOC,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;EAEJ,GAAIJ;CAAM,CAAA;AAEI,CAAA"}

package/dist/chunks/ListIcon CHANGED Viewed

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

package/dist/chunks/ListIcon.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListIcon","names":[],"sources":["../../src/components/List/ListIcon/listIcon.module.css","../../src/components/List/ListIcon/ListIcon.tsx"],"sourcesContent":["@layer adgytec.comps {\n .icon {\n color: var(--_md-list-color);\n\n transition: color 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","import clsx from \"clsx\";\nimport { Icon } from \"@/components/Icon\";\nimport styles from \"./listIcon.module.css\";\n\~~nexport~~ ~~const~~ ListIcon: ~~React.FC<\~~n Omit<React.ComponentPropsWithRef<typeof Icon>, \"size\" \| \"withText\">\n> = ({ className, ...props }) => {\n return (\n <Icon\n className={clsx(styles[\"icon\"], className)}\n size={20}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;~~4CCIa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,KAAwB,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,OAAvB,~~kBAAA~~,~~KAAA~~,GAAuB,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~IAG0B~~,~~IAAA~~,EAAA,MAA/B,~~IAAA~~,~~EAAK~~,EAAM,~~MAAU~~,CAAS,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAG5C,~~OAH4C~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KAD9C,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EACL,MAAA;EAAE,~~GACJ~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IAJF~~;AAIE"}
1	+ {"version":3,"file":"ListIcon","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listIcon_module_default","ListIcon","$","className","props","t0","t1","t2","Icon"],"sources":["../../src/components/List/ListIcon/listIcon.module.css","../../src/components/List/ListIcon/ListIcon.tsx"],"sourcesContent":["@layer adgytec.comps {\n .icon {\n color: var(--_md-list-color);\n\n transition: color 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","import clsx from \"clsx\";\nimport { Icon } from \"@/components/Icon\";\nimport styles from \"./listIcon.module.css\";\n\n/*\n Props for the [`ListIcon`](src/components/List/ListIcon/ListIcon.tsx) component.\n /\nexport interface ListIconProps\n extends Omit<\n React.ComponentPropsWithRef<typeof Icon>,\n \"size\" \| \"withText\"\n > {}\n\n/\n Standardized leading icon component for a [`ListItem`](src/components/List/ListItem/ListItem.tsx).\n \n Hardcodes a standard 20px dimension while dynamically inheriting the list item's\n * text and interaction state colors.\n \n @example\n * ```tsx\n * import { Mail } from \"lucide-react\";\n \n <ListIcon icon={Mail} />\n * ```\n */\nexport const ListIcon: React.FC<ListIconProps> = ({ className, ...props }) => {\n return (\n <Icon\n className={clsx(styles[\"icon\"], className)}\n size={20}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;A,4CC0BaO,KAAoC,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAGnB,IAAAD,EAAA,MAA/B,IAAAP,EAAKC,EAAM,MAAUO,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAC;CAG5C,OAH4CL,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAD9C,IAAA,kBAACE,GAAD;EACe,WAAAF;EACL,MAAA;EAAE,GACJF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAC,KAAA,IAAAL,EAAA,IAJFK;AAIE"}

package/dist/chunks/ListItem CHANGED Viewed

@@ -1,63 +1,76 @@
 import { t as e } from "./compiler-runtime";
 import { n as t, t as n } from "./useSplash";
-import { clsx as r } from "clsx";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { CheckboxContext as o, ListBoxItem as s, Provider as c, SwitchContext as l } from "react-aria-components";
-import '../assets/ListItem.css';//#region src/components/List/ListItem/listItem.module.css
-var u = e(), d = {
-	"list-item": "_list-item_1jxwa_13",
-	leading: "_leading_1jxwa_198",
-	trailing: "_trailing_1jxwa_203",
-	content: "_content_1jxwa_210"
-}, f = (e) => {
-	let f = (0, u.c)(24), p, m, h, g, _, v, y, b;
-	f[0] === e ? (p = f[1], m = f[2], h = f[3], g = f[4], _ = f[5], v = f[6], y = f[7], b = f[8]) : ({leading: h, overline: _, label: m, supporting: y, trailing: b, className: p, onPress: g, ...v} = e, f[0] = e, f[1] = p, f[2] = m, f[3] = h, f[4] = g, f[5] = _, f[6] = v, f[7] = y, f[8] = b);
-	let { handlePress: x, splashInfo: S } = n(g), C = (b?.length ?? 0) > 0, w;
-	f[9] === p ? w = f[10] : (w = (e) => r(d["list-item"], typeof p == "function" ? p(e) : p), f[9] = p, f[10] = w);
-	let T;
-	f[11] !== C || f[12] !== m || f[13] !== h || f[14] !== _ || f[15] !== S || f[16] !== y || f[17] !== b ? (T = (e) => {
-		let { isSelected: n, isDisabled: s } = e;
-		return /* @__PURE__ */ a(c, {
-			values: [[o, { slots: { selection: {
-				isSelected: n,
-				isDisabled: s,
-				isReadOnly: !0
-			} } }], [l, { slots: { selection: {
-				isSelected: n,
-				isDisabled: s,
-				isReadOnly: !0
-			} } }]],
+import { useListBoxConfig as r } from "../components/List/core/index.js";
+import { t as i } from "./ListIcon";
+import { clsx as a } from "clsx";
+import { cloneElement as o, isValidElement as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { CheckboxFieldContext as u, DEFAULT_SLOT as d, ListBoxItem as f, Provider as p, SwitchFieldContext as m } from "react-aria-components";
+import { Check as h } from "lucide-react";
+import { useId as g } from "react-aria";
+import '../assets/ListItem.css';// src/components/List/ListItem/listItem.module.css
+var _ = e(), v = {
+	"list-item": "_list-item_1o0k6_13",
+	leading: "_leading_1o0k6_200",
+	trailing: "_trailing_1o0k6_205",
+	content: "_content_1o0k6_212"
+}, y = (e) => {
+	let y = (0, _.c)(27), b, x, S, C, w, T, E, D, O;
+	y[0] === e ? (b = y[1], x = y[2], S = y[3], C = y[4], w = y[5], T = y[6], E = y[7], D = y[8], O = y[9]) : ({leading: S, overline: w, label: x, supporting: D, trailing: O, className: b, onPress: C, selectionIndicator: E, ...T} = e, y[0] = e, y[1] = b, y[2] = x, y[3] = S, y[4] = C, y[5] = w, y[6] = T, y[7] = E, y[8] = D, y[9] = O);
+	let { selectionIndicator: k } = r(), A = E ?? k ?? "none", j = g(s(x) ? x.props.id : void 0), { handlePress: M, splashInfo: N } = n(C), P = (O?.length ?? 0) > 0, F;
+	y[10] === b ? F = y[11] : (F = (e) => a(v["list-item"], typeof b == "function" ? b(e) : b), y[10] = b, y[11] = F);
+	let I;
+	y[12] !== P || y[13] !== x || y[14] !== j || y[15] !== S || y[16] !== A || y[17] !== w || y[18] !== N || y[19] !== D || y[20] !== O ? (I = (e) => {
+		let { isSelected: n, isDisabled: r, selectionMode: f } = e, g = n && A === "leading", _ = n && A === "trailing";
+		return /* @__PURE__ */ l(p, {
+			values: [[u, { slots: {
+				[d]: {},
+				selection: {
+					isSelected: n,
+					isDisabled: r || f === "none",
+					isReadOnly: !0,
+					"aria-labelledby": j
+				}
+			} }], [m, { slots: { [d]: { "aria-labelledby": j } } }]],
 			children: [
-				S && /* @__PURE__ */ i(t, { ...S }),
-				h && /* @__PURE__ */ i("div", {
-					className: r(d.leading),
-					children: h
+				N && /* @__PURE__ */ c(t, { ...N }),
+				g ? /* @__PURE__ */ c("div", {
+					className: a(v.leading),
+					children: /* @__PURE__ */ c(i, { icon: h })
+				}) : S && /* @__PURE__ */ c("div", {
+					className: a(v.leading),
+					children: S
 				}),
-				/* @__PURE__ */ a("div", {
-					className: r(d.content),
+				/* @__PURE__ */ l("div", {
+					className: a(v.content),
 					children: [
-						_ && _,
-						m,
-						y && y
+						w && w,
+						s(x) ? o(x, { id: j }) : /* @__PURE__ */ c("span", {
+							id: j,
+							children: x
+						}),
+						D && D
 					]
 				}),
-				C && /* @__PURE__ */ i("div", {
-					className: d.trailing,
-					children: b
+				_ ? /* @__PURE__ */ c("div", {
+					className: v.trailing,
+					children: /* @__PURE__ */ c(i, { icon: h })
+				}) : P && /* @__PURE__ */ c("div", {
+					className: v.trailing,
+					children: O
 				})
 			]
 		});
-	}, f[11] = C, f[12] = m, f[13] = h, f[14] = _, f[15] = S, f[16] = y, f[17] = b, f[18] = T) : T = f[18];
-	let E;
-	return f[19] !== x || f[20] !== v || f[21] !== w || f[22] !== T ? (E = /* @__PURE__ */ i(s, {
-		className: w,
-		onPress: x,
+	}, y[12] = P, y[13] = x, y[14] = j, y[15] = S, y[16] = A, y[17] = w, y[18] = N, y[19] = D, y[20] = O, y[21] = I) : I = y[21];
+	let L;
+	return y[22] !== M || y[23] !== T || y[24] !== F || y[25] !== I ? (L = /* @__PURE__ */ c(f, {
+		className: F,
+		onPress: M,
 		"data-list-item": !0,
-		...v,
-		children: T
-	}), f[19] = x, f[20] = v, f[21] = w, f[22] = T, f[23] = E) : E = f[23], E;
+		...T,
+		children: I
+	}), y[22] = M, y[23] = T, y[24] = F, y[25] = I, y[26] = L) : L = y[26], L;
 };
-//#endregion
-export { f as t };
+export { y as t };
 //# sourceMappingURL=ListItem.map

package/dist/chunks/ListItem.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem","names":["leading","label","trailing","handlePress"],"sources":["../../src/components/List/ListItem/listItem.module.css","../../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-list-color\n* --md-list-label-color\n* --md-list-selected-color\n\n --md-list-item-background\n* --md-list-item-selected-background\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .list-item {\n / color /\n --_md-list-color: var(\n --md-list-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_md-list-label-color: var(\n --md-list-label-color,\n var(--md-sys-color-on-surface)\n );\n --_md-list-selected-color: var(\n --md-list-selected-color,\n var(--md-sys-color-on-secondary-container)\n );\n\n --_md-list-disabled-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n\n / spacing /\n --_md-list-item-padding-inline: var(--md-sys-layout-space-16);\n --_md-list-item-padding-block: calc(10 var(--dp, 1px));\n\n --_md-list-item-spacing: var(--md-sys-layout-space-12);\n\n /* shapes /\n --_md-list-item-shape: var(--md-sys-shape-corner-radius-extra-small);\n --_md-list-item-selected-shape: var(--md-sys-shape-corner-radius-large);\n\n --_md-list-item-hovered-shape: var(--md-sys-shape-corner-radius-medium);\n --_md-list-item-hovered-selected-shape: var(\n --md-sys-shape-corner-radius-large\n );\n --_md-list-item-interaction-shape: var(\n --md-sys-shape-corner-radius-large\n );\n\n --_shape: var(--_md-list-item-shape);\n\n / background /\n --_md-list-item-background: var(\n --md-list-item-background,\n var(--md-sys-color-surface)\n );\n --_md-list-item-selected-background: var(\n --md-list-item-selected-background,\n var(--md-sys-color-secondary-container)\n );\n --_md-list-item-selected-disabled-background: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n\n --_background: var(--_md-list-item-background);\n\n / state layer /\n --_state-color: var(--md-sys-color-on-surface);\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 border-radius: var(--_shape);\n background: var(--_background);\n color: var(--_md-list-color);\n\n position: relative;\n overflow: clip;\n\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n gap: var(--_md-list-item-spacing);\n\n padding-inline: var(--_md-list-item-padding-inline);\n padding-block: var(--_md-list-item-padding-block);\n\n transition:\n border-radius var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration),\n background-color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n box-shadow var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-hovered] {\n --_shape: var(--_md-list-item-hovered-shape);\n --_state-layer-opacity: var(--md-sys-state-hover);\n }\n\n &[data-focus-visible] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-focus);\n }\n\n &[data-pressed] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-pressed);\n }\n\n &[data-dragging] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-dragged);\n\n box-shadow: var(--md-sys-elevation-shadow-4);\n }\n\n &[data-disabled] {\n --_md-list-color: var(--_md-list-disabled-color);\n --_md-list-label-color: var(--_md-list-disabled-color);\n\n --_state-layer-opacity: var(--md-sys-state-disabled-container);\n --_background: var(--_md-list-item-selected-disabled-background);\n }\n }\n\n .list-item[data-selected] {\n --_md-list-color: var(--_md-list-selected-color);\n --_md-list-label-color: var(--_md-list-selected-color);\n\n --_shape: var(--_md-list-item-selected-shape);\n\n --_background: var(--_md-list-item-selected-background);\n\n &[data-hovered] {\n --_shape: var(--_md-list-item-hovered-selected-shape);\n }\n\n &[data-focus-visible] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-pressed] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-dragging] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-disabled] {\n --_background: var(--_md-list-item-selected-disabled-background);\n }\n }\n\n / state layer /\n .list-item::before {\n content: \"\";\n\n position: absolute;\n inset: 0;\n border-radius: inherit;\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 / focus indicator /\n .list-item[data-focus-visible] {\n --focus-indicator-thickness: calc(3 var(--dp, 1px));\n --focus-indicator-offset: calc(2 * var(--dp, 1px));\n --focus-indicator-color: var(--md-sys-color-secondary);\n\n outline-width: var(--focus-indicator-thickness);\n outline-style: solid;\n outline-offset: var(--focus-indicator-offset);\n outline-color: var(--focus-indicator-color);\n\n z-index: 1;\n }\n\n .leading {\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n }\n\n .trailing {\n margin-inline-start: auto;\n\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n }\n\n .content {\n display: grid;\n }\n}\n","import { clsx } from \"clsx\";\nimport {\n CheckboxContext,\n ListBoxItem,\n Provider,\n SwitchContext,\n} from \"react-aria-components\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport styles from \"./listItem.module.css\";\nimport type { ListItemProps } from \"./types\";\n\nexport const ListItem: React.FC<ListItemProps> = ({\n leading,\n overline,\n label,\n supporting,\n trailing,\n className,\n onPress,\n ...props\n}) => {\n const { handlePress, splashInfo } = useSplash(onPress);\n const hasTrailing = (trailing?.length ?? 0) > 0;\n\n return (\n <ListBoxItem\n className={(renderProps) =>\n clsx(\n styles[\"list-item\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n onPress={handlePress}\n data-list-item={true}\n {...props}\n >\n {({ isSelected, isDisabled }) => (\n <Provider\n values={[\n [\n CheckboxContext,\n {\n slots: {\n selection: {\n isSelected,\n isDisabled,\n isReadOnly: true,\n },\n },\n },\n ],\n [\n SwitchContext,\n {\n slots: {\n selection: {\n isSelected,\n isDisabled,\n isReadOnly: true,\n },\n },\n },\n ],\n ]}\n >\n {splashInfo && <Splash {...splashInfo} />}\n\n {leading && (\n <div className={clsx(styles[\"leading\"])}>{leading}</div>\n )}\n\n <div className={clsx(styles[\"content\"])}>\n {overline && overline}\n {label}\n {supporting && supporting}\n </div>\n\n {hasTrailing && (\n <div className={styles[\"trailing\"]}>{trailing}</div>\n )}\n </Provider>\n )}\n </ListBoxItem>\n );\n};\n"],"mappings":";;;;;;;;;;;GCWa,KAAoC,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAShD,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,OATiD,6FAAA,KAAA,GASjD,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CACG,IAAA,EAAA,gBAAA,kBAAoC,EAAU,CAAO,GACrD,KAAqB,GAAQ,UAAR,KAAyB,GAAE;CAAA,AAAA,EAAA,OAAA,IAUnC,IAAA,EAAA,OANM,KAAA,MACP,EACI,EAAO,cACP,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,MAAA;CAAA,IAAA;CAAA,AAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAMJ,KAAA,MAAA;EAAC,IAAA,EAAA,eAAA,kBAAA;EAA0B,OACxB,kBAAC,GAAD;GACY,QAAA,CACJ,CACI,GACA,EAAA,OACW,EAAA,WACQ;IAAA;IAAA;IAAA,YAGK;GAChB,EACJ,EACJ,CAAC,GAEL,CACI,GACA,EAAA,OACW,EAAA,WACQ;IAAA;IAAA;IAAA,YAGK;GAChB,EACJ,EACJ,CAAC,CACJ;aAzBT;IA4BK,KAAc,kBAAC,GAAD,EAAO,GAAK,EAAU,CAAA;IAEpC,KACG,kBAAA,OAAA;KAAgB,WAAA,EAAK,EAAM,OAAW;eAAI;IAAc,CAAA;IAG5D,kBAAA,OAAA;KAAgB,WAAA,EAAK,EAAM,OAAW;eAAtC;MACK,KAAA;MACA;MACA,KAAA;KACC;;IAEL,KACG,kBAAA,OAAA;KAAgB,WAAA,EAAM;eAAe;IAAe,CAAA;GAzCnD;;CA2CE,GACd,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CACS,OADT,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KA1DL,IAAA,kBAAC,GAAD;EACe,WAAA;EAQFG,SAAA;EACO,kBAAA;EAAI,GAChB;YAEH;CAbO,CAAA,GA2DE,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KA3Dd;AA2Dc"}
1	+ {"version":3,"file":"ListItem","names":["Check","leading","labelID","label","trailing","handlePress","_c","styles","require_compiler_runtime","Splash","useSplash","ListIcon","import_compiler_runtime","listItem_module_default","ListItem","$","className","label","leading","onPress","overline","props","selectionIndicator","supporting","trailing","t0","listBoxSelectionIndicator","useListBoxConfig","listItemSelectionIndicator","labelID","useId","isValidElement","hasTrailing","t1","clsx","renderProps","t2","splashInfo","t3","leadingSelectionIcon","isSelected","trailingSelectionIcon","Provider","CheckboxFieldContext","DEFAULT_SLOT","isDisabled","selectionMode","SwitchFieldContext","Check","cloneElement","handlePress","ListBoxItem"],"sources":["../../src/components/List/ListItem/listItem.module.css","../../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-list-color\n* --md-list-label-color\n* --md-list-selected-color\n\n --md-list-item-background\n* --md-list-item-selected-background\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .list-item {\n / color /\n --_md-list-color: var(\n --md-list-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_md-list-label-color: var(\n --md-list-label-color,\n var(--md-sys-color-on-surface)\n );\n --_md-list-selected-color: var(\n --md-list-selected-color,\n var(--md-sys-color-on-secondary-container)\n );\n\n --_md-list-disabled-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n\n / spacing /\n --_md-list-item-padding-inline: var(--md-sys-layout-space-16);\n --_md-list-item-padding-block: calc(10 var(--dp, 1px));\n\n --_md-list-item-spacing: var(--md-sys-layout-space-12);\n\n /* shapes /\n --_md-list-item-shape: var(--md-sys-shape-corner-radius-extra-small);\n --_md-list-item-selected-shape: var(--md-sys-shape-corner-radius-large);\n\n --_md-list-item-hovered-shape: var(--md-sys-shape-corner-radius-medium);\n --_md-list-item-hovered-selected-shape: var(\n --md-sys-shape-corner-radius-large\n );\n --_md-list-item-interaction-shape: var(\n --md-sys-shape-corner-radius-large\n );\n\n --_shape: var(--_md-list-item-shape);\n\n / background /\n --_md-list-item-background: var(\n --md-list-item-background,\n var(--md-sys-color-surface)\n );\n --_md-list-item-selected-background: var(\n --md-list-item-selected-background,\n var(--md-sys-color-secondary-container)\n );\n --_md-list-item-selected-disabled-background: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n\n --_background: var(--_md-list-item-background);\n\n / state layer /\n --_state-color: var(--md-sys-color-on-surface);\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 border-radius: var(--_shape);\n background: var(--_background);\n color: var(--_md-list-color);\n\n position: relative;\n overflow: clip;\n\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n gap: var(--_md-list-item-spacing);\n\n padding-inline: var(--_md-list-item-padding-inline);\n padding-block: var(--_md-list-item-padding-block);\n\n transition:\n border-radius var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration),\n background-color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n box-shadow var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-hovered] {\n cursor: pointer;\n\n --_shape: var(--_md-list-item-hovered-shape);\n --_state-layer-opacity: var(--md-sys-state-hover);\n }\n\n &[data-focus-visible] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-focus);\n }\n\n &[data-pressed] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-pressed);\n }\n\n &[data-dragging] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-dragged);\n\n box-shadow: var(--md-sys-elevation-shadow-4);\n }\n\n &[data-disabled] {\n --_md-list-color: var(--_md-list-disabled-color);\n --_md-list-label-color: var(--_md-list-disabled-color);\n\n --_state-layer-opacity: var(--md-sys-state-disabled-container);\n --_background: var(--_md-list-item-selected-disabled-background);\n }\n }\n\n .list-item[data-selected] {\n --_md-list-color: var(--_md-list-selected-color);\n --_md-list-label-color: var(--_md-list-selected-color);\n\n --_shape: var(--_md-list-item-selected-shape);\n\n --_background: var(--_md-list-item-selected-background);\n\n &[data-hovered] {\n --_shape: var(--_md-list-item-hovered-selected-shape);\n }\n\n &[data-focus-visible] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-pressed] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-dragging] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-disabled] {\n --_background: var(--_md-list-item-selected-disabled-background);\n }\n }\n\n / state layer /\n .list-item::before {\n content: \"\";\n\n position: absolute;\n inset: 0;\n border-radius: inherit;\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 / focus indicator /\n .list-item[data-focus-visible] {\n --focus-indicator-thickness: calc(3 var(--dp, 1px));\n --focus-indicator-offset: calc(2 * var(--dp, 1px));\n --focus-indicator-color: var(--md-sys-color-secondary);\n\n outline-width: var(--focus-indicator-thickness);\n outline-style: solid;\n outline-offset: var(--focus-indicator-offset);\n outline-color: var(--focus-indicator-color);\n\n z-index: 1;\n }\n\n .leading {\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n }\n\n .trailing {\n margin-inline-start: auto;\n\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n }\n\n .content {\n display: grid;\n }\n}\n","import { clsx } from \"clsx\";\nimport { Check } from \"lucide-react\";\nimport { cloneElement, type HTMLAttributes, isValidElement } from \"react\";\nimport { useId } from \"react-aria\";\nimport {\n CheckboxFieldContext,\n DEFAULT_SLOT,\n ListBoxItem,\n Provider,\n SwitchFieldContext,\n} from \"react-aria-components\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport { useListBoxConfig } from \"../core\";\nimport { ListIcon } from \"../ListIcon\";\nimport styles from \"./listItem.module.css\";\nimport type { ListItemProps } from \"./types\";\n\n/*\n Material Design 3 interactive list item component.\n \n Supports structured slot composition (`leading`, `overline`, `label`, `supporting`, `trailing`),\n * dynamic corner radius morphing on hover/focus/selection, touch ripple splash feedback,\n * contextual checkmark replacement on selection (`selectionIndicator`),\n * and automatic synchronization with nested selection controls (`Checkbox` with `slot=\"selection\"`).\n \n @example\n * ```tsx\n * import {\n * ListItem,\n * ListIcon,\n * ListLabelText,\n * ListSupportingText,\n * ListAction,\n * } from \"@adgytec/web-ui-components\";\n * import { Star, Trash2 } from \"lucide-react\";\n \n <ListItem\n * id=\"starred-email\"\n * leading={<ListIcon icon={Star} />}\n * label={<ListLabelText>Project Roadmap</ListLabelText>}\n * supporting={<ListSupportingText>Updated yesterday by Alex</ListSupportingText>}\n * trailing={[\n * <ListAction\n * key=\"delete\"\n * icon={Trash2}\n * aria-label=\"Delete item\"\n * onPress={() => handleDelete()}\n * />,\n * ]}\n * />\n * ```\n */\nexport const ListItem: React.FC<ListItemProps> = ({\n leading,\n overline,\n label,\n supporting,\n trailing,\n className,\n onPress,\n selectionIndicator,\n ...props\n}) => {\n const { selectionIndicator: listBoxSelectionIndicator } =\n useListBoxConfig();\n const listItemSelectionIndicator =\n selectionIndicator ?? listBoxSelectionIndicator ?? \"none\";\n\n const labelID = useId(\n isValidElement<HTMLAttributes<HTMLElement>>(label)\n ? label.props.id\n : undefined\n );\n\n const { handlePress, splashInfo } = useSplash(onPress);\n const hasTrailing = (trailing?.length ?? 0) > 0;\n\n return (\n <ListBoxItem\n className={(renderProps) =>\n clsx(\n styles[\"list-item\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n onPress={handlePress}\n data-list-item={true}\n {...props}\n >\n {({ isSelected, isDisabled, selectionMode }) => {\n const leadingSelectionIcon =\n isSelected && listItemSelectionIndicator === \"leading\";\n\n const trailingSelectionIcon =\n isSelected && listItemSelectionIndicator === \"trailing\";\n\n return (\n <Provider\n values={[\n [\n CheckboxFieldContext,\n {\n slots: {\n [DEFAULT_SLOT]: {},\n selection: {\n isSelected,\n isDisabled:\n isDisabled \|\|\n selectionMode === \"none\",\n isReadOnly: true,\n \"aria-labelledby\": labelID,\n },\n },\n },\n ],\n [\n SwitchFieldContext,\n {\n slots: {\n [DEFAULT_SLOT]: {\n \"aria-labelledby\": labelID,\n },\n },\n },\n ],\n ]}\n >\n {splashInfo && <Splash {...splashInfo} />}\n\n {leadingSelectionIcon ? (\n <div className={clsx(styles[\"leading\"])}>\n <ListIcon icon={Check} />\n </div>\n ) : (\n leading && (\n <div className={clsx(styles[\"leading\"])}>\n {leading}\n </div>\n )\n )}\n\n <div className={clsx(styles[\"content\"])}>\n {overline && overline}\n {isValidElement<HTMLAttributes<HTMLElement>>(\n label\n ) ? (\n cloneElement<HTMLAttributes<HTMLElement>>(\n label,\n { id: labelID }\n )\n ) : (\n <span id={labelID}>{label}</span>\n )}\n {supporting && supporting}\n </div>\n\n {trailingSelectionIcon ? (\n <div className={styles[\"trailing\"]}>\n <ListIcon icon={Check} />\n </div>\n ) : (\n hasTrailing && (\n <div className={styles[\"trailing\"]}>\n {trailing}\n </div>\n )\n )}\n </Provider>\n );\n }}\n </ListBoxItem>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;A,GCoDac,KAAoC,MAAA;CAAA,IAAAC,KAAA,GAAAT,EAAAA,EAAAA,CAAA,EAAA,GAAAU,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAT,EAAA,OAAAU,KAUhD,IAAAV,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OAViD,iHAAA,GAAAM,KAAAI,GAUjD,EAAA,KAAAA,GAAA,EAAA,KAAAT,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,oBAAAE,MACIC,EAAiB,GACrBC,IACIN,KAAAI,KAAA,QAEJG,IAAgBC,EACZC,EAA4Cd,CAE9B,IADRA,EAAK,MAAM,KADjB,KAAA,CAGJ,GAEA,EAAA,gBAAA,kBAAoCP,EAAUS,CAAO,GACrDa,KAAqBR,GAAQ,UAAR,KAAyB,GAAES;CAAA,AAAAlB,EAAA,QAAAC,IAUnC,IAAAD,EAAA,OANM,KAAA,MACPmB,EACI3B,EAAO,cACP,OAAOS,KAAc,aACfA,EAAUmB,CACF,IAFdnB,CAGJ,GAAC,EAAA,MAAAA,GAAA,EAAA,MAAAiB;CAAA,IAAAG;CAAA,AAAArB,EAAA,QAAAiB,KAAAjB,EAAA,QAAAE,KAAAF,EAAA,QAAAc,KAAAd,EAAA,QAAAG,KAAAH,EAAA,QAAAa,KAAAb,EAAA,QAAAK,KAAAL,EAAA,QAAAsB,KAAAtB,EAAA,QAAAQ,KAAAR,EAAA,QAAAS,KAMJ,KAAA,MAAA;EAAC,IAAA,EAAA,eAAA,eAAA,qBAAAc,GACEC,IACIC,KAAcZ,MAA+B,WAEjDa,IACID,KAAcZ,MAA+B;EAAW,OAGxD,kBAACc,GAAD;GACY,QAAA,CACJ,CACIC,GACA,EAAA,OACW;KACFC,IAAe,CAAC;IAAC,WACP;KAAA;KAAA,YAGHC,KACAC,MAAkB;KAAM,YAChB;KAAI,mBACGjB;IACvB;GACJ,EACJ,CAAC,GAEL,CACIkB,GACA,EAAA,OACW,GACFH,IAAe,EAAA,mBACOf,EACvB,EACJ,EACJ,CAAC,CACJ;GA3BT,UAAA;IA8BKQ,KAAc,kBAAC5B,GAAD,EAAO,GAAK4B,EAAU,CAAA;IAEpCE,IACG,kBAAA,OAAA;KAAgB,WAAAL,EAAK3B,EAAM,OAAW;KAClC,UAAA,kBAACI,GAAD,EAAgBX,MAAAgD,EAAK,CAAA;IACnB,CAAA,IAEN9B,KACI,kBAAA,OAAA;KAAgB,WAAAgB,EAAK3B,EAAM,OAAW;KACjC,UAAAW;IACC,CAAA;IAId,kBAAA,OAAA;KAAgB,WAAAgB,EAAK3B,EAAM,OAAW;KAAtC,UAAA;MACKa,KAAAA;MACAW,EACGd,CAQJ,IANIgC,EACIhC,GACA,EAAA,IAAMY,EAAQ,CAItB,IADI,kBAAA,QAAA;OAAU3B,IAAA2B;OAAU,UAAAZ;MAAa,CAAA;MAEpCM,KAAAA;KACC;;IAELkB,IACG,kBAAA,OAAA;KAAgB,WAAAlC,EAAM;KAClB,UAAA,kBAACI,GAAD,EAAgBX,MAAAgD,EAAK,CAAA;IACnB,CAAA,IAENhB,KACI,kBAAA,OAAA;KAAgB,WAAAzB,EAAM;KACjB,UAAAiB;IACC,CAAA;GAnET;;CAsEE,GAElB,EAAA,MAAAQ,GAAA,EAAA,MAAAf,GAAA,EAAA,MAAAY,GAAA,EAAA,MAAAX,GAAA,EAAA,MAAAU,GAAA,EAAA,MAAAR,GAAA,EAAA,MAAAiB,GAAA,EAAA,MAAAd,GAAA,EAAA,MAAAC,GAAA,EAAA,MAAAY,KAAA,IAAArB,EAAA;CAAA,IAAAuB;CACS,OADTvB,EAAA,QAAAmC,KAAAnC,EAAA,QAAAM,KAAAN,EAAA,QAAAkB,KAAAlB,EAAA,QAAAqB,KA7FL,IAAA,kBAACe,GAAD;EACe,WAAAlB;EAQF5B,SAAA6C;EACO,kBAAA;EAAI,GAChB7B;EAEH,UAAAe;CAbO,CAAA,GA8FE,EAAA,MAAAc,GAAA,EAAA,MAAA7B,GAAA,EAAA,MAAAY,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAE,KAAA,IAAAvB,EAAA,KA9FduB;AA8Fc"}

package/dist/chunks/ListLabelText CHANGED Viewed

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

package/dist/chunks/ListLabelText.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListLabelText","names":[],"sources":["../../src/components/List/ListLabelText/listLabelText.module.css","../../src/components/List/ListLabelText/ListLabelText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .label {\n color: var(--_md-list-label-color);\n\n transition: color 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","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listLabelText.module.css\";\n\~~nexport~~ ~~const~~ ListLabelText: ~~React.FC<\~~n Omit<React.ComponentPropsWithRef<typeof Text>, \"slot\">\n> = ({ className, ...props }) => {\n return (\n <Text\n className={clsx(styles[\"label\"], typography.bodyLarge, className)}\n slot=\"label\"\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;~~8CCKa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAAwB~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAAvB~~,~~kBAAA~~,~~KAAA~~,~~GAAuB~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~IAGiD~~,~~IAAA~~,EAAA,MAAtD,~~IAAA~~,~~EAAK~~,EAAM,~~OAAW~~,EAAU,~~WAAY~~,CAAS,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAGnE,~~OAHmE~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KADrE,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EACN,MAAA;EAAO,~~GACR~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IAJF~~;AAIE"}
1	+ {"version":3,"file":"ListLabelText","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listLabelText_module_default","ListLabelText","$","className","props","t0","t1","typography","t2","Text"],"sources":["../../src/components/List/ListLabelText/listLabelText.module.css","../../src/components/List/ListLabelText/ListLabelText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .label {\n color: var(--_md-list-label-color);\n\n transition: color 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","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listLabelText.module.css\";\n\n/*\n Props for the [`ListLabelText`](src/components/List/ListLabelText/ListLabelText.tsx) component.\n /\nexport interface ListLabelTextProps\n extends Omit<React.ComponentPropsWithRef<typeof Text>, \"slot\"> {}\n\n/\n Primary headline/label text component for a [`ListItem`](src/components/List/ListItem/ListItem.tsx).\n \n Automatically binds to `slot=\"label\"` with Material Design 3 `bodyLarge` typography.\n \n @example\n * ```tsx\n * <ListLabelText>Notification Settings</ListLabelText>\n * ```\n */\nexport const ListLabelText: React.FC<ListLabelTextProps> = ({\n className,\n ...props\n}) => {\n return (\n <Text\n className={clsx(styles[\"label\"], typography.bodyLarge, className)}\n slot=\"label\"\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;A,8CCqBaO,KAA8C,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAG1D,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAH2D,eAAA,GAAAE,KAAAC,GAG3D,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAG4E,IAAAD,EAAA,MAAtD,IAAAP,EAAKC,EAAM,OAAWW,EAAU,WAAYJ,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGnE,OAHmEN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KADrE,IAAA,kBAACG,GAAD;EACe,WAAAH;EACN,MAAA;EAAO,GACRF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAJFM;AAIE"}

package/dist/chunks/ListMedia CHANGED Viewed

@@ -9,7 +9,6 @@ import '../assets/ListMedia.css';var n = {
 	className: e(n.media, n[r], i),
 	...a
 }), i = 56, a = 56, o = 100, s = 56, c = 114, l = 64;
-//#endregion
 export { s as a, c as i, i as n, o, l as r, r as s, a as t };
 //# sourceMappingURL=ListMedia.map

package/dist/chunks/ListMedia.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListMedia","names":[],"sources":["../../src/components/List/ListMedia/listMedia.module.css","../../src/components/List/ListMedia/ListMedia.tsx","../../src/components/List/ListMedia/types.ts"],"sourcesContent":["@layer adgytec.comps {\n .media {\n inline-size: var(--_md-list-media-inline-size);\n max-inline-size: var(--_md-list-media-inline-size);\n\n block-size: var(--_md-list-media-block-size);\n max-block-size: var(--_md-list-media-block-size);\n\n border-radius: var(--md-sys-shape-corner-radius-small);\n overflow: clip;\n\n background-color: var(--md-sys-color-primary-container);\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n\n border-radius: inherit;\n }\n\n & video {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n\n border-radius: inherit;\n }\n }\n\n .image {\n /* 56, 56 /\n --_md-list-media-inline-size: var(--md-sys-layout-space-56);\n --_md-list-media-block-size: var(--md-sys-layout-space-56);\n }\n\n .video {\n / 100, 56 /\n --_md-list-media-inline-size: calc(100 var(--dp, 1px));\n --_md-list-media-block-size: var(--md-sys-layout-space-56);\n }\n\n .large-video {\n /* 114, 64 /\n --_md-list-media-inline-size: calc(114 var(--dp, 1px));\n --_md-list-media-block-size: var(--md-sys-layout-space-64);\n }\n}\n","import clsx from \"clsx\";\nimport styles from \"./listMedia.module.css\";\nimport type { ListMediaProps } from \"./types\";\n\nexport const ListMedia: React.FC<ListMediaProps> = ({\n variant = \"image\",\n className,\n ...props\n}) => {\n return (\n <div\n className={clsx(styles[\"media\"], styles[variant], className)}\n {...props}\n />\n );\n};\n","// ~~constants~~ ~~values~~ to be ~~used~~ by ~~img~~ or ~~video~~ ~~tag\~~n\nexport const ListMediaImageWidth = 56;\nexport const ListMediaImageHeight = 56;\n\nexport const ListMediaVideoWidth = 100;\nexport const ListMediaVideoHeight = 56;\n\nexport const ListMediaLargeVideoWidth = 114;\nexport const ListMediaLargeVideoHeight = 64;\n\nexport type ListMediaVariant = \"image\" \| \"video\" \| \"large-video\";\n\nexport interface ListMediaProps extends React.ComponentPropsWithRef<\"div\"> {\n variant?: ListMediaVariant;\n}\n"],"mappings":";;;;;;;~~GCIa~~,KAAuC,EAChD,aAAU,SACV,cACA,~~GAAG~~,QAGC,kBAAC,OAAD;CACI,~~WAAW~~,~~EAAK~~,~~EAAO~~,~~OAAU~~,~~EAAO~~,~~IAAU~~,CAAS;CAC3D,~~GAAI~~;AAAM,CAAA,~~GCVT~~,IAAsB,~~IACtB~~,IAAuB,~~IAEvB~~,IAAsB,~~KACtB~~,IAAuB,~~IAEvB~~,IAA2B,~~KAC3B~~,IAA4B"}
1	+ {"version":3,"file":"ListMedia","names":["clsx","styles","clsx$1","listMedia_module_default","ListMedia","props","\"media\"","variant","className","ListMediaImageWidth","ListMediaImageHeight","ListMediaVideoWidth","ListMediaVideoHeight","ListMediaLargeVideoWidth","ListMediaLargeVideoHeight"],"sources":["../../src/components/List/ListMedia/listMedia.module.css","../../src/components/List/ListMedia/ListMedia.tsx","../../src/components/List/ListMedia/types.ts"],"sourcesContent":["@layer adgytec.comps {\n .media {\n inline-size: var(--_md-list-media-inline-size);\n max-inline-size: var(--_md-list-media-inline-size);\n\n block-size: var(--_md-list-media-block-size);\n max-block-size: var(--_md-list-media-block-size);\n\n border-radius: var(--md-sys-shape-corner-radius-small);\n overflow: clip;\n\n background-color: var(--md-sys-color-primary-container);\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n\n border-radius: inherit;\n }\n\n & video {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n\n border-radius: inherit;\n }\n }\n\n .image {\n /* 56, 56 /\n --_md-list-media-inline-size: var(--md-sys-layout-space-56);\n --_md-list-media-block-size: var(--md-sys-layout-space-56);\n }\n\n .video {\n / 100, 56 /\n --_md-list-media-inline-size: calc(100 var(--dp, 1px));\n --_md-list-media-block-size: var(--md-sys-layout-space-56);\n }\n\n .large-video {\n /* 114, 64 /\n --_md-list-media-inline-size: calc(114 var(--dp, 1px));\n --_md-list-media-block-size: var(--md-sys-layout-space-64);\n }\n}\n","import clsx from \"clsx\";\nimport styles from \"./listMedia.module.css\";\nimport type { ListMediaProps } from \"./types\";\n\n/*\n Styled media container for thumbnail images and video previews within a [`ListItem`](src/components/List/ListItem/ListItem.tsx).\n \n Automatically applies rounded corners and `object-fit: cover` to nested `<img>` or `<video>` elements.\n * Supports dimension presets: `\"image\"` (56×56), `\"video\"` (100×56), and `\"large-video\"` (114×64).\n \n @example\n * ```tsx\n * import { ListMedia, ListMediaImageWidth, ListMediaImageHeight } from \"@adgytec/web-ui-components\";\n \n <ListMedia variant=\"image\">\n * <img\n * src=\"https://picsum.photos/56/56\"\n * alt=\"Thumbnail\"\n * width={ListMediaImageWidth}\n * height={ListMediaImageHeight}\n * />\n * </ListMedia>\n * ```\n /\nexport const ListMedia: React.FC<ListMediaProps> = ({\n variant = \"image\",\n className,\n ...props\n}) => {\n return (\n <div\n className={clsx(styles[\"media\"], styles[variant], className)}\n {...props}\n />\n );\n};\n","/\n Width in pixels for the `\"image\"` media variant (56px).\n /\nexport const ListMediaImageWidth = 56;\n\n/\n Height in pixels for the `\"image\"` media variant (56px).\n /\nexport const ListMediaImageHeight = 56;\n\n/\n Width in pixels for the standard `\"video\"` media variant (100px).\n /\nexport const ListMediaVideoWidth = 100;\n\n/\n Height in pixels for the standard `\"video\"` media variant (56px).\n /\nexport const ListMediaVideoHeight = 56;\n\n/\n Width in pixels for the `\"large-video\"` media variant (114px).\n /\nexport const ListMediaLargeVideoWidth = 114;\n\n/\n Height in pixels for the `\"large-video\"` media variant (64px).\n /\nexport const ListMediaLargeVideoHeight = 64;\n\n/\n Preset dimension variants for the [`ListMedia`](src/components/List/ListMedia/ListMedia.tsx) container:\n * - `\"image\"`: 56px × 56px square thumbnail.\n * - `\"video\"`: 100px × 56px 16:9 aspect video preview.\n * - `\"large-video\"`: 114px × 64px enlarged video preview.\n /\nexport type ListMediaVariant = \"image\" \| \"video\" \| \"large-video\";\n\n/\n Props for the [`ListMedia`](src/components/List/ListMedia/ListMedia.tsx) container component.\n /\nexport interface ListMediaProps extends React.ComponentPropsWithRef<\"div\"> {\n /\n Preset dimension variant for the media thumbnail container.\n \n @default \"image\"\n */\n variant?: ListMediaVariant;\n}\n"],"mappings":";;;;;;;A,GCwBaI,KAAuC,EAChD,aAAU,SACV,cACA,GAAGC,QAGC,kBAAC,OAAD;CACI,WAAWL,EAAKC,EAAOK,OAAUL,EAAOM,IAAUC,CAAS;CAC3D,GAAIH;AAAM,CAAA,GC7BTI,IAAsB,IAKtBC,IAAuB,IAKvBC,IAAsB,KAKtBC,IAAuB,IAKvBC,IAA2B,KAK3BC,IAA4B"}

package/dist/chunks/ListOverlineText CHANGED Viewed

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

package/dist/chunks/ListOverlineText.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListOverlineText","names":[],"sources":["../../src/components/List/ListOverlineText/listOverlineText.module.css","../../src/components/List/ListOverlineText/ListOverlineText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .overline {\n color: var(--_md-list-color);\n\n transition: color 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","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listOverlineText.module.css\";\n\~~nexport~~ ~~const~~ ListOverlineText: ~~React.FC<\~~n React.ComponentPropsWithRef<typeof Text>\n> = ({ className, ...props }) => {\n return (\n <Text\n className={clsx(\n styles[\"overline\"],\n typography.labelSmall,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;~~oDCKa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAAwB~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAAvB~~,~~kBAAA~~,~~KAAA~~,~~GAAuB~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~IAOf~~,~~IAAA~~,EAAA,MAJU,~~IAAA~~,~~EACP~~,EAAM,~~UACN~~,EAAU,~~YACV~~,CACJ,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAEH,~~OAFG~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KALL,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EAIV,~~GACG~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IAPF~~;AAOE"}
1	+ {"version":3,"file":"ListOverlineText","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listOverlineText_module_default","ListOverlineText","$","className","props","t0","t1","typography","t2","Text"],"sources":["../../src/components/List/ListOverlineText/listOverlineText.module.css","../../src/components/List/ListOverlineText/ListOverlineText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .overline {\n color: var(--_md-list-color);\n\n transition: color 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","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listOverlineText.module.css\";\n\n/*\n Props for the [`ListOverlineText`](src/components/List/ListOverlineText/ListOverlineText.tsx) component.\n /\nexport interface ListOverlineTextProps\n extends React.ComponentPropsWithRef<typeof Text> {}\n\n/\n Eyebrow or overline category text component displayed above the label in a [`ListItem`](src/components/List/ListItem/ListItem.tsx).\n \n Styled with Material Design 3 `labelSmall` typography.\n \n @example\n * ```tsx\n * <ListOverlineText>Work</ListOverlineText>\n * ```\n */\nexport const ListOverlineText: React.FC<ListOverlineTextProps> = ({\n className,\n ...props\n}) => {\n return (\n <Text\n className={clsx(\n styles[\"overline\"],\n typography.labelSmall,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;A,oDCqBaO,KAAoD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGhE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHiE,eAAA,GAAAE,KAAAC,GAGjE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOY,IAAAD,EAAA,MAJU,IAAAP,EACPC,EAAM,UACNW,EAAU,YACVJ,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEH,OAFGN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAACG,GAAD;EACe,WAAAH;EAIV,GACGF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAPFM;AAOE"}

package/dist/chunks/ListSupportingText CHANGED Viewed

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

package/dist/chunks/ListSupportingText.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListSupportingText","names":[],"sources":["../../src/components/List/ListSupportingText/listSupportingText.module.css","../../src/components/List/ListSupportingText/ListSupportingText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .supporting {\n color: var(--_md-list-color);\n\n transition: color 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","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listSupportingText.module.css\";\n\~~nexport~~ ~~const~~ ListSupportingText: ~~React.FC<\~~n Omit<React.ComponentPropsWithRef<typeof Text>, \"slot\">\n> = ({ className, ...props }) => {\n return (\n <Text\n className={clsx(\n styles[\"supporting\"],\n typography.bodyMedium,\n className\n )}\n slot=\"description\"\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;~~wDCKa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAAwB~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAAvB~~,~~kBAAA~~,~~KAAA~~,~~GAAuB~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~IAOf~~,~~IAAA~~,EAAA,MAJU,~~IAAA~~,~~EACP~~,EAAM,~~YACN~~,EAAU,~~YACV~~,CACJ,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAGH,~~OAHG~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KALL,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EAKN,MAAA;EAAa,~~GACd~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IARF~~;AAQE"}
1	+ {"version":3,"file":"ListSupportingText","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listSupportingText_module_default","ListSupportingText","$","className","props","t0","t1","typography","t2","Text"],"sources":["../../src/components/List/ListSupportingText/listSupportingText.module.css","../../src/components/List/ListSupportingText/ListSupportingText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .supporting {\n color: var(--_md-list-color);\n\n transition: color 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","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listSupportingText.module.css\";\n\n/*\n Props for the [`ListSupportingText`](src/components/List/ListSupportingText/ListSupportingText.tsx) component.\n /\nexport interface ListSupportingTextProps\n extends Omit<React.ComponentPropsWithRef<typeof Text>, \"slot\"> {}\n\n/\n Secondary descriptive text component placed beneath the label in a [`ListItem`](src/components/List/ListItem/ListItem.tsx).\n \n Automatically binds to `slot=\"description\"` with Material Design 3 `bodyMedium` typography.\n \n @example\n * ```tsx\n * <ListSupportingText>Receive real-time alerts on your device.</ListSupportingText>\n * ```\n */\nexport const ListSupportingText: React.FC<ListSupportingTextProps> = ({\n className,\n ...props\n}) => {\n return (\n <Text\n className={clsx(\n styles[\"supporting\"],\n typography.bodyMedium,\n className\n )}\n slot=\"description\"\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;A,wDCqBaO,KAAwD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGpE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHqE,eAAA,GAAAE,KAAAC,GAGrE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOY,IAAAD,EAAA,MAJU,IAAAP,EACPC,EAAM,YACNW,EAAU,YACVJ,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGH,OAHGN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAACG,GAAD;EACe,WAAAH;EAKN,MAAA;EAAa,GACdF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IARFM;AAQE"}

package/dist/chunks/ListTrailingText ADDED Viewed

@@ -0,0 +1,20 @@
+import { t as e } from "./compiler-runtime";
+import { t } from "./base";
+import n from "clsx";
+import { jsx as r } from "react/jsx-runtime";
+import { Text as i } from "react-aria-components";
+import '../assets/ListTrailingText.css';// src/components/List/ListTrailingText/listTrailingText.module.css
+var a = e(), o = { trailing: "_trailing_1dhi1_2" }, s = (e) => {
+	let s = (0, a.c)(8), c, l;
+	s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
+	let u;
+	s[3] === c ? u = s[4] : (u = n(o.trailing, t.labelSmall, c), s[3] = c, s[4] = u);
+	let d;
+	return s[5] !== l || s[6] !== u ? (d = /* @__PURE__ */ r(i, {
+		className: u,
+		...l
+	}), s[5] = l, s[6] = u, s[7] = d) : d = s[7], d;
+};
+export { s as t };
+//# sourceMappingURL=ListTrailingText.map

package/dist/chunks/ListTrailingText.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ListTrailingText","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","listTrailingText_module_default","ListTrailingText","$","className","props","t0","t1","typography","t2","Text"],"sources":["../../src/components/List/ListTrailingText/listTrailingText.module.css","../../src/components/List/ListTrailingText/ListTrailingText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .trailing {\n color: var(--_md-list-color);\n\n transition: color 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","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listTrailingText.module.css\";\n\n/**\n * Props for the [`ListTrailingText`](src/components/List/ListTrailingText/ListTrailingText.tsx) component.\n */\nexport interface ListTrailingTextProps\n extends React.ComponentPropsWithRef<typeof Text> {}\n\n/**\n * Trailing metadata or timestamp text component placed at the end of a [`ListItem`](src/components/List/ListItem/ListItem.tsx).\n *\n * Styled with Material Design 3 `labelSmall` typography.\n *\n * @example\n * ```tsx\n * <ListTrailingText>10:45 AM</ListTrailingText>\n * ```\n */\nexport const ListTrailingText: React.FC<ListTrailingTextProps> = ({\n className,\n ...props\n}) => {\n return (\n <Text\n className={clsx(\n styles[\"trailing\"],\n typography.labelSmall,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;A,oDCqBaO,KAAoD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGhE,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHiE,eAAA,GAAAE,KAAAC,GAGjE,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOY,IAAAD,EAAA,MAJU,IAAAP,EACPC,EAAM,UACNW,EAAU,YACVJ,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAEH,OAFGN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAACG,GAAD;EACe,WAAAH;EAIV,GACGF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAPFM;AAOE"}

package/dist/chunks/Loader CHANGED Viewed

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

package/dist/chunks/Loader.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loader","names":["LoaderCircle"],"sources":["../../src/components/Loader/loader.module.css","../../src/components/Loader/Loader.tsx"],"sourcesContent":["@layer adgytec.comps {\n .loader {\n animation: loader 1s infinite linear;\n }\n\n @keyframes loader {\n from {\n rotate: 0deg;\n }\n to {\n rotate: 360deg;\n }\n }\n}\n","import { clsx } from \"clsx\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./loader.module.css\";\n\~~nexport~~ ~~const~~ Loader: ~~React~~.~~FC<\~~n Omit<React.ComponentPropsWithRef<typeof Icon>, \"icon\" \| \"className\">\n> = (props) => {\n return (\n <Icon\n icon={LoaderCircle}\n className={clsx(styles[\"loader\"])}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;~~gDCKa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~;CAAA,~~AAAA~~,EAAA,OAAA,OAAA,IAAA,2BAAA,~~KAImB~~,~~IAAA~~,~~EAAK~~,EAAM,MAAU,GAAC,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA;CAAA,~~IAAA~~;CAEnC,~~OAFmC~~,EAAA,~~OAAA~~,IAEnC,~~IAAA~~,EAAA,MAJF,IAAA,~~kBAAC~~,GAAD;~~EACUA~~,~~MAAA~~;EACK,~~WAAA~~;EAAsB,~~GAC7B~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,~~IAJF~~;AAIE"}
1	+ {"version":3,"file":"Loader","names":["LoaderCircle","_c","styles","require_compiler_runtime","import_compiler_runtime","loader_module_default","Loader","$","t0","clsx","t1","props","Icon","LoaderCircle"],"sources":["../../src/components/Loader/loader.module.css","../../src/components/Loader/Loader.tsx"],"sourcesContent":["@layer adgytec.comps {\n .loader {\n animation: loader 1s infinite linear;\n }\n\n @keyframes loader {\n from {\n rotate: 0deg;\n }\n to {\n rotate: 360deg;\n }\n }\n}\n","import { clsx } from \"clsx\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./loader.module.css\";\n\n/*\n Props for the [`Loader`](src/components/Loader/Loader.tsx) component.\n \n Extends all properties from [`Icon`](src/components/Icon/Icon.tsx)\n * while omitting `icon` (which is fixed to `LoaderCircle`) and internal `className`.\n /\nexport interface LoaderProps\n extends Omit<\n React.ComponentPropsWithRef<typeof Icon>,\n \"icon\" \| \"className\"\n > {}\n\n/\n Circular spinning progress and activity indicator component.\n \n Built using Lucide's `LoaderCircle` icon with continuous 360-degree rotation animation\n * to signal ongoing processes or background loading operations.\n \n @example\n * ```tsx\n * import { Loader } from \"@adgytec/web-ui-components\";\n \n // Default loader\n * <Loader />\n \n // Custom size and color\n * <Loader size={32} color=\"var(--md-sys-color-primary)\" />\n * ```\n */\nexport const Loader: React.FC<LoaderProps> = (props) => {\n return (\n <Icon\n icon={LoaderCircle}\n className={clsx(styles[\"loader\"])}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;A,gDCkCaM,KAAgC,MAAA;CAAA,IAAAC,KAAA,GAAAN,EAAAA,EAAAA,CAAA,CAAA,GAAAO;CAAA,AAAAD,EAAA,OAAA,OAAA,IAAA,2BAAA,KAItB,IAAAE,EAAKP,EAAM,MAAU,GAAC,EAAA,KAAAM,KAAA,IAAAD,EAAA;CAAA,IAAAG;CAEnC,OAFmCH,EAAA,OAAAI,IAEnC,IAAAJ,EAAA,MAJF,IAAA,kBAACK,GAAD;EACUZ,MAAAa;EACK,WAAAL;EAAsB,GAC7BG;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAD,IAJFA;AAIE"}

package/dist/chunks/MenuPopover CHANGED Viewed

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

package/dist/chunks/MenuPopover.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuPopover","names":[],"sources":["../../src/components/Menu/MenuPopover/menuPopover.module.css","../../src/components/Menu/MenuPopover/MenuPopover.tsx"],"sourcesContent":["@layer adgytec.comps {\n .popover {\n display: grid;\n grid-template-rows: 1fr;\n }\n}\n","import clsx from \"clsx\";\nimport { Popover } from \"@/components/Popover\";\nimport styles from \"./menuPopover.module.css\";\n\~~nexport~~ ~~const~~ MenuPopover: ~~React.FC<\~~n React.ComponentPropsWithRef<typeof Popover>\n> = ({ className, ...props }) => {\n return (\n <Popover\n className={(renderProps) =>\n clsx(\n styles[\"popover\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;~~kDCIa~~,~~KAET~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAAwB~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAAvB~~,~~kBAAA~~,~~KAAA~~,~~GAAuB~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~IASX~~,~~IAAA~~,EAAA,MANM,KAAA,~~MACP~~,~~EACI~~,EAAM,SACN,~~OAAO~~,KAAc,~~aACf~~,~~EAAU~~,CACF,~~IAFd~~,CAGJ,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAGP,~~OAHO~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KAPT,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EAMN,~~GAED~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IAVF~~;AAUE"}
1	+ {"version":3,"file":"MenuPopover","names":["_c","clsx","styles","require_compiler_runtime","clsx$1","import_compiler_runtime","menuPopover_module_default","MenuPopover","$","className","props","t0","t1","renderProps","t2","Popover"],"sources":["../../src/components/Menu/MenuPopover/menuPopover.module.css","../../src/components/Menu/MenuPopover/MenuPopover.tsx"],"sourcesContent":["@layer adgytec.comps {\n .popover {\n display: grid;\n grid-template-rows: 1fr;\n }\n}\n","import clsx from \"clsx\";\nimport { Popover } from \"@/components/Popover\";\nimport styles from \"./menuPopover.module.css\";\n\n/*\n Props for the [`MenuPopover`](src/components/Menu/MenuPopover/MenuPopover.tsx) component.\n /\nexport interface MenuPopoverProps\n extends React.ComponentPropsWithRef<typeof Popover> {}\n\n/\n Surface overlay container for the [`Menu`](src/components/Menu/Menu/Menu.tsx) component.\n \n Wraps [`Popover`](src/components/Popover/Popover.tsx)\n * with Material Design 3 surface styling, rounded corners, and shadow elevation.\n \n @example\n * ```tsx\n * <MenuPopover placement=\"bottom start\">\n * <Menu>\n * <MenuItem label=\"Settings\" />\n * </Menu>\n * </MenuPopover>\n * ```\n */\nexport const MenuPopover: React.FC<MenuPopoverProps> = ({\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 {...props}\n />\n );\n};\n"],"mappings":";;;;;A,kDCyBaO,KAA0C,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,CAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGtD,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHuD,eAAA,GAAAE,KAAAC,GAGvD,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IASgB,IAAAD,EAAA,MANM,KAAA,MACPP,EACIC,EAAM,SACN,OAAOO,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACG,GAAD;EACe,WAAAH;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}

package/dist/chunks/Modal CHANGED Viewed

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

package/dist/chunks/Modal.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal","names":[],"sources":["../../src/components/Dialog/Modal/modal.module.css","../../src/components/Dialog/Modal/Modal.tsx"],"sourcesContent":["@layer adgytec.comps {\n .modal {\n padding-inline: var(--md-sys-layout-window-size-compact-margin);\n\n position: fixed;\n inset: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n transition: scale var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-entering] {\n scale: 0.75;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Modal as AriaModal } from \"react-aria-components\";\nimport styles from \"./modal.module.css\";\n\~~nexport~~ ~~const~~ Modal: React~~.FC<~~React.ComponentPropsWithRef<typeof AriaModal>> = ({\n ~~className,\~~n ~~...props~~\n}) => {\n return (\n <AriaModal\n className={(renderProps) =>\n clsx(\n styles[\"modal\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;~~8CCIa~~,~~KAAiE~~,MAAA;CAAA,~~IAAA~~,KAAA,~~GAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,~~GAAA~~,~~GAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~KAG7E~~,~~IAAA~~,EAAA,IAAA,~~IAAA~~,EAAA,~~OAH8E~~,~~kBAAA~~,~~KAAA~~,~~GAG9E~~,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAAA,~~AAAA~~,EAAA,~~OAAA~~,~~IASgB~~,~~IAAA~~,EAAA,MANM,KAAA,~~MACP~~,~~EACI~~,EAAM,OACN,~~OAAO~~,KAAc,~~aACf~~,~~EAAU~~,CACF,~~IAFd~~,CAGJ,GAAC,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~;CAAA,~~IAAA~~;CAGP,~~OAHO~~,EAAA,~~OAAA~~,~~KAAA~~,EAAA,~~OAAA~~,KAPT,IAAA,~~kBAAC~~,GAAD;EACe,~~WAAA~~;EAMN,~~GAED~~;CAAK,CAAA,GACX,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,GAAA,EAAA,~~KAAA~~,KAAA,~~IAAA~~,EAAA,~~IAVF~~;AAUE"}
1	+ {"version":3,"file":"Modal","names":["Modal","_c","clsx","styles","AriaModal","require_compiler_runtime","clsx$1","import_compiler_runtime","modal_module_default","Modal$1","$","className","props","t0","t1","renderProps","t2","Modal"],"sources":["../../src/components/Dialog/Modal/modal.module.css","../../src/components/Dialog/Modal/Modal.tsx"],"sourcesContent":["@layer adgytec.comps {\n .modal {\n padding-inline: var(--md-sys-layout-window-size-compact-margin);\n\n position: fixed;\n inset: 0;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n transition: scale var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-entering] {\n scale: 0.75;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Modal as AriaModal } from \"react-aria-components\";\nimport styles from \"./modal.module.css\";\n\n/*\n Props for the {@link Modal} component.\n * Extends React Aria's {@link AriaModal} props.\n /\nexport interface ModalProps\n extends React.ComponentPropsWithRef<typeof AriaModal> {}\n\n/\n A modal positioning and transition wrapper for dialogs.\n \n Controls entrance and exit animations (such as zoom-in scaling) and centers\n * the enclosed dialog within the viewport or containing overlay.\n \n @example\n * ```tsx\n * import { Modal, ModalOverlay, Dialog } from '@adgytec/web-ui-components';\n \n <ModalOverlay isDismissable>\n * <Modal>\n * <Dialog>Modal content goes here</Dialog>\n * </Modal>\n * </ModalOverlay>\n * ```\n */\nexport const Modal: React.FC<ModalProps> = ({ className, ...props }) => {\n return (\n <AriaModal\n className={(renderProps) =>\n clsx(\n styles[\"modal\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;A,8CC4BaA,KAA8B,MAAA;CAAA,IAAAU,KAAA,GAAAT,EAAAA,EAAAA,CAAA,CAAA,GAAAU,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IASlD,IAAAD,EAAA,MANM,KAAA,MACPR,EACIC,EAAM,OACN,OAAOQ,KAAc,aACfA,EAAUI,CACF,IAFdJ,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAGP,OAHON,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAPT,IAAA,kBAACV,GAAD;EACe,WAAAU;EAMN,GAEDF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAVFM;AAUE"}

package/dist/chunks/ModalOverlay CHANGED Viewed

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