@arctura/atomics 0.0.1

package/dist/index.js

@@ -0,0 +1,1980 @@
+import { t as e } from "./useBreakpoints-CXOalIdM.js";
+import t from "classnames";
+import { FontAwesomeIcon as n } from "@fortawesome/react-fontawesome";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { twMerge as o } from "tailwind-merge";
+import s, { Children as c, Fragment as l, cloneElement as u, isValidElement as d, useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import _ from "embla-carousel-react";
+import { faChevronDown as v, faChevronLeft as y, faChevronRight as b, faClose as x, faEye as S, faEyeSlash as C, faXmark as w } from "@fortawesome/free-solid-svg-icons";
+import T from "embla-carousel-fade";
+//#region src/badge/Badge.tsx
+function E({ children: e, className: r, color: o = "primary", href: s, icon: c, iconPosition: l = "end", ref: u, size: d = "md", target: f, variant: p = "filled", ...m }) {
+	let h = p === "filled" ? t("mg:border-solid mg:border-1", {
+		"mg:bg-primary mg:border-primary": o === "primary",
+		"mg:hover:bg-primary-hover": o === "primary" && s,
+		"mg:bg-secondary mg:border-secondary": o === "secondary",
+		"mg:hover:bg-secondary-hover": o === "secondary" && s,
+		"mg:bg-subtle mg:border-subtle": o === "subtle",
+		"mg:hover:bg-subtle-hover": o === "subtle" && s,
+		"mg:bg-accent mg:border-accent": o === "accent",
+		"mg:hover:bg-accent-hover": o === "accent" && s,
+		"mg:bg-success-primary mg:border-success": o === "success",
+		"mg:hover:bg-success-hover": o === "success" && s,
+		"mg:bg-danger-primary mg:border-danger": o === "danger",
+		"mg:hover:bg-danger-hover": o === "danger" && s,
+		"mg:bg-warning-primary mg:border-warning": o === "warning",
+		"mg:hover:bg-warning-hover": o === "warning" && s,
+		"mg:bg-info-primary mg:border-info": o === "info",
+		"mg:hover:bg-info-hover": o === "info" && s
+	}) : "", g = p === "ghost" ? t("mg:bg-transparent", {
+		"mg:text-primary": o === "primary",
+		"mg:hover:text-primary-hover": o === "primary" && s,
+		"mg:text-secondary": o === "secondary",
+		"mg:hover:text-secondary-hover": o === "secondary" && s,
+		"mg:text-subtle": o === "subtle",
+		"mg:hover:text-subtle-hover": o === "subtle" && s,
+		"mg:text-accent": o === "accent",
+		"mg:hover:text-accent-hover": o === "accent" && s,
+		"mg:text-success": o === "success",
+		"mg:hover:text-success-hover": o === "success" && s,
+		"mg:text-danger": o === "danger",
+		"mg:hover:text-danger-hover": o === "danger" && s,
+		"mg:text-warning": o === "warning",
+		"mg:hover:text-warning-hover": o === "warning" && s,
+		"mg:text-info": o === "info",
+		"mg:hover:text-info-hover": o === "info" && s
+	}) : "", _ = t("mg:text-xs", {
+		"mg:text-primary": o === "primary",
+		"mg:text-secondary": o === "secondary",
+		"mg:text-subtle": o === "subtle",
+		"mg:text-accent": o === "accent",
+		"mg:text-success": o === "success",
+		"mg:text-danger": o === "danger",
+		"mg:text-warning": o === "warning",
+		"mg:text-info": o === "info"
+	}), v = p === "outline" ? t("mg:bg-transparent mg:border-solid mg:border-1", {
+		"mg:border-primary ": o === "primary",
+		"mg:hover:border-primary": o === "primary" && s,
+		"mg:border-secondary": o === "secondary",
+		"mg:hover:border-secondary": o === "secondary" && s,
+		"mg:border-subtle": o === "subtle",
+		"mg:hover:border-subtle": o === "subtle" && s,
+		"mg:border-accent": o === "accent",
+		"mg:hover:border-accent": o === "accent" && s,
+		"mg:border-success": o === "success",
+		"mg:hover:border-success": o === "success" && s,
+		"mg:border-danger": o === "danger",
+		"mg:hover:border-danger": o === "danger" && s,
+		"mg:border-warning": o === "warning",
+		"mg:hover:border-warning": o === "warning" && s,
+		"mg:border-info": o === "info",
+		"mg:hover:border-info": o === "info" && s
+	}) : "", y = t("mg:flex mg:items-center mg:justify-between mg:rounded-full", {
+		"mg:px-1 mg:py-0.5 mg:text-xs": d === "xs",
+		"mg:px-2 mg:py-1 mg:text-sm": d === "sm",
+		"mg:px-3 mg:py-1.5 mg:text-base": d === "md",
+		"mg:px-4 mg:py-2 mg:text-lg": d === "lg"
+	}, h, g, v, r);
+	return s ? /* @__PURE__ */ a("a", {
+		className: y,
+		href: s,
+		target: f,
+		ref: u,
+		...m,
+		children: [
+			c && l === "start" && /* @__PURE__ */ i(n, {
+				icon: c,
+				className: _
+			}),
+			e,
+			c && l === "end" && /* @__PURE__ */ i(n, {
+				icon: c,
+				className: _
+			})
+		]
+	}) : /* @__PURE__ */ a("div", {
+		className: y,
+		ref: u,
+		...m,
+		children: [
+			c && l === "start" && /* @__PURE__ */ i(n, {
+				icon: c,
+				className: _
+			}),
+			e,
+			c && l === "end" && /* @__PURE__ */ i(n, {
+				icon: c,
+				className: _
+			})
+		]
+	});
+}
+E.displayName = "Badge";
+//#endregion
+//#region src/buttons/Button.tsx
+var D = {
+	sm: "mg:px-1.5 mg:py-1 mg:rounded-sm mg:text-sm",
+	md: "mg:px-2.5 mg:py-2 mg:rounded-md mg:text-sm",
+	lg: "mg:px-3.5 mg:py-3 mg:rounded-lg mg:text-base"
+}, O = {
+	sm: "mg:px-1.5 mg:py-1 mg:rounded-sm mg:text-sm",
+	md: "mg:px-2 mg:py-1.5 mg:rounded-md mg:text-sm mg:sm:px-2.5 mg:sm:py-2",
+	lg: "mg:px-2.5 mg:py-2 mg:rounded-md mg:text-sm mg:sm:px-3.5 mg:sm:py-3 mg:sm:rounded-lg mg:sm:text-base"
+}, k = (e, t) => {
+	let r = o("mg:text-xs", t), a = o("mg:object-contain mg:animate-fade-in mg:duration-500", t);
+	return "iconName" in e ? /* @__PURE__ */ i(n, {
+		icon: e,
+		className: r
+	}, e.iconName) : /* @__PURE__ */ i("img", {
+		alt: e.alt || "",
+		src: e.src || "",
+		width: 16,
+		height: 16,
+		className: a
+	});
+};
+function A({ children: e, classes: n = {}, endAdornment: r, href: i, fullWidth: s = !1, responsive: c = !0, size: l = "md", startAdornment: u, ref: d, target: f, type: p = "button", variant: m = "primary", ...h }) {
+	let g = u && "iconName" in u, _ = r && "iconName" in r, v = u && "src" in u, y = r && "src" in r, b = c ? O[l] : D[l], x = o(t("mg:inline-flex mg:items-center mg:justify-between mg:font-body mg:text-primary mg:hover:text-primary-hover mg:hover:cursor-pointer", "mg:focus-visible:outline-1 mg:focus-visible:outline-offset-4 mg:focus-visible:outline-primary", s ? c ? "mg:w-full mg:py-2 mg:rounded-lg mg:text-sm mg:sm:py-3 mg:sm:text-base" : "mg:w-full mg:py-3 mg:rounded-lg mg:text-base" : b, {
+		"mg:bg-primary mg:hover:bg-primary-hover": m === "primary",
+		"mg:bg-secondary mg:hover:bg-secondary-hover": m === "secondary",
+		"mg:bg-transparent mg:hover:border-solid mg:hover:border-1 mg:hover:border-accent": m === "text",
+		"mg:border-solid mg:border-1 mg:border-primary mg:hover:border-accent": m === "outline",
+		"mg:gap-2": (g || _) && e,
+		"mg:gap-1": (v || y) && e
+	}), n?.button);
+	return i ? /* @__PURE__ */ a("a", {
+		ref: d,
+		className: x,
+		href: i,
+		target: f,
+		...h,
+		children: [
+			u && k(u),
+			e,
+			r && k(r)
+		]
+	}) : /* @__PURE__ */ a("button", {
+		ref: d,
+		className: x,
+		type: p,
+		...h,
+		children: [
+			u && k(u),
+			e,
+			r && k(r)
+		]
+	});
+}
+A.displayName = "Button";
+//#endregion
+//#region src/buttons/IconButton.tsx
+var j = (e, t) => {
+	let r = o("mg:object-cover mg:animate-fade-in mg:duration-500", t);
+	if ("iconName" in e) return /* @__PURE__ */ i(n, {
+		className: t,
+		icon: e
+	}, e.iconName);
+	if (d(e)) {
+		let t = e.props;
+		return t.src ? u(e, {
+			src: t.src || "",
+			alt: t.alt || "",
+			width: 24,
+			height: 24,
+			className: r
+		}) : e;
+	}
+	return e;
+};
+function M({ children: e, classes: n = {}, color: r = "primary", href: a, size: s = "sm", onClick: c, variant: l = "outline", ...u }) {
+	let d = o(t(t("mg:flex mg:items-center mg:justify-center mg:rounded-lg mg:font-body mg:p-1 mg:min-h-2 mg:min-w-2 mg:hover:cursor-pointer", "mg:focus-visible:outline-1 mg:focus-visible:outline-offset-4 mg:focus-visible:outline-primary", {
+		"mg:text-sm": s === "sm",
+		"mg:text-base": s === "md",
+		"mg:text-lg": s === "lg"
+	}), l === "outline" ? t("mg:border-solid mg:border-1 mg:hover:border-accent mg:bg-transparent mg:text-primary", {
+		"mg:text-primary mg:border-primary": r === "primary",
+		"mg:text-secondary mg:border-secondary": r === "secondary",
+		"mg:text-accent mg:border-accent": r === "accent"
+	}) : "", l === "filled" ? t("mg:text-primary mg:hover:text-inverse", {
+		"mg:bg-primary mg:hover:bg-primary-hover": r === "primary",
+		"mg:bg-secondary mg:hover:bg-secondary-hover": r === "secondary",
+		"mg:bg-accent mg:hover:bg-accent-hover": r === "accent"
+	}) : ""), n?.iconButton);
+	return a ? /* @__PURE__ */ i("a", {
+		className: d,
+		href: a,
+		onClick: c,
+		...u,
+		children: e && j(e, n?.children)
+	}) : /* @__PURE__ */ i("button", {
+		className: d,
+		onClick: c,
+		...u,
+		children: e && j(e, n?.children)
+	});
+}
+M.displayName = "IconButton";
+//#endregion
+//#region src/buttons/Fab.tsx
+var N = (e, r) => {
+	let a = t("mg:text-xs", r), s = o("mg:object-contain mg:animate-fade-in mg:duration-500", r);
+	return "iconName" in e ? /* @__PURE__ */ i(n, {
+		className: a,
+		icon: e
+	}) : /* @__PURE__ */ i("img", {
+		alt: e.alt || "",
+		className: s,
+		height: 16,
+		src: e.src || "",
+		width: 16
+	});
+};
+function P({ children: e, classes: n = {}, color: r = "primary", endAdornment: i, href: s, onClick: c, target: l, type: u, ref: d, size: f = "md", startAdornment: p, variant: m = "circular", ...h }) {
+	let g = m === "circular" ? t("mg:rounded-full", {
+		"mg:h-4 mg:w-4": f === "sm",
+		"mg:h-6 mg:w-6": f === "md",
+		"mg:h-8 mg:w-8": f === "lg"
+	}) : "", _ = m === "extended" ? t("mg:rounded-lg", {
+		"mg:w-4 mg:h-2": f === "sm",
+		"mg:w-5 mg:h-3": f === "md",
+		"mg:w-6 mg:h-4": f === "lg"
+	}) : "", v = o(t("mg:inline-flex mg:items-center mg:justify-center mg:border-solid mg:border-1 mg:hover:cursor-pointer", "mg:focus-visible:outline-1 mg:focus-visible:outline-offset-4 mg:focus-visible:outline-primary", {
+		"mg:border-primary mg:text-primary": r === "primary",
+		"mg:border-secondary mg:text-secondary": r === "secondary",
+		"mg:border-accent mg:hover:border-accent-hover mg:text-accent mg:hover:text-accent-hover": r === "accent",
+		"mg:border-error mg:text-danger": r === "error",
+		"mg:border-info mg:text-info": r === "info",
+		"mg:border-success mg:text-success": r === "success",
+		"mg:border-warning mg:text-warning": r === "warning",
+		"mg:hover:border-accent mg:hover:text-accent": r !== "accent"
+	}, g, _), n?.button);
+	return s ? /* @__PURE__ */ a("a", {
+		className: v,
+		href: s,
+		onClick: c,
+		target: l,
+		ref: d,
+		...h,
+		children: [
+			p && N(p, n?.adornment),
+			e,
+			i && N(i, n?.adornment)
+		]
+	}) : /* @__PURE__ */ a("button", {
+		className: v,
+		onClick: c,
+		ref: d,
+		type: u,
+		...h,
+		children: [
+			p && N(p, n?.adornment),
+			e,
+			i && N(i, n?.adornment)
+		]
+	});
+}
+P.displayName = "Fab";
+//#endregion
+//#region src/typography/Typography.tsx
+var F = {
+	1: "mg:line-clamp-1",
+	2: "mg:line-clamp-2",
+	3: "mg:line-clamp-3",
+	4: "mg:line-clamp-4",
+	5: "mg:line-clamp-5",
+	6: "mg:line-clamp-6",
+	7: "mg:line-clamp-7",
+	8: "mg:line-clamp-8",
+	9: "mg:line-clamp-9",
+	10: "mg:line-clamp-10"
+}, I = [
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6"
+], L = [
+	"base",
+	"small",
+	"large"
+], R = {
+	base: "mg:text-base",
+	small: "mg:text-sm",
+	large: "mg:text-base mg:sm:text-lg",
+	h1: "mg:text-5xl mg:sm:text-6xl mg:lg:text-8xl",
+	h2: "mg:text-4xl mg:sm:text-5xl mg:lg:text-7xl",
+	h3: "mg:text-3xl mg:sm:text-4xl mg:lg:text-6xl",
+	h4: "mg:text-base mg:sm:text-lg",
+	h5: "mg:text-sm mg:sm:text-base",
+	h6: "mg:text-sm"
+};
+function z({ align: e = "left", bold: n = !1, className: r, children: a, clamp: s = 2, color: c = "primary", removePadding: l = !1, span: u = !1, truncate: d = !1, underline: f = !1, variant: p = "base", ...m }) {
+	let h = I.includes(p), g = L.includes(p), _ = h ? t({
+		"mg:font-extrabold": n,
+		"mg:font-heading": !n
+	}) : "", v = g ? t({
+		"mg:font-bold": n,
+		"mg:font-body": !n
+	}) : "", y = u ? t({
+		"mg:font-bold": n,
+		"mg:font-body": g,
+		"mg:font-heading": h
+	}) : "", b = o(t({
+		"mg:py-1": !l,
+		"mg:text-left": e === "left",
+		"mg:text-center": e === "center",
+		"mg:text-right": e === "right",
+		"mg:text-justify": e === "justify",
+		"mg:truncate": d,
+		"mg:underline": f,
+		"mg:text-active": c === "active",
+		"mg:text-black": c === "black",
+		"mg:text-primary": c === "primary",
+		"mg:text-secondary": c === "secondary",
+		"mg:text-accent": c === "accent",
+		"mg:text-subtle": c === "subtle",
+		"mg:text-inverse": c === "inverse",
+		"mg:text-white": c === "white"
+	}, _, v, y, R[p], s ? F[s] : ""), r);
+	return i(u ? "span" : h ? p : "p", {
+		className: b,
+		...m,
+		children: a
+	});
+}
+z.displayName = "Typography";
+//#endregion
+//#region src/typography/Link.tsx
+var B = (e) => I.includes(e), V = ({ anchorProps: e = {}, anchorRef: n, children: r, classes: a = {}, color: s = "primary", href: c, onClick: l, target: u, variant: d = "base", ...f }) => {
+	let p = o(t("mg:flex mg:group"), a?.anchor), m = o(t("mg:cursor-pointer", {
+		"mg:group-hover:text-accent": s !== "accent",
+		"mg:group-hover:text-subtle-hover": s === "accent",
+		"mg:group-active:text-active mg:group-visited:text-active": s !== "active",
+		"mg:group-active:text-active-hover mg:group-visited:text-active-hover": s === "active"
+	}), a?.typography);
+	return B(d), /* @__PURE__ */ i("a", {
+		className: p,
+		href: c,
+		onClick: l,
+		ref: n,
+		target: u,
+		...e,
+		children: /* @__PURE__ */ i(z, {
+			className: m,
+			color: s,
+			variant: d,
+			...f,
+			children: r
+		})
+	});
+};
+V.displayName = "Link";
+//#endregion
+//#region src/card/Header.tsx
+var H = (e) => d(e) ? u(e, {
+	className: "mg:animate-fade-in",
+	size: "xs",
+	style: { animationDuration: "2s" }
+}) : null, U = (e) => "src" in e ? /* @__PURE__ */ i("img", {
+	alt: e.alt || "",
+	src: e.src || "",
+	width: 40,
+	height: 40,
+	className: "mg-object-contain"
+}) : /* @__PURE__ */ i(n, {
+	icon: e,
+	className: "mg-text-sm"
+}), W = ({ adornment: e, badge: t, ref: n, subtitle: r, title: o, ...s }) => /* @__PURE__ */ a("div", {
+	className: "mg:flex mg:flex-col mg:gap-1 mg:px-3 mg:py-2",
+	ref: n,
+	...s,
+	children: [/* @__PURE__ */ a("div", {
+		className: "mg:flex mg:items-center mg:gap-3",
+		children: [
+			e && U(e),
+			/* @__PURE__ */ i(z, {
+				clamp: 3,
+				bold: !0,
+				className: "mg:lg:text-2xl mg:sm:text-lg mg:text-base",
+				variant: "h2",
+				children: o
+			}),
+			t && H(t)
+		]
+	}), r && /* @__PURE__ */ i(z, {
+		clamp: 10,
+		variant: "small",
+		children: r
+	})]
+});
+W.displayName = "Card.Header";
+//#endregion
+//#region src/card/Media.tsx
+var G = {
+	"1:1": "mg:aspect-square",
+	"16:9": "mg:aspect-video",
+	"4:3": "mg:aspect-[4/3]",
+	"3:2": "mg:aspect-[3/2]",
+	"21:9": "mg:aspect-[21/9]"
+}, K = ({ alt: e = "", aspectRatio: n = "4:3", headerless: r = !1, footerless: a = !1, priority: o = "lazy", sizes: s = "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw", src: c = "", ref: l, ...u }) => /* @__PURE__ */ i("div", {
+	className: t("mg:relative mg:w-full mg:overflow-hidden", G[n], {
+		"mg:rounded-tl-lg mg:rounded-tr-lg": r,
+		"mg:rounded-bl-lg mg:rounded-br-lg": a
+	}),
+	ref: l,
+	...u,
+	children: /* @__PURE__ */ i("img", {
+		alt: e,
+		src: c,
+		loading: o,
+		sizes: s,
+		className: "mg:absolute mg:inset-0 mg:h-full mg:w-full mg:object-cover mg:animate-fade-in"
+	})
+});
+K.displayName = "Card.Media";
+//#endregion
+//#region src/card/Footer.tsx
+var q = ({ actions: e, description: t, subtitle: n, title: o, ref: s, ...c }) => /* @__PURE__ */ a("div", {
+	className: "mg:flex mg:grow mg:flex-col mg:justify-between mg:items-start mg:gap-3 mg:w-full mg:px-3 mg:py-2",
+	ref: s,
+	...c,
+	children: [/* @__PURE__ */ a("div", {
+		className: "mg:flex mg:flex-col mg:justify-center mg:items-start mg:gap-1.5",
+		children: [o && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(z, {
+			className: "mg:text-base mg:sm:text-xl mg:lg:text-3xl",
+			clamp: 3,
+			bold: !0,
+			variant: "h3",
+			children: o
+		}), n && /* @__PURE__ */ i(z, {
+			clamp: 10,
+			variant: "small",
+			children: n
+		})] }), t && /* @__PURE__ */ i(z, {
+			clamp: 10,
+			variant: "base",
+			children: t
+		})]
+	}), e && /* @__PURE__ */ i("div", {
+		className: "mg:flex mg:justify-start mg:items-center mg:gap-2",
+		children: e.map((e, t) => /* @__PURE__ */ i(A, {
+			classes: { button: "mg:animate-fade-in mg:duration-500" },
+			endAdornment: e?.endAdornment,
+			href: e?.href,
+			onClick: e?.onClick,
+			size: "sm",
+			startAdornment: e?.startAdornment,
+			style: { animationDelay: `${t * .1}s` },
+			target: e?.target,
+			variant: e?.variant,
+			children: e?.label
+		}, `footer-action-${t}`))
+	})]
+});
+q.displayName = "Card.Footer";
+//#endregion
+//#region src/card/Card.tsx
+var J = ({ children: e, ref: t, ...n }) => {
+	let o = (e) => {
+		let t = {};
+		return c.forEach(e, (e) => {
+			s.isValidElement(e) && (e.type === W ? t.header = e : e.type === K ? t.media = e : e.type === q && (t.footer = e));
+		}), !t.header && t.media && (t.media = s.cloneElement(t.media, { headerless: !0 })), !t.footer && t.media && (t.media = s.cloneElement(t.media, { footerless: !0 })), /* @__PURE__ */ a(r, { children: [
+			t.header,
+			t.media,
+			t.footer
+		] });
+	};
+	return /* @__PURE__ */ i("div", {
+		className: "mg:flex mg:min-w-36 mg:max-w-52 mg:w-full mg:flex-col mg:justify-start mg:bg-primary-subtle mg:rounded-lg mg:shadow-lg mg:shadow-black/20 mg:ring-1 mg:ring-black/5 mg:transition-transform mg:duration-200 mg:hover:scale-[1.02]",
+		ref: t,
+		...n,
+		children: o(e)
+	});
+};
+J.displayName = "Card";
+//#endregion
+//#region src/carousel/Hero.tsx
+var Y = {
+	sm: "mg:h-[300px]",
+	md: "mg:h-[450px]",
+	lg: "mg:h-[600px]",
+	xl: "mg:h-[750px]",
+	full: "mg:h-full"
+}, ee = {
+	sm: "mg:h-[260px] mg:sm:h-[300px]",
+	md: "mg:h-[340px] mg:sm:h-[450px]",
+	lg: "mg:h-[420px] mg:sm:h-[600px]",
+	xl: "mg:h-[520px] mg:sm:h-[750px]",
+	full: "mg:min-h-svh mg:h-svh"
+}, X = {
+	"16:9": "mg:aspect-[16/9]",
+	"4:3": "mg:aspect-[4/3]",
+	"1:1": "mg:aspect-square"
+}, Z = {
+	"16:9": "mg:aspect-[4/5] mg:sm:aspect-[16/9]",
+	"4:3": "mg:aspect-[4/5] mg:sm:aspect-[4/3]",
+	"1:1": "mg:aspect-square"
+}, te = ({ aspectRatio: e, autoPlay: n = !1, classes: r = {}, enableSwipe: s = !0, header: c = {
+	links: [],
+	variant: "h2"
+}, height: l = "md", images: u = [], interval: d = 3e3, lazyLoad: m = !1, loop: v = !0, objectFit: x = "cover", showControls: S = !0, pauseOnHover: C = !0, responsive: w = !0, showDots: T = !0, transition: E = "slide", transitionDuration: D = 500, ...O }) => {
+	let [k, j] = _({
+		loop: v,
+		watchDrag: s
+	}), [N, P] = g(0), [F, I] = g(() => u.map((e, t) => t)), L = h(!1), R = f(() => {
+		j && P(j.selectedScrollSnap());
+	}, [j]), B = () => {
+		C && (L.current = !0);
+	}, V = () => {
+		C && (L.current = !1);
+	}, H = () => {
+		j && j?.scrollNext();
+	}, U = () => {
+		j && j?.scrollPrev();
+	}, W = (e) => {
+		j && j?.scrollTo(e);
+	}, G = e ? w ? Z[e] : X[e] : w ? ee[l] : Y[l], K = o(t("mg:relative mg:overflow-hidden mg:isolate", w && "mg:w-full", s && "mg:cursor-grab"), r?.root), q = o(t("mg:flex", { "mg:touch-pan-y": s }), r?.viewport), J = (e) => o(t("mg:w-2 mg:h-2 mg:rounded-full mg:transition-colors mg:hover:cursor-pointer", {
+		"mg:bg-secondary": e === N,
+		"mg:bg-secondary-subtle": e !== N
+	}), r?.dot), te = o(t("mg:flex-[0_0_100%] mg:relative", G, { "mg:transition-opacity": E === "fade" }), r?.slide), ne = o(t("mg:absolute mg:z-10 mg:flex mg:flex-col", w ? "mg:inset-x-4 mg:top-1/2 mg:max-w-[calc(100%-2rem)] mg:-translate-y-1/2 mg:sm:inset-x-auto mg:sm:top-1/4 mg:sm:left-1/6 mg:sm:max-w-[min(72%,48rem)] mg:sm:translate-y-0 mg:gap-1 mg:sm:gap-2" : "mg:top-1/4 mg:left-1/6 mg:gap-2"), r?.header?.root), re = o(t("mg:flex mg:justify-start", w ? "mg:items-start mg:gap-2 mg:xs:flex-row mg:xs:flex-wrap mg:sm:items-center mg:sm:gap-4" : "mg:items-center mg:gap-4"), r?.action), ie = o(t("mg:absolute mg:left-0 mg:z-10 mg:flex mg:w-full mg:items-center mg:justify-between mg:pointer-events-none", w ? "mg:top-1/2 mg:-translate-y-1/2 mg:px-2 mg:sm:top-1/3 mg:sm:translate-y-0 mg:sm:px-6" : "mg:top-1/3 mg:px-6"), r?.controls), Q = o(t("mg:absolute mg:left-1/2 mg:z-10 mg:flex mg:-translate-x-1/2 mg:gap-2", w ? "mg:bottom-3 mg:sm:bottom-4" : "mg:bottom-4"), r?.dotsContainer);
+	return p(() => {
+		if (!j) return;
+		let e = () => I(j.scrollSnapList());
+		return j.on("reInit", e), j.on("select", R), () => {
+			j.off("reInit", e), j.off("select", R);
+		};
+	}, [j, R]), p(() => {
+		if (!n || !j) return;
+		let e = setInterval(() => {
+			L.current || j.scrollNext();
+		}, d);
+		return () => clearInterval(e);
+	}, [
+		n,
+		j,
+		d
+	]), /* @__PURE__ */ a("div", {
+		className: K,
+		ref: k,
+		onMouseEnter: B,
+		onMouseLeave: V,
+		...O,
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: q,
+				children: u.map((e, t) => /* @__PURE__ */ i("div", {
+					className: te,
+					style: E === "fade" ? {
+						opacity: +(t === N),
+						transitionDuration: `${D}ms`
+					} : void 0,
+					children: /* @__PURE__ */ i("img", {
+						src: e.src,
+						alt: e.alt,
+						loading: m ? "lazy" : "eager",
+						className: "mg:absolute mg:inset-0 mg:h-full mg:w-full",
+						style: { objectFit: x }
+					})
+				}, `hero-image-${t}`))
+			}),
+			/* @__PURE__ */ a("div", {
+				className: ne,
+				children: [
+					c?.title && /* @__PURE__ */ i(z, {
+						className: r?.header?.title,
+						color: "white",
+						variant: c?.variant,
+						children: c.title
+					}),
+					c?.description,
+					/* @__PURE__ */ i("div", {
+						className: re,
+						children: c?.links?.map((e, t) => /* @__PURE__ */ i(A, {
+							href: e.href,
+							variant: e.variant,
+							classes: { button: "mg:animate-fade-in mg:duration-500" },
+							style: { animationDelay: `${.2 + t * .15}s` },
+							children: e.label
+						}, `hero-link-${t}`))
+					})
+				]
+			}),
+			S && u.length > 1 && /* @__PURE__ */ a("div", {
+				className: ie,
+				children: [/* @__PURE__ */ i(M, {
+					variant: "filled",
+					color: "secondary",
+					classes: { iconButton: "mg:pointer-events-auto mg:animate-slide-in-left" },
+					onClick: U,
+					children: y
+				}), /* @__PURE__ */ i(M, {
+					variant: "filled",
+					color: "secondary",
+					classes: { iconButton: "mg:pointer-events-auto mg:animate-slide-in-right" },
+					onClick: H,
+					children: b
+				})]
+			}),
+			T && F.length > 1 && /* @__PURE__ */ i("div", {
+				className: Q,
+				children: F.map((e, t) => /* @__PURE__ */ i("button", {
+					className: J(t),
+					onClick: () => W(t)
+				}, `hero-dot-${t}`))
+			})
+		]
+	});
+};
+te.displayName = "Hero";
+//#endregion
+//#region src/carousel/Carousel.tsx
+var ne = {
+	1: "mg:sm:basis-[90%]",
+	2: "mg:sm:basis-[45%]",
+	3: "mg:sm:basis-[45%]",
+	4: "mg:sm:basis-[45%]",
+	5: "mg:sm:basis-[45%]"
+}, re = {
+	1: "mg:lg:basis-[90%]",
+	2: "mg:lg:basis-[45%]",
+	3: "mg:lg:basis-[30%]",
+	4: "mg:lg:basis-[22.5%]",
+	5: "mg:lg:basis-[18%]"
+}, ie = ({ "aria-label": e, autoPlay: n = !1, children: r, controlsVariant: s = "filled", classes: l = {}, defaultIndex: u = 0, enableSwipe: d = !0, gap: m = 16, interval: v = 3e3, slidesPerView: x = 3, slidesPerGroup: S = 3, loop: C = !0, pauseOnHover: w = !0, ref: E, role: D = "region", showControls: O = !0, showDots: k = !0, transition: A = "slide", transitionDuration: j = 25, ...N }) => {
+	let P = Math.min(S, 2), [F, I] = _({
+		loop: C,
+		startIndex: u,
+		watchDrag: d,
+		slidesToScroll: S,
+		duration: Math.min(Math.max(j, 20), 60),
+		breakpoints: {
+			"(max-width: 39.999rem)": { slidesToScroll: 1 },
+			"(min-width: 40rem) and (max-width: 63.999rem)": { slidesToScroll: P }
+		}
+	}, [...A === "fade" ? [T()] : []]), [L, R] = g(u), [z, B] = g(() => I?.scrollSnapList() ?? []), V = h(!1), H = c.toArray(r).length > 1, U = () => {
+		w && (V.current = !0);
+	}, W = () => {
+		w && (V.current = !1);
+	}, G = f(() => {
+		if (!I) return;
+		let e = I.scrollSnapList().length - 1, t = I.selectedScrollSnap() === e;
+		if (C && t) {
+			I.scrollTo(0);
+			return;
+		}
+		I.scrollNext();
+	}, [I, C]), K = f(() => {
+		I && R(I.selectedScrollSnap());
+	}, [I]), q = (e) => {
+		I && I?.scrollTo(e);
+	}, J = () => {
+		if (!I) return;
+		let e = I.scrollSnapList().length - 1, t = I.selectedScrollSnap() === 0;
+		if (C && t) {
+			I.scrollTo(e);
+			return;
+		}
+		I.scrollPrev();
+	}, Y = o("mg:flex mg:flex-col mg:justify-center mg:items-center mg:w-full", l?.root), ee = o(t("mg:relative mg:flex mg:justify-start mg:w-full mg:pt-4 mg:px-3 mg:overflow-hidden mg:xs:px-4 mg:sm:pt-6 mg:sm:px-8", { "mg:cursor-grab": d }), l?.container), X = o("mg:absolute mg:top-1/2 mg:left-0 mg:w-full mg:flex mg:items-center mg:justify-between mg:px-1 mg:pointer-events-none mg:sm:px-2", l?.controlsContainer), Z = t("mg:pointer-events-auto", l?.controls), te = (e) => o(t("mg:w-2 mg:h-2 mg:rounded-full mg:hover:cursor-pointer", {
+		"mg:bg-secondary": e === L,
+		"mg:bg-secondary-subtle": e !== L
+	}), l?.dot), ie = o("mg:flex mg:justify-center mg:items-center mg:gap-2 mg:w-full mg:h-6", l?.dotsContainer), Q = o(t("mg:flex mg:items-stretch mg:justify-start mg:pb-3 mg:w-full", {
+		"mg:gap-1 mg:pl-1": m === 8,
+		"mg:gap-2 mg:pl-2": m === 16,
+		"mg:gap-3 mg:pl-3": m === 24,
+		"mg:gap-4 mg:pl-4": m === 32,
+		"mg:gap-5 mg:pl-5": m === 40,
+		"mg:gap-6 mg:pl-6": m === 48
+	}), l?.slidesContainer), $ = o(t("mg:h-full mg:flex mg:justify-center mg:items-stretch mg:min-w-0 mg:basis-[90%] mg:p-2 mg:shrink-0", ne[x], re[x]), l?.slide), ae = o(t("mg:flex mg:w-full", { "mg:justify-center": x > 1 }), l?.slideInner), oe = (e) => c.toArray(e).map((e, t) => /* @__PURE__ */ i("div", {
+		className: $,
+		children: /* @__PURE__ */ i("div", {
+			className: ae,
+			children: e
+		})
+	}, `slide-${t}`));
+	return p(() => {
+		if (!I) return;
+		let e = () => B(I.scrollSnapList());
+		return I.on("reInit", e), I.on("select", K), () => {
+			I.off("reInit", e), I.off("select", K);
+		};
+	}, [I, K]), p(() => {
+		I && (I.reInit(), queueMicrotask(() => {
+			B(I.scrollSnapList()), R(I.selectedScrollSnap());
+		}));
+	}, [
+		r,
+		I,
+		S,
+		x,
+		P
+	]), p(() => {
+		if (!n || !I) return;
+		let e = setInterval(() => {
+			V.current || G();
+		}, v);
+		return () => clearInterval(e);
+	}, [
+		n,
+		I,
+		G,
+		v
+	]), /* @__PURE__ */ a("div", {
+		className: Y,
+		ref: E,
+		...N,
+		children: [/* @__PURE__ */ a("div", {
+			"aria-label": e,
+			role: D,
+			className: ee,
+			ref: F,
+			onMouseEnter: U,
+			onMouseLeave: W,
+			children: [/* @__PURE__ */ i("div", {
+				className: Q,
+				children: oe(r)
+			}), O && H && /* @__PURE__ */ a("div", {
+				className: X,
+				children: [/* @__PURE__ */ i(M, {
+					variant: s,
+					color: "secondary",
+					classes: { iconButton: Z },
+					onClick: J,
+					children: y
+				}), /* @__PURE__ */ i(M, {
+					variant: s,
+					color: "secondary",
+					classes: { iconButton: Z },
+					onClick: G,
+					children: b
+				})]
+			})]
+		}), k && z.length >= 1 && /* @__PURE__ */ i("div", {
+			className: ie,
+			children: z.map((e, t) => /* @__PURE__ */ i("button", {
+				className: te(t),
+				onClick: () => q(t)
+			}, `dot-${t}`))
+		})]
+	});
+};
+ie.displayName = "Carousel";
+//#endregion
+//#region lib/useControlled.ts
+function Q({ defaultValue: e, value: t }) {
+	let [n, r] = g(e), i = t !== void 0;
+	return [i ? t : n, (e) => {
+		i || r(e);
+	}];
+}
+//#endregion
+//#region src/drawer/Drawer.tsx
+var $ = ({ anchor: e = "left", backdropProps: n, backdropRef: r, closeOnEscape: s = !0, children: c, classes: l, header: u, onBackdropClick: d, onClose: f, onKeyDown: m, open: h, ref: g, showBackdrop: _ = !0, ...v }) => {
+	let [y, b] = Q({
+		defaultValue: !1,
+		value: h
+	});
+	p(() => {
+		if (!y || !s) return;
+		let e = (e) => {
+			e.key === "Escape" && (b(!1), f());
+		};
+		return document.addEventListener("keydown", e), () => {
+			document.removeEventListener("keydown", e);
+		};
+	}, [
+		s,
+		f,
+		y,
+		b
+	]);
+	let S = o(t("mg:fixed mg:w-full mg:h-full mg:inset-0 mg:z-40 mg:flex mg:overflow-hidden mg:transition-opacity mg:duration-200 mg:ease-out", {
+		"mg:items-start mg:justify-start": e === "left",
+		"mg:items-start mg:justify-end": e === "right",
+		"mg:items-start mg:justify-stretch": e === "top",
+		"mg:items-end mg:justify-stretch": e === "bottom"
+	}), l?.backdrop), C = o(t("mg:absolute mg:inset-0 mg:bg-secondary/80 mg:backdrop-blur-sm mg:transition-opacity mg:duration-200 mg:ease-out", {
+		"mg:opacity-100": _,
+		"mg:opacity-0": !_
+	}), l?.overlay), w = o(t("mg:flex mg:justify-between mg:w-full mg:py-3 mg:px-6"), l?.header?.root), T = o(t("mg:flex mg:gap-3"), l?.header?.center), E = o(t("mg:flex mg:gap-3"), l?.header?.left), D = o(t("mg:flex mg:gap-3"), l?.header?.right), O = o(t("mg:flex mg:flex-col mg:w-full"), l?.body), k = o(t("mg:relative mg:flex mg:w-full mg:max-w-full mg:grow-0 mg:flex-col mg:pb-2 mg:z-50 mg:bg-secondary mg:opacity-100 mg:text-primary mg:shadow-xl mg:shadow-black/20 mg:transition-transform mg:duration-300 mg:ease-out", {
+		"mg:max-w-80 mg:sm:max-w-96": e === "left" || e === "right",
+		"mg:max-h-[85dvh]": e === "top" || e === "bottom",
+		"mg:translate-x-0": y && (e === "left" || e === "right"),
+		"mg:translate-y-0": y && (e === "top" || e === "bottom"),
+		"mg:-translate-x-full": !y && e === "left",
+		"mg:translate-x-full": !y && e === "right",
+		"mg:-translate-y-full": !y && e === "top",
+		"mg:translate-y-full": !y && e === "bottom"
+	}), l?.root), A = (e) => {
+		d ? d(e) : b(!1);
+	};
+	return /* @__PURE__ */ a("div", {
+		className: S,
+		ref: r,
+		tabIndex: -1,
+		...n,
+		children: [/* @__PURE__ */ i("div", {
+			className: C,
+			"aria-hidden": !0,
+			onClick: A
+		}), /* @__PURE__ */ a("div", {
+			className: k,
+			onKeyDown: m,
+			ref: g,
+			...v,
+			children: [/* @__PURE__ */ a("div", {
+				className: w,
+				children: [
+					/* @__PURE__ */ a("div", {
+						className: E,
+						children: [/* @__PURE__ */ i(M, {
+							onClick: f,
+							children: x
+						}), u?.leftSlot]
+					}),
+					/* @__PURE__ */ i("div", {
+						className: T,
+						children: u?.title
+					}),
+					/* @__PURE__ */ i("div", {
+						className: D,
+						children: u?.rightSlot
+					})
+				]
+			}), /* @__PURE__ */ i("div", {
+				className: O,
+				children: c
+			})]
+		})]
+	});
+};
+$.displayName = "Drawer";
+//#endregion
+//#region src/form/TextArea.tsx
+var ae = (e, t, n) => typeof e == "object" && "icon" in e ? /* @__PURE__ */ i(M, {
+	classes: { iconButton: n },
+	onClick: e?.onClick,
+	children: e?.icon
+}, `adornment-${t + 1}`) : typeof e == "object" && "src" in e ? /* @__PURE__ */ i(M, {
+	classes: { iconButton: n },
+	onClick: e?.onClick,
+	children: /* @__PURE__ */ i("img", {
+		src: e?.src || "",
+		alt: e?.alt || ""
+	})
+}, `adornment-${t + 1}`) : /* @__PURE__ */ i(A, {
+	classes: { button: "mg:py-1 mg:px-1.5" },
+	variant: "outline",
+	onClick: e?.onClick,
+	children: e?.children
+}, `adornment-${t + 1}`), oe = ({ "aria-describedby": e, "aria-label": n, "aria-invalid": r, adornmentColor: s = "primary", autoFocus: c = !1, classes: l = {}, clearable: u = !1, color: d = "primary", cols: f, defaultValue: p, disabled: m = !1, endAdornments: h = [], error: _ = !1, fullWidth: v = !1, id: y, label: b, maxLength: x, minLength: S, name: C, onChange: T, onClear: E, onInput: D, onBlur: O, onFocus: k, onKeyDown: A, onKeyUp: j, onMouseDown: N, placeholder: P, readonly: F = !1, required: I = !1, rows: L, size: R = "md", spellCheck: z = !0, startAdornments: B = [], status: V, value: H }) => {
+	let [U, W] = g(!1), [G, K] = Q({
+		defaultValue: p,
+		value: H
+	}), q = o(t("mg:relative mg:bg-inherit mg:flex mg:flex-col mg:p-2 mg:border-solid mg:border-1 mg:rounded-lg", {
+		"mg:border-danger": V === "error" || _,
+		"mg:border-success": V === "success",
+		"mg:border-warning": V === "warning",
+		"mg:border-primary": !V && !_,
+		"mg:w-full": v,
+		"mg:has-[textarea:focus-visible]:outline-1 mg:has-[textarea:focus-visible]:outline-primary mg:has-[textarea:focus-visible]:outline-offset-4": !U && G === ""
+	}), l?.container), J = t("mg:shrink-0", {
+		"mg:text-accent": s === "accent",
+		"mg:text-black": s === "black",
+		"mg:text-inverse": s === "inverse",
+		"mg:text-primary": s === "primary",
+		"mg:text-secondary": s === "secondary",
+		"mg:text-subtle": s === "subtle",
+		"mg:text-white": s === "white"
+	}, l?.adornment), Y = o("mg:flex mg:w-full mg:gap-2 mg:overflow-x-auto mg:scrollbar-subtle mg:p-1", l?.adornmentContainer), ee = t(Y, "mg:flex-row-reverse"), X = o(t("mg:font-body mg:text-sm", {
+		"mg:text-accent": s === "accent" && !V && !_,
+		"mg:text-black": s === "black" && !V && !_,
+		"mg:text-inverse": s === "inverse" && !V && !_,
+		"mg:text-primary": s === "primary" && !V && !_,
+		"mg:text-secondary": s === "secondary" && !V && !_,
+		"mg:text-subtle": s === "subtle" && !V && !_,
+		"mg:text-white": s === "white" && !V && !_,
+		"mg:text-success": V === "success" && !_,
+		"mg:text-warning": V === "warning" && !_,
+		"mg:text-danger": V === "error" || _
+	}), l?.label), Z = o(t("mg:focus-visible:outline-0 mg:caret-accent", {
+		"mg:text-black": d === "black",
+		"mg:text-inverse": d === "inverse",
+		"mg:text-primary": d === "primary",
+		"mg:text-white": d === "white",
+		"mg:w-12": R === "sm" && !v,
+		"mg:w-32": R === "md" && !v,
+		"mg:w-52": R === "lg" && !v,
+		"mg:w-full mg:h-24": v
+	}), l?.textarea);
+	return /* @__PURE__ */ a("div", {
+		className: q,
+		children: [
+			b && /* @__PURE__ */ i("div", {
+				className: "mg:absolute mg:bg-inherit mg:-top-1.5 mg:left-3.5 mg:animate-slide-in-top",
+				children: /* @__PURE__ */ a("p", {
+					className: X,
+					children: [b, I && /* @__PURE__ */ i("span", {
+						className: "mg:text-danger",
+						children: " *"
+					})]
+				})
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "mg:flex mg:justify-between mg:gap-2 mg:pb-1",
+				children: [/* @__PURE__ */ a("div", {
+					className: Y,
+					children: [u && /* @__PURE__ */ i(M, {
+						"aria-label": "Clear input",
+						classes: { iconButton: J },
+						onClick: (e) => {
+							E ? E(e) : K("");
+						},
+						type: "button",
+						children: w
+					}), B.map((e, t) => ae(e, t, J))]
+				}), /* @__PURE__ */ i("div", {
+					className: ee,
+					children: h.map((e, t) => ae(e, t, J))
+				})]
+			}),
+			/* @__PURE__ */ i("textarea", {
+				"aria-describedby": e,
+				"aria-label": n,
+				"aria-invalid": r,
+				autoFocus: c,
+				className: Z,
+				cols: f,
+				disabled: m,
+				id: y,
+				maxLength: x,
+				minLength: S,
+				name: C,
+				onChange: (e) => {
+					T ? T(e) : K(e.target.value);
+				},
+				onInput: D,
+				onBlur: (e) => {
+					W(!1), O && O(e);
+				},
+				onFocus: k,
+				onMouseDown: (e) => {
+					W(!0), N && N(e);
+				},
+				onKeyDown: (e) => {
+					(e.key === "Escape" || e.key === "Esc" || e.code === "Escape") && (W(!1), A ? A(e) : K(""));
+				},
+				onKeyUp: j,
+				placeholder: P,
+				readOnly: F,
+				required: I,
+				rows: L,
+				spellCheck: z,
+				value: G
+			})
+		]
+	});
+};
+oe.displayName = "TextArea";
+//#endregion
+//#region src/form/TextInput.tsx
+var se = (e, r = "white", a) => {
+	let o = t("mg:text-base", {
+		"mg:text-white": r === "white",
+		"mg:text-black": r === "black",
+		"mg:text-primary": r === "primary",
+		"mg:text-secondary": r === "secondary",
+		"mg:text-accent": r === "accent",
+		"mg:text-subtle": r === "subtle"
+	}, a), s = t("mg:object-contain mg:animate-fade-in mg:duration-500", a);
+	return "iconName" in e ? /* @__PURE__ */ i(n, {
+		icon: e,
+		className: o
+	}) : /* @__PURE__ */ i("img", {
+		src: e.src || "",
+		alt: e.alt || "",
+		width: 16,
+		height: 16,
+		className: s
+	});
+}, ce = ({ "aria-describedby": e, "aria-label": n, "aria-invalid": r, autoComplete: s = !1, adornmentColor: c, autoFocus: l = !1, classes: u = {}, clearable: d = !1, color: f = "black", defaultValue: m, disabled: h = !1, endAdornment: _, error: v, fullWidth: y = !1, helperText: b, id: x, inputMode: T, label: E, maxLength: D, minLength: O, name: k, pattern: A, placeholder: j, readOnly: N = !1, ref: P, required: F = !1, showPasswordToggle: I = !0, status: L, size: R = "md", spellCheck: z = !1, startAdornment: B, type: V = "text", onChange: H, onClear: U, onError: W, onInput: G, onBlur: K, onFocus: q, onKeyDown: J, onKeyUp: Y, onMouseDown: ee, value: X, ...Z }) => {
+	let [te, ne] = g(!1), [re, ie] = g(!1), [$, ae] = Q({
+		defaultValue: !1,
+		value: v
+	}), [oe, ce] = Q({
+		defaultValue: m,
+		value: X
+	}), le = o(t("mg:flex mg:flex-col mg:gap-2 mg:relative mg:bg-inherit mg:pt-0.5 mg:pb-3 mg:h-full", { "mg:w-full": y }), u?.container), ue = t({
+		"mg:text-accent": c === "accent",
+		"mg:text-black": c === "black",
+		"mg:text-inverse": c === "inverse",
+		"mg:text-primary": c === "primary",
+		"mg:text-secondary": c === "secondary",
+		"mg:text-subtle": c === "subtle",
+		"mg:text-white": c === "white",
+		"mg:shrink-0": y
+	}, u?.clearButton), de = o(t("mg:font-body mg:text-sm", {
+		"mg:text-accent": c === "accent" && !L && !$,
+		"mg:text-black": c === "black" && !L && !$,
+		"mg:text-inverse": c === "inverse" && !L && !$,
+		"mg:text-primary": c === "primary" && !L && !$,
+		"mg:text-secondary": c === "secondary" && !L && !$,
+		"mg:text-subtle": c === "subtle" && !L && !$,
+		"mg:text-white": c === "white" && !L && !$,
+		"mg:text-success": L === "success" && !$,
+		"mg:text-warning": L === "warning" && !$,
+		"mg:text-danger": L === "error" || $
+	}), u?.helper), fe = o(t("mg:focus-visible:outline-0 mg:caret-white", {
+		"mg:text-black": f === "black",
+		"mg:text-inverse": f === "inverse",
+		"mg:text-primary": f === "primary",
+		"mg:text-white": f === "white",
+		"mg:w-12": R === "sm" && !y,
+		"mg:w-32": R === "md" && !y,
+		"mg:w-52": R === "lg" && !y,
+		"mg:grow": y
+	}), u?.input), pe = o(t("mg:flex mg:h-full mg:items-center mg:border-solid mg:gap-2 mg:border-1 mg:rounded-md mg:px-3 mg:py-2 mg:hover:border-accent", {
+		"mg:border-danger": $ || L === "error",
+		"mg:border-warning": L === "warning",
+		"mg:border-success": L === "success",
+		"mg:border-primary": !$ && !L,
+		"mg:w-full": y,
+		"mg:has-[input:focus]:outline-1 mg:has-[input:focus]:outline-primary mg:has-[input:focus]:outline-offset-4": !te && oe === ""
+	}), u?.inputContainer), me = o(t("mg:font-body mg:text-sm", {
+		"mg:text-accent": c === "accent" && !L && !$,
+		"mg:text-black": c === "black" && !L && !$,
+		"mg:text-inverse": c === "inverse" && !L && !$,
+		"mg:text-primary": c === "primary" && !L && !$,
+		"mg:text-secondary": c === "secondary" && !L && !$,
+		"mg:text-subtle": c === "subtle" && !L && !$,
+		"mg:text-white": c === "white" && !L && !$,
+		"mg:text-success": L === "success" && !$,
+		"mg:text-warning": L === "warning" && !$,
+		"mg:text-danger": L === "error" || $
+	}), u?.label), he = t({
+		"mg:text-accent": c === "accent",
+		"mg:text-black": c === "black",
+		"mg:text-inverse": c === "inverse",
+		"mg:text-primary": c === "primary",
+		"mg:text-secondary": c === "secondary",
+		"mg:text-subtle": c === "subtle",
+		"mg:text-white": c === "white",
+		"mg:shrink-0": y
+	}, u?.toggleButton), ge = (e) => {
+		ne(!1), K && K(e);
+	}, _e = (e) => {
+		if (A) {
+			let t = A.test(e.target.value);
+			W ? W(!t) : ae(!t);
+		}
+		H ? H(e) : ce(e.target.value);
+	}, ve = (e) => {
+		ce(""), U ? U(e, !1) : ae(!1);
+	}, ye = (e) => {
+		(e.key === "Escape" || e.key === "Esc" || e.code === "Escape") && (ne(!1), J ? J(e) : ce(""));
+	}, be = (e) => {
+		ne(!0), ee && ee(e);
+	}, xe = () => {
+		ie(!re);
+	};
+	p(() => {
+		let e = L === "error" && !A;
+		L !== "error" && A || (W ? e && W($ !== e) : e && ae($ !== e));
+	}, [
+		A,
+		L,
+		W,
+		ae,
+		$
+	]);
+	let Se = V === "password" && re ? "text" : V;
+	return /* @__PURE__ */ a("div", {
+		className: le,
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "mg:absolute mg:-top-0.75 mg:bg-inherit mg:left-3.5 mg:animate-slide-in-top",
+				children: E && /* @__PURE__ */ a("p", {
+					className: me,
+					children: [E, F && /* @__PURE__ */ i("span", {
+						className: "mg:text-danger",
+						children: " *"
+					})]
+				})
+			}),
+			/* @__PURE__ */ a("div", {
+				className: pe,
+				children: [
+					d && /* @__PURE__ */ i(M, {
+						"aria-label": "Clear input",
+						classes: { iconButton: ue },
+						onClick: ve,
+						type: "button",
+						children: w
+					}),
+					B && se(B, c, u?.startAdornment),
+					/* @__PURE__ */ i("input", {
+						"aria-describedby": e,
+						"aria-label": n,
+						"aria-invalid": r,
+						autoComplete: s ? "on" : "off",
+						autoFocus: l,
+						className: fe,
+						disabled: h,
+						id: x,
+						inputMode: T,
+						maxLength: D,
+						minLength: O,
+						name: k,
+						onChange: _e,
+						onInput: G,
+						onBlur: ge,
+						onFocus: q,
+						onKeyDown: ye,
+						onKeyUp: Y,
+						onMouseDown: be,
+						placeholder: j,
+						readOnly: N,
+						ref: P,
+						required: F,
+						spellCheck: z,
+						type: Se,
+						value: oe ?? "",
+						...Z
+					}),
+					V !== "password" && _ && se(_, c, u?.endAdornment),
+					V === "password" && I && /* @__PURE__ */ i(M, {
+						"aria-label": "Toggle password visibility",
+						classes: { iconButton: he },
+						onClick: xe,
+						type: "button",
+						children: re ? C : S
+					})
+				]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "mg:absolute mg:bottom-0 mg:left-3.5 mg:bg-inherit mg:animate-slide-in-bottom",
+				children: b && /* @__PURE__ */ a("p", {
+					className: de,
+					children: [b, F && /* @__PURE__ */ i("span", {
+						className: "mg:text-danger",
+						children: " *"
+					})]
+				})
+			})
+		]
+	});
+};
+ce.displayName = "TextInput";
+//#endregion
+//#region src/form/Form.tsx
+var le = (e) => {
+	let t = [], n = 0, r = (e) => {
+		c.forEach(e, (e) => {
+			if (d(e)) {
+				if (d(e) && e.type === ce) {
+					n++;
+					let r = e.props;
+					t.push({
+						key: `form-text-input-${n}`,
+						type: "TextInput",
+						error: r.error,
+						value: r.value || r.defaultValue || ""
+					});
+				} else if (d(e) && e.type === oe) {
+					n++;
+					let r = e.props;
+					t.push({
+						key: `form-text-area-${n}`,
+						type: "TextArea",
+						value: r.value || r.defaultValue || ""
+					});
+				}
+				d(e) && e.props?.children && r(e.props.children);
+			}
+		});
+	};
+	return r(e), t;
+}, ue = (e, r) => {
+	let a = t("mg:animate-fade-in mg:transition-transform mg:duration-500 mg:hover:scale-110", r), s = o("mg:object-contain mg:animate-fade-in mg:transition-transform mg:duration-500 mg:hover:scale-110", r);
+	return "iconName" in e ? /* @__PURE__ */ i(n, {
+		className: a,
+		icon: e
+	}) : /* @__PURE__ */ i("img", {
+		alt: e.alt || "",
+		src: e.src || "",
+		width: 32,
+		height: 32,
+		className: s
+	});
+}, de = ({ "aria-label": n, "aria-labelledby": s, action: l, adornmentColor: f = "primary", children: m, classes: h = {}, color: _ = "primary", disclaimer: v, encType: y, endAdornment: b, error: x, id: S, method: C, name: w, noValidate: T, onChange: E, onReset: D, onSubmit: O, ref: k, startAdornment: j, title: M, value: N, ...P }) => {
+	let F = le(m), [I, L] = g(F), [, R] = Q({
+		defaultValue: F.some((e) => e?.error),
+		value: x
+	}), [, B] = Q({
+		defaultValue: F,
+		value: N
+	}), { isBelow: V } = e(), H = V("sm"), U = t("mg:text-2xl", {
+		"mg:text-accent": f === "accent",
+		"mg:text-black": f === "black",
+		"mg:text-inverse": f === "inverse",
+		"mg:text-primary": f === "primary",
+		"mg:text-secondary": f === "secondary",
+		"mg:text-subtle": f === "subtle",
+		"mg:text-white": f === "white"
+	}, h?.adornment), W = o("mg:flex mg:flex-col mg:items-start mg:gap-3 mg:bg-inherit mg:w-full", h?.body), G = t("mg:p-1 mg:text-2xl", {
+		"mg:text-accent": f === "accent",
+		"mg:text-black": f === "black",
+		"mg:text-inverse": f === "inverse",
+		"mg:text-primary": f === "primary",
+		"mg:text-secondary": f === "secondary",
+		"mg:text-subtle": f === "subtle",
+		"mg:text-white": f === "white"
+	}, h?.disclaimer?.adornment), K = o("mg:flex mg:grow mg:gap-2", h?.disclaimer?.container), q = o("mg:flex mg:items-center mg:justify-between mg:w-full", h?.header), J = o("mg:flex mg:flex-col mg:items-start mg:gap-3 mg:sm:flex-row mg:sm:items-center mg:justify-between mg:w-full", h?.footer), Y = o(t("mg:flex mg:items-center mg:justify-between mg:w-full"), h?.footerButtonsContainer), ee = o("mg:flex mg:flex-col mg:p-6 mg:gap-4 mg:rounded-lg mg:bg-inherit", h?.form), X = t({
+		"mg:text-accent": f === "accent",
+		"mg:text-black": f === "black",
+		"mg:text-inverse": f === "inverse",
+		"mg:text-primary": f === "primary",
+		"mg:text-secondary": f === "secondary",
+		"mg:text-subtle": f === "subtle",
+		"mg:text-white": f === "white"
+	}, h?.submitButton), Z = (e, t) => {
+		L((n) => {
+			let r = !1, i = n.map((n) => n?.key === t ? n.value === e.target.value ? n : (r = !0, {
+				...n,
+				value: e.target.value
+			}) : n);
+			return r ? i : n;
+		});
+	}, te = (e) => {
+		L((t) => t.map((t) => t?.key === e ? {
+			...t,
+			value: ""
+		} : t));
+	}, ne = (e, t) => {
+		L((n) => {
+			let r = !1, i = n.map((n) => n?.key === t ? n.error === e ? n : (r = !0, {
+				...n,
+				error: e
+			}) : n);
+			return r ? i : n;
+		});
+	}, re = (e) => {
+		L(F), D && D(e);
+	}, ie = (e) => {
+		O && O(e, I, I.some((e) => e?.error));
+	}, $ = (e) => {
+		let t = 0, n = (e) => c.map(e, (e) => {
+			if (!d(e)) return e;
+			if (e.type === oe) {
+				t++;
+				let n = `form-text-area-${t}`, r = I.find((e) => e?.key === n), i = e.props;
+				return u(e, {
+					key: n,
+					onChange: (e) => Z(e, n),
+					onClear: i?.clearable ? () => te(n) : void 0,
+					value: r?.value
+				});
+			}
+			if (e.type === ce) {
+				t++;
+				let n = `form-text-input-${t}`, r = I.find((e) => e?.key === n), i = e.props;
+				return u(e, {
+					key: n,
+					error: r?.error,
+					onClear: i?.clearable ? () => te(n) : void 0,
+					onChange: (e) => Z(e, n),
+					onError: (e) => ne(e, n),
+					value: r?.value
+				});
+			}
+			return e.props?.children ? u(e, { children: n(e.props.children) }) : e;
+		});
+		return n(e);
+	};
+	return p(() => {
+		let e = I.some((e) => e?.error);
+		E ? E(I, e) : (B(I), R(e));
+	}, [
+		E,
+		B,
+		I,
+		R
+	]), /* @__PURE__ */ a("form", {
+		action: l,
+		"aria-label": n,
+		"aria-labelledby": s,
+		className: ee,
+		encType: y,
+		id: S,
+		method: C,
+		name: w,
+		noValidate: T,
+		onReset: re,
+		onSubmit: ie,
+		ref: k,
+		...P,
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: q,
+				children: [/* @__PURE__ */ a("div", {
+					className: "mg:flex mg:items-center mg:gap-2",
+					children: [j && ue(j, U), M && /* @__PURE__ */ i(z, {
+						color: "white",
+						variant: "h2",
+						children: M
+					})]
+				}), b && ue(b, U)]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: W,
+				children: m && $(m)
+			}),
+			/* @__PURE__ */ a("div", {
+				className: J,
+				children: [H ? /* @__PURE__ */ a("div", {
+					className: Y,
+					children: [/* @__PURE__ */ i(A, {
+						classes: { button: X },
+						type: "submit",
+						variant: "outline",
+						children: "SUBMIT"
+					}), /* @__PURE__ */ i(A, {
+						classes: { button: X },
+						type: "reset",
+						variant: "outline",
+						children: "RESET"
+					})]
+				}) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(A, {
+					classes: { button: X },
+					type: "submit",
+					variant: "outline",
+					children: "SUBMIT"
+				}), /* @__PURE__ */ i(A, {
+					classes: { button: X },
+					type: "reset",
+					variant: "outline",
+					children: "RESET"
+				})] }), v && /* @__PURE__ */ a("div", {
+					className: K,
+					children: [v?.adornment && ue(v?.adornment, G), /* @__PURE__ */ i(z, {
+						clamp: 10,
+						className: h?.disclaimer?.text,
+						color: _,
+						removePadding: !0,
+						variant: "base",
+						children: v?.text
+					})]
+				})]
+			})
+		]
+	});
+};
+de.displayName = "Form";
+//#endregion
+//#region src/list/ListItem.tsx
+var fe = (e, t) => {
+	let r = o("mg:object-contain mg:animate-fade-in mg:duration-500", t);
+	return "iconName" in e ? /* @__PURE__ */ i(n, {
+		icon: e,
+		className: t
+	}) : /* @__PURE__ */ i("img", {
+		src: e?.src || "",
+		alt: e?.alt || "",
+		width: 40,
+		height: 40,
+		className: r
+	});
+};
+function pe({ as: e = "li", adornment: n, adornmentColor: r = "primary", disabled: s = !1, defaultSelected: c, divider: l = !1, classes: u = {}, color: d = "primary", firstIndex: f = !1, href: p, label: m, lastIndex: h = !1, onClick: g, ref: _, selectable: v = !0, selected: y, status: b, tabIndex: x = 0, target: S, title: C, ...w }) {
+	let [T, E] = Q({
+		defaultValue: c && v,
+		value: y
+	}), D = t("mg:text-base mg:p-1 mg:group-hover:text-accent", {
+		"mg:text-accent": r === "accent" && !b,
+		"mg:text-black": r === "black" && !b,
+		"mg:text-inverse": r === "inverse" && !b,
+		"mg:text-primary": r === "primary" && !b,
+		"mg:text-secondary": r === "secondary" && !b,
+		"mg:text-subtle": r === "subtle" && !b,
+		"mg:text-white": r === "white" && !b,
+		"mg:text-success": b === "success" || r === "success",
+		"mg:text-danger": b === "error" || r === "danger",
+		"mg:text-info": b === "info" || r === "info",
+		"mg:text-warning": b === "warning" || r === "warning"
+	}, u?.adornment), O = o(t("mg:flex mg:flex-col mg:items-center mg:w-full mg:transition-all", "mg:focus-visible:outline-1 mg:focus-visible:outline-offset-4 mg:focus-visible:outline-primary", {
+		"mg:group mg:hover:cursor-pointer mg:duration-200": v,
+		"mg:rounded-t-lg": f,
+		"mg:bg-black/50": T,
+		"mg:opacity-80": s,
+		"mg:rounded-b-lg": h,
+		"mg:hover:scale-105 mg:hover:px-2 mg:duration-500": !v
+	}), u?.root), k = o(t("mg:flex mg:items-center mg:w-full"), u?.container), A = o(t("mg:flex mg:flex-col mg:grow mg:gap-2 mg:py-2 mg:pr-2"), u?.children), j = o(t("mg:group-hover:text-accent"), u?.label), M = o(t("mg:group-hover:text-accent"), u?.title), N = (e) => {
+		g ? g(e) : E(!0);
+	};
+	return e === "a" || p ? /* @__PURE__ */ i("a", {
+		className: O,
+		href: p,
+		onClick: N,
+		ref: _,
+		tabIndex: v ? x : -1,
+		target: S,
+		...w,
+		children: /* @__PURE__ */ a("div", {
+			className: k,
+			children: [n && fe(n, D), /* @__PURE__ */ a("div", {
+				className: A,
+				children: [C && /* @__PURE__ */ i(z, {
+					className: M,
+					color: d,
+					removePadding: !0,
+					children: C
+				}), m && /* @__PURE__ */ i(z, {
+					className: j,
+					color: d,
+					removePadding: !0,
+					children: m
+				})]
+			})]
+		})
+	}) : e === "div" ? /* @__PURE__ */ i("div", {
+		className: O,
+		tabIndex: v ? x : -1,
+		onClick: N,
+		ref: _,
+		...w,
+		children: /* @__PURE__ */ a("div", {
+			className: k,
+			children: [n && fe(n, D), /* @__PURE__ */ a("div", {
+				className: A,
+				children: [C && /* @__PURE__ */ i(z, {
+					className: M,
+					color: d,
+					removePadding: !0,
+					children: C
+				}), m && /* @__PURE__ */ i(z, {
+					className: j,
+					color: d,
+					removePadding: !0,
+					children: m
+				})]
+			})]
+		})
+	}) : /* @__PURE__ */ a("li", {
+		className: O,
+		onClick: N,
+		ref: _,
+		tabIndex: v ? x : -1,
+		...w,
+		children: [/* @__PURE__ */ a("div", {
+			className: k,
+			children: [n && fe(n, D), /* @__PURE__ */ a("div", {
+				className: A,
+				children: [C && /* @__PURE__ */ i(z, {
+					className: M,
+					color: d,
+					removePadding: !0,
+					children: C
+				}), m && /* @__PURE__ */ i(z, {
+					className: j,
+					color: d,
+					removePadding: !0,
+					children: m
+				})]
+			})]
+		}), l && !h && /* @__PURE__ */ i("div", { className: "mg:w-9/10 mg:h-0 mg:border-solid mg:border-b-1 mg:border-b-primary" })]
+	});
+}
+pe.displayName = "List.ListItem";
+//#endregion
+//#region src/list/List.tsx
+function me({ as: e = "ul", adornmentColor: n, background: r = "primary", children: a, className: s, color: l, divider: f = !1, disabled: h = !1, fullWidth: _ = !1, itemsAs: v, onChange: y, ref: b, selectable: x = !0, size: S = "md", status: C, value: w, ...T }) {
+	let E = x ? ((e) => {
+		let t = 0, n = [], r = (e) => {
+			c.forEach(e, (e) => {
+				if (d(e)) {
+					if (d(e) && e.type === pe) {
+						t++;
+						let r = `list-item-${t}`, i = e.props;
+						n.push({
+							key: r,
+							label: i?.label || "",
+							selected: (i?.selected || i?.defaultSelected || !1) && x,
+							value: i?.value
+						});
+					}
+					d(e) && e.props?.children && r(e.props.children);
+				}
+			});
+		};
+		return r(e), n;
+	})(a) : [], D = E.filter((e) => e?.selected).map((e) => ({
+		key: e?.key,
+		label: e?.label,
+		value: e?.value
+	})), [O, k] = g(E), [, A] = Q({
+		defaultValue: D,
+		value: w
+	}), j = m(() => O.filter((e) => e.selected).map((e) => ({
+		key: e?.key,
+		label: e?.label,
+		value: e?.value
+	})), [O]), M = o(t("mg:flex mg:flex-col mg:rounded-lg", {
+		"mg:bg-inverse": r === "inverse",
+		"mg:bg-primary": r === "primary",
+		"mg:bg-secondary": r === "secondary",
+		"mg:bg-subtle": r === "subtle",
+		"mg:w-full": _,
+		"mg:w-24": S === "sm" && !_,
+		"mg:w-32": S === "md" && !_,
+		"mg:w-40": S === "lg" && !_
+	}), s), N = (e) => {
+		x && k(O.map((t) => t.key === e ? {
+			...t,
+			selected: !t.selected
+		} : t));
+	}, P = (e) => {
+		let t = 0, r = [], i = (e) => {
+			c.toArray(e).forEach((e) => {
+				if (d(e)) {
+					if (d(e) && e.type === pe) {
+						t++;
+						let i = `list-item-${t}`;
+						r.push(u(e, {
+							key: i,
+							as: v,
+							adornmentColor: n,
+							color: l,
+							divider: f,
+							disabled: h,
+							onClick: () => N(i),
+							selected: O.find((e) => e.key === i)?.selected,
+							selectable: x,
+							status: C
+						}));
+					}
+					d(e) && e.props?.children && i(e.props?.children);
+				}
+			});
+		};
+		return i(e), r.map((e, t) => u(e, {
+			firstIndex: t === 0,
+			lastIndex: r.length - 1 === t
+		}));
+	};
+	return p(() => {
+		x && (y ? y(j) : A(j));
+	}, [
+		O,
+		A,
+		y,
+		j,
+		x
+	]), i(e === "div" ? "div" : e === "ol" ? "ol" : "ul", {
+		className: M,
+		ref: b,
+		...T,
+		children: a && P(a)
+	});
+}
+me.displayName = "List";
+//#endregion
+//#region src/progress-stepper/Connector.tsx
+var he = ({ active: e = !1, classes: n = {}, completed: r = !1, lastIndex: a = !1, orientation: s = "horizontal", ref: c, ...l }) => {
+	let u = o("mg:relative mg:flex mg:h-full mg:grow", n?.container), d = o(t("mg:relative mg:transform mg:translate-y-7", {
+		"mg:h-2px mg:w-full": s === "horizontal",
+		"mg:w-2px mg:h-full": s === "vertical",
+		"mg:bg-accent": !e && !r,
+		"mg:bg-primary": e,
+		"mg:bg-success-primary": r
+	}), n?.content);
+	return a ? null : /* @__PURE__ */ i("div", {
+		className: u,
+		ref: c,
+		...l,
+		children: /* @__PURE__ */ i("div", { className: d })
+	});
+}, ge = (e, t) => {
+	let r = o("mg:text-sm", t), a = o("mg:object-contain mg:animate-fade-in mg:duration-500", t);
+	return "iconName" in e ? /* @__PURE__ */ i(n, {
+		className: r,
+		icon: e
+	}) : /* @__PURE__ */ i("img", {
+		alt: e.alt || "",
+		className: a,
+		height: 16,
+		src: e.src || "",
+		width: 16
+	});
+}, _e = ({ children: e, classes: n = {}, color: r = "primary", endAdornment: i, size: s = "md", startAdornment: c, variant: l = "circular", ref: u, ...d }) => {
+	let f = l === "circular" ? t("mg:rounded-full", {
+		"mg:h-4 mg:w-4": s === "sm",
+		"mg:h-6 mg:w-6": s === "md",
+		"mg:h-8 mg:w-8": s === "lg"
+	}) : "", p = l === "extended" ? t("mg:rounded-lg", {
+		"mg:w-4 mg:h-2": s === "sm",
+		"mg:w-5 mg:h-3": s === "md",
+		"mg:w-6 mg:h-4": s === "lg"
+	}) : "";
+	return /* @__PURE__ */ a("div", {
+		className: o(t("mg:inline-flex mg:items-center mg:justify-center mg:border-solid mg:border-1 mg:text-primary", {
+			"mg:border-primary mg:hover:border-primary-hover mg:text-primary mg:hover:text-primary-hover": r === "primary",
+			"mg:border-secondary mg:hover:border-secondary-hover mg:text-secondary mg:hover:text-secondary-hover": r === "secondary",
+			"mg:border-accent mg:hover:border-accent-hover mg:text-accent mg:hover:text-accent-hover": r === "accent",
+			"mg:border-error mg:hover:border-error-hover mg:text-danger mg:hover:text-danger-hover": r === "error",
+			"mg:border-info mg:hover:border-info-hover mg:text-info mg:hover:text-info-hover": r === "info",
+			"mg:border-success mg:hover:border-success-hover mg:text-success mg:hover:text-success-hover": r === "success",
+			"mg:border-warning mg:hover:border-warning-hover mg:text-warning mg:hover:text-warning-hover": r === "warning"
+		}, f, p), n?.container),
+		ref: u,
+		...d,
+		children: [
+			c && ge(c, n?.adornment),
+			e,
+			i && ge(i, n?.adornment)
+		]
+	});
+};
+_e.displayName = "ProgressStepper.Node";
+//#endregion
+//#region src/progress-stepper/Step.tsx
+var ve = (e) => ((e) => c.map(e, (e) => d(e) && e.type === z ? u(e, { className: "mg:text-xs mg:sm:text-sm mg:lg:text-lg" }) : e))(e), ye = ({ active: e = !1, classes: r = {}, color: s = "primary", completed: c = !1, description: l, icon: u, index: d, label: f, linear: p = !0, onClick: m, orientation: h = "horizontal", ref: g, title: _, ...v }) => {
+	let y = o("mg:animate-fade-in mg:transition-opacity mg:duration-300", r?.body), b = o("mg:flex mg:flex-col mg:text-primary mg:gap-1", r?.descriptionContainer), x = o(t("mg:flex mg:max-w-44 mg:p-3 mg:rounded-md", {
+		"mg:flex-col mg:gap-1": h === "horizontal",
+		"mg:justify-between mg:items-start": h === "vertical",
+		"mg:relative mg:z-10 mg:min-w-32 mg:hover:bg-primary mg:transition-all mg:duration-200 mg:ease-in-out mg:hover:scale-105 mg:hover:shadow-lg": e
+	}), r?.root), S = t("mg:text-base mg:sm:text-xl mg:lg:text-3xl", r?.title), C = o("mg:flex mg:pb-2", r?.nodeContainer), w = d === void 0 ? "–" : (d + 1).toString();
+	return p ? /* @__PURE__ */ a("div", {
+		className: x,
+		ref: g,
+		...v,
+		children: [/* @__PURE__ */ i("div", {
+			className: C,
+			children: /* @__PURE__ */ i(_e, {
+				"aria-label": f,
+				classes: r?.node,
+				color: c ? "success" : s,
+				variant: "circular",
+				children: u ? /* @__PURE__ */ i(n, { icon: u }) : w
+			})
+		}), e && /* @__PURE__ */ a("div", {
+			className: y,
+			children: [/* @__PURE__ */ i(z, {
+				removePadding: !0,
+				className: S,
+				bold: !0,
+				color: "primary",
+				variant: "h3",
+				children: _
+			}), /* @__PURE__ */ i("div", {
+				className: b,
+				children: l && ve(l)
+			})]
+		})]
+	}) : /* @__PURE__ */ a("div", {
+		className: x,
+		ref: g,
+		...v,
+		children: [/* @__PURE__ */ i("div", {
+			className: C,
+			children: /* @__PURE__ */ i(P, {
+				"aria-label": f,
+				classes: r?.node,
+				color: c ? "success" : s,
+				onClick: m,
+				variant: "circular",
+				children: u ? /* @__PURE__ */ i(n, { icon: u }) : w
+			})
+		}), e && /* @__PURE__ */ a("div", {
+			className: y,
+			children: [/* @__PURE__ */ i(z, {
+				removePadding: !0,
+				className: S,
+				bold: !0,
+				color: "primary",
+				variant: "h3",
+				children: _
+			}), /* @__PURE__ */ i("div", {
+				className: b,
+				children: l && ve(l)
+			})]
+		})]
+	});
+};
+ye.displayName = "ProgressStepper.Step";
+//#endregion
+//#region src/utils/capitalize.ts
+function be(e) {
+	return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
+}
+//#endregion
+//#region src/progress-stepper/ProgressStepper.tsx
+function xe(e, t) {
+	if (Array.isArray(e)) return c.toArray(e).map((e, n) => {
+		if (d(e) && e.type === ye) {
+			let r = e.props;
+			return {
+				key: `step-${n}`,
+				active: n === t ? !0 : r?.active || !1,
+				completed: r?.completed || !1,
+				label: r?.label
+			};
+		}
+		return null;
+	}).filter((e) => e !== null);
+	if (d(e) && e.type === ye) {
+		let t = e.props;
+		return [{
+			key: "step-0",
+			active: t.active || !1,
+			completed: t.completed || !1,
+			label: t?.label
+		}];
+	}
+	return [];
+}
+var Se = ({ activeStep: n, children: s, classes: f = {}, completed: m, defaultStep: h = 0, forceHorizontal: _ = !1, hideControls: v = !1, linear: y = !0, onComplete: b, onInit: x, onStepClick: S, orientation: C = "horizontal", ref: w, ...T }) => {
+	let E = c.toArray(s).filter((e) => d(e) && e.type === ye).length, [D, O] = g(() => xe(s, h)), [k, j] = g(E);
+	p(() => {
+		if (x) {
+			let e = D.find((e) => e.active) ?? D[h];
+			e && x(e);
+		}
+	}), k !== E && (j(E), O(xe(s, h)));
+	let [M, N] = Q({
+		defaultValue: {
+			key: `step-${h}`,
+			active: !0,
+			completed: !1,
+			label: ""
+		},
+		value: n
+	}), [P, F] = Q({
+		defaultValue: !1,
+		value: m
+	}), { isBelow: I } = e(), L = I("sm"), R = o("mg:flex mg:gap-1 mg:items-center", f?.buttonsContainer), B = o("mg:w-full mg:flex mg:items-center mg:justify-between mg:pb-5 mg:sm:pb-6 mg:px-6", f?.controls), V = o("mg:flex mg:flex-col mg:w-full", f?.outer), H = o(t("mg:w-full mg:h-full mg:flex mg:px-6 mg:pb-2 mg:pt-0 mg:sm:pt-6 mg:overflow-x-scroll mg:scrollbar-subtle", {
+		"mg:flex-col": C === "vertical" || L && !_,
+		"mg:justify-between": C === "horizontal" && !L
+	}), f?.root), U = (e, t) => {
+		let n = D.map((e) => e.key === `step-${t}` ? e.completed ? {
+			...e,
+			active: !0,
+			completed: !1
+		} : e.active ? {
+			...e,
+			active: !1,
+			completed: !0
+		} : {
+			...e,
+			active: !0,
+			completed: !1
+		} : {
+			...e,
+			active: !1
+		});
+		n.every((e) => e?.completed) && (b ? b(!0) : F(!0)), O(n), S ? S(e, n[t]) : N(n[t]);
+	}, W = (e) => {
+		let t = D.findIndex((e) => e?.active), n = D[t]?.completed, r = D.map((e, r) => r === t && !n ? {
+			...e,
+			completed: !0
+		} : r === t && n ? {
+			...e,
+			completed: !1
+		} : e);
+		O(r), S ? S(e, r[t]) : N(r[t]);
+	}, G = (e) => {
+		let t = D.findIndex((e) => e?.active), n = D.map((e, n) => t + 1 < D.length && n === t + 1 || t + 1 > D.length - 1 && n === 0 ? {
+			...e,
+			active: !0
+		} : {
+			...e,
+			active: !1
+		});
+		O(n), S ? S(e, n[t + 1] || n[0]) : N(n[t + 1] || n[0]);
+	}, K = (e) => {
+		b ? b(!1) : F(!1), O(D.map((e, t) => t === h ? {
+			...e,
+			active: !0,
+			completed: !1
+		} : {
+			...e,
+			active: !1,
+			completed: !1
+		})), !x && S ? S(e, {
+			key: `step-${h}`,
+			active: !0,
+			completed: !1,
+			label: ""
+		}) : !x && !S && N({
+			key: `step-${h}`,
+			active: !0,
+			completed: !1,
+			label: ""
+		});
+	}, q = ((e) => Array.isArray(e) ? c.toArray(e).map((t, n) => {
+		if (d(t) && t.type === ye) {
+			let r = n === c.count(e) - 1;
+			return {
+				node: u(t, {
+					index: n,
+					classes: f?.step,
+					id: n === h ? `step-${n}` : void 0,
+					active: D[n]?.active,
+					completed: D[n]?.completed,
+					linear: y,
+					onClick: y ? void 0 : (e) => U(e, n)
+				}),
+				connector: /* @__PURE__ */ i(he, {
+					classes: f?.connector,
+					lastIndex: r
+				})
+			};
+		}
+		return null;
+	}).filter((e) => e !== null) : [])(s), J = M?.label || be(M?.key || ""), Y = M?.completed;
+	return p(() => {
+		y && (D.every((e) => e?.completed) ? (F(!0), b && b(!0)) : (F(!1), b && b(!1)));
+	}, [
+		D,
+		F,
+		y,
+		b
+	]), /* @__PURE__ */ a("div", {
+		className: V,
+		children: [/* @__PURE__ */ i("div", {
+			className: H,
+			ref: w,
+			role: "list",
+			...T,
+			children: q.map(({ node: e, connector: t }, n) => /* @__PURE__ */ a(l, { children: [e, C === "horizontal" && !L && t] }, `progress-stepper-node-${n}`))
+		}), (!v || y || P) && /* @__PURE__ */ a("div", {
+			className: B,
+			children: [/* @__PURE__ */ i(z, {
+				className: f?.label,
+				color: "primary",
+				variant: "base",
+				children: P ? "Completed" : J
+			}), /* @__PURE__ */ a("div", {
+				className: R,
+				children: [
+					P && !y && /* @__PURE__ */ i(A, {
+						classes: f?.button,
+						onClick: K,
+						variant: "outline",
+						children: "RESET"
+					}),
+					!P && y && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(A, {
+						classes: f?.button,
+						onClick: G,
+						variant: "outline",
+						children: "NEXT"
+					}), /* @__PURE__ */ i(A, {
+						classes: f?.button,
+						onClick: W,
+						variant: "outline",
+						children: Y ? "UNDO" : "COMPLETE"
+					})] }),
+					P && y && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(A, {
+						classes: f?.button,
+						onClick: W,
+						variant: "outline",
+						children: "UNDO"
+					}), /* @__PURE__ */ i(A, {
+						classes: f?.button,
+						onClick: K,
+						variant: "outline",
+						children: "FINISH"
+					})] })
+				]
+			})]
+		})]
+	});
+};
+Se.displayName = "ProgressStepper";
+//#endregion
+//#region src/select/Select.tsx
+var Ce = ({ classes: e = {}, defaultValue: r, disabled: s = !1, label: c, name: l, onChange: u, options: d = [], placeholder: m, ref: _, tabIndex: y = 0, value: b, variant: x = "outline", ...S }) => {
+	let [C, w] = g(!1), T = h(null), [E, D] = Q({
+		defaultValue: r ? {
+			value: r,
+			label: be(r)
+		} : void 0,
+		value: b ? {
+			value: b,
+			label: be(b)
+		} : void 0
+	}), O = o(t("mg:relative mg:flex mg:justify-start mg:items-center mg:gap-1 mg:rounded-sm mg:w-full mg:h-full", {
+		"mg:border-1 mg:border-solid mg:border-primary mg:hover:border-hover": x === "outline",
+		"mg:bg-primary": x === "filled",
+		"mg:cursor-not-allowed mg:opacity-50": s,
+		"mg:hover:cursor-pointer": !s
+	}), e?.container), k = o("mg:text-xs mg:sm:text-sm mg:lg:text-lg", e?.label), A = o("mg:relative mg:flex mg:justify-start mg:items-center mg:gap-1 mg:p-1 mg:text-xs mg:w-full", e?.placeholder), j = o(t("mg:absolute mg:top-full mg:left-0 mg:mt-1 mg:flex mg:flex-col mg:justify-start mg:items-center mg:w-full", { "mg:border-solid mg:border-1 mg:border-primary mg:rounded-sm mg:bg-secondary": x === "outline" }), e?.optionsContainer), M = o(t("mg:flex mg:justify-between mg:items-center mg:px-1.5 mg:py-1 mg:w-full mg:text-xs", { "mg:hover:text-accent": x === "outline" }), e?.option?.root), N = o("mg:text-sm mg:sm:text-sm mg:lg:text-lg", e?.option?.icon), P = o("mg:inline-flex mg:flex-col mg:items-start mg:justify-center mg:gap-0.5 mg:min-w-12 mg:min-h-2 mg:h-full mg:font-body mg:text-inverse", e?.root), F = o(t("mg:text-sm mg:transition-transform mg:duration-200", { "mg:rotate-180": C }), e?.icon), I = o("mg:relative mg:flex mg:justify-center mg:items-center mg:p-0.5", e?.iconContainer), L = f((e) => {
+		T.current?.contains(e.target) || w(!1);
+	}, []), R = (e) => {
+		if (w(!1), u) u(e);
+		else {
+			let t = e.currentTarget.getAttribute("data-value");
+			D({
+				value: t ?? "",
+				label: be(t ?? "")
+			});
+		}
+	}, z = () => {
+		s || w(!C);
+	};
+	return p(() => {
+		if (C) return document.addEventListener("mousedown", L), () => document.removeEventListener("mousedown", L);
+	}, [C, L]), /* @__PURE__ */ a("div", {
+		className: P,
+		ref: _,
+		...S,
+		children: [
+			c && /* @__PURE__ */ i("label", {
+				className: k,
+				children: c
+			}),
+			/* @__PURE__ */ a("div", {
+				"aria-disabled": s,
+				className: O,
+				onClick: z,
+				ref: T,
+				tabIndex: s ? -1 : y,
+				children: [
+					/* @__PURE__ */ i("div", {
+						className: A,
+						children: E?.label || m || "Select an option"
+					}),
+					/* @__PURE__ */ i("div", {
+						className: I,
+						children: /* @__PURE__ */ i(n, {
+							className: F,
+							icon: v
+						})
+					}),
+					C && d.length > 0 && /* @__PURE__ */ i("ul", {
+						className: j,
+						children: d.map((e, t) => /* @__PURE__ */ a("li", {
+							className: M,
+							"data-value": e.value,
+							onClick: R,
+							tabIndex: s ? -1 : y + (t + 1),
+							children: [e.icon && /* @__PURE__ */ i(n, {
+								className: N,
+								icon: e.icon
+							}), e.label]
+						}, `select-option-${t}`))
+					})
+				]
+			}),
+			l && /* @__PURE__ */ i("input", {
+				type: "hidden",
+				name: l,
+				value: b ?? r ?? ""
+			})
+		]
+	});
+};
+Ce.displayName = "Select";
+//#endregion
+export { E as Badge, A as Button, J as Card, q as CardFooter, W as CardHeader, K as CardMedia, ie as Carousel, he as Connector, $ as Drawer, P as Fab, de as Form, te as Hero, M as IconButton, V as Link, me as List, pe as ListItem, Se as ProgressStepper, Ce as Select, ye as Step, oe as TextArea, ce as TextInput, z as Typography };