themelia-react-ui 1.0.0 → 1.0.2

package/dist/auth-BDB1V_2q.js

@@ -1,704 +0,0 @@
-"use client";
-import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-C2EKeIw3.js";
-import { n } from "./buttons-Co6GavvM.js";
-import { a as r, i, r as a } from "./typography-Cv8MT-82.js";
-import { r as o, t as s } from "./structure-BvW4vG4H.js";
-import { c, i as l, o as u } from "./smart-card-B5FcKODh.js";
-import { c as d, i as f, o as p, r as m, t as h, u as g } from "./item-pJ0GsOiJ.js";
-import { d as _ } from "./hooks-D6UBVzf2.js";
-import * as v from "react";
-import { Fragment as y, isValidElement as b, useMemo as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Globe2 as T, KeyRound as E } from "lucide-react";
-//#region src/components/layout/auth/auth-card.tsx
-function ee({ surface: e = "card", eyebrow: n, title: o, description: d, headerEnd: f, banner: p, media: m, footer: h, children: g, className: _, headerClassName: v, mediaClassName: y, contentClassName: b, footerClassName: x, ...S }) {
-	let T = !!(n || o || d || f);
-	return /* @__PURE__ */ w(c, {
-		"data-slot": "auth-card",
-		"data-surface": e,
-		className: t("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", _),
-		...S,
-		children: [
-			!!m && /* @__PURE__ */ C("div", {
-				className: t("auth-card--media", "min-h-12 border-b border-border/60 bg-muted/50", y),
-				children: m
-			}),
-			!!T && /* @__PURE__ */ C("header", {
-				className: t("auth-card--header min-w-0", e === "card" ? "p-surface pb-0" : "p-0", v),
-				children: /* @__PURE__ */ w(s, {
-					direction: "horizontal",
-					gap: "xl",
-					align: "start",
-					justify: "between",
-					className: "auth-card--header-layout min-w-0",
-					children: [/* @__PURE__ */ w(s, {
-						gap: "normal",
-						className: "min-w-0",
-						children: [
-							!!n && /* @__PURE__ */ C(a, {
-								tag: "div",
-								className: "auth-card--eyebrow",
-								children: n
-							}),
-							!!o && /* @__PURE__ */ C(i, {
-								tag: "h1",
-								containerClassName: "space-y-0",
-								className: "auth-card--title border-0 pb-0 text-base leading-tight",
-								children: o
-							}),
-							!!d && /* @__PURE__ */ C(r, {
-								tag: "div",
-								type: "secondary",
-								lineHeight: "relaxed",
-								className: "auth-card--description max-w-prose",
-								children: d
-							})
-						]
-					}), !!f && /* @__PURE__ */ C("div", {
-						className: "auth-card--header-end shrink-0",
-						children: f
-					})]
-				})
-			}),
-			/* @__PURE__ */ w(l, {
-				className: t("auth-card--content", "min-w-0", e === "card" ? "p-surface" : "px-0 py-space-xl", b),
-				children: [!!p && /* @__PURE__ */ C("div", {
-					className: "auth-card--banner mb-5 min-w-0",
-					children: p
-				}), g]
-			}),
-			!!h && /* @__PURE__ */ C(u, {
-				className: t("auth-card--footer", "min-w-0 flex-wrap border-t border-border/60 p-surface", x),
-				children: h
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/layout/auth/auth-hooks.tsx
-function D(e) {
-	return !!(e && typeof e == "object" && !b(e) && ("logo" in e || "label" in e || "description" in e || "href" in e));
-}
-function O({ links: e = [], renderLink: t } = {}) {
-	let n = _({ renderLink: t });
-	return {
-		links: x(() => e.filter((e) => e.visible !== !1), [e]),
-		renderLink: n
-	};
-}
-function k({ 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 = _({ renderLink: u }), f = x(() => r.filter((e) => e.visible !== !1), [r]), p = x(() => i.filter((e) => e.visible !== !1), [i]), m = x(() => a.filter((e) => e.visible !== !1), [a]), h = x(() => c.filter((e) => e.visible !== !1), [c]), g = !!(t && (D(t) ? t.logo || t.label || t.description : t)), v = !!(s || n || o || f.length > 0 || p.length > 0 || m.length > 0), y = !!l;
-	return {
-		variant: e === "split" && !y ? "card" : e,
-		hasBrand: g,
-		hasAfterCard: v,
-		hasSplitPanel: y,
-		hasSocialProviders: h.length > 0,
-		renderLink: d,
-		footerLinks: f,
-		policyLinks: p,
-		languageLinks: m,
-		socialProviders: h
-	};
-}
-//#endregion
-//#region src/components/layout/auth/auth.strings.ts
-var A = {
-	socialDivider: "or continue with email",
-	socialProvidersLabel: "Social sign-in options",
-	footerLinksLabel: "Authentication links",
-	policyLinksLabel: "Policies",
-	languageLinksLabel: "Language options"
-}, j = { label: "Authentication links" }, M = { label: "Social sign-in options" }, N = {
-	label: "Authentication method",
-	divider: "or"
-};
-//#endregion
-//#region src/components/layout/auth/auth-footer-links.tsx
-function P({ links: n, leadingIcon: i, separator: a = "·", renderLink: o, className: s, strings: c, ...l }) {
-	let u = e(j, c), { links: d, renderLink: f } = O({
-		links: n,
-		renderLink: o
-	});
-	return d.length === 0 ? null : /* @__PURE__ */ w("nav", {
-		"aria-label": l["aria-label"] ?? u.label,
-		className: t("auth-footer-links--component", "flex flex-wrap items-center justify-center gap-x-space-md gap-y-space-xs text-center", s),
-		...l,
-		children: [!!i && /* @__PURE__ */ C("span", {
-			className: "auth-footer-links--icon flex shrink-0 items-center text-muted-foreground",
-			"aria-hidden": "true",
-			children: i
-		}), d.map((e, n) => {
-			let i = f({
-				href: e.href,
-				target: e.target,
-				rel: e.rel,
-				external: e.external,
-				disabled: e.disabled,
-				onClick: e.onClick,
-				className: t("auth-footer-links--item", "text-muted-foreground transition-colors hover:text-foreground", e.disabled && "pointer-events-none opacity-50"),
-				children: /* @__PURE__ */ C(r, {
-					tag: "span",
-					size: "xs",
-					className: "text-inherit",
-					children: e.label
-				})
-			});
-			return /* @__PURE__ */ w(y, { children: [n > 0 && /* @__PURE__ */ C(r, {
-				tag: "span",
-				size: "xs",
-				type: "secondary",
-				"aria-hidden": "true",
-				className: "auth-footer-links--separator",
-				children: a
-			}), i] }, e.id ?? n);
-		})]
-	});
-}
-//#endregion
-//#region src/components/layout/auth/auth-social-providers.tsx
-var F = "auth-social-provider-button--component inline-flex h-action w-full items-center justify-center gap-space-md rounded-radius border border-input bg-background px-control text-pxs font-medium text-foreground shadow-xs transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50";
-function I() {
-	return /* @__PURE__ */ w("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__ */ C("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__ */ C("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__ */ C("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__ */ C("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 L() {
-	return /* @__PURE__ */ w("svg", {
-		"data-artwork": "auth-provider-logo",
-		"aria-hidden": "true",
-		className: "size-icon",
-		viewBox: "0 0 23 23",
-		children: [
-			/* @__PURE__ */ C("path", {
-				fill: "#f25022",
-				d: "M1 1h10v10H1z"
-			}),
-			/* @__PURE__ */ C("path", {
-				fill: "#7fba00",
-				d: "M12 1h10v10H12z"
-			}),
-			/* @__PURE__ */ C("path", {
-				fill: "#00a4ef",
-				d: "M1 12h10v10H1z"
-			}),
-			/* @__PURE__ */ C("path", {
-				fill: "#ffb900",
-				d: "M12 12h10v10H12z"
-			})
-		]
-	});
-}
-function R() {
-	return /* @__PURE__ */ C("svg", {
-		"data-artwork": "auth-provider-logo",
-		"aria-hidden": "true",
-		className: "size-icon",
-		viewBox: "0 0 24 24",
-		fill: "currentColor",
-		children: /* @__PURE__ */ C("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 z() {
-	return /* @__PURE__ */ C("svg", {
-		"data-artwork": "auth-provider-logo",
-		"aria-hidden": "true",
-		className: "size-icon",
-		viewBox: "0 0 24 24",
-		fill: "currentColor",
-		children: /* @__PURE__ */ C("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 te({ provider: e }) {
-	if (e.icon) return /* @__PURE__ */ C(S, { children: e.icon });
-	switch (e.provider) {
-		case "google": return /* @__PURE__ */ C(I, {});
-		case "github": return /* @__PURE__ */ C(R, {});
-		case "microsoft": return /* @__PURE__ */ C(L, {});
-		case "apple": return /* @__PURE__ */ C(z, {});
-		default: return /* @__PURE__ */ C(E, {
-			className: "size-icon",
-			"aria-hidden": "true"
-		});
-	}
-}
-function B({ provider: e, renderLink: i, className: a }) {
-	let o = _({ renderLink: i }), s = /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(te, { provider: e }), /* @__PURE__ */ C(r, {
-		tag: "span",
-		className: "text-inherit",
-		children: e.label
-	})] }), c = t(F, e.disabled && "pointer-events-none opacity-50", a);
-	return e.href ? o({
-		href: e.href,
-		target: e.target,
-		rel: e.rel,
-		external: e.external,
-		disabled: e.disabled,
-		onClick: e.onClick,
-		className: c,
-		children: s
-	}) : /* @__PURE__ */ C(n, {
-		type: "button",
-		tone: "secondary",
-		buttonStyle: "outline",
-		fullWidth: !0,
-		disabled: e.disabled,
-		className: t("auth-social-provider-button--component", a),
-		onClick: (t) => e.onClick?.(t),
-		children: s
-	});
-}
-function ne({ providers: n, layout: r = "stack", renderLink: i, className: a, strings: s, ...c }) {
-	let l = e(M, s), u = n?.filter((e) => e.visible !== !1) ?? [];
-	return u.length === 0 ? null : /* @__PURE__ */ C(o, {
-		columns: r === "grid" ? {
-			base: 1,
-			sm: 2
-		} : 1,
-		gap: "md",
-		role: "group",
-		"aria-label": c["aria-label"] ?? l.label,
-		"data-layout": r,
-		className: t("auth-social-providers--component", a),
-		...c,
-		children: u.map((e) => /* @__PURE__ */ C(B, {
-			provider: e,
-			renderLink: i
-		}, e.id ?? String(e.label)))
-	});
-}
-//#endregion
-//#region src/components/layout/auth/auth-split-panel.tsx
-var V = {
-	card: "border-border/70 bg-card",
-	muted: "border-border/60 bg-muted/40"
-};
-function H({ eyebrow: e, title: n, description: o, media: c, features: l, footer: u, children: _, surface: v = "muted", className: y, contentClassName: b, ...x }) {
-	let S = !!(e || n || o), T = l?.filter((e) => e.title) ?? [];
-	return /* @__PURE__ */ C(s, {
-		render: /* @__PURE__ */ C("aside", {}),
-		gap: "none",
-		justify: "between",
-		"data-slot": "auth-split-panel",
-		"data-surface": v,
-		className: t("auth-split-panel--component", "min-h-full w-full overflow-hidden border", V[v], y),
-		...x,
-		children: /* @__PURE__ */ w(s, {
-			gap: "2xl",
-			justify: "center",
-			className: t("auth-split-panel--content", "min-h-full p-6 md:p-8 lg:p-10", b),
-			children: [
-				!!c && /* @__PURE__ */ C("div", {
-					className: "auth-split-panel--media overflow-hidden rounded-radius border border-border/60 bg-background/70",
-					children: c
-				}),
-				!!S && /* @__PURE__ */ w(s, {
-					gap: "md",
-					className: "auth-split-panel--intro max-w-xl",
-					children: [
-						!!e && /* @__PURE__ */ C(a, {
-							tag: "div",
-							className: "auth-split-panel--eyebrow",
-							children: e
-						}),
-						!!n && /* @__PURE__ */ C(i, {
-							tag: "h2",
-							containerClassName: "space-y-0",
-							className: "auth-split-panel--title border-0 pb-0 text-base leading-tight",
-							children: n
-						}),
-						!!o && /* @__PURE__ */ C(r, {
-							tag: "div",
-							type: "secondary",
-							lineHeight: "relaxed",
-							className: "auth-split-panel--description max-w-prose",
-							children: o
-						})
-					]
-				}),
-				T.length > 0 && /* @__PURE__ */ C(p, {
-					className: "auth-split-panel--features",
-					children: T.map((e, t) => /* @__PURE__ */ w(h, {
-						variant: "muted",
-						className: "auth-split-panel--feature bg-background/70",
-						children: [!!e.icon && /* @__PURE__ */ C(d, {
-							variant: "icon",
-							className: "text-muted-foreground",
-							children: e.icon
-						}), /* @__PURE__ */ w(m, {
-							className: "min-w-0 sm:min-w-48",
-							children: [/* @__PURE__ */ C(g, { children: e.title }), !!e.description && /* @__PURE__ */ C(f, {
-								clamp: "none",
-								children: e.description
-							})]
-						})]
-					}, e.id ?? t))
-				}),
-				_,
-				!!u && /* @__PURE__ */ C("div", {
-					className: "auth-split-panel--footer",
-					children: u
-				})
-			]
-		})
-	});
-}
-//#endregion
-//#region src/components/layout/auth/auth-shell.tsx
-var re = {
-	sm: "max-w-sm",
-	md: "max-w-md",
-	lg: "max-w-lg"
-};
-function U(e) {
-	return !(!e || typeof e != "object" || b(e));
-}
-function W(e) {
-	let t = !!(e.label || e.description);
-	return /* @__PURE__ */ w(S, { children: [!!e.logo && /* @__PURE__ */ C("div", {
-		className: "auth-shell--brand-logo shrink-0",
-		children: e.logo
-	}), !!t && /* @__PURE__ */ w("div", {
-		className: "auth-shell--brand-text min-w-0",
-		children: [!!e.label && /* @__PURE__ */ C(r, {
-			tag: "div",
-			weight: "semibold",
-			className: "auth-shell--brand-label",
-			children: e.label
-		}), !!e.description && /* @__PURE__ */ C(r, {
-			tag: "div",
-			size: "xs",
-			type: "secondary",
-			className: "auth-shell--brand-description",
-			children: e.description
-		})]
-	})] });
-}
-function ie({ brand: e, renderLink: n }) {
-	if (!e) return null;
-	if (!D(e)) return /* @__PURE__ */ C("div", {
-		className: "auth-shell--brand flex items-center justify-center",
-		children: e
-	});
-	let r = W(e), i = t("auth-shell--brand", "inline-flex items-center justify-center gap-2.5 self-center rounded-radius-md text-foreground", e.href && "transition-opacity hover:opacity-80");
-	return e.href ? n({
-		href: e.href,
-		"aria-label": e.ariaLabel,
-		className: i,
-		children: r
-	}) : /* @__PURE__ */ C("div", {
-		className: i,
-		children: r
-	});
-}
-function ae(e) {
-	return e ? b(e) ? e : U(e) ? /* @__PURE__ */ C(H, { ...e }) : null : null;
-}
-function G({ children: n, variant: i = "card", size: a = "md", align: o = "center", brand: c, eyebrow: l, title: u, description: d, headerEnd: f, banner: p, cardMedia: m, cardMediaClassName: h, cardFooter: g, postCard: _, footer: v, footerLinks: y, policyLinks: b, languageLinks: x, languageSwitcher: S, socialProviders: E, socialProvidersLayout: D = "stack", socialDivider: O, splitPanel: j, splitSide: M = "left", splitMobile: N = "hidden", renderLink: F, className: I, mainClassName: L, stackClassName: R, cardClassName: z, cardContentClassName: te, splitGridClassName: B, splitPanelClassName: V, footerClassName: H, strings: U, ...W }) {
-	let G = e(A, U), { variant: K, hasBrand: q, hasAfterCard: J, hasSplitPanel: Y, hasSocialProviders: X, renderLink: Z, footerLinks: oe, policyLinks: se, languageLinks: Q, socialProviders: ce } = k({
-		variant: i,
-		brand: c,
-		footer: v,
-		footerLinks: y,
-		policyLinks: b,
-		languageLinks: x,
-		languageSwitcher: S,
-		postCard: _,
-		socialProviders: E,
-		splitPanel: j,
-		renderLink: F
-	}), le = K === "split" && Y, ue = ae(j), $ = M === "left", de = N === "stacked", fe = q ? ie({
-		brand: c,
-		renderLink: Z
-	}) : null, pe = /* @__PURE__ */ C(s, {
-		render: /* @__PURE__ */ C("main", {}),
-		gap: "none",
-		align: o === "start" ? "start" : "center",
-		justify: "center",
-		className: t("auth-shell--main", "min-h-svh w-full px-4 py-8 sm:px-6 md:px-8", o === "start" && "pt-12", le && "lg:min-h-svh", L),
-		children: /* @__PURE__ */ w(s, {
-			gap: "xl",
-			className: t("auth-shell--stack", "w-full", re[a], R),
-			children: [
-				fe,
-				/* @__PURE__ */ w(ee, {
-					surface: K === "bare" ? "bare" : "card",
-					eyebrow: l,
-					title: u,
-					description: d,
-					headerEnd: f,
-					banner: p,
-					media: m,
-					mediaClassName: h,
-					footer: g,
-					className: z,
-					contentClassName: te,
-					children: [!!X && /* @__PURE__ */ w(s, {
-						gap: "xl",
-						className: "auth-shell--social mb-space-xl",
-						children: [/* @__PURE__ */ C(ne, {
-							providers: ce,
-							layout: D,
-							renderLink: Z,
-							strings: { label: G.socialProvidersLabel }
-						}), /* @__PURE__ */ w("div", {
-							className: "auth-shell--social-divider flex items-center gap-space-lg",
-							children: [
-								/* @__PURE__ */ C("span", {
-									className: "h-px min-w-0 flex-1 bg-border",
-									"aria-hidden": "true"
-								}),
-								/* @__PURE__ */ C(r, {
-									tag: "span",
-									size: "xs",
-									type: "secondary",
-									children: O ?? G.socialDivider
-								}),
-								/* @__PURE__ */ C("span", {
-									className: "h-px min-w-0 flex-1 bg-border",
-									"aria-hidden": "true"
-								})
-							]
-						})]
-					}), n]
-				}),
-				!!J && /* @__PURE__ */ w(s, {
-					gap: "lg",
-					align: "center",
-					className: t("auth-shell--after-card", "text-center", H),
-					children: [
-						!!_ && /* @__PURE__ */ C("div", {
-							className: "auth-shell--post-card",
-							children: _
-						}),
-						!!S && /* @__PURE__ */ C("div", {
-							className: "auth-shell--language-switcher",
-							children: S
-						}),
-						Q.length > 0 && /* @__PURE__ */ C(P, {
-							className: "auth-shell--language-links",
-							links: Q,
-							leadingIcon: /* @__PURE__ */ C(T, { className: "size-icon-md" }),
-							renderLink: Z,
-							strings: { label: G.languageLinksLabel }
-						}),
-						oe.length > 0 && /* @__PURE__ */ C(P, {
-							className: "auth-shell--footer-links",
-							links: oe,
-							renderLink: Z,
-							strings: { label: G.footerLinksLabel }
-						}),
-						se.length > 0 && /* @__PURE__ */ C(P, {
-							className: "auth-shell--policy-links",
-							links: se,
-							renderLink: Z,
-							strings: { label: G.policyLinksLabel }
-						}),
-						!!v && /* @__PURE__ */ C("div", {
-							className: "auth-shell--footer",
-							children: v
-						})
-					]
-				})
-			]
-		})
-	});
-	return le ? /* @__PURE__ */ C("div", {
-		"data-slot": "auth-shell",
-		"data-variant": "split",
-		"data-split-side": M,
-		"data-split-mobile": N,
-		className: t("auth-shell--component", "min-h-svh bg-background text-foreground", I),
-		...W,
-		children: /* @__PURE__ */ w("div", {
-			className: t("auth-shell--split-grid min-h-svh lg:grid", $ ? "lg:grid-cols-[minmax(0,1fr)_minmax(24rem,34rem)]" : "lg:grid-cols-[minmax(24rem,34rem)_minmax(0,1fr)]", B),
-			children: [
-				!!$ && /* @__PURE__ */ C("div", {
-					className: t("auth-shell--split-panel", de ? "block" : "hidden lg:block", V),
-					children: ue
-				}),
-				pe,
-				!$ && /* @__PURE__ */ C("div", {
-					className: t("auth-shell--split-panel", de ? "block" : "hidden lg:block", V),
-					children: ue
-				})
-			]
-		})
-	}) : /* @__PURE__ */ C("div", {
-		"data-slot": "auth-shell",
-		"data-variant": K === "bare" ? "bare" : "card",
-		className: t("auth-shell--component", "min-h-svh bg-background text-foreground", I),
-		...W,
-		children: pe
-	});
-}
-//#endregion
-//#region src/components/layout/auth/auth-form.tsx
-function K({ className: e, ...n }) {
-	let { children: r, ...i } = n;
-	return /* @__PURE__ */ C(o, {
-		render: (e) => /* @__PURE__ */ C("form", {
-			...i,
-			...e
-		}),
-		columns: 1,
-		gap: "xl",
-		"data-slot": "auth-form",
-		className: t("auth-form--component", e),
-		children: r
-	});
-}
-function q({ className: e, ...n }) {
-	return /* @__PURE__ */ C("div", {
-		"data-slot": "auth-form-row",
-		className: t("auth-form-row--component", "flex min-w-0 flex-wrap items-center justify-between gap-x-space-lg gap-y-space-md", e),
-		...n
-	});
-}
-//#endregion
-//#region src/components/layout/auth/auth-method-switch.tsx
-function J(e) {
-	return e.find((e) => !e.disabled);
-}
-function Y({ options: e = [], value: t, defaultValue: n, onValueChange: r } = {}) {
-	let i = v.useMemo(() => e.filter((e) => e.visible !== !1), [e]), a = n ?? J(i)?.id, [o, s] = v.useState(a), c = t !== void 0, l = c ? t : o, u = i.find((e) => e.id === l), d = v.useCallback((e) => {
-		let t = i.find((t) => t.id === e);
-		t && !t.disabled && (c || s(e), r?.(e, t));
-	}, [
-		c,
-		r,
-		i
-	]);
-	return v.useEffect(() => {
-		c || u || i.length === 0 || s(J(i)?.id);
-	}, [
-		c,
-		u,
-		i
-	]), {
-		value: l,
-		selectedOption: u,
-		options: i,
-		setValue: d
-	};
-}
-function X({ options: i = [], value: a, defaultValue: c, onValueChange: l, layout: u = "stack", divider: d, className: f, strings: p, ...m }) {
-	let h = e(N, p), { "aria-label": g, ..._ } = m, { value: v, options: y, setValue: b } = Y({
-		options: i,
-		value: a,
-		defaultValue: c,
-		onValueChange: l
-	});
-	if (y.length === 0) return null;
-	let x = u === "segmented", T = y.map((e) => {
-		let i = e.id === v, a = /* @__PURE__ */ w(S, { children: [!!e.icon && /* @__PURE__ */ C("span", {
-			className: "auth-method-switch--option-icon shrink-0",
-			"aria-hidden": "true",
-			children: e.icon
-		}), /* @__PURE__ */ w(s, {
-			render: /* @__PURE__ */ C("span", {}),
-			gap: "dense",
-			className: "auth-method-switch--option-copy w-full",
-			children: [/* @__PURE__ */ C(r, {
-				tag: "span",
-				weight: "semibold",
-				className: t("max-w-full whitespace-normal break-words text-inherit leading-tight", x ? "text-center min-[480px]:truncate min-[480px]:text-start" : "text-start"),
-				children: e.label
-			}), !!e.description && /* @__PURE__ */ C(r, {
-				tag: "span",
-				size: "xs",
-				className: t("whitespace-normal break-words", x ? "hidden min-[480px]:block min-[480px]:truncate" : "text-start leading-snug", i ? "text-inherit opacity-75" : "text-muted-foreground"),
-				children: e.description
-			})]
-		})] });
-		return /* @__PURE__ */ C(n, {
-			type: "button",
-			"aria-pressed": i,
-			disabled: e.disabled,
-			tone: i ? "neutral" : "secondary",
-			buttonStyle: i ? "solid" : x ? "ghost" : "outline",
-			fullWidth: !0,
-			className: t("auth-method-switch--option", "h-auto min-h-action-lg min-w-0 justify-start whitespace-normal rounded-radius-md px-control py-row-y-lg text-start", 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", i && "auth-method-switch--option-selected"),
-			onClick: () => b(e.id),
-			children: x ? /* @__PURE__ */ C("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: a
-			}) : /* @__PURE__ */ C(s, {
-				render: /* @__PURE__ */ C("span", {}),
-				direction: "horizontal",
-				gap: "md",
-				wrap: !1,
-				className: "auth-method-switch--option-inner w-full",
-				children: a
-			})
-		}, e.id);
-	});
-	return /* @__PURE__ */ w(s, {
-		gap: "lg",
-		className: t("auth-method-switch--component", f),
-		..._,
-		children: [d !== null && d !== !1 && /* @__PURE__ */ w("div", {
-			className: "auth-method-switch--divider flex items-center gap-space-lg",
-			children: [
-				/* @__PURE__ */ C("span", {
-					className: "h-px min-w-0 flex-1 bg-border",
-					"aria-hidden": "true"
-				}),
-				/* @__PURE__ */ C(r, {
-					tag: "span",
-					size: "xs",
-					type: "secondary",
-					children: d ?? h.divider
-				}),
-				/* @__PURE__ */ C("span", {
-					className: "h-px min-w-0 flex-1 bg-border",
-					"aria-hidden": "true"
-				})
-			]
-		}), u === "segmented" ? /* @__PURE__ */ C("div", {
-			role: "group",
-			"aria-label": g ?? h.label,
-			"data-layout": u,
-			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/40 p-space-xs",
-			children: T
-		}) : /* @__PURE__ */ C(o, {
-			columns: u === "grid" ? {
-				base: 1,
-				sm: 2
-			} : 1,
-			gap: "md",
-			role: "group",
-			"aria-label": g ?? h.label,
-			"data-layout": u,
-			className: "auth-method-switch--options",
-			children: T
-		})]
-	});
-}
-//#endregion
-export { ee as _, G as a, ne as c, N as d, A as f, k as g, O as h, q as i, P as l, D as m, Y as n, H as o, M as p, K as r, B as s, X as t, j as u };
-
-//# sourceMappingURL=auth-BDB1V_2q.js.map