@burdenoff/fe-libs 2026.1021.9 → 2026.1021.10

package/dist/ui/native-welcome.js

@@ -3,20 +3,21 @@ import { useAppShell as t } from "../shared/providers/shell/AppShellContext.js";
 import { cn as n } from "../shared-utils.js";
 import { Button as r } from "./button.js";
 import { nativeImpact as i, nativeOpenUrl as a } from "../shared/native/consumers.js";
-import { SafeAreaView as o } from "../shared/native/SafeAreaView.js";
-import { useCallback as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { MainLandmark as o } from "../shared/components/SkipToContent.js";
+import { SafeAreaView as s } from "../shared/native/SafeAreaView.js";
+import { useCallback as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/ui/native-welcome.tsx
-function f({ domain: e }) {
+function p({ domain: e }) {
 	let t = (t) => () => {
 		a(`https://${e}/${t}`);
 	};
-	return /* @__PURE__ */ d("p", {
+	return /* @__PURE__ */ f("p", {
 		className: "text-center text-xs leading-relaxed text-text-muted",
 		children: [
 			"By continuing you agree to our",
 			" ",
-			/* @__PURE__ */ u("button", {
+			/* @__PURE__ */ d("button", {
 				type: "button",
 				onClick: t("terms"),
 				className: "text-text-link underline underline-offset-2 hover:text-text-linkHover",
@@ -25,7 +26,7 @@ function f({ domain: e }) {
 			" ",
 			"and",
 			" ",
-			/* @__PURE__ */ u("button", {
+			/* @__PURE__ */ d("button", {
 				type: "button",
 				onClick: t("privacy"),
 				className: "text-text-link underline underline-offset-2 hover:text-text-linkHover",
@@ -35,113 +36,113 @@ function f({ domain: e }) {
 		]
 	});
 }
-function p({ productName: a, tagline: p, headline: m, features: h = [], primaryCtaLabel: g = "Sign in", secondaryCtaLabel: _ = "Create account", onSignIn: v, onCreateAccount: y, legal: b, logoSrc: x = "/icons/icon.svg", className: S }) {
-	let C = t(), w = a ?? C.productName, T = p ?? C.tagline, [E, D] = l(!1), [O, k] = l(0), A = c(null), j = e(), M = s(() => {
-		let e = A.current;
+function m({ productName: a, tagline: m, headline: h, features: g = [], primaryCtaLabel: _ = "Sign in", secondaryCtaLabel: v = "Create account", onSignIn: y, onCreateAccount: b, legal: x, logoSrc: S = "/icons/icon.svg", className: C }) {
+	let w = t(), T = a ?? w.productName, E = m ?? w.tagline, [D, O] = u(!1), [k, A] = u(0), j = l(null), M = e(), N = c(() => {
+		let e = j.current;
 		if (!e) return;
 		let t = e.clientWidth || 1;
-		k(Math.round(e.scrollLeft / t));
-	}, []), N = s((e) => {
-		let t = A.current;
+		A(Math.round(e.scrollLeft / t));
+	}, []), P = c((e) => {
+		let t = j.current;
 		t && t.scrollTo({
 			left: e * t.clientWidth,
 			behavior: "smooth"
 		});
-	}, []), P = (e) => () => {
+	}, []), F = (e) => () => {
 		e && (i("light"), e());
-	}, F = b === void 0 ? C.domain ? /* @__PURE__ */ u(f, { domain: C.domain }) : null : b;
-	return /* @__PURE__ */ u(o, {
+	}, I = x === void 0 ? w.domain ? /* @__PURE__ */ d(p, { domain: w.domain }) : null : x;
+	return /* @__PURE__ */ d(s, {
 		"data-native-welcome": "",
-		className: n("flex min-h-[100dvh] flex-col bg-bg-canvas text-text-primary", j && "items-center justify-center", S),
-		children: /* @__PURE__ */ d("div", {
-			className: n("flex flex-1 flex-col", j && "my-auto w-full max-w-[480px] rounded-card border border-border-subtle bg-bg-surface shadow-elevation-3"),
+		className: n("flex min-h-[100dvh] flex-col bg-bg-canvas text-text-primary", M && "items-center justify-center", C),
+		children: /* @__PURE__ */ f(o, {
+			className: n("flex flex-1 flex-col", M && "my-auto w-full max-w-[480px] rounded-card border border-border-subtle bg-bg-surface shadow-elevation-3"),
 			children: [
-				/* @__PURE__ */ d("header", {
+				/* @__PURE__ */ f("header", {
 					"data-shell-chrome": "",
 					className: "flex flex-col items-center gap-4 px-6 pb-6 pt-12 text-center",
 					children: [
-						E ? /* @__PURE__ */ u("span", {
+						D ? /* @__PURE__ */ d("span", {
 							"aria-hidden": "true",
 							className: "flex size-16 items-center justify-center rounded-2xl bg-action-primary-bg text-2xl font-semibold text-action-primary-text shadow-elevation-1",
-							children: C.brandInitial
-						}) : /* @__PURE__ */ u("img", {
-							src: x,
+							children: w.brandInitial
+						}) : /* @__PURE__ */ d("img", {
+							src: S,
 							alt: "",
 							"aria-hidden": "true",
-							onError: () => D(!0),
+							onError: () => O(!0),
 							className: "size-16 rounded-2xl object-contain"
 						}),
-						m && /* @__PURE__ */ u("p", {
+						h && /* @__PURE__ */ d("p", {
 							className: "text-sm font-medium uppercase tracking-wide text-text-muted",
-							children: m
+							children: h
 						}),
-						/* @__PURE__ */ u("h1", {
+						/* @__PURE__ */ d("h1", {
 							className: "text-3xl font-bold tracking-tight text-text-primary",
-							children: w
+							children: T
 						}),
-						T && /* @__PURE__ */ u("p", {
+						E && /* @__PURE__ */ d("p", {
 							className: "max-w-sm text-base leading-relaxed text-text-secondary",
-							children: T
+							children: E
 						})
 					]
 				}),
-				h.length > 0 && /* @__PURE__ */ d("section", {
+				g.length > 0 && /* @__PURE__ */ f("section", {
 					className: "flex flex-1 flex-col justify-center gap-4 py-2",
-					children: [/* @__PURE__ */ u("div", {
-						ref: A,
+					children: [/* @__PURE__ */ d("div", {
+						ref: j,
 						"data-native-welcome-carousel": "",
 						"data-swipe-ignore": "",
-						onScroll: M,
+						onScroll: N,
 						className: "flex snap-x snap-mandatory overflow-x-auto scroll-smooth",
-						children: h.map((e) => {
+						children: g.map((e) => {
 							let t = e.icon;
-							return /* @__PURE__ */ d("article", {
+							return /* @__PURE__ */ f("article", {
 								className: "flex w-full shrink-0 snap-center flex-col items-center gap-3 px-8 text-center",
 								children: [
-									t && /* @__PURE__ */ u("span", {
+									t && /* @__PURE__ */ d("span", {
 										className: "flex size-12 items-center justify-center rounded-xl bg-bg-accentSubtle text-action-primary-bg",
-										children: /* @__PURE__ */ u(t, { className: "size-6" })
+										children: /* @__PURE__ */ d(t, { className: "size-6" })
 									}),
-									/* @__PURE__ */ u("h2", {
+									/* @__PURE__ */ d("h2", {
 										className: "text-lg font-semibold text-text-primary",
 										children: e.title
 									}),
-									/* @__PURE__ */ u("p", {
+									/* @__PURE__ */ d("p", {
 										className: "max-w-sm text-sm leading-relaxed text-text-secondary",
 										children: e.description
 									})
 								]
 							}, e.title);
 						})
-					}), h.length > 1 && /* @__PURE__ */ u("div", {
+					}), g.length > 1 && /* @__PURE__ */ d("div", {
 						className: "flex items-center justify-center gap-2",
-						children: h.map((e, t) => /* @__PURE__ */ u("button", {
+						children: g.map((e, t) => /* @__PURE__ */ d("button", {
 							type: "button",
-							"aria-current": t === O ? "true" : void 0,
+							"aria-current": t === k ? "true" : void 0,
 							"aria-label": `Show highlight: ${e.title}`,
-							onClick: () => N(t),
-							className: n("size-2 rounded-full transition-colors", t === O ? "bg-action-primary-bg" : "bg-border-strong")
+							onClick: () => P(t),
+							className: n("size-2 rounded-full transition-colors", t === k ? "bg-action-primary-bg" : "bg-border-strong")
 						}, e.title))
 					})]
 				}),
-				/* @__PURE__ */ d("footer", {
+				/* @__PURE__ */ f("footer", {
 					"data-shell-chrome": "",
 					className: "mt-auto flex flex-col gap-3 border-t border-border-subtle bg-bg-canvas px-6 pb-6 pt-4",
 					children: [
-						/* @__PURE__ */ u(r, {
+						/* @__PURE__ */ d(r, {
 							size: "lg",
 							className: "w-full",
-							onClick: P(v),
-							children: g
+							onClick: F(y),
+							children: _
 						}),
-						y && /* @__PURE__ */ u(r, {
+						b && /* @__PURE__ */ d(r, {
 							size: "lg",
 							variant: "ghost",
 							className: "w-full",
-							onClick: P(y),
-							children: _
+							onClick: F(b),
+							children: v
 						}),
-						F
+						I
 					]
 				})
 			]
@@ -149,4 +150,4 @@ function p({ productName: a, tagline: p, headline: m, features: h = [], primaryC
 	});
 }
 //#endregion
-export { p as NativeWelcome };
+export { m as NativeWelcome };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.1021.9",
+  "version": "2026.1021.10",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "bin": {