@entropy-softworks/ui 2026.9.8 → 2026.9.10

package/lib/screens/auth/index.d.ts

@@ -1,8 +1,9 @@
+export { AuthPage, type AuthPageProps, type AuthPageLayout } from "./AuthPage";
 export { WelcomeScreen, type WelcomeScreenProps } from "./WelcomeScreen";
 export { ForgotPasswordScreen } from "./ForgotPasswordScreen";
 export { MfaChallengeScreen } from "./MfaChallengeScreen";
 export { TermsOfServiceScreen, type TermsOfServiceScreenProps, type LegalSection, } from "./TermsOfServiceScreen";
-export { VerifyEmailScreen } from "./VerifyEmailScreen";
+export { VerifyEmailScreen, type VerifyEmailScreenProps } from "./VerifyEmailScreen";
 export { PrivacyPolicyScreen, type PrivacyPolicyScreenProps } from "./PrivacyPolicyScreen";
 export { ResetPasswordScreen, type ResetPasswordScreenProps } from "./ResetPasswordScreen";
 export { LoginScreen, type LoginScreenProps } from "./LoginScreen";
@@ -11,9 +12,9 @@ export { MfaEnrollScreen, type MfaEnrollScreenProps } from "./MfaEnrollScreen";
 export { RegisterScreen, type RegisterScreenProps } from "./RegisterScreen";
 export { ServerConfigScreen, type ServerConfigScreenProps } from "./ServerConfigScreen";
 export { ImportDataScreen, type ImportDataScreenProps } from "./ImportDataScreen";
-export { ConsentScreen, type ConsentScreenProps, type ConsentScope, } from "./ConsentScreen";
+export { ConsentScreen, type ConsentScreenProps, type ConsentScope } from "./ConsentScreen";
 export { AccountPickerScreen, type AccountPickerScreenProps, type PickableAccount, } from "./AccountPickerScreen";
-export { PasskeyEnrollScreen, type PasskeyEnrollScreenProps, } from "./PasskeyEnrollScreen";
+export { PasskeyEnrollScreen, type PasskeyEnrollScreenProps } from "./PasskeyEnrollScreen";
 export { ErrorScreen, type ErrorScreenProps } from "./ErrorScreen";
-export { ExpiredLinkScreen, type ExpiredLinkScreenProps, } from "./ExpiredLinkScreen";
+export { ExpiredLinkScreen, type ExpiredLinkScreenProps } from "./ExpiredLinkScreen";
 //# sourceMappingURL=index.d.ts.map

package/lib/screens/auth/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/auth/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,YAAY,GAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,YAAY,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,eAAe,GACrB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/auth/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,YAAY,GAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC5F,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,eAAe,GACrB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/screens/auth/index.js

@@ -1,3 +1,4 @@
+export { AuthPage } from "./AuthPage";
 export { WelcomeScreen } from "./WelcomeScreen";
 export { ForgotPasswordScreen } from "./ForgotPasswordScreen";
 export { MfaChallengeScreen } from "./MfaChallengeScreen";
@@ -11,9 +12,9 @@ export { MfaEnrollScreen } from "./MfaEnrollScreen";
 export { RegisterScreen } from "./RegisterScreen";
 export { ServerConfigScreen } from "./ServerConfigScreen";
 export { ImportDataScreen } from "./ImportDataScreen";
-export { ConsentScreen, } from "./ConsentScreen";
+export { ConsentScreen } from "./ConsentScreen";
 export { AccountPickerScreen, } from "./AccountPickerScreen";
-export { PasskeyEnrollScreen, } from "./PasskeyEnrollScreen";
+export { PasskeyEnrollScreen } from "./PasskeyEnrollScreen";
 export { ErrorScreen } from "./ErrorScreen";
-export { ExpiredLinkScreen, } from "./ExpiredLinkScreen";
+export { ExpiredLinkScreen } from "./ExpiredLinkScreen";
 //# sourceMappingURL=index.js.map

package/lib/screens/auth/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/screens/auth/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EACL,oBAAoB,GAGrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAiC,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAiC,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAiD,MAAM,cAAc,CAAC;AACzF,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,cAAc,EAA4B,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAgC,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,gBAAgB,EAA8B,MAAM,oBAAoB,CAAC;AAClF,OAAO,EACL,aAAa,GAGd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,mBAAmB,GAGpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,mBAAmB,GAEpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,iBAAiB,GAElB,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/screens/auth/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2C,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,aAAa,EAA2B,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EACL,oBAAoB,GAGrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAA+B,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAiC,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAiC,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAiD,MAAM,cAAc,CAAC;AACzF,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,cAAc,EAA4B,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAgC,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,gBAAgB,EAA8B,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,aAAa,EAA8C,MAAM,iBAAiB,CAAC;AAC5F,OAAO,EACL,mBAAmB,GAGpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAiC,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAA+B,MAAM,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entropy-softworks/ui",
-  "version": "2026.9.8",
+  "version": "2026.9.10",
   "private": false,
   "description": "Shared React Native UI primitives, auth screens, hooks, and services for Entropy Softworks Expo apps",
   "license": "MIT",

