admin-ui-starter-kit 0.4.5 → 0.6.1

package/dist/_shared/auth-C_TgyzDl.js

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