@ankhorage/zora 23.0.0 → 23.1.0

package/src/features/registry/ZORA_COMPONENT_REGISTRY.ts

@@ -6,6 +6,7 @@ import { Accordion, AccordionItem } from '../accordion/public';
 import { ActivityIndicator } from '../activity-indicator/public';
 import { AppBar } from '../app-bar/public';
 import {
+  AuthScreen,
   ForgotPasswordForm,
   OAuthProviderButton,
   OAuthProviderList,
@@ -175,6 +176,7 @@ const _ZORA_COMPONENT_REGISTRY = {
   AppShell,
   Screen,
   ScreenSection,
+  AuthScreen,
   ForgotPasswordForm,
   OAuthProviderButton,
   OAuthProviderList,

package/src/features/registry/componentMeta.test.ts

@@ -166,6 +166,7 @@ describe('ZORA_COMPONENT_META invariants', () => {
   test('direct manifest node leaf/container rules', () => {
     const expectedLeafNodes = new Set([
       'ActivityIndicator',
+      'AuthScreen',
       'ForgotPasswordForm',
       'OAuthProviderButton',
       'OAuthProviderList',

package/src/features/registry/componentMeta.ts

@@ -3,6 +3,7 @@ import { accordionItemMeta } from '../accordion/accordionItemMeta';
 import { accordionMeta } from '../accordion/accordionMeta';
 import { activityIndicatorMeta } from '../activity-indicator/activityIndicatorMeta';
 import { appBarMeta } from '../app-bar/appBarMeta';
+import { authScreenMeta } from '../auth/authScreenMeta';
 import { forgotPasswordFormMeta } from '../auth/forgotPasswordFormMeta';
 import { oauthProviderButtonMeta } from '../auth/oauthProviderButtonMeta';
 import { oauthProviderListMeta } from '../auth/oauthProviderListMeta';
@@ -178,6 +179,7 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = finalizeFeatureMet
   AppShell: appShellMeta,
   Screen: screenMeta,
   ScreenSection: screenSectionMeta,
+  AuthScreen: authScreenMeta,
   ForgotPasswordForm: forgotPasswordFormMeta,
   OAuthProviderButton: oauthProviderButtonMeta,
   OAuthProviderList: oauthProviderListMeta,

package/src/index.ts

@@ -16,6 +16,8 @@ export { AppBar } from './features/app-bar/public';
 export type {
   AuthFormBaseProps,
   AuthIdentifierKind,
+  AuthScreenMode,
+  AuthScreenProps,
   ForgotPasswordFormProps,
   ForgotPasswordFormValues,
   OAuthProviderButtonProps,
@@ -32,6 +34,7 @@ export type {
   SignUpFormValues,
 } from './features/auth/public';
 export {
+  AuthScreen,
   DEFAULT_OAUTH_PROVIDER_ICONS,
   ForgotPasswordForm,
   OAuthProviderButton,

package/src/showcaseCoverage.test.ts

@@ -63,6 +63,7 @@ const REQUIRED_SHOWCASE_COVERAGE = {
   features: ['Uploader', 'BottomSheet', 'FlatList', 'SectionList'],
   layouts: ['AppShell', 'Screen', 'ScreenSection', 'ScrollView'],
   patterns: [
+    'AuthScreen',
     'ForgotPasswordForm',
     'OtpForm',
     'SignInForm',

package/src/types/auth.ts

@@ -7,6 +7,27 @@ import type { FormFieldConfig, FormValues } from './form';
 
 export type AuthIdentifierKind = 'email' | 'phone' | 'username';
 
+export type AuthScreenMode = 'signIn' | 'signUp';
+
+export interface AuthScreenProps extends ZoraBaseProps {
+  authMode: AuthScreenMode;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  info?: React.ReactNode;
+  error?: React.ReactNode;
+  loading?: boolean;
+  disabled?: boolean;
+  identifiers?: readonly AuthIdentifierKind[];
+  identifierLabel?: React.ReactNode;
+  signUpFields?: readonly SignUpFormField[];
+  oauthProviders?: readonly OAuthProviderItem[];
+  oauthSeparatorLabel?: React.ReactNode;
+  onModeChange?: (mode: AuthScreenMode) => void | Promise<void>;
+  onOAuthProviderPress?: (providerId: string) => void | Promise<void>;
+  onSignInSubmit?: (values: SignInFormValues) => void | Promise<void>;
+  onSignUpSubmit?: (values: SignUpFormValues) => void | Promise<void>;
+}
+
 export interface AuthFormBaseProps extends ZoraBaseProps {
   loading?: boolean;
   disabled?: boolean;

package/web-dist/chunks/{Accordion-q165k3az.js → Accordion-2ak69ntj.js}

@@ -4,7 +4,7 @@ import {
 } from "./Accordion-7hn324r1.js";
 import {
   Button2
-} from "./Accordion-dp638q63.js";
+} from "./Accordion-yms7x22j.js";
 import {
   withZoraThemeScope
 } from "./Accordion-13y3zx87.js";
@@ -13,13 +13,13 @@ import {
 } from "./Accordion-01e56hb5.js";
 import {
   Card2
-} from "./Accordion-fm3jxs1f.js";
+} from "./Accordion-z1trs7s1.js";
 import {
-  Text2
-} from "./Accordion-rx2gzadh.js";
+  Text3
+} from "./Accordion-46vwm9xv.js";
 import {
   Badge2
-} from "./Accordion-x13vca75.js";
+} from "./Accordion-cqgbx1pw.js";
 import {
   useZoraTheme2
 } from "./Accordion-7zfskq1s.js";
@@ -82,7 +82,7 @@ function CameraPermissionViewInner({
     children: /* @__PURE__ */ jsxs(View2, {
       gap: "m",
       children: [
-        /* @__PURE__ */ jsxs(Text2, {
+        /* @__PURE__ */ jsxs(Text3, {
           emphasis: "muted",
           variant: "bodySmall",
           children: [
@@ -167,13 +167,13 @@ function ScanOverlayInner({
         /* @__PURE__ */ jsxs2(View2, {
           gap: "xs",
           children: [
-            /* @__PURE__ */ jsx2(Text2, {
+            /* @__PURE__ */ jsx2(Text3, {
               align: "center",
               variant: "label",
               weight: "semiBold",
               children: title
             }),
-            /* @__PURE__ */ jsx2(Text2, {
+            /* @__PURE__ */ jsx2(Text3, {
               align: "center",
               emphasis: "muted",
               variant: "bodySmall",
@@ -304,7 +304,7 @@ function BarcodeScannerViewInner({
         children ? /* @__PURE__ */ jsx3(View2, {
           children
         }) : null,
-        /* @__PURE__ */ jsx3(Text2, {
+        /* @__PURE__ */ jsx3(Text3, {
           emphasis: "muted",
           variant: "caption",
           children: "Native scanning belongs to an app adapter such as expo-camera. ZORA owns this visible scanner surface."

package/web-dist/chunks/{Accordion-rx2gzadh.js → Accordion-46vwm9xv.js}

@@ -577,7 +577,7 @@ var textThemeRecipeMeta = {
 
 // src/features/typography/adapters/inbound/Text.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var Text2 = withZoraThemeScope(TextInner);
+var Text3 = withZoraThemeScope(TextInner);
 var textLayoutStyle = {
   flexShrink: 1,
   maxWidth: "100%",
@@ -656,4 +656,4 @@ function TextInner({
     children: content
   });
 }
-export { Heading2, Text2 };
+export { Heading2, Text3 };

package/web-dist/chunks/{Accordion-xf8cj8z4.js → Accordion-4r9a9qny.js}

@@ -24,8 +24,8 @@ import {
 } from "./Accordion-01e56hb5.js";
 import {
   Heading2,
-  Text2
-} from "./Accordion-rx2gzadh.js";
+  Text3
+} from "./Accordion-46vwm9xv.js";
 import {
   resolveOverlayAnimation
 } from "./Accordion-2d8xn32m.js";
@@ -158,7 +158,7 @@ function DialogInner({
                 level: 3,
                 children: title
               }) : null,
-              description !== undefined ? /* @__PURE__ */ jsx2(Text2, {
+              description !== undefined ? /* @__PURE__ */ jsx2(Text3, {
                 emphasis: "muted",
                 variant: "bodySmall",
                 children: description

package/web-dist/chunks/{Accordion-w0k7gnn9.js → Accordion-5pskbqss.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   Field3
-} from "./Accordion-zx0jc0kg.js";
+} from "./Accordion-qb8ppq9t.js";
 import {
   withZoraThemeScope
 } from "./Accordion-13y3zx87.js";
@@ -9,8 +9,8 @@ import {
   View2
 } from "./Accordion-01e56hb5.js";
 import {
-  Text2
-} from "./Accordion-rx2gzadh.js";
+  Text3
+} from "./Accordion-46vwm9xv.js";
 
 // src/features/form/field/adapters/inbound/Field.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -30,12 +30,12 @@ function FieldInner({
     label: /* @__PURE__ */ jsxs(View2, {
       gap: "xs",
       children: [
-        /* @__PURE__ */ jsx(Text2, {
+        /* @__PURE__ */ jsx(Text3, {
           variant: "label",
           weight: "semiBold",
           children: label
         }),
-        description ? /* @__PURE__ */ jsx(Text2, {
+        description ? /* @__PURE__ */ jsx(Text3, {
           emphasis: "muted",
           variant: "bodySmall",
           children: description

package/web-dist/chunks/{Accordion-09se459d.js → Accordion-8xdet564.js}

@@ -13,8 +13,8 @@ import {
   Pressable
 } from "./Accordion-cdppbyad.js";
 import {
-  Text3
-} from "./Accordion-bsy1jrak.js";
+  Text2
+} from "./Accordion-ff583p4q.js";
 import {
   withZoraThemeScope
 } from "./Accordion-13y3zx87.js";
@@ -22,21 +22,21 @@ import {
   View2
 } from "./Accordion-01e56hb5.js";
 import {
-  Text2
-} from "./Accordion-rx2gzadh.js";
+  Text3
+} from "./Accordion-46vwm9xv.js";
 import {
   Icon2
 } from "./Accordion-x4rjd7yn.js";
-import {
-  useZoraThemeRecipe,
-  ZORA_COLORS
-} from "./Accordion-e1nn8m46.js";
 import {
   resolveFieldState,
   resolveIndicatorSize,
   resolveSelectionControlNextChecked,
   resolveSelectionControlColors
 } from "./Accordion-2d8xn32m.js";
+import {
+  useZoraThemeRecipe,
+  ZORA_COLORS
+} from "./Accordion-e1nn8m46.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";
@@ -156,7 +156,7 @@ function renderRadioContent(input) {
       hasContent ? /* @__PURE__ */ jsx(View3, {
         flex: 1,
         ml: "s",
-        children: isRadioTextContent(input.children) ? /* @__PURE__ */ jsx(Text3, {
+        children: isRadioTextContent(input.children) ? /* @__PURE__ */ jsx(Text2, {
           emphasis: labelEmphasis,
           children: input.children
         }) : input.children
@@ -404,13 +404,13 @@ function RadioOptionControlContent({
       /* @__PURE__ */ jsxs2(import_react_native.View, {
         style: layout === "horizontal" ? styles.label : styles.centerLabel,
         children: [
-          /* @__PURE__ */ jsx3(Text2, {
+          /* @__PURE__ */ jsx3(Text3, {
             variant: size === "l" ? "body" : "bodySmall",
             weight: "semiBold",
             align: layout === "vertical" || !option.iconSource ? "center" : "left",
             children: option.label
           }),
-          option.description ? /* @__PURE__ */ jsx3(Text2, {
+          option.description ? /* @__PURE__ */ jsx3(Text3, {
             emphasis: "muted",
             variant: "bodySmall",
             align: layout === "vertical" || !option.iconSource ? "center" : "left",
@@ -562,10 +562,10 @@ function RadioGroupItem(props) {
     children: /* @__PURE__ */ jsxs3(View2, {
       gap: "xs",
       children: [
-        /* @__PURE__ */ jsx4(Text2, {
+        /* @__PURE__ */ jsx4(Text3, {
           children: option.label
         }),
-        option.description ? /* @__PURE__ */ jsx4(Text2, {
+        option.description ? /* @__PURE__ */ jsx4(Text3, {
           emphasis: "muted",
           variant: "caption",
           children: option.description

package/web-dist/chunks/{Accordion-czmnsspb.js → Accordion-9n7h9hag.js}

@@ -9,7 +9,7 @@ import {
 } from "./Accordion-7hn324r1.js";
 import {
   IconButton2
-} from "./Accordion-dp638q63.js";
+} from "./Accordion-yms7x22j.js";
 import {
   withZoraThemeScope
 } from "./Accordion-13y3zx87.js";
@@ -18,11 +18,11 @@ import {
 } from "./Accordion-01e56hb5.js";
 import {
   PopoverMenu2
-} from "./Accordion-gkzhd3zk.js";
+} from "./Accordion-kmv2fp6m.js";
 import {
   Heading2,
-  Text2
-} from "./Accordion-rx2gzadh.js";
+  Text3
+} from "./Accordion-46vwm9xv.js";
 import {
   useZoraTheme2
 } from "./Accordion-7zfskq1s.js";
@@ -243,7 +243,7 @@ function resolveCenter({
   if (children !== undefined)
     return children;
   if (isSelectionMode && resolvedMode.type === "selection") {
-    return /* @__PURE__ */ jsx2(Text2, {
+    return /* @__PURE__ */ jsx2(Text3, {
       emphasis: "default",
       numberOfLines: 1,
       variant: "label",
@@ -263,7 +263,7 @@ function resolveCenter({
         size: "h5",
         children: title
       }) : null,
-      subtitle != null ? /* @__PURE__ */ jsx2(Text2, {
+      subtitle != null ? /* @__PURE__ */ jsx2(Text3, {
         ellipsizeMode: "tail",
         emphasis: "muted",
         numberOfLines: 1,

package/web-dist/chunks/{Accordion-x1dg1f47.js → Accordion-b9myvfep.js}

@@ -7,13 +7,13 @@ import {
 } from "./Accordion-01e56hb5.js";
 import {
   ButtonGroup2
-} from "./Accordion-dp638q63.js";
+} from "./Accordion-yms7x22j.js";
 import {
   Card2
-} from "./Accordion-fm3jxs1f.js";
+} from "./Accordion-z1trs7s1.js";
 import {
   List2
-} from "./Accordion-w1afjp87.js";
+} from "./Accordion-rnjt5z4y.js";
 import {
   useZoraTheme2
 } from "./Accordion-7zfskq1s.js";