themelia-react-ui 2.0.0 → 2.0.1

package/dist/{auth-M3vGMgDR.js → auth-CYxKfo69.js}

@@ -1,84 +1,86 @@
 "use client";
-import { _ as e, s as t } from "./ui-provider-D2_TeLqw.js";
+import { s as e, v as t } from "./ui-provider-1D_NSYzO.js";
 import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-Cospvlj1.js";
-import { a as i, o as a, s as o } from "./typography-CAr3dQhX.js";
-import { n as s } from "./text.styles-g4He6UIW.js";
-import { i as c, t as l } from "./button-BS3KDg00.js";
-import { r as u, t as d } from "./structure-hzCW-XsV.js";
-import { a as f, l as p, s as m } from "./smart-card-Bek-TwUp.js";
-import { c as h, i as g, o as _, r as v, t as y, u as b } from "./item-xzh8Df65.js";
-import { d as x } from "./hooks-DQ5SPwZw.js";
-import { t as S } from "./container.recipes-D9t8MHR3.js";
-import * as C from "react";
-import { Fragment as w, isValidElement as T, useMemo as E } from "react";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { Globe2 as ee, KeyRound as A } from "lucide-react";
+import { t as r } from "./utils-l5LpDw2z.js";
+import { a as i, n as a } from "./buttons-SbIcm1HJ.js";
+import { a as o, o as s, s as c } from "./typography-DTRkE9zL.js";
+import { n as l } from "./text.styles-g4He6UIW.js";
+import { t as u } from "./focus-recipes-B653VaLq.js";
+import { r as d, t as f } from "./structure-DC2dygdA.js";
+import { a as p, l as m, s as h } from "./smart-card-lFKxn5Hu.js";
+import { t as g } from "./interaction-recipes-CHr0dJUs.js";
+import { c as _, i as v, o as y, r as b, t as x, u as S } from "./item-DEmDiTlD.js";
+import { d as C } from "./hooks-9k_TtmKh.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";
 //#region src/components/layout/auth/auth-card.tsx