package/src/screens/auth/AuthPage.tsx

@@ -0,0 +1,128 @@
+import React from "react";
+import { ScrollView, View } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { StatusBar } from "expo-status-bar";
+import { useColorScheme } from "nativewind";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "../../components/card";
+import { Heading, MutedText } from "../../components/text";
+
+/**
+ * Which shape an auth screen takes.
+ *
+ * `card` is a dialog floated in the middle of the viewport: a title, a
+ * description, the content and the actions, all inside a bordered panel. It is
+ * right on a desktop portal and it is what every consumer of these screens has
+ * always had.
+ *
+ * `screen` is the phone shape — heading at the top, content filling the space
+ * below it, actions at the bottom, no panel. A card on a phone is a panel
+ * floated over nothing, with its own padding inside the screen's padding, and
+ * next to a flow built the other way it reads as something from another app.
+ *
+ * The default stays `card` so nothing changes for anyone who does not ask.
+ */
+export type AuthPageLayout = "card" | "screen";
+
+export interface AuthPageProps {
+  layout?: AuthPageLayout;
+  title: string;
+  subtitle?: string | null;
+  /** Drawn above the title in the card layout, and nowhere in the screen one. */
+  icon?: React.ReactNode;
+  /** Top-left of the page, outside the content — a sign-out control, usually. */
+  corner?: React.ReactNode;
+  children: React.ReactNode;
+  footer?: React.ReactNode;
+  /** Card width. Ignored by the screen layout, which has the whole width. */
+  maxWidth?: number;
+}
+
+export function AuthPage({
+  layout = "card",
+  title,
+  subtitle,
+  icon,
+  corner,
+  children,
+  footer,
+  maxWidth = 440,
+}: AuthPageProps) {
+  const { colorScheme } = useColorScheme();
+  const isDark = colorScheme === "dark";
+
+  if (layout === "screen") {
+    return (
+      <SafeAreaView className="flex-1 bg-background dark:bg-black">
+        <StatusBar style={isDark ? "light" : "dark"} />
+        <ScrollView
+          className="flex-1"
+          contentContainerStyle={{ flexGrow: 1 }}
+          keyboardShouldPersistTaps="handled"
+        >
+          <View className="flex-1 px-6 pb-10 pt-4">
+            {/* The corner control sits in the 40px above the heading rather
+                than absolutely over the content, which is where the card
+                layout puts it. Same row every screen in the flow leaves for a
+                back control, so the headings all land in the same place. */}
+            <View className="mb-4 h-10 flex-row items-center">{corner}</View>
+
+            <Heading
+              className="text-3xl"
+              numberOfLines={1}
+              adjustsFontSizeToFit
+              minimumFontScale={0.7}
+            >
+              {title}
+            </Heading>
+            {subtitle ? (
+              <MutedText className="mt-2 text-base leading-6">{subtitle}</MutedText>
+            ) : null}
+
+            <View className="flex-1 pt-6">{children}</View>
+            {footer ? <View className="gap-2 pt-6">{footer}</View> : null}
+          </View>
+        </ScrollView>
+      </SafeAreaView>
+    );
+  }
+
+  return (
+    <SafeAreaView className="flex-1 bg-background dark:bg-black">
+      <StatusBar style={isDark ? "light" : "dark"} />
+      <ScrollView
+        className="flex-1"
+        contentContainerClassName="flex-1 items-center justify-center p-6"
+        keyboardShouldPersistTaps="handled"
+      >
+        {corner ? <View className="absolute left-6 top-4 mt-4 self-start">{corner}</View> : null}
+
+        <Card className="w-full" style={{ maxWidth }}>
+          <CardHeader className="items-center">
+            {icon}
+            <CardTitle className="text-center text-2xl">{title}</CardTitle>
+            {subtitle ? (
+              <CardDescription className="text-center text-base">{subtitle}</CardDescription>
+            ) : null}
+          </CardHeader>
+
+          <CardContent className="gap-4 pb-3">{children}</CardContent>
+
+          {footer ? (
+            <CardFooter className="flex-col items-stretch gap-1 border-t-0 pt-0">
+              {footer}
+            </CardFooter>
+          ) : null}
+        </Card>
+      </ScrollView>
+    </SafeAreaView>
+  );
+}
+
+export default AuthPage;