themelia-react-ui 2.0.6 → 3.0.0

package/dist/{auth-B0girIk_.js → auth-g_oUTDDC.js}

@@ -1,86 +1,88 @@
 "use client";
-import { S as e, d as t } from "./ui-provider-C-74NVLc.js";
+import { C as e, f as t } from "./ui-provider-Bu1S-o96.js";
 import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-DhuoqFy4.js";
-import { a as i, n as a } from "./buttons-DeW0bQeK.js";
-import { c as o, o as s, s as c } from "./typography-C7-YMW1S.js";
-import { i as l } from "./text.styles-B64My8RZ.js";
-import { t as u } from "./focus-recipes-B653VaLq.js";
-import { r as d, t as f } from "./structure-DZJ2wbAU.js";
-import { a as p, l as m, s as h } from "./smart-card-B6vLxqa_.js";
-import { t as g } from "./interaction-recipes-4wZ2tvfb.js";
-import { c as _, i as v, o as y, r as b, t as x, u as S } from "./item-FfWnaYST.js";
-import { f as C } from "./hooks-BitHSh-Y.js";
-import { t as w } from "./container.recipes-D9t8MHR3.js";
-import * as T from "react";
-import { Fragment as ee, isValidElement as E, useMemo as D } from "react";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { Globe2 as te, KeyRound as j } from "lucide-react";
+import { t as r } from "./utils-BVbAG2J6.js";
+import { c as i, o as a, s as o } from "./typography-C0dELqYV.js";
+import { i as s } from "./text.styles-B64My8RZ.js";
+import { t as c } from "./focus-recipes-DSkiUvUp.js";
+import { a as l, n as u } from "./buttons-pZVgPTZn.js";
+import { r as d, t as f } from "./structure-DElaQwwN.js";
+import { c as p, o as m } from "./surface-recipes-DV6rrOFq.js";
+import { c as h, i as g, o as _ } from "./smart-card-C59z6KFO.js";
+import { t as v } from "./interaction-recipes-DmuS1ase.js";
+import { c as y, i as b, o as x, r as S, t as C, u as w } from "./item-GJ9mvCcg.js";
+import { m as T } from "./hooks-DHfeSMAO.js";
+import { t as ee } from "./container.recipes-D9t8MHR3.js";
+import { n as te } from "./main-landmark-context-BAsyqp2I.js";
+import * as E from "react";
+import { Fragment as D, isValidElement as O, useMemo as k } from "react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { Globe2 as ne, KeyRound as N } from "lucide-react";
 //#region src/components/layout/auth/auth-card.tsx
