@declarion/react 0.87.0 → 0.88.0

package/dist-lib/components/pages/auth/AuthShell.js

@@ -1,52 +1,52 @@
-import { Icon as e } from "../../primitives/Icons.js";
-import { IconBtn as t } from "../../primitives/IconBtn.js";
-import { useText as n } from "../../../hooks/useText.js";
-import { useResponsiveMode as r } from "../../../hooks/useResponsiveMode.js";
-import { isValidLogoUrl as i } from "../../../lib/branding.js";
-import { BrandLogo as a } from "../../primitives/BrandLogo.js";
-import { usePublicParams as o } from "../../../hooks/useParams.js";
-import { useBranding as s } from "../../../hooks/useBranding.js";
-import { usePreferencesStore as c } from "../../../stores/preferences.js";
-import { pageInsetX as l } from "../../../lib/page-inset.js";
-import { useEffect as u, useMemo as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { UI_PREFERENCES_PARAM_CODE as e, usePreferencesStore as t } from "../../../stores/preferences.js";
+import { Icon as n } from "../../primitives/Icons.js";
+import { IconBtn as r } from "../../primitives/IconBtn.js";
+import { useText as i } from "../../../hooks/useText.js";
+import { useResponsiveMode as ee } from "../../../hooks/useResponsiveMode.js";
+import { useEffectiveParam as te, usePublicParams as a } from "../../../hooks/useParams.js";
+import { isValidLogoUrl as o } from "../../../lib/branding.js";
+import { BrandLogo as s } from "../../primitives/BrandLogo.js";
+import { useBranding as ne } from "../../../hooks/useBranding.js";
+import { pageInsetX as c } from "../../../lib/page-inset.js";
+import { useEffect as l, useMemo as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/pages/auth/AuthShell.tsx
-var h = 560;
-function g(e) {
+var m = 560;
+function h(e) {
 	try {
 		return new URL(e).host;
 	} catch {
 		return e;
 	}
 }
-function _(e, t) {
+function g(e, t) {
 	if (!e) return "";
 	let n = t ? t.slice(0, 7) : "";
 	if (!n || !t) return e;
 	let r = Math.min(e.length, t.length);
 	return e.slice(0, r) === t.slice(0, r) ? e : `${e}+${n}`;
 }
-function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S, badges: C, brandName: ee }) {
-	let w = n(), T = c((e) => e.colorScheme), E = r(), D = c((e) => e.set), O = c((e) => e.hydrateFromBranding), k = () => D("colorScheme", T === "dark" ? "light" : "dark"), { branding: A } = s(), j = A?.chrome?.auth?.brand_panel;
-	u(() => {
-		O(A?.preferences);
-	}, [A, O]);
-	let M = A?.identity, N = ee ?? M?.wordmark ?? M?.app_name ?? "", P = b ?? w(M?.auth_tagline), F = x ?? w(M?.auth_subtagline), I = S ?? M?.version_label ?? "", L = d(() => C && C.length ? C : (M?.auth_badges ?? []).map((e) => w(e)).filter(Boolean).slice(0, 8).map((e) => [e, "shield"]), [
-		C,
+function _({ children: _, tenantSlug: v, tagline: y, subTagline: b, version: x, badges: S, brandName: re }) {
+	let C = i(), w = t((e) => e.colorScheme), T = ee(), E = t((e) => e.set), D = t((e) => e.hydrateFromParameter), O = te(e).value, k = () => E("colorScheme", w === "dark" ? "light" : "dark"), { branding: A } = ne(), j = A?.chrome?.auth?.brand_panel;
+	l(() => {
+		D(O);
+	}, [O, D]);
+	let M = A?.identity, N = re ?? M?.wordmark ?? M?.app_name ?? "", P = y ?? C(M?.auth_tagline), F = b ?? C(M?.auth_subtagline), I = x ?? M?.version_label ?? "", L = u(() => S && S.length ? S : (M?.auth_badges ?? []).map((e) => C(e)).filter(Boolean).slice(0, 8).map((e) => [e, "shield"]), [
+		S,
 		M?.auth_badges,
-		w
-	]), R = M?.workspace_domain ?? "", z = !!(y && R), B = M?.status_url ?? "", V = !!B, H = M?.legal_links, U = d(() => [
-		[w("auth.footer.security", "Security"), H?.security_url ?? ""],
-		[w("auth.footer.privacy", "Privacy"), H?.privacy_url ?? ""],
-		[w("auth.footer.terms", "Terms"), H?.terms_url ?? ""],
-		[w("auth.footer.docs", "Docs"), H?.docs_url ?? ""]
+		C
+	]), R = M?.workspace_domain ?? "", z = !!(v && R), B = M?.status_url ?? "", V = !!B, H = M?.legal_links, U = u(() => [
+		[C("auth.footer.security", "Security"), H?.security_url ?? ""],
+		[C("auth.footer.privacy", "Privacy"), H?.privacy_url ?? ""],
+		[C("auth.footer.terms", "Terms"), H?.terms_url ?? ""],
+		[C("auth.footer.docs", "Docs"), H?.docs_url ?? ""]
 	].filter(([, e]) => !!e), [
 		H?.security_url,
 		H?.privacy_url,
 		H?.terms_url,
 		H?.docs_url,
-		w
-	]), W = M?.legal_entity ?? "", G = `© ${(/* @__PURE__ */ new Date()).getFullYear()}${W ? ` ${W}` : ""}`, { data: K } = o(), q = K?.meta, J = _(q?.version, q?.revision), Y = [q?.region ? w("auth.meta.region", "Region: {value}", { value: q.region }) : "", J ? w("auth.meta.build", "Build {value}", { value: J }) : ""].filter(Boolean).join(" · "), X = E.isPhone || E.height < h, Z = j !== "end", Q = i(M?.app_logo_on_accent) ? M?.app_logo_on_accent : M?.app_logo, $ = !X && /* @__PURE__ */ m("div", {
+		C
+	]), W = M?.legal_entity ?? "", G = `© ${(/* @__PURE__ */ new Date()).getFullYear()}${W ? ` ${W}` : ""}`, { data: K } = a(), q = K?.meta, J = g(q?.version, q?.revision), Y = [q?.region ? C("auth.meta.region", "Region: {value}", { value: q.region }) : "", J ? C("auth.meta.build", "Build {value}", { value: J }) : ""].filter(Boolean).join(" · "), X = T.isPhone || T.height < m, Z = j !== "end", Q = o(M?.app_logo_on_accent) ? M?.app_logo_on_accent : M?.app_logo, $ = !X && /* @__PURE__ */ p("div", {
 		"data-testid": "auth-brand-panel",
 		style: {
 			padding: "36px 36px 28px",
@@ -58,7 +58,7 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 			overflow: "hidden"
 		},
 		children: [
-			/* @__PURE__ */ p("div", { style: {
+			/* @__PURE__ */ f("div", { style: {
 				position: "absolute",
 				top: -80,
 				right: -80,
@@ -67,7 +67,7 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 				borderRadius: "50%",
 				background: "radial-gradient(circle, var(--auth-panel-glow-1) 0%, transparent 70%)"
 			} }),
-			/* @__PURE__ */ p("div", { style: {
+			/* @__PURE__ */ f("div", { style: {
 				position: "absolute",
 				bottom: -60,
 				left: -40,
@@ -76,7 +76,7 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 				borderRadius: "50%",
 				background: "radial-gradient(circle, var(--auth-panel-glow-2) 0%, transparent 70%)"
 			} }),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -84,11 +84,11 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 					position: "relative"
 				},
 				children: [
-					/* @__PURE__ */ p(a, {
+					/* @__PURE__ */ f(s, {
 						appLogo: Q,
 						size: 34
 					}),
-					N && /* @__PURE__ */ p("span", {
+					N && /* @__PURE__ */ f("span", {
 						style: {
 							fontSize: 18,
 							fontWeight: 600,
@@ -96,7 +96,7 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 						},
 						children: N
 					}),
-					I && /* @__PURE__ */ p("span", {
+					I && /* @__PURE__ */ f("span", {
 						className: "mono",
 						style: {
 							fontSize: 10,
@@ -109,7 +109,7 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 					})
 				]
 			}),
-			(Q || N) && /* @__PURE__ */ m("div", {
+			(Q || N) && /* @__PURE__ */ p("div", {
 				style: {
 					marginTop: 48,
 					position: "relative",
@@ -118,11 +118,11 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 					alignItems: "center",
 					gap: 16
 				},
-				children: [Q && /* @__PURE__ */ p(a, {
+				children: [Q && /* @__PURE__ */ f(s, {
 					appLogo: Q,
 					size: 96,
 					radius: 0
-				}), N && /* @__PURE__ */ p("span", {
+				}), N && /* @__PURE__ */ f("span", {
 					style: {
 						fontSize: 28,
 						fontWeight: 600,
@@ -132,13 +132,13 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 					children: N
 				})]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				style: {
 					marginTop: "auto",
 					position: "relative"
 				},
 				children: [
-					P && /* @__PURE__ */ p("h1", {
+					P && /* @__PURE__ */ f("h1", {
 						style: {
 							margin: 0,
 							fontSize: 26,
@@ -148,7 +148,7 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 						},
 						children: P
 					}),
-					F && /* @__PURE__ */ p("p", {
+					F && /* @__PURE__ */ f("p", {
 						style: {
 							margin: "10px 0 0",
 							fontSize: 13,
@@ -157,7 +157,7 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 						},
 						children: F
 					}),
-					L.length > 0 && /* @__PURE__ */ p("div", {
+					L.length > 0 && /* @__PURE__ */ f("div", {
 						style: {
 							marginTop: 22,
 							display: "grid",
@@ -166,22 +166,22 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 							fontSize: 11.5,
 							color: "var(--auth-panel-fg-dim)"
 						},
-						children: L.map(([t, n]) => {
-							let r = e[n];
-							return /* @__PURE__ */ m("div", {
+						children: L.map(([e, t]) => {
+							let r = n[t];
+							return /* @__PURE__ */ p("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: 6
 								},
-								children: [r && /* @__PURE__ */ p(r, {
+								children: [r && /* @__PURE__ */ f(r, {
 									size: 12,
 									style: { color: "var(--auth-panel-fg)" }
-								}), /* @__PURE__ */ p("span", { children: t })]
-							}, t);
+								}), /* @__PURE__ */ f("span", { children: e })]
+							}, e);
 						})
 					}),
-					V && /* @__PURE__ */ p("a", {
+					V && /* @__PURE__ */ f("a", {
 						href: B,
 						target: "_blank",
 						rel: "noopener noreferrer",
@@ -199,13 +199,13 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 							color: "var(--auth-panel-fg-muted)",
 							textDecoration: "none"
 						},
-						children: g(B)
+						children: h(B)
 					})
 				]
 			})
 		]
 	});
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ p("div", {
 		style: {
 			minHeight: "var(--app-height)",
 			background: "var(--background)",
@@ -215,11 +215,11 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 			overflowX: "hidden"
 		},
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				style: {
 					paddingTop: X ? 12 : 16,
 					paddingBottom: X ? 12 : 16,
-					...X ? l(14) : {
+					...X ? c(14) : {
 						paddingLeft: 20,
 						paddingRight: 20
 					},
@@ -228,11 +228,11 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 					gap: 10
 				},
 				children: [
-					/* @__PURE__ */ p(a, {
+					/* @__PURE__ */ f(s, {
 						appLogo: M?.app_logo,
 						size: 26
 					}),
-					N && /* @__PURE__ */ p("span", {
+					N && /* @__PURE__ */ f("span", {
 						style: {
 							fontSize: 14,
 							fontWeight: 600,
@@ -244,7 +244,7 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 						},
 						children: N
 					}),
-					z && /* @__PURE__ */ m("span", {
+					z && /* @__PURE__ */ p("span", {
 						className: "mono",
 						style: {
 							marginLeft: 6,
@@ -256,20 +256,20 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 							borderRadius: "var(--radius-sm)"
 						},
 						children: [
-							y,
+							v,
 							".",
 							R
 						]
 					}),
-					/* @__PURE__ */ p("div", { style: { flex: 1 } }),
-					/* @__PURE__ */ p(t, {
-						icon: p(T === "dark" ? e.sun : e.moon, { size: 14 }),
+					/* @__PURE__ */ f("div", { style: { flex: 1 } }),
+					/* @__PURE__ */ f(r, {
+						icon: f(w === "dark" ? n.sun : n.moon, { size: 14 }),
 						onClick: k,
-						title: w("auth.toggle_theme", "Toggle theme")
+						title: C("auth.toggle_theme", "Toggle theme")
 					})
 				]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ f("div", {
 				style: {
 					flex: 1,
 					display: "flex",
@@ -277,20 +277,20 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 					justifyContent: "center",
 					paddingTop: X ? 16 : 20,
 					paddingBottom: X ? 12 : 20,
-					...X ? l(12) : {
+					...X ? c(12) : {
 						paddingLeft: 20,
 						paddingRight: 20
 					},
 					minWidth: 0
 				},
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ p("div", {
 					style: {
 						display: "grid",
 						gridTemplateColumns: X ? "minmax(0, 1fr)" : "1fr 1fr",
 						gap: 0,
 						width: X ? "100%" : 980,
 						maxWidth: "100%",
-						minHeight: X ? "auto" : h,
+						minHeight: X ? "auto" : m,
 						background: "var(--surface)",
 						border: "1px solid var(--border)",
 						borderRadius: X ? "var(--radius-lg)" : "var(--radius-xl)",
@@ -299,7 +299,7 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 					},
 					children: [
 						Z && $,
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ f("div", {
 							"data-testid": "auth-form-panel",
 							style: {
 								padding: X ? "28px 20px 24px" : "36px 40px",
@@ -308,13 +308,13 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 								justifyContent: "center",
 								minWidth: 0
 							},
-							children: v
+							children: _
 						}),
 						!Z && $
 					]
 				})
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				style: {
 					padding: X ? "12px 14px calc(12px + var(--safe-area-bottom))" : "14px 20px",
 					display: "flex",
@@ -326,15 +326,15 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 					minWidth: 0
 				},
 				children: [
-					/* @__PURE__ */ p("span", { children: G }),
-					U.map(([e, t]) => /* @__PURE__ */ p("a", {
+					/* @__PURE__ */ f("span", { children: G }),
+					U.map(([e, t]) => /* @__PURE__ */ f("a", {
 						href: t,
 						target: "_blank",
 						rel: "noopener noreferrer",
 						style: { color: "inherit" },
 						children: e
 					}, e)),
-					Y && /* @__PURE__ */ m(f, { children: [!X && /* @__PURE__ */ p("div", { style: { flex: 1 } }), /* @__PURE__ */ p("span", {
+					Y && /* @__PURE__ */ p(d, { children: [!X && /* @__PURE__ */ f("div", { style: { flex: 1 } }), /* @__PURE__ */ f("span", {
 						className: "mono",
 						style: {
 							maxWidth: "100%",
@@ -348,4 +348,4 @@ function v({ children: v, tenantSlug: y, tagline: b, subTagline: x, version: S,
 	});
 }
 //#endregion
-export { v as AuthShell, _ as formatBuildLabel };
+export { _ as AuthShell, g as formatBuildLabel };

package/dist-lib/components/pages/auth/SignIn.js

@@ -1,17 +1,17 @@
 import { sanitizeRedirectPath as e } from "../../../api/auth-redirect.js";
 import { checkSetup as t, listIdentityProviders as n, ssoAuthorizeUrl as r } from "../../../api/auth.js";
 import { useSchema as i } from "../../../hooks/useSchema.js";
-import { Icon as a } from "../../primitives/Icons.js";
-import { Btn as o } from "../../primitives/Btn.js";
-import { useText as s } from "../../../hooks/useText.js";
-import { FieldLabel as c, PasswordInput as l, TextInput as u } from "../../primitives/Fields.js";
-import { failureTitle as d } from "../../../lib/failure.js";
+import { failureTitle as a } from "../../../lib/failure.js";
+import { Icon as o } from "../../primitives/Icons.js";
+import { Btn as s } from "../../primitives/Btn.js";
+import { useText as c } from "../../../hooks/useText.js";
+import { FieldLabel as l, PasswordInput as u, TextInput as d } from "../../primitives/Fields.js";
 import { toast as f } from "../../../lib/toast.js";
-import { useAuth as p } from "../../../hooks/useAuth.js";
-import { AuthShell as m } from "./AuthShell.js";
-import { BlankScreen as h } from "../../shared/BlankScreen.js";
-import { GitHubIcon as g, GoogleIcon as _, MicrosoftIcon as v } from "./icons.js";
-import { accessibleRedirectPath as y } from "../../../lib/schema-routing.js";
+import { accessibleRedirectPath as p } from "../../../lib/schema-routing.js";
+import { useAuth as m } from "../../../hooks/useAuth.js";
+import { AuthShell as h } from "./AuthShell.js";
+import { BlankScreen as g } from "../../shared/BlankScreen.js";
+import { GitHubIcon as _, GoogleIcon as v, MicrosoftIcon as y } from "./icons.js";
 import { useEffect as b, useState as x } from "react";
 import { useQuery as S } from "@tanstack/react-query";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
@@ -20,27 +20,27 @@ import { Link as E, useNavigate as D, useSearchParams as O } from "react-router"
 var k = "sso-failure", A = {
 	google: {
 		name: "Google",
-		icon: /* @__PURE__ */ w(_, { size: 14 })
+		icon: /* @__PURE__ */ w(v, { size: 14 })
 	},
 	microsoft: {
 		name: "Microsoft",
-		icon: /* @__PURE__ */ w(v, { size: 14 })
+		icon: /* @__PURE__ */ w(y, { size: 14 })
 	},
 	azure: {
 		name: "Microsoft",
-		icon: /* @__PURE__ */ w(v, { size: 14 })
+		icon: /* @__PURE__ */ w(y, { size: 14 })
 	},
 	github: {
 		name: "GitHub",
-		icon: /* @__PURE__ */ w(g, { size: 14 })
+		icon: /* @__PURE__ */ w(_, { size: 14 })
 	},
 	apple: {
 		name: "Apple",
-		icon: /* @__PURE__ */ w(a.shield, { size: 13 })
+		icon: /* @__PURE__ */ w(o.shield, { size: 13 })
 	}
 };
 function j() {
-	let g = D(), [_] = O(), { login: v, isLoginPending: j, isAuthenticated: N } = p(), { data: P } = i(), F = s(), [I, L] = x(""), [R, z] = x(""), [B, V] = x(!0), H = e(_.get("next") || _.get("redirect")), U = _.get("sso_error"), W = s("errors"), { data: G, isPending: K } = S({
+	let _ = D(), [v] = O(), { login: y, isLoginPending: j, isAuthenticated: N } = m(), { data: P } = i(), F = c(), [I, L] = x(""), [R, z] = x(""), [B, V] = x(!0), H = e(v.get("next") || v.get("redirect")), U = v.get("sso_error"), W = c("errors"), { data: G, isPending: K } = S({
 		queryKey: ["check-setup"],
 		queryFn: t
 	}), { data: q } = S({
@@ -49,30 +49,30 @@ function j() {
 		staleTime: 6e4
 	});
 	if (b(() => {
-		G?.needs_setup && g("/signup", { replace: !0 });
-	}, [G, g]), b(() => {
+		G?.needs_setup && _("/signup", { replace: !0 });
+	}, [G, _]), b(() => {
 		if (!N || !P) return;
-		let e = y(H, P);
-		M(H, e) && f.warning(F("auth.inaccessible_redirect", "You do not have access to that page. We opened your default page instead.")), g(e, { replace: !0 });
+		let e = p(H, P);
+		M(H, e) && f.warning(F("auth.inaccessible_redirect", "You do not have access to that page. We opened your default page instead.")), _(e, { replace: !0 });
 	}, [
 		N,
-		g,
+		_,
 		H,
 		P,
 		F
 	]), b(() => {
 		U && f.error(W(U, "Sign-in failed."), void 0, { id: k });
-	}, [W, U]), K || G?.needs_setup) return /* @__PURE__ */ w(h, {});
+	}, [W, U]), K || G?.needs_setup) return /* @__PURE__ */ w(g, {});
 	function J(e) {
-		e.preventDefault(), v({
+		e.preventDefault(), y({
 			email: I,
 			password: R,
 			remember: B
 		}, { onError: (e) => {
-			f.error(d(W, e));
+			f.error(a(W, e));
 		} });
 	}
-	return /* @__PURE__ */ w(m, { children: /* @__PURE__ */ T("form", {
+	return /* @__PURE__ */ w(h, { children: /* @__PURE__ */ T("form", {
 		onSubmit: J,
 		children: [
 			/* @__PURE__ */ w("div", {
@@ -112,9 +112,9 @@ function j() {
 				children: q.map((e) => {
 					let t = A[e.slug.toLowerCase()] ?? {
 						name: e.name,
-						icon: /* @__PURE__ */ w(a.shield, { size: 13 })
+						icon: /* @__PURE__ */ w(o.shield, { size: 13 })
 					};
-					return /* @__PURE__ */ w(o, {
+					return /* @__PURE__ */ w(s, {
 						size: "md",
 						style: {
 							justifyContent: "center",
@@ -163,10 +163,10 @@ function j() {
 					gap: 12
 				},
 				children: [
-					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(c, { children: F("auth.field.email", "Email") }), /* @__PURE__ */ w(u, {
+					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(l, { children: F("auth.field.email", "Email") }), /* @__PURE__ */ w(d, {
 						value: I,
 						onChange: L,
-						prefix: /* @__PURE__ */ w(a.email, { size: 13 }),
+						prefix: /* @__PURE__ */ w(o.email, { size: 13 }),
 						placeholder: F("auth.field.email_placeholder", "you@company.com"),
 						autoFocus: !0,
 						required: !0
@@ -177,7 +177,7 @@ function j() {
 							alignItems: "center"
 						},
 						children: [
-							/* @__PURE__ */ w(c, { children: F("auth.field.password", "Password") }),
+							/* @__PURE__ */ w(l, { children: F("auth.field.password", "Password") }),
 							/* @__PURE__ */ w("div", { style: { flex: 1 } }),
 							/* @__PURE__ */ w(E, {
 								to: "/forgot",
@@ -190,7 +190,7 @@ function j() {
 								children: F("auth.signin.forgot_link", "Forgot?")
 							})
 						]
-					}), /* @__PURE__ */ w(l, {
+					}), /* @__PURE__ */ w(u, {
 						value: R,
 						onChange: z,
 						placeholder: F("auth.signin.password_placeholder", "Your password")
@@ -214,7 +214,7 @@ function j() {
 							F("auth.signin.remember", "Keep me signed in on this device")
 						]
 					}),
-					/* @__PURE__ */ w(o, {
+					/* @__PURE__ */ w(s, {
 						type: "submit",
 						size: "md",
 						kind: "primary",

package/dist-lib/components/pages/auth/SignUp.impl.js

@@ -5,8 +5,8 @@ import { Btn as r } from "../../primitives/Btn.js";
 import { useText as i } from "../../../hooks/useText.js";
 import { useResponsiveMode as a } from "../../../hooks/useResponsiveMode.js";
 import { FieldLabel as o, PasswordInput as s, TextInput as c } from "../../primitives/Fields.js";
-import { getBrandingIdentity as l } from "../../../lib/branding.js";
-import { usePublicParams as u } from "../../../hooks/useParams.js";
+import { usePublicParams as l } from "../../../hooks/useParams.js";
+import { getBrandingIdentity as u } from "../../../lib/branding.js";
 import { useAuth as d } from "../../../hooks/useAuth.js";
 import { AuthShell as f } from "./AuthShell.js";
 import { BlankScreen as p } from "../../shared/BlankScreen.js";
@@ -17,7 +17,7 @@ import { jsx as v, jsxs as y } from "react/jsx-runtime";
 import { Link as b, useNavigate as x } from "react-router";
 //#region src/components/pages/auth/SignUp.impl.tsx
 function S() {
-	let t = x(), { signup: S, isSignupPending: w, isAuthenticated: T } = d(), [E, D] = g(null), O = a(), k = i(), [A, j] = g(""), [M, N] = g(""), [P, F] = g(""), [I, L] = g(""), [R, z] = g(!1), { data: B } = u(), V = l(B), H = V?.legal_links?.terms_url ?? "", U = V?.legal_links?.privacy_url ?? "", W = O.isPhone, { data: G, isPending: K } = _({
+	let t = x(), { signup: S, isSignupPending: w, isAuthenticated: T } = d(), [E, D] = g(null), O = a(), k = i(), [A, j] = g(""), [M, N] = g(""), [P, F] = g(""), [I, L] = g(""), [R, z] = g(!1), { data: B } = l(), V = u(B), H = V?.legal_links?.terms_url ?? "", U = V?.legal_links?.privacy_url ?? "", W = O.isPhone, { data: G, isPending: K } = _({
 		queryKey: ["check-setup"],
 		queryFn: e
 	}), q = G?.needs_setup || G?.signup_enabled;

package/dist-lib/components/pages/auth/SignUpCode.js

@@ -1,7 +1,7 @@
 import { resendSignupCode as e } from "../../../api/auth.js";
-import { Btn as t } from "../../primitives/Btn.js";
-import { useText as n } from "../../../hooks/useText.js";
-import { failureTitle as r } from "../../../lib/failure.js";
+import { failureTitle as t } from "../../../lib/failure.js";
+import { Btn as n } from "../../primitives/Btn.js";
+import { useText as r } from "../../../hooks/useText.js";
 import { useAuth as i } from "../../../hooks/useAuth.js";
 import { AuthShell as a } from "./AuthShell.js";
 import { CodeInput as o } from "./CodeInput.js";
@@ -9,7 +9,7 @@ import { useEffect as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/pages/auth/SignUpCode.tsx
 function d({ email: d, retryAfterSeconds: f, onUseAnotherEmail: p }) {
-	let m = n(), h = n("errors"), { confirmSignup: g, isConfirmSignupPending: _ } = i(), [v, y] = c(""), [b, x] = c(""), [S, C] = c(f), [w, T] = c(!1);
+	let m = r(), h = r("errors"), { confirmSignup: g, isConfirmSignupPending: _ } = i(), [v, y] = c(""), [b, x] = c(""), [S, C] = c(f), [w, T] = c(!1);
 	s(() => {
 		if (S <= 0) return;
 		let e = window.setTimeout(() => C((e) => e - 1), 1e3);
@@ -19,7 +19,7 @@ function d({ email: d, retryAfterSeconds: f, onUseAnotherEmail: p }) {
 		e.preventDefault(), x(""), g({
 			email: d,
 			code: v
-		}, { onError: (e) => x(r(h, e)) });
+		}, { onError: (e) => x(t(h, e)) });
 	}
 	async function D() {
 		T(!0), x("");
@@ -27,7 +27,7 @@ function d({ email: d, retryAfterSeconds: f, onUseAnotherEmail: p }) {
 			let t = await e(d);
 			y(""), C(t.retry_after_seconds);
 		} catch (e) {
-			x(r(h, e));
+			x(t(h, e));
 		} finally {
 			T(!1);
 		}
@@ -79,7 +79,7 @@ function d({ email: d, retryAfterSeconds: f, onUseAnotherEmail: p }) {
 				},
 				children: b
 			}),
-			/* @__PURE__ */ l(t, {
+			/* @__PURE__ */ l(n, {
 				type: "submit",
 				size: "md",
 				kind: "primary",
@@ -98,7 +98,7 @@ function d({ email: d, retryAfterSeconds: f, onUseAnotherEmail: p }) {
 					gap: 12,
 					fontSize: 12
 				},
-				children: [/* @__PURE__ */ l(t, {
+				children: [/* @__PURE__ */ l(n, {
 					size: "sm",
 					kind: "ghost",
 					disabled: S > 0 || w,
@@ -106,7 +106,7 @@ function d({ email: d, retryAfterSeconds: f, onUseAnotherEmail: p }) {
 						e.preventDefault(), D();
 					},
 					children: S > 0 ? m("auth.signup_code.resend_in", "Send again in {seconds} s", { seconds: S }) : m("auth.signup_code.resend", "Send again")
-				}), /* @__PURE__ */ l(t, {
+				}), /* @__PURE__ */ l(n, {
 					size: "sm",
 					kind: "ghost",
 					onClick: (e) => {