-function j({ surface: e = "card", eyebrow: t, title: n, description: s, headerEnd: c, banner: l, media: u, footer: h, children: g, className: _, headerClassName: v, mediaClassName: y, contentClassName: b, footerClassName: x, ...S }) {
-	let C = !!(t || n || s || c);
-	return /* @__PURE__ */ k(p, {
+function ne({ 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, {
 		"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-radius border border-border/70 bg-card shadow-sm" : "border-0 bg-transparent shadow-none", _),
+		className: r("auth-card--component", "w-full min-w-0 gap-0 py-0", e === "card" ? "overflow-hidden rounded-radius border border-border bg-card shadow-sm" : "border-0 bg-transparent shadow-none", _),
 		...S,
 		children: [
-			!!u && /* @__PURE__ */ O("div", {
+			!!u && /* @__PURE__ */ k("div", {
 				className: r("auth-card--media", "min-h-12 border-b border-border/60 bg-muted/50", y),
 				children: u
 			}),
-			!!C && /* @__PURE__ */ O("header", {
+			!!C && /* @__PURE__ */ k("header", {
 				className: r("auth-card--header min-w-0", e === "card" ? "p-surface pb-0" : "p-0", v),
-				children: /* @__PURE__ */ k(d, {
+				children: /* @__PURE__ */ A(f, {
 					direction: "horizontal",
 					gap: "xl",
 					align: "start",
 					justify: "between",
 					className: "auth-card--header-layout min-w-0",
-					children: [/* @__PURE__ */ k(d, {
+					children: [/* @__PURE__ */ A(f, {
 						gap: "normal",
 						className: "min-w-0",
 						children: [
-							!!t && /* @__PURE__ */ O(i, {
+							!!t && /* @__PURE__ */ k(o, {
 								tag: "div",
 								className: "auth-card--eyebrow",
 								children: t
 							}),
-							!!n && /* @__PURE__ */ O(a, {
+							!!n && /* @__PURE__ */ k(s, {
 								tag: "h1",
 								containerClassName: "space-y-0",
 								className: "auth-card--title border-0 pb-0 text-base leading-tight",
 								children: n
 							}),
-							!!s && /* @__PURE__ */ O(o, {
+							!!i && /* @__PURE__ */ k(c, {
 								tag: "div",
 								type: "secondary",
 								lineHeight: "relaxed",
 								className: "auth-card--description max-w-prose",
-								children: s
+								children: i
 							})
 						]
-					}), !!c && /* @__PURE__ */ O("div", {
+					}), !!a && /* @__PURE__ */ k("div", {
 						className: "auth-card--header-end shrink-0",
-						children: c
+						children: a
 					})]
 				})
 			}),
-			/* @__PURE__ */ O(f, {
+			/* @__PURE__ */ k(p, {
 				padding: e === "card" ? "md" : "none",
 				className: r("auth-card--content", "min-w-0", b),
-				children: /* @__PURE__ */ k("div", {
+				children: /* @__PURE__ */ A("div", {
 					className: r("auth-card--body min-w-0", e === "bare" && "py-space-xl"),
-					children: [!!l && /* @__PURE__ */ O("div", {
+					children: [!!l && /* @__PURE__ */ k("div", {
 						className: "auth-card--banner mb-space-xl min-w-0",
 						children: l
 					}), g]
 				})
 			}),
-			!!h && /* @__PURE__ */ O(m, {
+			!!d && /* @__PURE__ */ k(h, {
 				padding: "md",
 				className: r("auth-card--footer", "min-w-0 flex-wrap border-t border-border/60", x),
-				children: h
+				children: d
 			})
 		]
 	});
@@ -86,17 +88,17 @@ function j({ surface: e = "card", eyebrow: t, title: n, description: s, headerEn
 //#endregion
 //#region src/components/layout/auth/auth-hooks.tsx
 function M(e) {
-	return !!(e && typeof e == "object" && !T(e) && ("logo" in e || "label" in e || "description" in e || "href" in e));
+	return !!(e && typeof e == "object" && !E(e) && ("logo" in e || "label" in e || "description" in e || "href" in e));
 }
 function N({ links: e = [], renderLink: t } = {}) {
-	let n = x({ renderLink: t });
+	let n = C({ renderLink: t });
 	return {
-		links: E(() => e.filter((e) => e.visible !== !1), [e]),
+		links: D(() => e.filter((e) => e.visible !== !1), [e]),
 		renderLink: n
 	};
 }
 function P({ 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 = x({ renderLink: u }), f = E(() => r.filter((e) => e.visible !== !1), [r]), p = E(() => i.filter((e) => e.visible !== !1), [i]), m = E(() => a.filter((e) => e.visible !== !1), [a]), h = E(() => c.filter((e) => e.visible !== !1), [c]), g = !!(t && (M(t) ? t.logo || t.label || t.description : t)), _ = !!(s || n || o || f.length > 0 || p.length > 0 || m.length > 0), v = !!l;
+	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 && (M(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,
@@ -112,28 +114,28 @@ function P({ variant: e = "card", brand: t, footer: n, footerLinks: r = [], poli
 }
 //#endregion
 //#region src/components/layout/auth/auth.strings.ts
-var te = {
+var F = {
 	socialDivider: "or continue with email",
 	socialProvidersLabel: "Social sign-in options",
 	footerLinksLabel: "Authentication links",
 	policyLinksLabel: "Policies",
 	languageLinksLabel: "Language options"
-}, F = { label: "Authentication links" }, I = { label: "Social sign-in options" }, L = {
+}, I = { label: "Authentication links" }, L = { label: "Social sign-in options" }, R = {
 	label: "Authentication method",
 	divider: "or"
 };
 //#endregion
 //#region src/components/layout/auth/auth-footer-links.tsx
-function R({ links: e, leadingIcon: t, separator: i = "·", renderLink: a, className: s, strings: c, ...l }) {
-	let u = n(F, c), { links: d, renderLink: f } = N({
+function z({ links: e, leadingIcon: t, separator: i = "·", renderLink: a, className: o, strings: s, ...l }) {
+	let u = n(I, s), { links: d, renderLink: f } = N({
 		links: e,
 		renderLink: a
 	});
-	return d.length === 0 ? null : /* @__PURE__ */ k("nav", {
+	return d.length === 0 ? null : /* @__PURE__ */ A("nav", {
 		"aria-label": l["aria-label"] ?? u.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),
+		className: r("auth-footer-links--component", "flex flex-wrap items-center justify-center gap-x-space-md gap-y-space-xs text-center", o),
 		...l,
-		children: [!!t && /* @__PURE__ */ O("span", {
+		children: [!!t && /* @__PURE__ */ k("span", {
 			className: "auth-footer-links--icon flex shrink-0 items-center text-muted-foreground",
 			"aria-hidden": "true",
 			children: t
@@ -146,14 +148,14 @@ function R({ links: e, leadingIcon: t, separator: i = "·", renderLink: a, class
 				disabled: e.disabled,
 				onClick: e.onClick,
 				className: r("auth-footer-links--item", "text-muted-foreground transition-colors hover:text-foreground", e.disabled && "pointer-events-none opacity-50"),
-				children: /* @__PURE__ */ O(o, {
+				children: /* @__PURE__ */ k(c, {
 					tag: "span",
 					size: "xs",
 					className: "text-inherit",
 					children: e.label
 				})
 			});
-			return /* @__PURE__ */ k(w, { children: [t > 0 && /* @__PURE__ */ O(o, {
+			return /* @__PURE__ */ A(ee, { children: [t > 0 && /* @__PURE__ */ k(c, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
@@ -166,104 +168,104 @@ function R({ links: e, leadingIcon: t, separator: i = "·", renderLink: a, class
 }
 //#endregion
 //#region src/components/layout/auth/auth-social-providers.tsx
-var ne = "auth-social-provider-button--component";
-function re() {
-	return /* @__PURE__ */ k("svg", {
+var B = "auth-social-provider-button--component";
+function V() {
+	return /* @__PURE__ */ A("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__ */ O("path", {
+			/* @__PURE__ */ k("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__ */ O("path", {
+			/* @__PURE__ */ k("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__ */ O("path", {
+			/* @__PURE__ */ k("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__ */ O("path", {
+			/* @__PURE__ */ k("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 ie() {
-	return /* @__PURE__ */ k("svg", {
+function H() {
+	return /* @__PURE__ */ A("svg", {
 		"data-artwork": "auth-provider-logo",
 		"aria-hidden": "true",
 		className: "size-icon",
 		viewBox: "0 0 23 23",
 		children: [
-			/* @__PURE__ */ O("path", {
+			/* @__PURE__ */ k("path", {
 				fill: "#f25022",
 				d: "M1 1h10v10H1z"
 			}),
-			/* @__PURE__ */ O("path", {
+			/* @__PURE__ */ k("path", {
 				fill: "#7fba00",
 				d: "M12 1h10v10H12z"
 			}),
-			/* @__PURE__ */ O("path", {
+			/* @__PURE__ */ k("path", {
 				fill: "#00a4ef",
 				d: "M1 12h10v10H1z"
 			}),
-			/* @__PURE__ */ O("path", {
+			/* @__PURE__ */ k("path", {
 				fill: "#ffb900",
 				d: "M12 12h10v10H12z"
 			})
 		]
 	});
 }
-function z() {
-	return /* @__PURE__ */ O("svg", {
+function U() {
+	return /* @__PURE__ */ k("svg", {
 		"data-artwork": "auth-provider-logo",
 		"aria-hidden": "true",
 		className: "size-icon",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
-		children: /* @__PURE__ */ O("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__ */ 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" })
 	});
 }
-function ae() {
-	return /* @__PURE__ */ O("svg", {
+function W() {
+	return /* @__PURE__ */ k("svg", {
 		"data-artwork": "auth-provider-logo",
 		"aria-hidden": "true",
 		className: "size-icon",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
-		children: /* @__PURE__ */ O("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__ */ 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" })
 	});
 }
-function B({ provider: e }) {
-	if (e.icon) return /* @__PURE__ */ O(D, { children: e.icon });
+function G({ provider: e }) {
+	if (e.icon) return /* @__PURE__ */ k(O, { children: e.icon });
 	switch (e.provider) {
-		case "google": return /* @__PURE__ */ O(re, {});
-		case "github": return /* @__PURE__ */ O(z, {});
-		case "microsoft": return /* @__PURE__ */ O(ie, {});
-		case "apple": return /* @__PURE__ */ O(ae, {});
-		default: return /* @__PURE__ */ O(A, {
+		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, {
 			className: "size-icon",
 			"aria-hidden": "true"
 		});
 	}
 }
-function V({ provider: n, renderLink: i, className: a }) {
-	let { defaultScale: s } = t(), u = e(void 0, s), d = x({ renderLink: i }), f = /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(B, { provider: n }), /* @__PURE__ */ O(o, {
+function K({ provider: n, renderLink: o, className: s }) {
+	let { defaultScale: l } = e(), u = t(void 0, l), d = C({ renderLink: o }), f = /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(G, { provider: n }), /* @__PURE__ */ k(c, {
 		tag: "span",
 		className: "text-inherit",
 		children: n.label
-	})] }), p = r(ne, c({
+	})] }), p = r(B, i({
 		size: u,
 		tone: "secondary",
 		buttonStyle: "outline",
 		fullWidth: !0
-	}), n.disabled && "pointer-events-none opacity-50", a);
+	}), n.disabled && "pointer-events-none opacity-50", s);
 	return n.href ? d({
 		href: n.href,
 		target: n.target,
@@ -273,20 +275,20 @@ function V({ provider: n, renderLink: i, className: a }) {
 		onClick: n.onClick,
 		className: p,
 		children: f
-	}) : /* @__PURE__ */ O(l, {
+	}) : /* @__PURE__ */ k(a, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "outline",
 		fullWidth: !0,
 		disabled: n.disabled,
-		className: r("auth-social-provider-button--component", a),
+		className: r("auth-social-provider-button--component", s),
 		onClick: (e) => n.onClick?.(e),
 		children: f
 	});
 }
-function H({ providers: e, layout: t = "stack", renderLink: i, className: a, strings: o, ...s }) {
-	let c = n(I, o), l = e?.filter((e) => e.visible !== !1) ?? [];
-	return l.length === 0 ? null : /* @__PURE__ */ O(u, {
+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, {
 		columns: t === "grid" ? {
 			base: 1,
 			sm: 2
@@ -297,7 +299,7 @@ function H({ providers: e, layout: t = "stack", renderLink: i, className: a, str
 		"data-layout": t,
 		className: r("auth-social-providers--component", a),
 		...s,
-		children: l.map((e) => /* @__PURE__ */ O(V, {
+		children: l.map((e) => /* @__PURE__ */ k(K, {
 			provider: e,
 			renderLink: i
 		}, e.id ?? String(e.label)))
@@ -305,45 +307,45 @@ function H({ providers: e, layout: t = "stack", renderLink: i, className: a, str
 }
 //#endregion
 //#region src/components/layout/auth/auth-split-panel.tsx
-var U = {
-	card: "border-border/70 bg-card",
-	muted: "border-border/60 bg-muted/40"
+var ie = {
+	card: "border-border bg-card",
+	muted: "border-border bg-muted/30"
 };
-function W({ eyebrow: e, title: t, description: n, media: s, features: c, footer: l, children: u, surface: f = "muted", className: p, contentClassName: m, ...x }) {
-	let S = !!(e || t || n), C = c?.filter((e) => e.title) ?? [];
-	return /* @__PURE__ */ O(d, {
-		render: /* @__PURE__ */ O("aside", {}),
+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", {}),
 		gap: "none",
 		justify: "between",
 		"data-slot": "auth-split-panel",
-		"data-surface": f,
-		className: r("auth-split-panel--component", "min-h-full w-full overflow-hidden border", U[f], p),
-		...x,
-		children: /* @__PURE__ */ k(d, {
+		"data-surface": d,
+		className: r("auth-split-panel--component", "min-h-full w-full overflow-hidden border", ie[d], p),
+		...h,
+		children: /* @__PURE__ */ A(f, {
 			gap: "2xl",
 			justify: "center",
 			className: r("auth-split-panel--content", "min-h-full p-surface md:p-surface-lg", m),
 			children: [
-				!!s && /* @__PURE__ */ O("div", {
-					className: "auth-split-panel--media overflow-hidden rounded-radius border border-border/60 bg-background/70",
-					children: s
+				!!i && /* @__PURE__ */ k("div", {
+					className: "auth-split-panel--media overflow-hidden rounded-radius border border-border/60 bg-card",
+					children: i
 				}),
-				!!S && /* @__PURE__ */ k(d, {
+				!!g && /* @__PURE__ */ A(f, {
 					gap: "md",
 					className: "auth-split-panel--intro max-w-xl",
 					children: [
-						!!e && /* @__PURE__ */ O(i, {
+						!!e && /* @__PURE__ */ k(o, {
 							tag: "div",
 							className: "auth-split-panel--eyebrow",
 							children: e
 						}),
-						!!t && /* @__PURE__ */ O(a, {
+						!!t && /* @__PURE__ */ k(s, {
 							tag: "h2",
 							containerClassName: "space-y-0",
 							className: "auth-split-panel--title border-0 pb-0 text-base leading-tight",
 							children: t
 						}),
-						!!n && /* @__PURE__ */ O(o, {
+						!!n && /* @__PURE__ */ k(c, {
 							tag: "div",
 							type: "secondary",
 							lineHeight: "relaxed",
@@ -352,18 +354,18 @@ function W({ eyebrow: e, title: t, description: n, media: s, features: c, footer
 						})
 					]
 				}),
-				C.length > 0 && /* @__PURE__ */ O(_, {
+				C.length > 0 && /* @__PURE__ */ k(y, {
 					className: "auth-split-panel--features",
-					children: C.map((e, t) => /* @__PURE__ */ k(y, {
+					children: C.map((e, t) => /* @__PURE__ */ A(x, {
 						variant: "muted",
-						className: "auth-split-panel--feature bg-background/70",
-						children: [!!e.icon && /* @__PURE__ */ O(h, {
+						className: "auth-split-panel--feature bg-card",
+						children: [!!e.icon && /* @__PURE__ */ k(_, {
 							variant: "icon",
 							className: "text-muted-foreground",
 							children: e.icon
-						}), /* @__PURE__ */ k(v, {
+						}), /* @__PURE__ */ A(b, {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ O(b, { children: e.title }), !!e.description && /* @__PURE__ */ O(g, {
+							children: [/* @__PURE__ */ k(S, { children: e.title }), !!e.description && /* @__PURE__ */ k(v, {
 								clamp: "none",
 								children: e.description
 							})]
@@ -371,7 +373,7 @@ function W({ eyebrow: e, title: t, description: n, media: s, features: c, footer
 					}, e.id ?? t))
 				}),
 				u,
-				!!l && /* @__PURE__ */ O("div", {
+				!!l && /* @__PURE__ */ k("div", {
 					className: "auth-split-panel--footer",
 					children: l
 				})
@@ -381,27 +383,27 @@ function W({ eyebrow: e, title: t, description: n, media: s, features: c, footer
 }
 //#endregion
 //#region src/components/layout/auth/auth-shell.tsx
-var oe = {
+var ae = {
 	sm: "max-w-sm",
 	md: "max-w-md",
 	lg: "max-w-lg"
 };
-function G(e) {
-	return !(!e || typeof e != "object" || T(e));
+function oe(e) {
+	return !(!e || typeof e != "object" || E(e));
 }
-function K(e) {
+function se(e) {
 	let t = !!(e.label || e.description);
-	return /* @__PURE__ */ k(D, { children: [!!e.logo && /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ A(O, { children: [!!e.logo && /* @__PURE__ */ k("div", {
 		className: "auth-shell--brand-logo shrink-0",
 		children: e.logo
-	}), !!t && /* @__PURE__ */ k("div", {
+	}), !!t && /* @__PURE__ */ A("div", {
 		className: "auth-shell--brand-text min-w-0",
-		children: [!!e.label && /* @__PURE__ */ O(o, {
+		children: [!!e.label && /* @__PURE__ */ k(c, {
 			tag: "div",
 			weight: "semibold",
 			className: "auth-shell--brand-label",
 			children: e.label
-		}), !!e.description && /* @__PURE__ */ O(o, {
+		}), !!e.description && /* @__PURE__ */ k(c, {
 			tag: "div",
 			size: "xs",
 			type: "secondary",
@@ -410,90 +412,90 @@ function K(e) {
 		})]
 	})] });
 }
-function se({ brand: e, renderLink: t }) {
+function ce({ brand: e, renderLink: t }) {
 	if (!e) return null;
-	if (!M(e)) return /* @__PURE__ */ O("div", {
+	if (!M(e)) return /* @__PURE__ */ k("div", {
 		className: "auth-shell--brand flex items-center justify-center",
 		children: e
 	});
-	let n = K(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 = 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");
 	return e.href ? t({
 		href: e.href,
 		"aria-label": e.ariaLabel,
 		className: i,
 		children: n
-	}) : /* @__PURE__ */ O("div", {
+	}) : /* @__PURE__ */ k("div", {
 		className: i,
 		children: n
 	});
 }
-function ce(e) {
-	return e ? T(e) ? e : G(e) ? /* @__PURE__ */ O(W, { ...e }) : null : null;
+function le(e) {
+	return e ? E(e) ? e : oe(e) ? /* @__PURE__ */ k(q, { ...e }) : null : null;
 }
-function q({ children: e, variant: t = "card", size: i = "md", align: a = "center", brand: s, eyebrow: c, title: l, description: u, headerEnd: f, banner: p, cardMedia: m, cardMediaClassName: h, cardFooter: g, postCard: _, footer: v, footerLinks: y, policyLinks: b, languageLinks: x, languageSwitcher: C, socialProviders: w, socialProvidersLayout: T = "stack", socialDivider: E, splitPanel: D, splitSide: A = "left", splitMobile: M = "hidden", renderLink: N, className: F, mainClassName: I, stackClassName: L, cardClassName: ne, cardContentClassName: re, splitGridClassName: ie, splitPanelClassName: z, footerClassName: ae, strings: B, ...V }) {
-	let U = n(te, B), { variant: W, hasBrand: G, hasAfterCard: K, hasSplitPanel: q, hasSocialProviders: J, renderLink: Y, footerLinks: X, policyLinks: Z, languageLinks: Q, socialProviders: le } = P({
+function J({ children: e, variant: t = "card", size: i = "md", align: a = "center", brand: o, eyebrow: s, 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: M, mainClassName: N, 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 } = P({
 		variant: t,
-		brand: s,
+		brand: o,
 		footer: v,
 		footerLinks: y,
 		policyLinks: b,
 		languageLinks: x,
-		languageSwitcher: C,
+		languageSwitcher: S,
 		postCard: _,
-		socialProviders: w,
-		splitPanel: D,
-		renderLink: N
-	}), ue = W === "split" && q, de = ce(D), $ = A === "left", fe = M === "stacked", pe = G ? se({
-		brand: s,
-		renderLink: Y
-	}) : null, me = /* @__PURE__ */ O(d, {
-		render: /* @__PURE__ */ O("main", {}),
+		socialProviders: C,
+		splitPanel: E,
+		renderLink: j
+	}), ue = K === "split" && oe, de = le(E), $ = D === "left", fe = O === "stacked", pe = ie ? ce({
+		brand: o,
+		renderLink: J
+	}) : null, me = /* @__PURE__ */ k(f, {
+		render: /* @__PURE__ */ k("main", {}),
 		gap: "none",
 		align: a === "start" ? "start" : "center",
 		justify: "center",
-		className: r("auth-shell--main", S({
+		className: r("auth-shell--main", w({
 			maxWidth: "full",
 			gutter: "md"
-		}), "min-h-svh py-surface-lg sm:px-surface-lg", I),
-		children: /* @__PURE__ */ k(d, {
+		}), "min-h-svh py-surface-lg sm:px-surface-lg", N),
+		children: /* @__PURE__ */ A(f, {
 			gap: "xl",
-			className: r("auth-shell--stack", "w-full", oe[i], L),
+			className: r("auth-shell--stack", "w-full", ae[i], I),
 			children: [
 				pe,
-				/* @__PURE__ */ k(j, {
-					surface: W === "bare" ? "bare" : "card",
-					eyebrow: c,
+				/* @__PURE__ */ A(ne, {
+					surface: K === "bare" ? "bare" : "card",
+					eyebrow: s,
 					title: l,
 					description: u,
-					headerEnd: f,
+					headerEnd: d,
 					banner: p,
 					media: m,
 					mediaClassName: h,
 					footer: g,
-					className: ne,
-					contentClassName: re,
-					children: [!!J && /* @__PURE__ */ k(d, {
+					className: L,
+					contentClassName: R,
+					children: [!!se && /* @__PURE__ */ A(f, {
 						gap: "xl",
 						className: "auth-shell--social mb-space-xl",
-						children: [/* @__PURE__ */ O(H, {
-							providers: le,
+						children: [/* @__PURE__ */ k(re, {
+							providers: Q,
 							layout: T,
-							renderLink: Y,
-							strings: { label: U.socialProvidersLabel }
-						}), /* @__PURE__ */ k("div", {
+							renderLink: J,
+							strings: { label: G.socialProvidersLabel }
+						}), /* @__PURE__ */ A("div", {
 							className: "auth-shell--social-divider flex items-center gap-space-lg",
 							children: [
-								/* @__PURE__ */ O("span", {
+								/* @__PURE__ */ k("span", {
 									className: "h-px min-w-0 flex-1 bg-border",
 									"aria-hidden": "true"
 								}),
-								/* @__PURE__ */ O(o, {
+								/* @__PURE__ */ k(c, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
-									children: E ?? U.socialDivider
+									children: ee ?? G.socialDivider
 								}),
-								/* @__PURE__ */ O("span", {
+								/* @__PURE__ */ k("span", {
 									className: "h-px min-w-0 flex-1 bg-border",
 									"aria-hidden": "true"
 								})
@@ -501,39 +503,39 @@ function q({ children: e, variant: t = "card", size: i = "md", align: a = "cente
 						})]
 					}), e]
 				}),
-				!!K && /* @__PURE__ */ k(d, {
+				!!q && /* @__PURE__ */ A(f, {
 					gap: "lg",
 					align: "center",
-					className: r("auth-shell--after-card", "text-center", ae),
+					className: r("auth-shell--after-card", "text-center", H),
 					children: [
-						!!_ && /* @__PURE__ */ O("div", {
+						!!_ && /* @__PURE__ */ k("div", {
 							className: "auth-shell--post-card",
 							children: _
 						}),
-						!!C && /* @__PURE__ */ O("div", {
+						!!S && /* @__PURE__ */ k("div", {
 							className: "auth-shell--language-switcher",
-							children: C
+							children: S
 						}),
-						Q.length > 0 && /* @__PURE__ */ O(R, {
+						Z.length > 0 && /* @__PURE__ */ k(z, {
 							className: "auth-shell--language-links",
-							links: Q,
-							leadingIcon: /* @__PURE__ */ O(ee, { className: "size-icon-md" }),
-							renderLink: Y,
-							strings: { label: U.languageLinksLabel }
+							links: Z,
+							leadingIcon: /* @__PURE__ */ k(te, { className: "size-icon-md" }),
+							renderLink: J,
+							strings: { label: G.languageLinksLabel }
 						}),
-						X.length > 0 && /* @__PURE__ */ O(R, {
+						Y.length > 0 && /* @__PURE__ */ k(z, {
 							className: "auth-shell--footer-links",
-							links: X,
-							renderLink: Y,
-							strings: { label: U.footerLinksLabel }
+							links: Y,
+							renderLink: J,
+							strings: { label: G.footerLinksLabel }
 						}),
-						Z.length > 0 && /* @__PURE__ */ O(R, {
+						X.length > 0 && /* @__PURE__ */ k(z, {
 							className: "auth-shell--policy-links",
-							links: Z,
-							renderLink: Y,
-							strings: { label: U.policyLinksLabel }
+							links: X,
+							renderLink: J,
+							strings: { label: G.policyLinksLabel }
 						}),
-						!!v && /* @__PURE__ */ O("div", {
+						!!v && /* @__PURE__ */ k("div", {
 							className: "auth-shell--footer",
 							children: v
 						})
@@ -542,41 +544,41 @@ function q({ children: e, variant: t = "card", size: i = "md", align: a = "cente
 			]
 		})
 	});
-	return ue ? /* @__PURE__ */ O("div", {
+	return ue ? /* @__PURE__ */ k("div", {
 		"data-slot": "auth-shell",
 		"data-variant": "split",
-		"data-split-side": A,
-		"data-split-mobile": M,
-		className: r("auth-shell--component", "@container/auth-shell min-h-svh bg-background text-foreground", F),
-		...V,
-		children: /* @__PURE__ */ k("div", {
-			className: r("auth-shell--split-grid min-h-svh @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)]", ie),
+		"data-split-side": D,
+		"data-split-mobile": O,
+		className: r("auth-shell--component", "@container/auth-shell min-h-svh bg-background text-foreground", M),
+		...W,
+		children: /* @__PURE__ */ A("div", {
+			className: r("auth-shell--split-grid min-h-svh @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__ */ O("div", {
-					className: r("auth-shell--split-panel", fe ? "block" : "hidden @5xl/auth-shell:block", z),
+				!!$ && /* @__PURE__ */ k("div", {
+					className: r("auth-shell--split-panel", fe ? "block" : "hidden @5xl/auth-shell:block", V),
 					children: de
 				}),
 				me,
-				!$ && /* @__PURE__ */ O("div", {
-					className: r("auth-shell--split-panel", fe ? "block" : "hidden @5xl/auth-shell:block", z),
+				!$ && /* @__PURE__ */ k("div", {
+					className: r("auth-shell--split-panel", fe ? "block" : "hidden @5xl/auth-shell:block", V),
 					children: de
 				})
 			]
 		})
-	}) : /* @__PURE__ */ O("div", {
+	}) : /* @__PURE__ */ k("div", {
 		"data-slot": "auth-shell",
-		"data-variant": W === "bare" ? "bare" : "card",
-		className: r("auth-shell--component", "@container/auth-shell min-h-svh bg-background text-foreground", F),
-		...V,
+		"data-variant": K === "bare" ? "bare" : "card",
+		className: r("auth-shell--component", "@container/auth-shell min-h-svh bg-background text-foreground", M),
+		...W,
 		children: me
 	});
 }
 //#endregion
 //#region src/components/layout/auth/auth-form.tsx
-function J({ className: e, ...t }) {
+function Y({ className: e, ...t }) {
 	let { children: n, ...i } = t;
-	return /* @__PURE__ */ O(u, {
-		render: (e) => /* @__PURE__ */ O("form", {
+	return /* @__PURE__ */ k(d, {
+		render: (e) => /* @__PURE__ */ k("form", {
 			...i,
 			...e
 		}),
@@ -587,8 +589,8 @@ function J({ className: e, ...t }) {
 		children: n
 	});
 }
-function Y({ className: e, ...t }) {
-	return /* @__PURE__ */ O("div", {
+function X({ className: e, ...t }) {
+	return /* @__PURE__ */ k("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
@@ -596,11 +598,11 @@ function Y({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/layout/auth/auth-method-switch.tsx
-function X(e) {
+function Z(e) {
 	return e.find((e) => !e.disabled);
 }
-function Z({ options: e = [], value: t, defaultValue: n, onValueChange: r } = {}) {
-	let i = C.useMemo(() => e.filter((e) => e.visible !== !1), [e]), a = n ?? X(i)?.id, [o, s] = C.useState(a), c = t !== void 0, l = c ? t : o, u = i.find((e) => e.id === l), d = C.useCallback((e) => {
+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 t = i.find((t) => t.id === e);
 		t && !t.disabled && (c || s(e), r?.(e, t));
 	}, [
@@ -608,8 +610,8 @@ function Z({ options: e = [], value: t, defaultValue: n, onValueChange: r } = {}
 		r,
 		i
 	]);
-	return C.useEffect(() => {
-		c || u || i.length === 0 || s(X(i)?.id);
+	return T.useEffect(() => {
+		c || u || i.length === 0 || s(Z(i)?.id);
 	}, [
 		c,
 		u,
@@ -621,52 +623,52 @@ function Z({ options: e = [], value: t, defaultValue: n, onValueChange: r } = {}
 		setValue: d
 	};
 }
-function Q({ options: e = [], value: t, defaultValue: i, onValueChange: a, layout: c = "stack", divider: l, className: f, strings: p, ...m }) {
-	let h = n(L, p), { "aria-label": g, ..._ } = m, { value: v, options: y, setValue: b } = Z({
+function ue({ options: e = [], value: t, defaultValue: i, onValueChange: a, layout: o = "stack", divider: s, className: p, strings: m, ...h }) {
+	let _ = n(R, m), { "aria-label": v, ...y } = h, { value: b, options: x, setValue: S } = Q({
 		options: e,
 		value: t,
 		defaultValue: i,
 		onValueChange: a
 	});
-	if (y.length === 0) return null;
-	let x = c === "segmented", S = y.map((e) => {
-		let t = e.id === v, n = /* @__PURE__ */ k(D, { children: [!!e.icon && /* @__PURE__ */ O("span", {
+	if (x.length === 0) return null;
+	let C = o === "segmented", w = x.map((e) => {
+		let t = e.id === b, n = /* @__PURE__ */ A(O, { children: [!!e.icon && /* @__PURE__ */ k("span", {
 			className: "auth-method-switch--option-icon shrink-0",
 			"aria-hidden": "true",
 			children: e.icon
-		}), /* @__PURE__ */ k(d, {
-			render: /* @__PURE__ */ O("span", {}),
+		}), /* @__PURE__ */ A(f, {
+			render: /* @__PURE__ */ k("span", {}),
 			gap: "dense",
 			className: "auth-method-switch--option-copy w-full",
-			children: [/* @__PURE__ */ O(o, {
+			children: [/* @__PURE__ */ k(c, {
 				tag: "span",
 				weight: "semibold",
-				className: r("max-w-full whitespace-normal break-words text-inherit leading-tight", x ? "text-center min-[480px]:truncate min-[480px]:text-start" : "text-start"),
+				className: r("max-w-full whitespace-normal break-words text-inherit leading-tight", C ? "text-center min-[480px]:truncate min-[480px]:text-start" : "text-start"),
 				children: e.label
-			}), !!e.description && /* @__PURE__ */ O(o, {
+			}), !!e.description && /* @__PURE__ */ k(c, {
 				tag: "span",
 				size: "xs",
-				className: r("whitespace-normal break-words", x ? "hidden min-[480px]:block min-[480px]:truncate" : "text-start leading-snug", t ? "text-inherit opacity-75" : "text-muted-foreground"),
+				className: r("whitespace-normal break-words", C ? "hidden min-[480px]:block min-[480px]:truncate" : "text-start leading-snug", t ? "text-inherit opacity-75" : "text-muted-foreground"),
 				children: e.description
 			})]
 		})] });
-		return /* @__PURE__ */ O("button", {
+		return /* @__PURE__ */ k("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-inner border px-control py-row-y-lg text-start outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", s({
+			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-inner 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({
 				type: null,
 				size: "sm",
 				weight: "medium",
 				align: null,
 				lineHeight: "none"
-			}), t ? "border-transparent bg-foreground text-background" : x ? "border-transparent bg-transparent text-foreground hover:bg-accent" : "border-input bg-background text-foreground hover:bg-accent", x && "min-h-action justify-center border-0 px-control-sm py-row-y text-center shadow-none min-[480px]:px-control min-[480px]:text-start", t && "auth-method-switch--option-selected"),
-			onClick: () => b(e.id),
-			children: x ? /* @__PURE__ */ O("span", {
+			}), t ? "border-transparent bg-primary text-primary-foreground" : C ? `border-transparent bg-transparent text-foreground ${g.rowHover}` : `border-input bg-background text-foreground ${g.rowHover}`, C && "min-h-action justify-center border-0 px-control-sm py-row-y text-center shadow-none min-[480px]:px-control min-[480px]:text-start", t && "auth-method-switch--option-selected"),
+			onClick: () => S(e.id),
+			children: C ? /* @__PURE__ */ k("span", {
 				className: "auth-method-switch--option-inner flex w-full flex-col justify-center gap-space-xs min-[480px]:w-auto min-[480px]:flex-row min-[480px]:justify-start min-[480px]:gap-space-md",
 				children: n
-			}) : /* @__PURE__ */ O(d, {
-				render: /* @__PURE__ */ O("span", {}),
+			}) : /* @__PURE__ */ k(f, {
+				render: /* @__PURE__ */ k("span", {}),
 				direction: "horizontal",
 				gap: "md",
 				wrap: !1,
@@ -675,49 +677,49 @@ function Q({ options: e = [], value: t, defaultValue: i, onValueChange: a, layou
 			})
 		}, e.id);
 	});
-	return /* @__PURE__ */ k(d, {
+	return /* @__PURE__ */ A(f, {
 		gap: "lg",
-		className: r("auth-method-switch--component", f),
-		..._,
-		children: [l !== null && l !== !1 && /* @__PURE__ */ k("div", {
+		className: r("auth-method-switch--component", p),
+		...y,
+		children: [s !== null && s !== !1 && /* @__PURE__ */ A("div", {
 			className: "auth-method-switch--divider flex items-center gap-space-lg",
 			children: [
-				/* @__PURE__ */ O("span", {
+				/* @__PURE__ */ k("span", {
 					className: "h-px min-w-0 flex-1 bg-border",
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ O(o, {
+				/* @__PURE__ */ k(c, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: l ?? h.divider
+					children: s ?? _.divider
 				}),
-				/* @__PURE__ */ O("span", {
+				/* @__PURE__ */ k("span", {
 					className: "h-px min-w-0 flex-1 bg-border",
 					"aria-hidden": "true"
 				})
 			]
-		}), c === "segmented" ? /* @__PURE__ */ O("div", {
+		}), o === "segmented" ? /* @__PURE__ */ k("div", {
 			role: "group",
-			"aria-label": g ?? h.label,
-			"data-layout": c,
-			className: "auth-method-switch--options grid min-w-0 grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-space-xs rounded-inner border border-border bg-muted/40 p-space-xs",
-			children: S
-		}) : /* @__PURE__ */ O(u, {
-			columns: c === "grid" ? {
+			"aria-label": v ?? _.label,
+			"data-layout": o,
+			className: "auth-method-switch--options grid min-w-0 grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-space-xs rounded-inner border border-border bg-muted p-space-xs",
+			children: w
+		}) : /* @__PURE__ */ k(d, {
+			columns: o === "grid" ? {
 				base: 1,
 				sm: 2
 			} : 1,
 			gap: "md",
 			role: "group",
-			"aria-label": g ?? h.label,
-			"data-layout": c,
+			"aria-label": v ?? _.label,
+			"data-layout": o,
 			className: "auth-method-switch--options",
-			children: S
+			children: w
 		})]
 	});
 }
 //#endregion
-export { j as _, q as a, H as c, L as d, te as f, P as g, N as h, Y as i, R as l, M as m, Z as n, W as o, I as p, J as r, V as s, Q as t, F as u };
+export { ne as _, J as a, re as c, R as d, F as f, P as g, N as h, X as i, z as l, M as m, Q as n, q as o, L as p, Y as r, K as s, ue as t, I as u };
 
-//# sourceMappingURL=auth-M3vGMgDR.js.map
+//# sourceMappingURL=auth-CYxKfo69.js.map