-function M({ surface: e = "card", eyebrow: t, title: n, description: i, headerEnd: a, banner: l, media: u, footer: d, children: g, className: _, headerClassName: v, mediaClassName: y, contentClassName: b, footerClassName: x, ...S }) {
-	let C = !!(t || n || i || a);
-	return /* @__PURE__ */ A(m, {
+function P({ surface: e = "card", eyebrow: t, title: n, description: s, headerEnd: c, banner: l, media: u, footer: d, children: v, className: y, headerClassName: b, mediaClassName: x, contentClassName: S, footerClassName: C, ...w }) {
+	let T = !!(t || n || s || c);
+	return /* @__PURE__ */ M(h, {
 		"data-slot": "auth-card",
 		"data-surface": e,
-		className: r("auth-card--component", "w-full min-w-0 gap-0 py-0", e === "card" ? "overflow-hidden rounded-surface border border-border bg-card text-card-foreground shadow-sm" : "border-0 bg-transparent text-inherit shadow-none", _),
-		...S,
+		className: r("auth-card--component", "w-full min-w-0 gap-0 py-0", e === "card" ? r("overflow-hidden", p.frame) : "border-0 bg-transparent text-inherit shadow-none", y),
+		...w,
 		children: [
-			!!u && /* @__PURE__ */ k("div", {
-				className: r("auth-card--media", "min-h-12 border-b border-border/60 bg-muted/50", y),
+			!!u && /* @__PURE__ */ j("div", {
+				className: r("auth-card--media", "min-h-12", m.header, m.band, x),
 				children: u
 			}),
-			!!C && /* @__PURE__ */ k("header", {
-				className: r("auth-card--header min-w-0", e === "card" ? "p-surface pb-0" : "p-0", v),
-				children: /* @__PURE__ */ A(f, {
+			!!T && /* @__PURE__ */ j("header", {
+				className: r("auth-card--header min-w-0", e === "card" ? "p-surface pb-0" : "p-0", b),
+				children: /* @__PURE__ */ M(f, {
 					direction: "horizontal",
 					gap: "xl",
 					align: "start",
 					justify: "between",
 					className: "auth-card--header-layout min-w-0",
-					children: [/* @__PURE__ */ A(f, {
+					children: [/* @__PURE__ */ M(f, {
 						gap: "normal",
 						className: "min-w-0",
 						children: [
-							!!t && /* @__PURE__ */ k(s, {
+							!!t && /* @__PURE__ */ j(a, {
 								tag: "div",
 								className: "auth-card--eyebrow text-inherit",
 								children: t
 							}),
-							!!n && /* @__PURE__ */ k(c, {
+							!!n && /* @__PURE__ */ j(o, {
 								tag: "h1",
 								containerClassName: "space-y-0",
 								size: "base",
 								className: "auth-card--title text-inherit",
 								children: n
 							}),
-							!!i && /* @__PURE__ */ k(o, {
+							!!s && /* @__PURE__ */ j(i, {
 								tag: "div",
 								type: "secondary",
 								lineHeight: "relaxed",
 								className: "auth-card--description max-w-prose",
-								children: i
+								children: s
 							})
 						]
-					}), !!a && /* @__PURE__ */ k("div", {
+					}), !!c && /* @__PURE__ */ j("div", {
 						className: "auth-card--header-end shrink-0",
-						children: a
+						children: c
 					})]
 				})
 			}),
-			/* @__PURE__ */ k(p, {
+			/* @__PURE__ */ j(g, {
 				padding: e === "card" ? "md" : "none",
-				className: r("auth-card--content", "min-w-0", b),
-				children: /* @__PURE__ */ A("div", {
+				className: r("auth-card--content", "min-w-0", S),
+				children: /* @__PURE__ */ M("div", {
 					className: r("auth-card--body min-w-0", e === "bare" && "py-space-xl"),
-					children: [!!l && /* @__PURE__ */ k("div", {
+					children: [!!l && /* @__PURE__ */ j("div", {
 						className: "auth-card--banner mb-space-xl min-w-0",
 						children: l
-					}), g]
+					}), v]
 				})
 			}),
-			!!d && /* @__PURE__ */ k(h, {
+			!!d && /* @__PURE__ */ j(_, {
 				padding: "md",
-				className: r("auth-card--footer", "min-w-0 flex-wrap border-t border-border/60", x),
+				className: r("auth-card--footer", "min-w-0 flex-wrap", m.footer, C),
 				children: d
 			})
 		]
@@ -88,18 +90,18 @@ function M({ surface: e = "card", eyebrow: t, title: n, description: i, headerEn
 }
 //#endregion
 //#region src/components/layout/auth/auth-hooks.tsx
-function N(e) {
-	return !!(e && typeof e == "object" && !E(e) && ("logo" in e || "label" in e || "description" in e || "href" in e));
+function F(e) {
+	return !!(e && typeof e == "object" && !O(e) && ("logo" in e || "label" in e || "description" in e || "href" in e));
 }
-function P({ links: e = [], renderLink: t } = {}) {
-	let n = C({ renderLink: t });
+function I({ links: e = [], renderLink: t } = {}) {
+	let n = T({ renderLink: t });
 	return {
-		links: D(() => e.filter((e) => e.visible !== !1), [e]),
+		links: k(() => e.filter((e) => e.visible !== !1), [e]),
 		renderLink: n
 	};
 }
-function ne({ variant: e = "card", brand: t, footer: n, footerLinks: r = [], policyLinks: i = [], languageLinks: a = [], languageSwitcher: o, postCard: s, socialProviders: c = [], splitPanel: l, renderLink: u } = {}) {
-	let d = C({ renderLink: u }), f = D(() => r.filter((e) => e.visible !== !1), [r]), p = D(() => i.filter((e) => e.visible !== !1), [i]), m = D(() => a.filter((e) => e.visible !== !1), [a]), h = D(() => c.filter((e) => e.visible !== !1), [c]), g = !!(t && (N(t) ? t.logo || t.label || t.description : t)), _ = !!(s || n || o || f.length > 0 || p.length > 0 || m.length > 0), v = !!l;
+function re({ variant: e = "card", brand: t, footer: n, footerLinks: r = [], policyLinks: i = [], languageLinks: a = [], languageSwitcher: o, postCard: s, socialProviders: c = [], splitPanel: l, renderLink: u } = {}) {
+	let d = T({ renderLink: u }), f = k(() => r.filter((e) => e.visible !== !1), [r]), p = k(() => i.filter((e) => e.visible !== !1), [i]), m = k(() => a.filter((e) => e.visible !== !1), [a]), h = k(() => c.filter((e) => e.visible !== !1), [c]), g = !!(t && (F(t) ? t.logo || t.label || t.description : t)), _ = !!(s || n || o || f.length > 0 || p.length > 0 || m.length > 0), v = !!l;
 	return {
 		variant: e === "split" && !v ? "card" : e,
 		hasBrand: g,
@@ -115,28 +117,28 @@ function ne({ variant: e = "card", brand: t, footer: n, footerLinks: r = [], pol
 }
 //#endregion
 //#region src/components/layout/auth/auth.strings.ts
-var F = {
+var L = {
 	socialDivider: "or continue with email",
 	socialProvidersLabel: "Social sign-in options",
 	footerLinksLabel: "Authentication links",
 	policyLinksLabel: "Policies",
 	languageLinksLabel: "Language options"
-}, I = { label: "Authentication links" }, L = { label: "Social sign-in options" }, R = {
+}, R = { label: "Authentication links" }, z = { label: "Social sign-in options" }, B = {
 	label: "Authentication method",
 	divider: "or"
 };
 //#endregion
 //#region src/components/layout/auth/auth-footer-links.tsx
-function z({ links: e, leadingIcon: t, separator: i = "·", renderLink: a, className: s, strings: c, ...l }) {
-	let d = n(I, c), { links: f, renderLink: p } = P({
+function V({ links: e, leadingIcon: t, separator: a = "·", renderLink: o, className: s, strings: l, ...u }) {
+	let d = n(R, l), { links: f, renderLink: p } = I({
 		links: e,
-		renderLink: a
+		renderLink: o
 	});
-	return f.length === 0 ? null : /* @__PURE__ */ A("nav", {
-		"aria-label": l["aria-label"] ?? d.label,
+	return f.length === 0 ? null : /* @__PURE__ */ M("nav", {
+		"aria-label": u["aria-label"] ?? d.label,
 		className: r("auth-footer-links--component", "flex flex-wrap items-center justify-center gap-x-space-md gap-y-space-xs text-center", s),
-		...l,
-		children: [!!t && /* @__PURE__ */ k("span", {
+		...u,
+		children: [!!t && /* @__PURE__ */ j("span", {
 			className: "auth-footer-links--icon flex shrink-0 items-center text-muted-foreground",
 			"aria-hidden": "true",
 			children: t
@@ -148,125 +150,125 @@ function z({ links: e, leadingIcon: t, separator: i = "·", renderLink: a, class
 				external: e.external,
 				disabled: e.disabled,
 				onClick: e.onClick,
-				className: r("auth-footer-links--item", "text-muted-foreground transition-colors hover:text-foreground", !e.href && e.onClick && !e.disabled && u.text, e.disabled && "pointer-events-none opacity-50"),
-				children: /* @__PURE__ */ k(o, {
+				className: r("auth-footer-links--item", "text-muted-foreground transition-colors hover:text-foreground", !e.href && e.onClick && !e.disabled && c.text, e.disabled && "pointer-events-none opacity-50"),
+				children: /* @__PURE__ */ j(i, {
 					tag: "span",
 					size: "xs",
 					className: "text-inherit",
 					children: e.label
 				})
 			});
-			return /* @__PURE__ */ A(ee, { children: [t > 0 && /* @__PURE__ */ k(o, {
+			return /* @__PURE__ */ M(D, { children: [t > 0 && /* @__PURE__ */ j(i, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
 				"aria-hidden": "true",
 				className: "auth-footer-links--separator",
-				children: i
+				children: a
 			}), n] }, e.id ?? t);
 		})]
 	});
 }
 //#endregion
 //#region src/components/layout/auth/auth-social-providers.tsx
-var B = "auth-social-provider-button--component";
-function V() {
-	return /* @__PURE__ */ A("svg", {
+var H = "auth-social-provider-button--component";
+function U() {
+	return /* @__PURE__ */ M("svg", {
 		"data-artwork": "auth-provider-logo",
 		"aria-hidden": "true",
 		className: "size-icon",
 		viewBox: "0 0 256 262",
 		xmlns: "http://www.w3.org/2000/svg",
 		children: [
-			/* @__PURE__ */ k("path", {
+			/* @__PURE__ */ j("path", {
 				fill: "#4285F4",
 				d: "M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"
 			}),
-			/* @__PURE__ */ k("path", {
+			/* @__PURE__ */ j("path", {
 				fill: "#34A853",
 				d: "M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"
 			}),
-			/* @__PURE__ */ k("path", {
+			/* @__PURE__ */ j("path", {
 				fill: "#FBBC05",
 				d: "M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"
 			}),
-			/* @__PURE__ */ k("path", {
+			/* @__PURE__ */ j("path", {
 				fill: "#EB4335",
 				d: "M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"
 			})
 		]
 	});
 }
-function H() {
-	return /* @__PURE__ */ A("svg", {
+function W() {
+	return /* @__PURE__ */ M("svg", {
 		"data-artwork": "auth-provider-logo",
 		"aria-hidden": "true",
 		className: "size-icon",
 		viewBox: "0 0 23 23",
 		children: [
-			/* @__PURE__ */ k("path", {
+			/* @__PURE__ */ j("path", {
 				fill: "#f25022",
 				d: "M1 1h10v10H1z"
 			}),
-			/* @__PURE__ */ k("path", {
+			/* @__PURE__ */ j("path", {
 				fill: "#7fba00",
 				d: "M12 1h10v10H12z"
 			}),
-			/* @__PURE__ */ k("path", {
+			/* @__PURE__ */ j("path", {
 				fill: "#00a4ef",
 				d: "M1 12h10v10H1z"
 			}),
-			/* @__PURE__ */ k("path", {
+			/* @__PURE__ */ j("path", {
 				fill: "#ffb900",
 				d: "M12 12h10v10H12z"
 			})
 		]
 	});
 }
-function U() {
-	return /* @__PURE__ */ k("svg", {
+function G() {
+	return /* @__PURE__ */ j("svg", {
 		"data-artwork": "auth-provider-logo",
 		"aria-hidden": "true",
 		className: "size-icon",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
-		children: /* @__PURE__ */ k("path", { d: "M12 2C6.48 2 2 6.58 2 12.24c0 4.53 2.87 8.37 6.84 9.73.5.09.68-.22.68-.49 0-.24-.01-.88-.01-1.73-2.78.62-3.37-1.37-3.37-1.37-.45-1.18-1.11-1.5-1.11-1.5-.91-.64.07-.63.07-.63 1 .07 1.53 1.06 1.53 1.06.9 1.57 2.36 1.12 2.93.86.09-.67.35-1.12.64-1.38-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.04 1.03-2.76-.1-.26-.45-1.31.1-2.72 0 0 .84-.28 2.75 1.05A9.32 9.32 0 0 1 12 6.95c.85 0 1.7.12 2.5.35 1.9-1.33 2.74-1.05 2.74-1.05.55 1.41.2 2.46.1 2.72.64.72 1.03 1.64 1.03 2.76 0 3.94-2.34 4.8-4.57 5.06.36.32.68.95.68 1.91 0 1.38-.01 2.49-.01 2.83 0 .27.18.59.69.49A10.12 10.12 0 0 0 22 12.24C22 6.58 17.52 2 12 2Z" })
+		children: /* @__PURE__ */ j("path", { d: "M12 2C6.48 2 2 6.58 2 12.24c0 4.53 2.87 8.37 6.84 9.73.5.09.68-.22.68-.49 0-.24-.01-.88-.01-1.73-2.78.62-3.37-1.37-3.37-1.37-.45-1.18-1.11-1.5-1.11-1.5-.91-.64.07-.63.07-.63 1 .07 1.53 1.06 1.53 1.06.9 1.57 2.36 1.12 2.93.86.09-.67.35-1.12.64-1.38-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.04 1.03-2.76-.1-.26-.45-1.31.1-2.72 0 0 .84-.28 2.75 1.05A9.32 9.32 0 0 1 12 6.95c.85 0 1.7.12 2.5.35 1.9-1.33 2.74-1.05 2.74-1.05.55 1.41.2 2.46.1 2.72.64.72 1.03 1.64 1.03 2.76 0 3.94-2.34 4.8-4.57 5.06.36.32.68.95.68 1.91 0 1.38-.01 2.49-.01 2.83 0 .27.18.59.69.49A10.12 10.12 0 0 0 22 12.24C22 6.58 17.52 2 12 2Z" })
 	});
 }
-function W() {
-	return /* @__PURE__ */ k("svg", {
+function ie() {
+	return /* @__PURE__ */ j("svg", {
 		"data-artwork": "auth-provider-logo",
 		"aria-hidden": "true",
 		className: "size-icon",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
-		children: /* @__PURE__ */ k("path", { d: "M16.37 12.05c-.02-2.26 1.85-3.35 1.94-3.4-1.06-1.55-2.69-1.76-3.26-1.78-1.37-.14-2.7.82-3.39.82-.71 0-1.78-.8-2.93-.78-1.5.02-2.9.89-3.67 2.25-1.57 2.72-.4 6.72 1.1 8.92.76 1.08 1.64 2.29 2.79 2.25 1.13-.05 1.55-.72 2.91-.72 1.35 0 1.75.72 2.93.69 1.21-.02 1.98-1.09 2.71-2.18.87-1.24 1.22-2.46 1.23-2.52-.03-.01-2.34-.9-2.36-3.55ZM14.16 5.42c.61-.76 1.03-1.8.91-2.85-.88.04-1.98.61-2.62 1.35-.57.65-1.08 1.73-.95 2.74.99.08 2.02-.5 2.66-1.24Z" })
+		children: /* @__PURE__ */ j("path", { d: "M16.37 12.05c-.02-2.26 1.85-3.35 1.94-3.4-1.06-1.55-2.69-1.76-3.26-1.78-1.37-.14-2.7.82-3.39.82-.71 0-1.78-.8-2.93-.78-1.5.02-2.9.89-3.67 2.25-1.57 2.72-.4 6.72 1.1 8.92.76 1.08 1.64 2.29 2.79 2.25 1.13-.05 1.55-.72 2.91-.72 1.35 0 1.75.72 2.93.69 1.21-.02 1.98-1.09 2.71-2.18.87-1.24 1.22-2.46 1.23-2.52-.03-.01-2.34-.9-2.36-3.55ZM14.16 5.42c.61-.76 1.03-1.8.91-2.85-.88.04-1.98.61-2.62 1.35-.57.65-1.08 1.73-.95 2.74.99.08 2.02-.5 2.66-1.24Z" })
 	});
 }
-function G({ provider: e }) {
-	if (e.icon) return /* @__PURE__ */ k(O, { children: e.icon });
+function K({ provider: e }) {
+	if (e.icon) return /* @__PURE__ */ j(A, { children: e.icon });
 	switch (e.provider) {
-		case "google": return /* @__PURE__ */ k(V, {});
-		case "github": return /* @__PURE__ */ k(U, {});
-		case "microsoft": return /* @__PURE__ */ k(H, {});
-		case "apple": return /* @__PURE__ */ k(W, {});
-		default: return /* @__PURE__ */ k(j, {
+		case "google": return /* @__PURE__ */ j(U, {});
+		case "github": return /* @__PURE__ */ j(G, {});
+		case "microsoft": return /* @__PURE__ */ j(W, {});
+		case "apple": return /* @__PURE__ */ j(ie, {});
+		default: return /* @__PURE__ */ j(N, {
 			className: "size-icon",
 			"aria-hidden": "true"
 		});
 	}
 }
-function K({ provider: n, renderLink: s, className: c }) {
-	let { defaultScale: l } = t(), u = e(void 0, l), d = C({ renderLink: s }), f = /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(G, { provider: n }), /* @__PURE__ */ k(o, {
+function q({ provider: n, renderLink: a, className: o }) {
+	let { defaultScale: s } = t(), c = e(void 0, s), d = T({ renderLink: a }), f = /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(K, { provider: n }), /* @__PURE__ */ j(i, {
 		tag: "span",
 		className: "text-inherit",
 		children: n.label
-	})] }), p = r(B, i({
-		size: u,
+	})] }), p = r(H, l({
+		size: c,
 		tone: "secondary",
 		buttonStyle: "outline",
 		fullWidth: !0
-	}), n.disabled && "pointer-events-none opacity-50", c);
+	}), n.disabled && "pointer-events-none opacity-50", o);
 	return n.href ? d({
 		href: n.href,
 		target: n.target,
@@ -276,20 +278,20 @@ function K({ provider: n, renderLink: s, className: c }) {
 		onClick: n.onClick,
 		className: p,
 		children: f
-	}) : /* @__PURE__ */ k(a, {
+	}) : /* @__PURE__ */ j(u, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "outline",
 		fullWidth: !0,
 		disabled: n.disabled,
-		className: r("auth-social-provider-button--component", c),
+		className: r("auth-social-provider-button--component", o),
 		onClick: (e) => n.onClick?.(e),
 		children: f
 	});
 }
-function re({ providers: e, layout: t = "stack", renderLink: i, className: a, strings: o, ...s }) {
-	let c = n(L, o), l = e?.filter((e) => e.visible !== !1) ?? [];
-	return l.length === 0 ? null : /* @__PURE__ */ k(d, {
+function ae({ providers: e, layout: t = "stack", renderLink: i, className: a, strings: o, ...s }) {
+	let c = n(z, o), l = e?.filter((e) => e.visible !== !1) ?? [];
+	return l.length === 0 ? null : /* @__PURE__ */ j(d, {
 		columns: t === "grid" ? {
 			base: 1,
 			sm: 2
@@ -300,7 +302,7 @@ function re({ providers: e, layout: t = "stack", renderLink: i, className: a, st
 		"data-layout": t,
 		className: r("auth-social-providers--component", a),
 		...s,
-		children: l.map((e) => /* @__PURE__ */ k(K, {
+		children: l.map((e) => /* @__PURE__ */ j(q, {
 			provider: e,
 			renderLink: i
 		}, e.id ?? String(e.label)))
@@ -308,46 +310,46 @@ function re({ providers: e, layout: t = "stack", renderLink: i, className: a, st
 }
 //#endregion
 //#region src/components/layout/auth/auth-split-panel.tsx
-var ie = {
+var J = {
 	card: "border-border bg-card text-card-foreground",
 	muted: "border-border bg-muted/30"
 };
-function q({ eyebrow: e, title: t, description: n, media: i, features: a, footer: l, children: u, surface: d = "muted", className: p, contentClassName: m, ...h }) {
-	let g = !!(e || t || n), C = a?.filter((e) => e.title) ?? [];
-	return /* @__PURE__ */ k(f, {
-		render: /* @__PURE__ */ k("aside", {}),
+function Y({ eyebrow: e, title: t, description: n, media: s, features: c, footer: l, children: u, surface: d = "muted", className: m, contentClassName: h, ...g }) {
+	let _ = !!(e || t || n), v = c?.filter((e) => e.title) ?? [];
+	return /* @__PURE__ */ j(f, {
+		render: /* @__PURE__ */ j("aside", {}),
 		gap: "none",
 		justify: "between",
 		"data-slot": "auth-split-panel",
 		"data-surface": d,
-		className: r("auth-split-panel--component", "box-border min-h-full w-full overflow-hidden border", ie[d], p),
-		...h,
-		children: /* @__PURE__ */ A(f, {
+		className: r("auth-split-panel--component", "box-border min-h-full w-full overflow-hidden border", J[d], m),
+		...g,
+		children: /* @__PURE__ */ M(f, {
 			gap: "2xl",
 			justify: "center",
-			className: r("auth-split-panel--content", "min-h-full p-surface md:p-surface-lg", m),
+			className: r("auth-split-panel--content", "min-h-full p-surface md:p-surface-lg", h),
 			children: [
-				!!i && /* @__PURE__ */ k("div", {
-					className: "auth-split-panel--media overflow-hidden rounded-surface border border-border/60 bg-card text-card-foreground",
-					children: i
+				!!s && /* @__PURE__ */ j("div", {
+					className: r("auth-split-panel--media overflow-hidden", p.frame),
+					children: s
 				}),
-				!!g && /* @__PURE__ */ A(f, {
+				!!_ && /* @__PURE__ */ M(f, {
 					gap: "md",
 					className: "auth-split-panel--intro max-w-xl",
 					children: [
-						!!e && /* @__PURE__ */ k(s, {
+						!!e && /* @__PURE__ */ j(a, {
 							tag: "div",
 							className: "auth-split-panel--eyebrow text-inherit",
 							children: e
 						}),
-						!!t && /* @__PURE__ */ k(c, {
+						!!t && /* @__PURE__ */ j(o, {
 							tag: "h2",
 							containerClassName: "space-y-0",
 							size: "base",
 							className: "auth-split-panel--title text-inherit",
 							children: t
 						}),
-						!!n && /* @__PURE__ */ k(o, {
+						!!n && /* @__PURE__ */ j(i, {
 							tag: "div",
 							type: "secondary",
 							lineHeight: "relaxed",
@@ -356,18 +358,18 @@ function q({ eyebrow: e, title: t, description: n, media: i, features: a, footer
 						})
 					]
 				}),
-				C.length > 0 && /* @__PURE__ */ k(y, {
+				v.length > 0 && /* @__PURE__ */ j(x, {
 					className: "auth-split-panel--features",
-					children: C.map((e, t) => /* @__PURE__ */ A(x, {
+					children: v.map((e, t) => /* @__PURE__ */ M(C, {
 						variant: "muted",
 						className: "auth-split-panel--feature bg-card text-card-foreground",
-						children: [!!e.icon && /* @__PURE__ */ k(_, {
+						children: [!!e.icon && /* @__PURE__ */ j(y, {
 							variant: "icon",
 							className: "text-muted-foreground",
 							children: e.icon
-						}), /* @__PURE__ */ A(b, {
+						}), /* @__PURE__ */ M(S, {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ k(S, { children: e.title }), !!e.description && /* @__PURE__ */ k(v, {
+							children: [/* @__PURE__ */ j(w, { children: e.title }), !!e.description && /* @__PURE__ */ j(b, {
 								clamp: "none",
 								children: e.description
 							})]
@@ -375,7 +377,7 @@ function q({ eyebrow: e, title: t, description: n, media: i, features: a, footer
 					}, e.id ?? t))
 				}),
 				u,
-				!!l && /* @__PURE__ */ k("div", {
+				!!l && /* @__PURE__ */ j("div", {
 					className: "auth-split-panel--footer",
 					children: l
 				})
@@ -385,27 +387,27 @@ function q({ eyebrow: e, title: t, description: n, media: i, features: a, footer
 }
 //#endregion
 //#region src/components/layout/auth/auth-shell.tsx
-var ae = {
+var oe = {
 	sm: "max-w-sm",
 	md: "max-w-md",
 	lg: "max-w-lg"
 };
-function oe(e) {
-	return !(!e || typeof e != "object" || E(e));
-}
 function se(e) {
+	return !(!e || typeof e != "object" || O(e));
+}
+function ce(e) {
 	let t = !!(e.label || e.description);
-	return /* @__PURE__ */ A(O, { children: [!!e.logo && /* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ M(A, { children: [!!e.logo && /* @__PURE__ */ j("div", {
 		className: "auth-shell--brand-logo shrink-0",
 		children: e.logo
-	}), !!t && /* @__PURE__ */ A("div", {
+	}), !!t && /* @__PURE__ */ M("div", {
 		className: "auth-shell--brand-text min-w-0",
-		children: [!!e.label && /* @__PURE__ */ k(o, {
+		children: [!!e.label && /* @__PURE__ */ j(i, {
 			tag: "div",
 			weight: "semibold",
 			className: "auth-shell--brand-label",
 			children: e.label
-		}), !!e.description && /* @__PURE__ */ k(o, {
+		}), !!e.description && /* @__PURE__ */ j(i, {
 			tag: "div",
 			size: "xs",
 			type: "secondary",
@@ -414,28 +416,28 @@ function se(e) {
 		})]
 	})] });
 }
-function ce({ brand: e, renderLink: t }) {
+function le({ brand: e, renderLink: t }) {
 	if (!e) return null;
-	if (!N(e)) return /* @__PURE__ */ k("div", {
+	if (!F(e)) return /* @__PURE__ */ j("div", {
 		className: "auth-shell--brand flex items-center justify-center",
 		children: e
 	});
-	let n = se(e), i = r("auth-shell--brand", "inline-flex items-center justify-center gap-space-md self-center rounded-radius text-foreground", e.href && "transition-opacity hover:opacity-80");
+	let n = ce(e), i = r("auth-shell--brand", "inline-flex items-center justify-center gap-space-md self-center rounded-radius text-foreground");
 	return e.href ? t({
 		href: e.href,
 		"aria-label": e.ariaLabel,
 		className: i,
 		children: n
-	}) : /* @__PURE__ */ k("div", {
+	}) : /* @__PURE__ */ j("div", {
 		className: i,
 		children: n
 	});
 }
-function le(e) {
-	return e ? E(e) ? e : oe(e) ? /* @__PURE__ */ k(q, { ...e }) : null : null;
+function ue(e) {
+	return e ? O(e) ? e : se(e) ? /* @__PURE__ */ j(Y, { ...e }) : null : null;
 }
-function J({ children: e, variant: t = "card", size: i = "md", align: a = "center", brand: s, eyebrow: c, title: l, description: u, headerEnd: d, banner: p, cardMedia: m, cardMediaClassName: h, cardFooter: g, postCard: _, footer: v, footerLinks: y, policyLinks: b, languageLinks: x, languageSwitcher: S, socialProviders: C, socialProvidersLayout: T = "stack", socialDivider: ee, splitPanel: E, splitSide: D = "left", splitMobile: O = "hidden", renderLink: j, className: N, mainClassName: P, stackClassName: I, cardClassName: L, cardContentClassName: R, splitGridClassName: B, splitPanelClassName: V, footerClassName: H, strings: U, ...W }) {
-	let G = n(F, U), { variant: K, hasBrand: ie, hasAfterCard: q, hasSplitPanel: oe, hasSocialProviders: se, renderLink: J, footerLinks: Y, policyLinks: X, languageLinks: Z, socialProviders: Q } = ne({
+function de({ children: e, variant: t = "card", size: a = "md", align: o = "center", brand: s, eyebrow: c, title: l, description: u, headerEnd: d, banner: p, cardMedia: m, cardMediaClassName: h, cardFooter: g, postCard: _, footer: v, footerLinks: y, policyLinks: b, languageLinks: x, languageSwitcher: S, socialProviders: C, socialProvidersLayout: w = "stack", splitPanel: T, splitSide: E = "left", splitMobile: D = "hidden", renderLink: O, className: k, mainClassName: A, stackClassName: N, splitGridClassName: F, splitPanelClassName: I, strings: R, ...z }) {
+	let B = n(L, R), { variant: H, hasBrand: U, hasAfterCard: W, hasSplitPanel: G, hasSocialProviders: ie, renderLink: K, footerLinks: q, policyLinks: J, languageLinks: Y, socialProviders: se } = re({
 		variant: t,
 		brand: s,
 		footer: v,
@@ -445,27 +447,27 @@ function J({ children: e, variant: t = "card", size: i = "md", align: a = "cente
 		languageSwitcher: S,
 		postCard: _,
 		socialProviders: C,
-		splitPanel: E,
-		renderLink: j
-	}), ue = K === "split" && oe, de = le(E), $ = D === "left", fe = O === "stacked", pe = r("auth-shell--split-panel", fe ? "block" : "hidden @5xl/auth-shell:block", fe && $ && "order-last @5xl/auth-shell:order-none", V), me = ie ? ce({
+		splitPanel: T,
+		renderLink: O
+	}), ce = H === "split" && G, de = ue(T), X = E === "left", fe = r("auth-shell--split-panel", D === "stacked" ? "block" : "hidden @5xl/auth-shell:block", X && "@5xl/auth-shell:order-first", I), Z = te(), Q = U ? le({
 		brand: s,
-		renderLink: J
-	}) : null, he = /* @__PURE__ */ k(f, {
-		render: /* @__PURE__ */ k("main", {}),
+		renderLink: K
+	}) : null, $ = /* @__PURE__ */ j(f, {
+		render: j(Z ? "div" : "main", {}),
 		gap: "none",
-		align: a === "start" ? "start" : "center",
+		align: o === "start" ? "start" : "center",
 		justify: "center",
-		className: r("auth-shell--main", w({
+		className: r("auth-shell--main", ee({
 			maxWidth: "full",
 			gutter: "md"
-		}), "min-h-svh py-surface-lg sm:px-surface-lg", P),
-		children: /* @__PURE__ */ A(f, {
+		}), "min-h-svh py-surface-lg @min-[40rem]/auth-shell:px-surface-lg", A),
+		children: /* @__PURE__ */ M(f, {
 			gap: "xl",
-			className: r("auth-shell--stack", "w-full", ae[i], I),
+			className: r("auth-shell--stack", "w-full", oe[a], N),
 			children: [
-				me,
-				/* @__PURE__ */ A(M, {
-					surface: K === "bare" ? "bare" : "card",
+				Q,
+				/* @__PURE__ */ M(P, {
+					surface: H === "bare" ? "bare" : "card",
 					eyebrow: c,
 					title: l,
 					description: u,
@@ -474,30 +476,28 @@ function J({ children: e, variant: t = "card", size: i = "md", align: a = "cente
 					media: m,
 					mediaClassName: h,
 					footer: g,
-					className: L,
-					contentClassName: R,
-					children: [!!se && /* @__PURE__ */ A(f, {
+					children: [!!ie && /* @__PURE__ */ M(f, {
 						gap: "xl",
 						className: "auth-shell--social mb-space-xl",
-						children: [/* @__PURE__ */ k(re, {
-							providers: Q,
-							layout: T,
-							renderLink: J,
-							strings: { label: G.socialProvidersLabel }
-						}), /* @__PURE__ */ A("div", {
+						children: [/* @__PURE__ */ j(ae, {
+							providers: se,
+							layout: w,
+							renderLink: K,
+							strings: { label: B.socialProvidersLabel }
+						}), /* @__PURE__ */ M("div", {
 							className: "auth-shell--social-divider flex items-center gap-space-lg",
 							children: [
-								/* @__PURE__ */ k("span", {
+								/* @__PURE__ */ j("span", {
 									className: "h-px min-w-0 flex-1 bg-border",
 									"aria-hidden": "true"
 								}),
-								/* @__PURE__ */ k(o, {
+								/* @__PURE__ */ j(i, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
-									children: ee ?? G.socialDivider
+									children: B.socialDivider
 								}),
-								/* @__PURE__ */ k("span", {
+								/* @__PURE__ */ j("span", {
 									className: "h-px min-w-0 flex-1 bg-border",
 									"aria-hidden": "true"
 								})
@@ -505,39 +505,39 @@ function J({ children: e, variant: t = "card", size: i = "md", align: a = "cente
 						})]
 					}), e]
 				}),
-				!!q && /* @__PURE__ */ A(f, {
+				!!W && /* @__PURE__ */ M(f, {
 					gap: "lg",
 					align: "center",
-					className: r("auth-shell--after-card", "text-center", H),
+					className: "auth-shell--after-card text-center",
 					children: [
-						!!_ && /* @__PURE__ */ k("div", {
+						!!_ && /* @__PURE__ */ j("div", {
 							className: "auth-shell--post-card",
 							children: _
 						}),
-						!!S && /* @__PURE__ */ k("div", {
+						!!S && /* @__PURE__ */ j("div", {
 							className: "auth-shell--language-switcher",
 							children: S
 						}),
-						Z.length > 0 && /* @__PURE__ */ k(z, {
+						Y.length > 0 && /* @__PURE__ */ j(V, {
 							className: "auth-shell--language-links",
-							links: Z,
-							leadingIcon: /* @__PURE__ */ k(te, { className: "size-icon-md" }),
-							renderLink: J,
-							strings: { label: G.languageLinksLabel }
+							links: Y,
+							leadingIcon: /* @__PURE__ */ j(ne, { className: "size-icon-md" }),
+							renderLink: K,
+							strings: { label: B.languageLinksLabel }
 						}),
-						Y.length > 0 && /* @__PURE__ */ k(z, {
+						q.length > 0 && /* @__PURE__ */ j(V, {
 							className: "auth-shell--footer-links",
-							links: Y,
-							renderLink: J,
-							strings: { label: G.footerLinksLabel }
+							links: q,
+							renderLink: K,
+							strings: { label: B.footerLinksLabel }
 						}),
-						X.length > 0 && /* @__PURE__ */ k(z, {
+						J.length > 0 && /* @__PURE__ */ j(V, {
 							className: "auth-shell--policy-links",
-							links: X,
-							renderLink: J,
-							strings: { label: G.policyLinksLabel }
+							links: J,
+							renderLink: K,
+							strings: { label: B.policyLinksLabel }
 						}),
-						!!v && /* @__PURE__ */ k("div", {
+						!!v && /* @__PURE__ */ j("div", {
 							className: "auth-shell--footer",
 							children: v
 						})
@@ -546,41 +546,34 @@ function J({ children: e, variant: t = "card", size: i = "md", align: a = "cente
 			]
 		})
 	});
-	return ue ? /* @__PURE__ */ k("div", {
+	return ce ? /* @__PURE__ */ j("div", {
 		"data-slot": "auth-shell",
 		"data-variant": "split",
-		"data-split-side": D,
-		"data-split-mobile": O,
-		className: r("auth-shell--component", "@container/auth-shell min-h-svh bg-background text-foreground", N),
-		...W,
-		children: /* @__PURE__ */ A("div", {
-			className: r("auth-shell--split-grid flex min-h-svh flex-col @5xl/auth-shell:grid", $ ? "@5xl/auth-shell:grid-cols-[minmax(0,1fr)_minmax(24rem,34rem)]" : "@5xl/auth-shell:grid-cols-[minmax(24rem,34rem)_minmax(0,1fr)]", B),
-			children: [
-				!!$ && /* @__PURE__ */ k("div", {
-					className: pe,
-					children: de
-				}),
-				he,
-				!$ && /* @__PURE__ */ k("div", {
-					className: pe,
-					children: de
-				})
-			]
+		"data-split-side": E,
+		"data-split-mobile": D,
+		className: r("auth-shell--component", "@container/auth-shell min-h-svh bg-background text-foreground", k),
+		...z,
+		children: /* @__PURE__ */ M("div", {
+			className: r("auth-shell--split-grid flex min-h-svh flex-col @5xl/auth-shell:grid", X ? "@5xl/auth-shell:grid-cols-[minmax(0,1fr)_minmax(24rem,34rem)]" : "@5xl/auth-shell:grid-cols-[minmax(24rem,34rem)_minmax(0,1fr)]", F),
+			children: [$, /* @__PURE__ */ j("div", {
+				className: fe,
+				children: de
+			})]
 		})
-	}) : /* @__PURE__ */ k("div", {
+	}) : /* @__PURE__ */ j("div", {
 		"data-slot": "auth-shell",
-		"data-variant": K === "bare" ? "bare" : "card",
-		className: r("auth-shell--component", "@container/auth-shell min-h-svh bg-background text-foreground", N),
-		...W,
-		children: he
+		"data-variant": H === "bare" ? "bare" : "card",
+		className: r("auth-shell--component", "@container/auth-shell min-h-svh bg-background text-foreground", k),
+		...z,
+		children: $
 	});
 }
 //#endregion
 //#region src/components/layout/auth/auth-form.tsx
-function Y({ className: e, ...t }) {
+function X({ className: e, ...t }) {
 	let { children: n, ...i } = t;
-	return /* @__PURE__ */ k(d, {
-		render: (e) => /* @__PURE__ */ k("form", {
+	return /* @__PURE__ */ j(d, {
+		render: (e) => /* @__PURE__ */ j("form", {
 			...i,
 			...e
 		}),
@@ -591,8 +584,8 @@ function Y({ className: e, ...t }) {
 		children: n
 	});
 }
-function X({ className: e, ...t }) {
-	return /* @__PURE__ */ k("div", {
+function fe({ className: e, ...t }) {
+	return /* @__PURE__ */ j("div", {
 		"data-slot": "auth-form-row",
 		className: r("auth-form-row--component", "flex min-w-0 flex-wrap items-center justify-between gap-x-space-lg gap-y-space-md", e),
 		...t
@@ -604,7 +597,7 @@ function Z(e) {
 	return e.find((e) => !e.disabled);
 }
 function Q({ options: e = [], value: t, defaultValue: n, onValueChange: r } = {}) {
-	let i = T.useMemo(() => e.filter((e) => e.visible !== !1), [e]), a = n ?? Z(i)?.id, [o, s] = T.useState(a), c = t !== void 0, l = c ? t : o, u = i.find((e) => e.id === l), d = T.useCallback((e) => {
+	let i = E.useMemo(() => e.filter((e) => e.visible !== !1), [e]), a = n ?? Z(i)?.id, [o, s] = E.useState(a), c = t !== void 0, l = c ? t : o, u = i.find((e) => e.id === l), d = E.useCallback((e) => {
 		let t = i.find((t) => t.id === e);
 		t && !t.disabled && (c || s(e), r?.(e, t));
 	}, [
@@ -612,7 +605,7 @@ function Q({ options: e = [], value: t, defaultValue: n, onValueChange: r } = {}
 		r,
 		i
 	]);
-	return T.useEffect(() => {
+	return E.useEffect(() => {
 		c || u || i.length === 0 || s(Z(i)?.id);
 	}, [
 		c,
@@ -625,30 +618,30 @@ function Q({ options: e = [], value: t, defaultValue: n, onValueChange: r } = {}
 		setValue: d
 	};
 }
-function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layout: s = "stack", divider: c, className: p, strings: m, ...h }) {
-	let _ = n(R, m), { "aria-label": v, ...y } = h, { value: b, options: x, setValue: S } = Q({
+function $({ options: e = [], value: t, defaultValue: a, onValueChange: o, layout: l = "stack", divider: u, className: p, strings: m, ...h }) {
+	let g = n(B, m), { "aria-label": _, ...y } = h, { value: b, options: x, setValue: S } = Q({
 		options: e,
 		value: t,
-		defaultValue: i,
-		onValueChange: a
+		defaultValue: a,
+		onValueChange: o
 	});
 	if (x.length === 0) return null;
-	let C = s === "segmented", w = x.map((e) => {
-		let t = e.id === b, n = /* @__PURE__ */ A(O, { children: [!!e.icon && /* @__PURE__ */ k("span", {
+	let C = l === "segmented", w = x.map((e) => {
+		let t = e.id === b, n = /* @__PURE__ */ M(A, { children: [!!e.icon && /* @__PURE__ */ j("span", {
 			className: "auth-method-switch--option-icon shrink-0",
 			"aria-hidden": "true",
 			children: e.icon
-		}), /* @__PURE__ */ A(f, {
-			render: /* @__PURE__ */ k("span", {}),
+		}), /* @__PURE__ */ M(f, {
+			render: /* @__PURE__ */ j("span", {}),
 			gap: "dense",
 			className: "auth-method-switch--option-copy w-full",
-			children: [/* @__PURE__ */ k(o, {
+			children: [/* @__PURE__ */ j(i, {
 				tag: "span",
 				weight: "semibold",
 				lineHeight: "tight",
 				className: r("max-w-full whitespace-normal break-words text-inherit", C ? "text-center @md/auth-method-switch:truncate @md/auth-method-switch:text-start" : "text-start"),
 				children: e.label
-			}), !!e.description && /* @__PURE__ */ k(o, {
+			}), !!e.description && /* @__PURE__ */ j(i, {
 				tag: "span",
 				size: "xs",
 				lineHeight: C ? void 0 : "snug",
@@ -656,23 +649,23 @@ function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layo
 				children: e.description
 			})]
 		})] });
-		return /* @__PURE__ */ k("button", {
+		return /* @__PURE__ */ j("button", {
 			type: "button",
 			"aria-pressed": t,
 			disabled: e.disabled,
-			className: r("auth-method-switch--option", `box-border m-0 inline-flex min-h-action-lg min-w-0 w-full cursor-pointer items-center justify-start gap-space-sm whitespace-normal rounded-radius border px-control py-row-y-lg text-start outline-none transition-[color,background-color,border-color,box-shadow] ${u.frame} disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`, l({
+			className: r("auth-method-switch--option", `box-border m-0 inline-flex min-h-action-lg min-w-0 w-full cursor-pointer items-center justify-start gap-space-sm whitespace-normal rounded-radius border px-control py-row-y-lg text-start outline-none transition-[color,background-color,border-color,box-shadow] ${c.frame} disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`, s({
 				type: null,
 				size: "sm",
 				weight: "medium",
 				align: null,
 				lineHeight: "none"
-			}), C ? r("min-h-action justify-center border-0 px-control-sm py-row-y text-center @md/auth-method-switch:px-control @md/auth-method-switch:text-start", t ? g.segmentActive : `bg-transparent ${g.segmentInactive}`) : r("bg-background text-foreground", t ? "border-primary" : `border-border ${g.tileHover}`), t && "auth-method-switch--option-selected"),
+			}), C ? r("min-h-action justify-center border-0 px-control-sm py-row-y text-center @md/auth-method-switch:px-control @md/auth-method-switch:text-start", t ? v.segmentActive : `bg-transparent ${v.segmentInactive}`) : r("bg-background text-foreground", t ? "border-primary" : `border-border ${v.tileHover}`), t && "auth-method-switch--option-selected"),
 			onClick: () => S(e.id),
-			children: C ? /* @__PURE__ */ k("span", {
+			children: C ? /* @__PURE__ */ j("span", {
 				className: "auth-method-switch--option-inner flex w-full min-w-0 max-w-full flex-col justify-center gap-space-xs @md/auth-method-switch:w-auto @md/auth-method-switch:flex-row @md/auth-method-switch:justify-start @md/auth-method-switch:gap-space-md",
 				children: n
-			}) : /* @__PURE__ */ k(f, {
-				render: /* @__PURE__ */ k("span", {}),
+			}) : /* @__PURE__ */ j(f, {
+				render: /* @__PURE__ */ j("span", {}),
 				direction: "horizontal",
 				gap: "md",
 				wrap: !1,
@@ -681,46 +674,46 @@ function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layo
 			})
 		}, e.id);
 	});
-	return /* @__PURE__ */ A(f, {
+	return /* @__PURE__ */ M(f, {
 		gap: "lg",
 		className: r("auth-method-switch--component @container/auth-method-switch", p),
 		...y,
-		children: [c !== null && c !== !1 && /* @__PURE__ */ A("div", {
+		children: [u !== null && u !== !1 && /* @__PURE__ */ M("div", {
 			className: "auth-method-switch--divider flex items-center gap-space-lg",
 			children: [
-				/* @__PURE__ */ k("span", {
+				/* @__PURE__ */ j("span", {
 					className: "h-px min-w-0 flex-1 bg-border",
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ k(o, {
+				/* @__PURE__ */ j(i, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: c ?? _.divider
+					children: u ?? g.divider
 				}),
-				/* @__PURE__ */ k("span", {
+				/* @__PURE__ */ j("span", {
 					className: "h-px min-w-0 flex-1 bg-border",
 					"aria-hidden": "true"
 				})
 			]
-		}), s === "segmented" ? /* @__PURE__ */ k("div", {
+		}), l === "segmented" ? /* @__PURE__ */ j("div", {
 			role: "group",
-			"aria-label": v ?? _.label,
-			"data-layout": s,
+			"aria-label": _ ?? g.label,
+			"data-layout": l,
 			className: "auth-method-switch--options grid min-w-0 grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-space-xs rounded-radius border border-border bg-muted p-space-xs",
 			children: w
-		}) : /* @__PURE__ */ k(d, {
+		}) : /* @__PURE__ */ j(d, {
 			columns: 1,
 			gap: "md",
 			role: "group",
-			"aria-label": v ?? _.label,
-			"data-layout": s,
-			className: r("auth-method-switch--options", s === "grid" && "@md/auth-method-switch:grid-cols-2"),
+			"aria-label": _ ?? g.label,
+			"data-layout": l,
+			className: r("auth-method-switch--options", l === "grid" && "@md/auth-method-switch:grid-cols-2"),
 			children: w
 		})]
 	});
 }
 //#endregion
-export { M as _, J as a, re as c, R as d, F as f, ne as g, P as h, X as i, z as l, N as m, Q as n, q as o, L as p, Y as r, K as s, ue as t, I as u };
+export { P as _, de as a, ae as c, B as d, L as f, re as g, I as h, fe as i, V as l, F as m, Q as n, Y as o, z as p, X as r, q as s, $ as t, R as u };
 
-//# sourceMappingURL=auth-B0girIk_.js.map
+//# sourceMappingURL=auth-g_oUTDDC.js.map