@ankhorage/zora 16.0.0 → 17.0.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 17.0.0
+
+### Major Changes
+
+- ecc165a: Adopt the released Surface 6 native-named layout boundary. `View`, `ScrollView`, `Grid`, and `Divider` are the canonical ZORA layout primitives, while `AppShell`, `Screen`, and `ScreenSection` now live under the layout feature.
+
+  Remove the redundant `Box`, `Stack`, `Container`, `Center`, `Inline`, `Spacer`, and `Show` exports together with the specialized `SettingsLayout`, `SidebarLayout`, and `TopbarLayout` wrappers. Replace `TileGrid` with `Grid` and `SettingsRow` with `ListRow`; `ContentRail` and `PaletteItem` retain their public names under dedicated feature owners.
+
+  Update the component registry, authoring metadata, examples, acceptance coverage, and generated Paradox documentation for the new Surface 6 architecture.
+
 ## 16.0.0
 
 ### Major Changes

package/README.md

@@ -3,7 +3,7 @@
 
 # @ankhorage/zora
 
-![license: MIT](././paradox/badges/license.svg) ![npm: v15.0.0](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
+![license: MIT](././paradox/badges/license.svg) ![npm: v16.0.0](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
 
 Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.
 
@@ -26,10 +26,10 @@ import {
   DatePicker,
   Screen,
   ScreenSection,
-  Stack,
   Text,
   TimePicker,
   useToast,
+  View,
   ZoraProvider,
   type ZoraTheme,
 } from '@ankhorage/zora';
@@ -72,7 +72,7 @@ function UsageContent() {
   const [time, setTime] = React.useState<string | null>(null);
 
   return (
-    <Stack gap="m">
+    <View gap="m">
       <Text variant="lead">Runtime capabilities are opt-in at the app root.</Text>
       <Button
         onPress={() =>
@@ -87,7 +87,7 @@ function UsageContent() {
       </Button>
       <DatePicker label="Date" onValueChange={setDate} value={date} />
       <TimePicker label="Time" onValueChange={setTime} value={time} />
-    </Stack>
+    </View>
   );
 }
 
@@ -104,17 +104,17 @@ export function NativeBottomSheetExample() {
   const [open, setOpen] = React.useState(false);
 
   return (
-    <Stack gap="m">
+    <View gap="m">
       <Button onPress={() => setOpen(true)}>Open native bottom sheet</Button>
       <BottomSheet onDismiss={() => setOpen(false)} open={open}>
-        <Stack gap="s" p="m">
+        <View gap="s" p="m">
           <Text variant="label">Bottom sheet content</Text>
           <Button onPress={() => setOpen(false)} variant="ghost">
             Close
           </Button>
-        </Stack>
+        </View>
       </BottomSheet>
-    </Stack>
+    </View>
   );
 }
 ```
@@ -135,10 +135,10 @@ import {
   DatePicker,
   Screen,
   ScreenSection,
-  Stack,
   Text,
   TimePicker,
   useToast,
+  View,
   ZoraProvider,
   type ZoraTheme,
 } from '@ankhorage/zora';
@@ -191,7 +191,7 @@ function UsageContent() {
   const [time, setTime] = React.useState<string | null>(null);
 
   return (
-    <Stack gap="m">
+    <View gap="m">
       <Text variant="lead">Runtime capabilities are opt-in at the app root.</Text>
       <Button
         onPress={() =>
@@ -206,7 +206,7 @@ function UsageContent() {
       </Button>
       <DatePicker label="Date" onValueChange={setDate} value={date} />
       <TimePicker label="Time" onValueChange={setTime} value={time} />
-    </Stack>
+    </View>
   );
 }
 
@@ -214,17 +214,17 @@ export function NativeBottomSheetExample() {
   const [open, setOpen] = React.useState(false);
 
   return (
-    <Stack gap="m">
+    <View gap="m">
       <Button onPress={() => setOpen(true)}>Open native bottom sheet</Button>
       <BottomSheet onDismiss={() => setOpen(false)} open={open}>
-        <Stack gap="s" p="m">
+        <View gap="s" p="m">
           <Text variant="label">Bottom sheet content</Text>
           <Button onPress={() => setOpen(false)} variant="ghost">
             Close
           </Button>
-        </Stack>
+        </View>
       </BottomSheet>
-    </Stack>
+    </View>
   );
 }
 ```

package/dist/constants.d.ts

@@ -19,7 +19,8 @@ export declare const FEATURE_MANIFEST_ELEMENTS: {
     readonly icon: readonly ["Icon"];
     readonly image: readonly ["Image"];
     readonly 'keyboard-avoiding-view': readonly ["KeyboardAvoidingView"];
-    readonly layout: readonly ["Box", "Container", "ContentRail", "Divider", "Grid", "Stack"];
+    readonly 'content-rail': readonly ["ContentRail"];
+    readonly layout: readonly ["Divider", "Grid", "Screen", "ScreenSection", "ScrollView", "View"];
     readonly list: readonly ["FlatList", "SectionList"];
     readonly pagination: readonly ["Pagination"];
     readonly rating: readonly ["Rating"];

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB;;;;CAI5B,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC5B,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB;;;;CAI5B,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC5B,CAAC"}

package/dist/constants.js

@@ -26,7 +26,8 @@ export const FEATURE_MANIFEST_ELEMENTS = {
     icon: ['Icon'],
     image: ['Image'],
     'keyboard-avoiding-view': ['KeyboardAvoidingView'],
-    layout: ['Box', 'Container', 'ContentRail', 'Divider', 'Grid', 'Stack'],
+    'content-rail': ['ContentRail'],
+    layout: ['Divider', 'Grid', 'Screen', 'ScreenSection', 'ScrollView', 'View'],
     list: ['FlatList', 'SectionList'],
     pagination: ['Pagination'],
     rating: ['Rating'],

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,WAAW;IAClB,qBAAqB,EAAE,IAAI;CACnB,CAAC;AAEX,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,IAAI,EAAE;QACJ,oBAAoB;QACpB,qBAAqB;QACrB,mBAAmB;QACnB,SAAS;QACT,YAAY;QACZ,YAAY;KACb;IACD,OAAO,EAAE,CAAC,SAAS,CAAC;IACpB,MAAM,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,CAAC;IACpE,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC;IAC3B,YAAY,EAAE,CAAC,WAAW,CAAC;IAC3B,aAAa,EAAE,CAAC,YAAY,CAAC;IAC7B,MAAM,EAAE,CAAC,QAAQ,CAAC;IAClB,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,WAAW,CAAC;IACxC,QAAQ,EAAE,CAAC,UAAU,CAAC;IACtB,MAAM,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,aAAa,CAAC;IAC/C,IAAI,EAAE,CAAC,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,wBAAwB,EAAE,CAAC,sBAAsB,CAAC;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;IACvE,IAAI,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC;IACjC,UAAU,EAAE,CAAC,YAAY,CAAC;IAC1B,MAAM,EAAE,CAAC,QAAQ,CAAC;IAClB,QAAQ,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,CAAC;IACtE,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC;IAC5C,OAAO,EAAE,CAAC,SAAS,CAAC;IACpB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;IAC/B,aAAa,EAAE,CAAC,YAAY,CAAC;IAC7B,QAAQ,EAAE,CAAC,UAAU,CAAC;IACtB,cAAc,EAAE,CAAC,aAAa,CAAC;CACvB,CAAC","sourcesContent":["export const COMPONENT_THEME_AUTHORING = {\n  authority: 'theme',\n  scope: 'component',\n  allowInstanceOverride: true,\n} as const;\n\nexport const FEATURE_MANIFEST_ELEMENTS = {\n  auth: [\n    'ForgotPasswordForm',\n    'OAuthProviderButton',\n    'OAuthProviderList',\n    'OtpForm',\n    'SignInForm',\n    'SignUpForm',\n  ],\n  surface: ['Surface'],\n  avatar: ['Avatar', 'AvatarGroup'],\n  badge: ['Badge'],\n  card: ['Card', 'MediaCard', 'MetricCard', 'PostCard', 'ProductCard'],\n  chip: ['Chip', 'ChipGroup'],\n  'data-table': ['DataTable'],\n  'date-picker': ['DatePicker'],\n  dialog: ['Dialog'],\n  form: ['Form', 'FormError', 'FormField'],\n  gradient: ['Gradient'],\n  button: ['Button', 'IconButton', 'ButtonGroup'],\n  icon: ['Icon'],\n  image: ['Image'],\n  'keyboard-avoiding-view': ['KeyboardAvoidingView'],\n  layout: ['Box', 'Container', 'ContentRail', 'Divider', 'Grid', 'Stack'],\n  list: ['FlatList', 'SectionList'],\n  pagination: ['Pagination'],\n  rating: ['Rating'],\n  skeleton: ['Skeleton', 'SkeletonCard', 'SkeletonList', 'SkeletonText'],\n  tabs: ['Tabs', 'TabList', 'Tab', 'TabPanel'],\n  toolbar: ['Toolbar'],\n  typography: ['Heading', 'Text'],\n  'time-picker': ['TimePicker'],\n  uploader: ['Uploader'],\n  'bottom-sheet': ['BottomSheet'],\n} as const;\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,WAAW;IAClB,qBAAqB,EAAE,IAAI;CACnB,CAAC;AAEX,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,IAAI,EAAE;QACJ,oBAAoB;QACpB,qBAAqB;QACrB,mBAAmB;QACnB,SAAS;QACT,YAAY;QACZ,YAAY;KACb;IACD,OAAO,EAAE,CAAC,SAAS,CAAC;IACpB,MAAM,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,CAAC;IACpE,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC;IAC3B,YAAY,EAAE,CAAC,WAAW,CAAC;IAC3B,aAAa,EAAE,CAAC,YAAY,CAAC;IAC7B,MAAM,EAAE,CAAC,QAAQ,CAAC;IAClB,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,WAAW,CAAC;IACxC,QAAQ,EAAE,CAAC,UAAU,CAAC;IACtB,MAAM,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,aAAa,CAAC;IAC/C,IAAI,EAAE,CAAC,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,wBAAwB,EAAE,CAAC,sBAAsB,CAAC;IAClD,cAAc,EAAE,CAAC,aAAa,CAAC;IAC/B,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,CAAC;IAC5E,IAAI,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC;IACjC,UAAU,EAAE,CAAC,YAAY,CAAC;IAC1B,MAAM,EAAE,CAAC,QAAQ,CAAC;IAClB,QAAQ,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,CAAC;IACtE,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC;IAC5C,OAAO,EAAE,CAAC,SAAS,CAAC;IACpB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;IAC/B,aAAa,EAAE,CAAC,YAAY,CAAC;IAC7B,QAAQ,EAAE,CAAC,UAAU,CAAC;IACtB,cAAc,EAAE,CAAC,aAAa,CAAC;CACvB,CAAC","sourcesContent":["export const COMPONENT_THEME_AUTHORING = {\n  authority: 'theme',\n  scope: 'component',\n  allowInstanceOverride: true,\n} as const;\n\nexport const FEATURE_MANIFEST_ELEMENTS = {\n  auth: [\n    'ForgotPasswordForm',\n    'OAuthProviderButton',\n    'OAuthProviderList',\n    'OtpForm',\n    'SignInForm',\n    'SignUpForm',\n  ],\n  surface: ['Surface'],\n  avatar: ['Avatar', 'AvatarGroup'],\n  badge: ['Badge'],\n  card: ['Card', 'MediaCard', 'MetricCard', 'PostCard', 'ProductCard'],\n  chip: ['Chip', 'ChipGroup'],\n  'data-table': ['DataTable'],\n  'date-picker': ['DatePicker'],\n  dialog: ['Dialog'],\n  form: ['Form', 'FormError', 'FormField'],\n  gradient: ['Gradient'],\n  button: ['Button', 'IconButton', 'ButtonGroup'],\n  icon: ['Icon'],\n  image: ['Image'],\n  'keyboard-avoiding-view': ['KeyboardAvoidingView'],\n  'content-rail': ['ContentRail'],\n  layout: ['Divider', 'Grid', 'Screen', 'ScreenSection', 'ScrollView', 'View'],\n  list: ['FlatList', 'SectionList'],\n  pagination: ['Pagination'],\n  rating: ['Rating'],\n  skeleton: ['Skeleton', 'SkeletonCard', 'SkeletonList', 'SkeletonText'],\n  tabs: ['Tabs', 'TabList', 'Tab', 'TabPanel'],\n  toolbar: ['Toolbar'],\n  typography: ['Heading', 'Text'],\n  'time-picker': ['TimePicker'],\n  uploader: ['Uploader'],\n  'bottom-sheet': ['BottomSheet'],\n} as const;\n"]}

package/dist/features/accordion/accordionItemMeta.d.ts

@@ -3,7 +3,7 @@ export declare const accordionItemMeta: {
     readonly category: "component";
     readonly description: "One expandable accordion item with authored content and optional actions.";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "View", "ScrollView", "Grid", "Gradient", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly blueprint: {
         readonly label: "Accordion item";
         readonly defaultProps: {

package/dist/features/accordion/adapters/inbound/AccordionItem.js

@@ -2,7 +2,7 @@ import { AccordionContent as SurfaceAccordionContent, AccordionItem as SurfaceAc
 import React from 'react';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { Icon } from '../../../icon/public';
-import { Box, Divider, Stack } from '../../../layout/public';
+import { Divider, View } from '../../../layout/public';
 import { Heading, Text } from '../../../typography/public';
 import { AccordionPresentationContext } from '../../composition/AccordionPresentationContext';
 /*** Renders one opinionated ZORA accordion item over Surface trigger/content primitives. */
@@ -16,37 +16,37 @@ function AccordionItemInner({ themeId: _themeId, mode: _mode, actions, children,
     }
     const open = presentation.openValues.includes(value);
     return (<SurfaceAccordionItem {...surfaceItemProps} disabled={disabled} interactionPolicy={interactionPolicy} testID={testID} value={value}>
-      <Stack gap="none">
-        <Stack align="center" direction="row" gap="s">
-          <Box flex={1}>
+      <View gap="none">
+        <View align="center" direction="row" gap="s">
+          <View flex={1}>
             <SurfaceAccordionTrigger interactionPolicy={interactionPolicy} style={triggerStyle}>
-              <Box px="m" py="m">
-                <Stack align="center" direction="row" gap="m">
+              <View px="m" py="m">
+                <View align="center" direction="row" gap="m">
                   {icon ? <Icon {...icon}/> : null}
-                  <Box flex={1}>
-                    <Stack gap="xs">
+                  <View flex={1}>
+                    <View gap="xs">
                       <Heading level={4}>{title}</Heading>
                       {description ? (<Text emphasis="muted" variant="bodySmall">
                           {description}
                         </Text>) : null}
-                    </Stack>
-                  </Box>
+                    </View>
+                  </View>
                   <Icon name={open ? 'chevron-up-outline' : 'chevron-down-outline'} size="m"/>
-                </Stack>
-              </Box>
+                </View>
+              </View>
             </SurfaceAccordionTrigger>
-          </Box>
-          {actions ? <Box pr="m">{actions}</Box> : null}
-        </Stack>
+          </View>
+          {actions ? <View pr="m">{actions}</View> : null}
+        </View>
 
         <SurfaceAccordionContent>
-          <Box px="m" pb="m">
-            <Stack gap="m">{children}</Stack>
-          </Box>
+          <View px="m" pb="m">
+            <View gap="m">{children}</View>
+          </View>
         </SurfaceAccordionContent>
 
         <Divider />
-      </Stack>
+      </View>
     </SurfaceAccordionItem>);
 }
 //# sourceMappingURL=AccordionItem.js.map

package/dist/features/accordion/adapters/inbound/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,uBAAuB,EAC3C,aAAa,IAAI,oBAAoB,EACrC,gBAAgB,IAAI,uBAAuB,GAC5C,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AAE9F,4FAA4F;AAC5F,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;AAEpE,MAAM,YAAY,GAAc,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAE5C,oFAAoF;AACpF,SAAS,kBAAkB,CAAC,EAC1B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,gBAAgB,EACA;IACnB,MAAM,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;IAC7D,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACtE,CAAC;IAED,MAAM,IAAI,GAAG,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,CAAC,oBAAoB,CACnB,IAAI,gBAAgB,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CACf;QAAA,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAC3C;UAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;YAAA,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACjF;cAAA,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAChB;gBAAA,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAC3C;kBAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CACjC;kBAAA,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACX;oBAAA,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CACb;sBAAA,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACnC;sBAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;0BAAA,CAAC,WAAW,CACd;wBAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;oBAAA,EAAE,KAAK,CACT;kBAAA,EAAE,GAAG,CACL;kBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,GAAG,EAC5E;gBAAA,EAAE,KAAK,CACT;cAAA,EAAE,GAAG,CACP;YAAA,EAAE,uBAAuB,CAC3B;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC/C;QAAA,EAAE,KAAK,CAEP;;QAAA,CAAC,uBAAuB,CACtB;UAAA,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAChB;YAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,CAClC;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,uBAAuB,CAEzB;;QAAA,CAAC,OAAO,CAAC,AAAD,EACV;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,oBAAoB,CAAC,CACxB,CAAC;AACJ,CAAC","sourcesContent":["import {\n  AccordionContent as SurfaceAccordionContent,\n  AccordionItem as SurfaceAccordionItem,\n  AccordionTrigger as SurfaceAccordionTrigger,\n} from '@ankhorage/surface';\nimport React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { AccordionItemProps } from '../../../../types/accordion';\nimport { Icon } from '../../../icon/public';\nimport { Box, Divider, Stack } from '../../../layout/public';\nimport { Heading, Text } from '../../../typography/public';\nimport { AccordionPresentationContext } from '../../composition/AccordionPresentationContext';\n\n/*** Renders one opinionated ZORA accordion item over Surface trigger/content primitives. */\nexport const AccordionItem = withZoraThemeScope(AccordionItemInner);\n\nconst triggerStyle: ViewStyle = { flex: 1 };\n\n/*** Composes the item header, optional actions, expanded content, and separator. */\nfunction AccordionItemInner({\n  themeId: _themeId,\n  mode: _mode,\n  actions,\n  children,\n  description,\n  disabled,\n  icon,\n  interactionPolicy,\n  testID,\n  title,\n  value,\n  ...surfaceItemProps\n}: AccordionItemProps) {\n  const presentation = React.use(AccordionPresentationContext);\n  if (!presentation) {\n    throw new Error('AccordionItem must be rendered inside Accordion.');\n  }\n\n  const open = presentation.openValues.includes(value);\n\n  return (\n    <SurfaceAccordionItem\n      {...surfaceItemProps}\n      disabled={disabled}\n      interactionPolicy={interactionPolicy}\n      testID={testID}\n      value={value}\n    >\n      <Stack gap=\"none\">\n        <Stack align=\"center\" direction=\"row\" gap=\"s\">\n          <Box flex={1}>\n            <SurfaceAccordionTrigger interactionPolicy={interactionPolicy} style={triggerStyle}>\n              <Box px=\"m\" py=\"m\">\n                <Stack align=\"center\" direction=\"row\" gap=\"m\">\n                  {icon ? <Icon {...icon} /> : null}\n                  <Box flex={1}>\n                    <Stack gap=\"xs\">\n                      <Heading level={4}>{title}</Heading>\n                      {description ? (\n                        <Text emphasis=\"muted\" variant=\"bodySmall\">\n                          {description}\n                        </Text>\n                      ) : null}\n                    </Stack>\n                  </Box>\n                  <Icon name={open ? 'chevron-up-outline' : 'chevron-down-outline'} size=\"m\" />\n                </Stack>\n              </Box>\n            </SurfaceAccordionTrigger>\n          </Box>\n          {actions ? <Box pr=\"m\">{actions}</Box> : null}\n        </Stack>\n\n        <SurfaceAccordionContent>\n          <Box px=\"m\" pb=\"m\">\n            <Stack gap=\"m\">{children}</Stack>\n          </Box>\n        </SurfaceAccordionContent>\n\n        <Divider />\n      </Stack>\n    </SurfaceAccordionItem>\n  );\n}\n"]}
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,uBAAuB,EAC3C,aAAa,IAAI,oBAAoB,EACrC,gBAAgB,IAAI,uBAAuB,GAC5C,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AAE9F,4FAA4F;AAC5F,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;AAEpE,MAAM,YAAY,GAAc,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAE5C,oFAAoF;AACpF,SAAS,kBAAkB,CAAC,EAC1B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,gBAAgB,EACA;IACnB,MAAM,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;IAC7D,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACtE,CAAC;IAED,MAAM,IAAI,GAAG,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,CAAC,oBAAoB,CACnB,IAAI,gBAAgB,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CACd;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAC1C;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACZ;YAAA,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACjF;cAAA,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CACjB;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAC1C;kBAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CACjC;kBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACZ;oBAAA,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CACZ;sBAAA,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACnC;sBAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;0BAAA,CAAC,WAAW,CACd;wBAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;oBAAA,EAAE,IAAI,CACR;kBAAA,EAAE,IAAI,CACN;kBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,GAAG,EAC5E;gBAAA,EAAE,IAAI,CACR;cAAA,EAAE,IAAI,CACR;YAAA,EAAE,uBAAuB,CAC3B;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CACjD;QAAA,EAAE,IAAI,CAEN;;QAAA,CAAC,uBAAuB,CACtB;UAAA,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CACjB;YAAA,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAChC;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,uBAAuB,CAEzB;;QAAA,CAAC,OAAO,CAAC,AAAD,EACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,oBAAoB,CAAC,CACxB,CAAC;AACJ,CAAC","sourcesContent":["import {\n  AccordionContent as SurfaceAccordionContent,\n  AccordionItem as SurfaceAccordionItem,\n  AccordionTrigger as SurfaceAccordionTrigger,\n} from '@ankhorage/surface';\nimport React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { AccordionItemProps } from '../../../../types/accordion';\nimport { Icon } from '../../../icon/public';\nimport { Divider, View } from '../../../layout/public';\nimport { Heading, Text } from '../../../typography/public';\nimport { AccordionPresentationContext } from '../../composition/AccordionPresentationContext';\n\n/*** Renders one opinionated ZORA accordion item over Surface trigger/content primitives. */\nexport const AccordionItem = withZoraThemeScope(AccordionItemInner);\n\nconst triggerStyle: ViewStyle = { flex: 1 };\n\n/*** Composes the item header, optional actions, expanded content, and separator. */\nfunction AccordionItemInner({\n  themeId: _themeId,\n  mode: _mode,\n  actions,\n  children,\n  description,\n  disabled,\n  icon,\n  interactionPolicy,\n  testID,\n  title,\n  value,\n  ...surfaceItemProps\n}: AccordionItemProps) {\n  const presentation = React.use(AccordionPresentationContext);\n  if (!presentation) {\n    throw new Error('AccordionItem must be rendered inside Accordion.');\n  }\n\n  const open = presentation.openValues.includes(value);\n\n  return (\n    <SurfaceAccordionItem\n      {...surfaceItemProps}\n      disabled={disabled}\n      interactionPolicy={interactionPolicy}\n      testID={testID}\n      value={value}\n    >\n      <View gap=\"none\">\n        <View align=\"center\" direction=\"row\" gap=\"s\">\n          <View flex={1}>\n            <SurfaceAccordionTrigger interactionPolicy={interactionPolicy} style={triggerStyle}>\n              <View px=\"m\" py=\"m\">\n                <View align=\"center\" direction=\"row\" gap=\"m\">\n                  {icon ? <Icon {...icon} /> : null}\n                  <View flex={1}>\n                    <View gap=\"xs\">\n                      <Heading level={4}>{title}</Heading>\n                      {description ? (\n                        <Text emphasis=\"muted\" variant=\"bodySmall\">\n                          {description}\n                        </Text>\n                      ) : null}\n                    </View>\n                  </View>\n                  <Icon name={open ? 'chevron-up-outline' : 'chevron-down-outline'} size=\"m\" />\n                </View>\n              </View>\n            </SurfaceAccordionTrigger>\n          </View>\n          {actions ? <View pr=\"m\">{actions}</View> : null}\n        </View>\n\n        <SurfaceAccordionContent>\n          <View px=\"m\" pb=\"m\">\n            <View gap=\"m\">{children}</View>\n          </View>\n        </SurfaceAccordionContent>\n\n        <Divider />\n      </View>\n    </SurfaceAccordionItem>\n  );\n}\n"]}

package/dist/features/app-bar/adapters/inbound/AppBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../../../src/features/app-bar/adapters/inbound/AppBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAkC,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAS7F,wFAAwF;AACxF,eAAO,MAAM,MAAM,mDAAkC,CAAC"}
+{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../../../src/features/app-bar/adapters/inbound/AppBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAkC,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAS7F,wFAAwF;AACxF,eAAO,MAAM,MAAM,mDAAkC,CAAC"}

package/dist/features/app-bar/adapters/inbound/AppBar.js

@@ -1,10 +1,9 @@
 import { AppBar as SurfaceAppBar } from '@ankhorage/surface';
 import React from 'react';
-import { Inline } from '../../../../foundation';
 import { useZoraTheme } from '../../../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { IconButton } from '../../../button/public';
-import { Box, Stack } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { PopoverMenu } from '../../../popover-menu/public';
 import { Heading, Text } from '../../../typography/public';
 const DEFAULT_CANCEL_ICON = { name: 'close-outline' };
@@ -27,7 +26,7 @@ function AppBarInner({ themeId: _themeId, mode: _mode, title, subtitle, leading,
         title,
     });
     return (<SurfaceAppBar bg={isSelectionMode ? theme.semantics.action.primary.softBg : undefined} divider={divider} leading={resolvedLeading} safeAreaTop={safeAreaTop} testID={testID} trailing={resolvedTrailing}>
-      {resolvedCenter ? <Box style={{ minWidth: 0 }}>{resolvedCenter}</Box> : null}
+      {resolvedCenter ? <View style={{ minWidth: 0 }}>{resolvedCenter}</View> : null}
     </SurfaceAppBar>);
 }
 /*** Resolves the effective AppBar mode. */
@@ -64,10 +63,10 @@ function resolveOverflowMenu(overflow, interactionPolicy, testID) {
 function resolveTrailing(actions, overflowMenu) {
     if (!actions && !overflowMenu)
         return undefined;
-    return (<Inline align="center" gap="s" wrap="nowrap">
+    return (<View direction="row" align="center" gap="s" wrap="nowrap">
       {actions}
       {overflowMenu}
-    </Inline>);
+    </View>);
 }
 /*** Resolves the center content for default and selection modes. */
 function resolveCenter({ children, isSelectionMode, resolvedMode, subtitle, title, }) {
@@ -80,13 +79,13 @@ function resolveCenter({ children, isSelectionMode, resolvedMode, subtitle, titl
     }
     if (title == null && subtitle == null)
         return null;
-    return (<Stack gap="xs">
+    return (<View gap="xs">
       {title != null ? (<Heading ellipsizeMode="tail" level={3} numberOfLines={1} size="h5">
           {title}
         </Heading>) : null}
       {subtitle != null ? (<Text ellipsizeMode="tail" emphasis="muted" numberOfLines={1} variant="bodySmall">
           {subtitle}
         </Text>) : null}
-    </Stack>);
+    </View>);
 }
 //# sourceMappingURL=AppBar.js.map

package/dist/features/app-bar/adapters/inbound/AppBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../../../../src/features/app-bar/adapters/inbound/AppBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AppBar as SurfaceAppBar, type ButtonIconSpec } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Inline } from '../../../../foundation';\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { AppBarMode, AppBarOverflowMenu, AppBarProps } from '../../../../types/app-bar';\nimport { IconButton } from '../../../button/public';\nimport { Box, Stack } from '../../../layout/public';\nimport { PopoverMenu } from '../../../popover-menu/public';\nimport { Heading, Text } from '../../../typography/public';\n\nconst DEFAULT_CANCEL_ICON = { name: 'close-outline' } satisfies ButtonIconSpec;\nconst DEFAULT_OVERFLOW_ICON = { name: 'ellipsis-vertical' } satisfies ButtonIconSpec;\n\n/*** Renders a top app bar with title/subtitle and optional leading/trailing actions. */\nexport const AppBar = withZoraThemeScope(AppBarInner);\n\n/*** Composes the opinionated ZORA AppBar over the Surface layout primitive. */\nfunction AppBarInner({\n  themeId: _themeId,\n  mode: _mode,\n  title,\n  subtitle,\n  leading,\n  actions,\n  overflow,\n  appMode,\n  children,\n  safeAreaTop = true,\n  divider = true,\n  testID,\n  interactionPolicy,\n}: AppBarProps) {\n  const { theme } = useZoraTheme();\n  const resolvedMode = resolveMode(appMode);\n  const isSelectionMode = resolvedMode.type === 'selection';\n  const resolvedLeading = leading ?? resolveSelectionLeading(resolvedMode, interactionPolicy);\n  const overflowMenu = resolveOverflowMenu(overflow, interactionPolicy, testID);\n  const resolvedTrailing = resolveTrailing(actions, overflowMenu);\n  const resolvedCenter = resolveCenter({\n    children,\n    isSelectionMode,\n    resolvedMode,\n    subtitle,\n    title,\n  });\n\n  return (\n    <SurfaceAppBar\n      bg={isSelectionMode ? theme.semantics.action.primary.softBg : undefined}\n      divider={divider}\n      leading={resolvedLeading}\n      safeAreaTop={safeAreaTop}\n      testID={testID}\n      trailing={resolvedTrailing}\n    >\n      {resolvedCenter ? <Box style={{ minWidth: 0 }}>{resolvedCenter}</Box> : null}\n    </SurfaceAppBar>\n  );\n}\n\n/*** Resolves the effective AppBar mode. */\nfunction resolveMode(mode: AppBarMode | undefined): AppBarMode {\n  return mode ?? { type: 'default' };\n}\n\n/*** Formats the active selection label with its optional count. */\nfunction resolveSelectionLabel({ count, label }: { count?: number; label: string }): string {\n  if (count === undefined) return label;\n  return `${label} (${count})`;\n}\n\n/*** Resolves the accessible label for the overflow menu trigger. */\nfunction resolveOverflowLabel(overflow: AppBarOverflowMenu): string {\n  return overflow.label ?? 'More options';\n}\n\n/*** Resolves the accessible label for leaving selection mode. */\nfunction resolveCancelLabel(mode: Extract<AppBarMode, { type: 'selection' }>): string {\n  return mode.cancelLabel ?? 'Cancel selection';\n}\n\n/*** Resolves the selection action shown at the leading edge. */\nfunction resolveSelectionLeading(\n  mode: AppBarMode,\n  interactionPolicy: AppBarProps['interactionPolicy'],\n): React.ReactNode | undefined {\n  if (mode.type !== 'selection') return undefined;\n\n  return (\n    <IconButton\n      color=\"neutral\"\n      icon={mode.cancelIcon ?? DEFAULT_CANCEL_ICON}\n      interactionPolicy={interactionPolicy}\n      label={resolveCancelLabel(mode)}\n      onPress={mode.onCancel}\n      size=\"m\"\n      variant=\"ghost\"\n    />\n  );\n}\n\n/*** Resolves the optional AppBar overflow action menu. */\nfunction resolveOverflowMenu(\n  overflow: AppBarOverflowMenu | undefined,\n  interactionPolicy: AppBarProps['interactionPolicy'],\n  testID: string | undefined,\n): React.ReactNode {\n  if (overflow === undefined || overflow.actions.length === 0) return null;\n\n  return (\n    <PopoverMenu\n      actions={overflow.actions}\n      closeOnSelect={overflow.closeOnSelect}\n      interactionPolicy={interactionPolicy}\n      onDismiss={overflow.onDismiss}\n      testID={testID ? `${testID}-overflow` : undefined}\n      trigger={({ toggle }) => (\n        <IconButton\n          color=\"neutral\"\n          disabled={overflow.disabled}\n          icon={overflow.icon ?? DEFAULT_OVERFLOW_ICON}\n          interactionPolicy={interactionPolicy}\n          label={resolveOverflowLabel(overflow)}\n          onPress={toggle}\n          size=\"m\"\n          variant=\"ghost\"\n        />\n      )}\n    />\n  );\n}\n\n/*** Composes trailing actions and overflow controls. */\nfunction resolveTrailing(actions: React.ReactNode, overflowMenu: React.ReactNode): React.ReactNode {\n  if (!actions && !overflowMenu) return undefined;\n  return (\n    <Inline align=\"center\" gap=\"s\" wrap=\"nowrap\">\n      {actions}\n      {overflowMenu}\n    </Inline>\n  );\n}\n\n/*** Resolves the center content for default and selection modes. */\nfunction resolveCenter({\n  children,\n  isSelectionMode,\n  resolvedMode,\n  subtitle,\n  title,\n}: {\n  children: React.ReactNode;\n  isSelectionMode: boolean;\n  resolvedMode: AppBarMode;\n  subtitle: React.ReactNode;\n  title: React.ReactNode;\n}): React.ReactNode {\n  if (children !== undefined) return children;\n  if (isSelectionMode && resolvedMode.type === 'selection') {\n    return (\n      <Text emphasis=\"default\" numberOfLines={1} variant=\"label\" weight=\"semiBold\">\n        {resolveSelectionLabel(resolvedMode)}\n      </Text>\n    );\n  }\n  if (title == null && subtitle == null) return null;\n\n  return (\n    <Stack gap=\"xs\">\n      {title != null ? (\n        <Heading ellipsizeMode=\"tail\" level={3} numberOfLines={1} size=\"h5\">\n          {title}\n        </Heading>\n      ) : null}\n      {subtitle != null ? (\n        <Text ellipsizeMode=\"tail\" emphasis=\"muted\" numberOfLines={1} variant=\"bodySmall\">\n          {subtitle}\n        </Text>\n      ) : null}\n    </Stack>\n  );\n}\n"]}
+{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../../../../src/features/app-bar/adapters/inbound/AppBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AppBar as SurfaceAppBar, type ButtonIconSpec } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { AppBarMode, AppBarOverflowMenu, AppBarProps } from '../../../../types/app-bar';\nimport { IconButton } from '../../../button/public';\nimport { View } from '../../../layout/public';\nimport { PopoverMenu } from '../../../popover-menu/public';\nimport { Heading, Text } from '../../../typography/public';\n\nconst DEFAULT_CANCEL_ICON = { name: 'close-outline' } satisfies ButtonIconSpec;\nconst DEFAULT_OVERFLOW_ICON = { name: 'ellipsis-vertical' } satisfies ButtonIconSpec;\n\n/*** Renders a top app bar with title/subtitle and optional leading/trailing actions. */\nexport const AppBar = withZoraThemeScope(AppBarInner);\n\n/*** Composes the opinionated ZORA AppBar over the Surface layout primitive. */\nfunction AppBarInner({\n  themeId: _themeId,\n  mode: _mode,\n  title,\n  subtitle,\n  leading,\n  actions,\n  overflow,\n  appMode,\n  children,\n  safeAreaTop = true,\n  divider = true,\n  testID,\n  interactionPolicy,\n}: AppBarProps) {\n  const { theme } = useZoraTheme();\n  const resolvedMode = resolveMode(appMode);\n  const isSelectionMode = resolvedMode.type === 'selection';\n  const resolvedLeading = leading ?? resolveSelectionLeading(resolvedMode, interactionPolicy);\n  const overflowMenu = resolveOverflowMenu(overflow, interactionPolicy, testID);\n  const resolvedTrailing = resolveTrailing(actions, overflowMenu);\n  const resolvedCenter = resolveCenter({\n    children,\n    isSelectionMode,\n    resolvedMode,\n    subtitle,\n    title,\n  });\n\n  return (\n    <SurfaceAppBar\n      bg={isSelectionMode ? theme.semantics.action.primary.softBg : undefined}\n      divider={divider}\n      leading={resolvedLeading}\n      safeAreaTop={safeAreaTop}\n      testID={testID}\n      trailing={resolvedTrailing}\n    >\n      {resolvedCenter ? <View style={{ minWidth: 0 }}>{resolvedCenter}</View> : null}\n    </SurfaceAppBar>\n  );\n}\n\n/*** Resolves the effective AppBar mode. */\nfunction resolveMode(mode: AppBarMode | undefined): AppBarMode {\n  return mode ?? { type: 'default' };\n}\n\n/*** Formats the active selection label with its optional count. */\nfunction resolveSelectionLabel({ count, label }: { count?: number; label: string }): string {\n  if (count === undefined) return label;\n  return `${label} (${count})`;\n}\n\n/*** Resolves the accessible label for the overflow menu trigger. */\nfunction resolveOverflowLabel(overflow: AppBarOverflowMenu): string {\n  return overflow.label ?? 'More options';\n}\n\n/*** Resolves the accessible label for leaving selection mode. */\nfunction resolveCancelLabel(mode: Extract<AppBarMode, { type: 'selection' }>): string {\n  return mode.cancelLabel ?? 'Cancel selection';\n}\n\n/*** Resolves the selection action shown at the leading edge. */\nfunction resolveSelectionLeading(\n  mode: AppBarMode,\n  interactionPolicy: AppBarProps['interactionPolicy'],\n): React.ReactNode | undefined {\n  if (mode.type !== 'selection') return undefined;\n\n  return (\n    <IconButton\n      color=\"neutral\"\n      icon={mode.cancelIcon ?? DEFAULT_CANCEL_ICON}\n      interactionPolicy={interactionPolicy}\n      label={resolveCancelLabel(mode)}\n      onPress={mode.onCancel}\n      size=\"m\"\n      variant=\"ghost\"\n    />\n  );\n}\n\n/*** Resolves the optional AppBar overflow action menu. */\nfunction resolveOverflowMenu(\n  overflow: AppBarOverflowMenu | undefined,\n  interactionPolicy: AppBarProps['interactionPolicy'],\n  testID: string | undefined,\n): React.ReactNode {\n  if (overflow === undefined || overflow.actions.length === 0) return null;\n\n  return (\n    <PopoverMenu\n      actions={overflow.actions}\n      closeOnSelect={overflow.closeOnSelect}\n      interactionPolicy={interactionPolicy}\n      onDismiss={overflow.onDismiss}\n      testID={testID ? `${testID}-overflow` : undefined}\n      trigger={({ toggle }) => (\n        <IconButton\n          color=\"neutral\"\n          disabled={overflow.disabled}\n          icon={overflow.icon ?? DEFAULT_OVERFLOW_ICON}\n          interactionPolicy={interactionPolicy}\n          label={resolveOverflowLabel(overflow)}\n          onPress={toggle}\n          size=\"m\"\n          variant=\"ghost\"\n        />\n      )}\n    />\n  );\n}\n\n/*** Composes trailing actions and overflow controls. */\nfunction resolveTrailing(actions: React.ReactNode, overflowMenu: React.ReactNode): React.ReactNode {\n  if (!actions && !overflowMenu) return undefined;\n  return (\n    <View direction=\"row\" align=\"center\" gap=\"s\" wrap=\"nowrap\">\n      {actions}\n      {overflowMenu}\n    </View>\n  );\n}\n\n/*** Resolves the center content for default and selection modes. */\nfunction resolveCenter({\n  children,\n  isSelectionMode,\n  resolvedMode,\n  subtitle,\n  title,\n}: {\n  children: React.ReactNode;\n  isSelectionMode: boolean;\n  resolvedMode: AppBarMode;\n  subtitle: React.ReactNode;\n  title: React.ReactNode;\n}): React.ReactNode {\n  if (children !== undefined) return children;\n  if (isSelectionMode && resolvedMode.type === 'selection') {\n    return (\n      <Text emphasis=\"default\" numberOfLines={1} variant=\"label\" weight=\"semiBold\">\n        {resolveSelectionLabel(resolvedMode)}\n      </Text>\n    );\n  }\n  if (title == null && subtitle == null) return null;\n\n  return (\n    <View gap=\"xs\">\n      {title != null ? (\n        <Heading ellipsizeMode=\"tail\" level={3} numberOfLines={1} size=\"h5\">\n          {title}\n        </Heading>\n      ) : null}\n      {subtitle != null ? (\n        <Text ellipsizeMode=\"tail\" emphasis=\"muted\" numberOfLines={1} variant=\"bodySmall\">\n          {subtitle}\n        </Text>\n      ) : null}\n    </View>\n  );\n}\n"]}

package/dist/features/auth/adapters/inbound/AuthForm.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import { FormActions, FormError, useFormController } from '../../../form/public';
-import { Stack } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { AuthFormField } from './AuthFormField';
 /*** Keeps config-driven field orchestration private to the auth patterns that own it. */
 export function AuthForm({ fields, values, onChange, onSubmit, errors, error, loading = false, disabled = false, submitLabel = 'Submit', actions, testID, interactionPolicy, }) {
     const controller = useFormController({ fields, values, errors, onChange, onSubmit });
-    return (<Stack gap="m" testID={testID}>
+    return (<View gap="m" testID={testID}>
       <FormError error={error}/>
       {fields.map((field) => (<AuthFormField key={field.name} disabled={disabled} error={controller.errors[field.name]} field={field} interactionPolicy={interactionPolicy} loading={loading} onChange={controller.setFieldValue} value={values[field.name]}/>))}
       <FormActions disabled={disabled} interactionPolicy={interactionPolicy} loading={loading} onSubmit={() => {
@@ -14,6 +14,6 @@ export function AuthForm({ fields, values, onChange, onSubmit, errors, error, lo
         }} submitLabel={submitLabel}>
         {actions}
       </FormActions>
-    </Stack>);
+    </View>);
 }
 //# sourceMappingURL=AuthForm.js.map

package/dist/features/auth/adapters/inbound/AuthForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthForm.js","sourceRoot":"","sources":["../../../../../src/features/auth/adapters/inbound/AuthForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAiBhD,yFAAyF;AACzF,MAAM,UAAU,QAAQ,CAAuB,EAC7C,MAAM,EACN,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,QAAQ,EACtB,OAAO,EACP,MAAM,EACN,iBAAiB,GACI;IACrB,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACrF,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC5B;MAAA,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACxB;MAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,CAAC,aAAa,CACZ,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAChB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CACrC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,CACnC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAC1B,CACH,CAAC,CACF;MAAA,CAAC,WAAW,CACV,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,IAAI,iBAAiB,KAAK,SAAS;gBAAE,KAAK,UAAU,CAAC,YAAY,EAAE,CAAC;QACtE,CAAC,CAAC,CACF,WAAW,CAAC,CAAC,WAAW,CAAC,CAEzB;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,WAAW,CACf;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport type { ZoraBaseProps } from '../../../../theme/ZoraBaseProps';\nimport type { FormErrors, FormFieldConfig, FormValues } from '../../../../types/form';\nimport { FormActions, FormError, useFormController } from '../../../form/public';\nimport { Stack } from '../../../layout/public';\nimport { AuthFormField } from './AuthFormField';\n\ninterface AuthFormProps<TName extends string> {\n  fields: readonly FormFieldConfig<TName>[];\n  values: FormValues<TName>;\n  onChange: (values: FormValues<TName>) => void;\n  onSubmit?: (values: FormValues<TName>) => void | Promise<void>;\n  errors?: FormErrors<TName>;\n  error?: React.ReactNode;\n  loading?: boolean;\n  disabled?: boolean;\n  submitLabel?: React.ReactNode;\n  actions?: React.ReactNode;\n  testID?: string;\n  interactionPolicy?: ZoraBaseProps['interactionPolicy'];\n}\n\n/*** Keeps config-driven field orchestration private to the auth patterns that own it. */\nexport function AuthForm<TName extends string>({\n  fields,\n  values,\n  onChange,\n  onSubmit,\n  errors,\n  error,\n  loading = false,\n  disabled = false,\n  submitLabel = 'Submit',\n  actions,\n  testID,\n  interactionPolicy,\n}: AuthFormProps<TName>) {\n  const controller = useFormController({ fields, values, errors, onChange, onSubmit });\n  return (\n    <Stack gap=\"m\" testID={testID}>\n      <FormError error={error} />\n      {fields.map((field) => (\n        <AuthFormField\n          key={field.name}\n          disabled={disabled}\n          error={controller.errors[field.name]}\n          field={field}\n          interactionPolicy={interactionPolicy}\n          loading={loading}\n          onChange={controller.setFieldValue}\n          value={values[field.name]}\n        />\n      ))}\n      <FormActions\n        disabled={disabled}\n        interactionPolicy={interactionPolicy}\n        loading={loading}\n        onSubmit={() => {\n          if (interactionPolicy !== 'passive') void controller.handleSubmit();\n        }}\n        submitLabel={submitLabel}\n      >\n        {actions}\n      </FormActions>\n    </Stack>\n  );\n}\n"]}
+{"version":3,"file":"AuthForm.js","sourceRoot":"","sources":["../../../../../src/features/auth/adapters/inbound/AuthForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAiBhD,yFAAyF;AACzF,MAAM,UAAU,QAAQ,CAAuB,EAC7C,MAAM,EACN,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,QAAQ,EACtB,OAAO,EACP,MAAM,EACN,iBAAiB,GACI;IACrB,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACrF,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC3B;MAAA,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACxB;MAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,CAAC,aAAa,CACZ,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAChB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CACrC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,CACnC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAC1B,CACH,CAAC,CACF;MAAA,CAAC,WAAW,CACV,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,IAAI,iBAAiB,KAAK,SAAS;gBAAE,KAAK,UAAU,CAAC,YAAY,EAAE,CAAC;QACtE,CAAC,CAAC,CACF,WAAW,CAAC,CAAC,WAAW,CAAC,CAEzB;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,WAAW,CACf;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport type { ZoraBaseProps } from '../../../../theme/ZoraBaseProps';\nimport type { FormErrors, FormFieldConfig, FormValues } from '../../../../types/form';\nimport { FormActions, FormError, useFormController } from '../../../form/public';\nimport { View } from '../../../layout/public';\nimport { AuthFormField } from './AuthFormField';\n\ninterface AuthFormProps<TName extends string> {\n  fields: readonly FormFieldConfig<TName>[];\n  values: FormValues<TName>;\n  onChange: (values: FormValues<TName>) => void;\n  onSubmit?: (values: FormValues<TName>) => void | Promise<void>;\n  errors?: FormErrors<TName>;\n  error?: React.ReactNode;\n  loading?: boolean;\n  disabled?: boolean;\n  submitLabel?: React.ReactNode;\n  actions?: React.ReactNode;\n  testID?: string;\n  interactionPolicy?: ZoraBaseProps['interactionPolicy'];\n}\n\n/*** Keeps config-driven field orchestration private to the auth patterns that own it. */\nexport function AuthForm<TName extends string>({\n  fields,\n  values,\n  onChange,\n  onSubmit,\n  errors,\n  error,\n  loading = false,\n  disabled = false,\n  submitLabel = 'Submit',\n  actions,\n  testID,\n  interactionPolicy,\n}: AuthFormProps<TName>) {\n  const controller = useFormController({ fields, values, errors, onChange, onSubmit });\n  return (\n    <View gap=\"m\" testID={testID}>\n      <FormError error={error} />\n      {fields.map((field) => (\n        <AuthFormField\n          key={field.name}\n          disabled={disabled}\n          error={controller.errors[field.name]}\n          field={field}\n          interactionPolicy={interactionPolicy}\n          loading={loading}\n          onChange={controller.setFieldValue}\n          value={values[field.name]}\n        />\n      ))}\n      <FormActions\n        disabled={disabled}\n        interactionPolicy={interactionPolicy}\n        loading={loading}\n        onSubmit={() => {\n          if (interactionPolicy !== 'passive') void controller.handleSubmit();\n        }}\n        submitLabel={submitLabel}\n      >\n        {actions}\n      </FormActions>\n    </View>\n  );\n}\n"]}

package/dist/features/auth/adapters/inbound/ForgotPasswordForm.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { Button } from '../../../button/public';
-import { Stack } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { defaultIdentifiers, normalizeIdentifierKind, resolveIdentifierLabel, resolveIdentifierRules, resolveIdentifierType, } from '../../utils/authForm';
 import { AuthForm } from './AuthForm';
 function ForgotPasswordFormInner({ themeId: _themeId, mode: _mode, interactionPolicy, identifiers = defaultIdentifiers, identifierLabel, signInLabel = 'Sign in', loading = false, disabled = false, error, submitLabel = 'Send code', onSubmit, onSignIn, testID, }) {
@@ -21,13 +21,13 @@ function ForgotPasswordFormInner({ themeId: _themeId, mode: _mode, interactionPo
         identifier: formValues.identifier.trim(),
         identifierKind: normalizeIdentifierKind(formValues.identifier, identifiers),
     }), [identifiers, onSubmit]);
-    return (<AuthForm actions={onSignIn ? (<Stack direction="row" gap="s" wrap="wrap">
+    return (<AuthForm actions={onSignIn ? (<View direction="row" gap="s" wrap="wrap">
             <Button disabled={disabled || loading} variant="ghost" onPress={() => {
                 void onSignIn();
             }} size="s" color="neutral" interactionPolicy={interactionPolicy}>
               {signInLabel}
             </Button>
-          </Stack>) : undefined} disabled={disabled} error={error} fields={fields} interactionPolicy={interactionPolicy} loading={loading} onChange={setValues} onSubmit={handleSubmit} submitLabel={submitLabel} testID={testID} values={values}/>);
+          </View>) : undefined} disabled={disabled} error={error} fields={fields} interactionPolicy={interactionPolicy} loading={loading} onChange={setValues} onSubmit={handleSubmit} submitLabel={submitLabel} testID={testID} values={values}/>);
 }
 /***
  * Password reset form pattern with validation and submit actions.

package/dist/features/auth/adapters/inbound/ForgotPasswordForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"","sources":["../../../../../src/features/auth/adapters/inbound/ForgotPasswordForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC,SAAS,uBAAuB,CAAC,EAC/B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EACjB,WAAW,GAAG,kBAAkB,EAChC,eAAe,EACf,WAAW,GAAG,SAAS,EACvB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,GAAG,WAAW,EACzB,QAAQ,EACR,QAAQ,EACR,MAAM,GACkB;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsC;QAC9E,UAAU,EAAE,EAAE;KACf,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC;QACJ;YACE,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,eAAe,IAAI,sBAAsB,CAAC,WAAW,CAAC;YAC7D,IAAI,EAAE,qBAAqB,CAAC,WAAW,CAAC;YACxC,cAAc,EAAE,MAAM;YACtB,KAAK,EAAE,sBAAsB,CAAC,WAAW,CAAC;SAC3C;KACF,EACD,CAAC,eAAe,EAAE,WAAW,CAAC,CAC/B,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,UAA+C,EAAE,EAAE,CAClD,QAAQ,EAAE,CAAC;QACT,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,EAAE;QACxC,cAAc,EAAE,uBAAuB,CAAC,UAAU,CAAC,UAAU,EAAE,WAAW,CAAC;KAC5E,CAAC,EACJ,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,CACL,CAAC,QAAQ,CACP,OAAO,CAAC,CACN,QAAQ,CAAC,CAAC,CAAC,CACT,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CACxC;YAAA,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,CAC9B,OAAO,CAAC,OAAO,CACf,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,KAAK,QAAQ,EAAE,CAAC;YAClB,CAAC,CAAC,CACF,IAAI,CAAC,GAAG,CACR,KAAK,CAAC,SAAS,CACf,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CAErC;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,MAAM,CACV;UAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,SACN,CAAC,CACD,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,uBAAuB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ForgotPasswordFormProps } from '../../../../types/auth';\nimport type { FormFieldConfig, FormValues } from '../../../../types/form';\nimport { Button } from '../../../button/public';\nimport { Stack } from '../../../layout/public';\nimport {\n  defaultIdentifiers,\n  normalizeIdentifierKind,\n  resolveIdentifierLabel,\n  resolveIdentifierRules,\n  resolveIdentifierType,\n} from '../../utils/authForm';\nimport { AuthForm } from './AuthForm';\n\ntype ForgotPasswordFieldName = 'identifier';\n\nfunction ForgotPasswordFormInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  identifiers = defaultIdentifiers,\n  identifierLabel,\n  signInLabel = 'Sign in',\n  loading = false,\n  disabled = false,\n  error,\n  submitLabel = 'Send code',\n  onSubmit,\n  onSignIn,\n  testID,\n}: ForgotPasswordFormProps) {\n  const [values, setValues] = React.useState<FormValues<ForgotPasswordFieldName>>({\n    identifier: '',\n  });\n  const fields = React.useMemo<readonly FormFieldConfig<ForgotPasswordFieldName>[]>(\n    () => [\n      {\n        name: 'identifier',\n        label: identifierLabel ?? resolveIdentifierLabel(identifiers),\n        type: resolveIdentifierType(identifiers),\n        autoCapitalize: 'none',\n        rules: resolveIdentifierRules(identifiers),\n      },\n    ],\n    [identifierLabel, identifiers],\n  );\n\n  const handleSubmit = React.useCallback(\n    (formValues: FormValues<ForgotPasswordFieldName>) =>\n      onSubmit?.({\n        identifier: formValues.identifier.trim(),\n        identifierKind: normalizeIdentifierKind(formValues.identifier, identifiers),\n      }),\n    [identifiers, onSubmit],\n  );\n\n  return (\n    <AuthForm\n      actions={\n        onSignIn ? (\n          <Stack direction=\"row\" gap=\"s\" wrap=\"wrap\">\n            <Button\n              disabled={disabled || loading}\n              variant=\"ghost\"\n              onPress={() => {\n                void onSignIn();\n              }}\n              size=\"s\"\n              color=\"neutral\"\n              interactionPolicy={interactionPolicy}\n            >\n              {signInLabel}\n            </Button>\n          </Stack>\n        ) : undefined\n      }\n      disabled={disabled}\n      error={error}\n      fields={fields}\n      interactionPolicy={interactionPolicy}\n      loading={loading}\n      onChange={setValues}\n      onSubmit={handleSubmit}\n      submitLabel={submitLabel}\n      testID={testID}\n      values={values}\n    />\n  );\n}\n\n/***\n * Password reset form pattern with validation and submit actions.\n *\n \n */\nexport const ForgotPasswordForm = withZoraThemeScope(ForgotPasswordFormInner);\n"]}
+{"version":3,"file":"ForgotPasswordForm.js","sourceRoot":"","sources":["../../../../../src/features/auth/adapters/inbound/ForgotPasswordForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ForgotPasswordFormProps } from '../../../../types/auth';\nimport type { FormFieldConfig, FormValues } from '../../../../types/form';\nimport { Button } from '../../../button/public';\nimport { View } from '../../../layout/public';\nimport {\n  defaultIdentifiers,\n  normalizeIdentifierKind,\n  resolveIdentifierLabel,\n  resolveIdentifierRules,\n  resolveIdentifierType,\n} from '../../utils/authForm';\nimport { AuthForm } from './AuthForm';\n\ntype ForgotPasswordFieldName = 'identifier';\n\nfunction ForgotPasswordFormInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  identifiers = defaultIdentifiers,\n  identifierLabel,\n  signInLabel = 'Sign in',\n  loading = false,\n  disabled = false,\n  error,\n  submitLabel = 'Send code',\n  onSubmit,\n  onSignIn,\n  testID,\n}: ForgotPasswordFormProps) {\n  const [values, setValues] = React.useState<FormValues<ForgotPasswordFieldName>>({\n    identifier: '',\n  });\n  const fields = React.useMemo<readonly FormFieldConfig<ForgotPasswordFieldName>[]>(\n    () => [\n      {\n        name: 'identifier',\n        label: identifierLabel ?? resolveIdentifierLabel(identifiers),\n        type: resolveIdentifierType(identifiers),\n        autoCapitalize: 'none',\n        rules: resolveIdentifierRules(identifiers),\n      },\n    ],\n    [identifierLabel, identifiers],\n  );\n\n  const handleSubmit = React.useCallback(\n    (formValues: FormValues<ForgotPasswordFieldName>) =>\n      onSubmit?.({\n        identifier: formValues.identifier.trim(),\n        identifierKind: normalizeIdentifierKind(formValues.identifier, identifiers),\n      }),\n    [identifiers, onSubmit],\n  );\n\n  return (\n    <AuthForm\n      actions={\n        onSignIn ? (\n          <View direction=\"row\" gap=\"s\" wrap=\"wrap\">\n            <Button\n              disabled={disabled || loading}\n              variant=\"ghost\"\n              onPress={() => {\n                void onSignIn();\n              }}\n              size=\"s\"\n              color=\"neutral\"\n              interactionPolicy={interactionPolicy}\n            >\n              {signInLabel}\n            </Button>\n          </View>\n        ) : undefined\n      }\n      disabled={disabled}\n      error={error}\n      fields={fields}\n      interactionPolicy={interactionPolicy}\n      loading={loading}\n      onChange={setValues}\n      onSubmit={handleSubmit}\n      submitLabel={submitLabel}\n      testID={testID}\n      values={values}\n    />\n  );\n}\n\n/***\n * Password reset form pattern with validation and submit actions.\n *\n \n */\nexport const ForgotPasswordForm = withZoraThemeScope(ForgotPasswordFormInner);\n"]}

package/dist/features/auth/adapters/inbound/OAuthProviderList.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
-import { Stack } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { OAuthProviderButton } from './OAuthProviderButton';
 function OAuthProviderListInner({ themeId: _themeId, mode: _mode, interactionPolicy, providers, disabled = false, loading = false, fullWidth, layout = 'stack', size, variant, color, onProviderPress, testID, }) {
     const direction = layout === 'inline' ? 'row' : 'column';
     const resolvedFullWidth = fullWidth ?? layout === 'stack';
-    return (<Stack direction={direction} gap="s" testID={testID} wrap={layout === 'inline' ? 'wrap' : undefined}>
+    return (<View direction={direction} gap="s" testID={testID} wrap={layout === 'inline' ? 'wrap' : undefined}>
       {providers.map((provider) => (<OAuthProviderButton color={color} disabled={disabled || provider.disabled} fullWidth={resolvedFullWidth} icon={provider.icon} key={provider.id} label={provider.label} loading={loading || provider.loading} onPress={onProviderPress} providerId={provider.id} size={size} variant={variant} interactionPolicy={interactionPolicy}/>))}
-    </Stack>);
+    </View>);
 }
 /***
  * Renders a group of OAuth provider buttons for sign-in and auth settings flows.

package/dist/features/auth/adapters/inbound/OAuthProviderList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OAuthProviderList.js","sourceRoot":"","sources":["../../../../../src/features/auth/adapters/inbound/OAuthProviderList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,SAAS,sBAAsB,CAAC,EAC9B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EACjB,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,MAAM,GAAG,OAAO,EAChB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,EACf,MAAM,GACiB;IACvB,MAAM,SAAS,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;IACzD,MAAM,iBAAiB,GAAG,SAAS,IAAI,MAAM,KAAK,OAAO,CAAC;IAE1D,OAAO,CACL,CAAC,KAAK,CACJ,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,GAAG,CAAC,GAAG,CACP,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAE/C;MAAA,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,CAAC,mBAAmB,CAClB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CACxC,SAAS,CAAC,CAAC,iBAAiB,CAAC,CAC7B,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CACpB,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CACjB,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CACtB,OAAO,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,CACrC,OAAO,CAAC,CAAC,eAAe,CAAC,CACzB,UAAU,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CACxB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EACrC,CACH,CAAC,CACJ;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { OAuthProviderListProps } from '../../../../types/auth';\nimport { Stack } from '../../../layout/public';\nimport { OAuthProviderButton } from './OAuthProviderButton';\n\nfunction OAuthProviderListInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  providers,\n  disabled = false,\n  loading = false,\n  fullWidth,\n  layout = 'stack',\n  size,\n  variant,\n  color,\n  onProviderPress,\n  testID,\n}: OAuthProviderListProps) {\n  const direction = layout === 'inline' ? 'row' : 'column';\n  const resolvedFullWidth = fullWidth ?? layout === 'stack';\n\n  return (\n    <Stack\n      direction={direction}\n      gap=\"s\"\n      testID={testID}\n      wrap={layout === 'inline' ? 'wrap' : undefined}\n    >\n      {providers.map((provider) => (\n        <OAuthProviderButton\n          color={color}\n          disabled={disabled || provider.disabled}\n          fullWidth={resolvedFullWidth}\n          icon={provider.icon}\n          key={provider.id}\n          label={provider.label}\n          loading={loading || provider.loading}\n          onPress={onProviderPress}\n          providerId={provider.id}\n          size={size}\n          variant={variant}\n          interactionPolicy={interactionPolicy}\n        />\n      ))}\n    </Stack>\n  );\n}\n\n/***\n * Renders a group of OAuth provider buttons for sign-in and auth settings flows.\n */\nexport const OAuthProviderList = withZoraThemeScope(OAuthProviderListInner);\n"]}
+{"version":3,"file":"OAuthProviderList.js","sourceRoot":"","sources":["../../../../../src/features/auth/adapters/inbound/OAuthProviderList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,SAAS,sBAAsB,CAAC,EAC9B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EACjB,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,MAAM,GAAG,OAAO,EAChB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,EACf,MAAM,GACiB;IACvB,MAAM,SAAS,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;IACzD,MAAM,iBAAiB,GAAG,SAAS,IAAI,MAAM,KAAK,OAAO,CAAC;IAE1D,OAAO,CACL,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,GAAG,CAAC,GAAG,CACP,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAE/C;MAAA,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,CAAC,mBAAmB,CAClB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CACxC,SAAS,CAAC,CAAC,iBAAiB,CAAC,CAC7B,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CACpB,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CACjB,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CACtB,OAAO,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,CACrC,OAAO,CAAC,CAAC,eAAe,CAAC,CACzB,UAAU,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CACxB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EACrC,CACH,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { OAuthProviderListProps } from '../../../../types/auth';\nimport { View } from '../../../layout/public';\nimport { OAuthProviderButton } from './OAuthProviderButton';\n\nfunction OAuthProviderListInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  providers,\n  disabled = false,\n  loading = false,\n  fullWidth,\n  layout = 'stack',\n  size,\n  variant,\n  color,\n  onProviderPress,\n  testID,\n}: OAuthProviderListProps) {\n  const direction = layout === 'inline' ? 'row' : 'column';\n  const resolvedFullWidth = fullWidth ?? layout === 'stack';\n\n  return (\n    <View\n      direction={direction}\n      gap=\"s\"\n      testID={testID}\n      wrap={layout === 'inline' ? 'wrap' : undefined}\n    >\n      {providers.map((provider) => (\n        <OAuthProviderButton\n          color={color}\n          disabled={disabled || provider.disabled}\n          fullWidth={resolvedFullWidth}\n          icon={provider.icon}\n          key={provider.id}\n          label={provider.label}\n          loading={loading || provider.loading}\n          onPress={onProviderPress}\n          providerId={provider.id}\n          size={size}\n          variant={variant}\n          interactionPolicy={interactionPolicy}\n        />\n      ))}\n    </View>\n  );\n}\n\n/***\n * Renders a group of OAuth provider buttons for sign-in and auth settings flows.\n */\nexport const OAuthProviderList = withZoraThemeScope(OAuthProviderListInner);\n"]}

package/dist/features/auth/adapters/inbound/OtpForm.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { Button } from '../../../button/public';
-import { Stack } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { AuthForm } from './AuthForm';
 function OtpFormInner({ themeId: _themeId, mode: _mode, interactionPolicy, length = 6, otpLabel = 'Code', resendLabel = 'Resend code', resendDisabled = false, resendLoading = false, loading = false, disabled = false, error, submitLabel = 'Verify code', onSubmit, onResend, testID, }) {
     const resolvedLength = Math.max(1, length);
@@ -20,13 +20,13 @@ function OtpFormInner({ themeId: _themeId, mode: _mode, interactionPolicy, lengt
     const handleSubmit = React.useCallback((formValues) => onSubmit?.({
         otp: formValues.otp.trim(),
     }), [onSubmit]);
-    return (<AuthForm actions={onResend ? (<Stack direction="row" gap="s" wrap="wrap">
+    return (<AuthForm actions={onResend ? (<View direction="row" gap="s" wrap="wrap">
             <Button disabled={disabled || loading || resendDisabled} variant="ghost" loading={resendLoading} onPress={() => {
                 void onResend();
             }} size="s" color="neutral" interactionPolicy={interactionPolicy}>
               {resendLabel}
             </Button>
-          </Stack>) : undefined} disabled={disabled} error={error} fields={fields} interactionPolicy={interactionPolicy} loading={loading} onChange={setValues} onSubmit={handleSubmit} submitLabel={submitLabel} testID={testID} values={values}/>);
+          </View>) : undefined} disabled={disabled} error={error} fields={fields} interactionPolicy={interactionPolicy} loading={loading} onChange={setValues} onSubmit={handleSubmit} submitLabel={submitLabel} testID={testID} values={values}/>);
 }
 /***
  * One-time passcode form pattern with digit input and submit actions.

package/dist/features/auth/adapters/inbound/OtpForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtpForm.js","sourceRoot":"","sources":["../../../../../src/features/auth/adapters/inbound/OtpForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { OtpFormProps } from '../../../../types/auth';\nimport type { FormFieldConfig, FormValues } from '../../../../types/form';\nimport { Button } from '../../../button/public';\nimport { Stack } from '../../../layout/public';\nimport { AuthForm } from './AuthForm';\n\ntype OtpFieldName = 'otp';\n\nfunction OtpFormInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  length = 6,\n  otpLabel = 'Code',\n  resendLabel = 'Resend code',\n  resendDisabled = false,\n  resendLoading = false,\n  loading = false,\n  disabled = false,\n  error,\n  submitLabel = 'Verify code',\n  onSubmit,\n  onResend,\n  testID,\n}: OtpFormProps) {\n  const resolvedLength = Math.max(1, length);\n  const [values, setValues] = React.useState<FormValues<OtpFieldName>>({\n    otp: '',\n  });\n  const fields = React.useMemo<readonly FormFieldConfig<OtpFieldName>[]>(\n    () => [\n      {\n        name: 'otp',\n        label: otpLabel,\n        type: 'otp',\n        maxLength: resolvedLength,\n        rules: [{ kind: 'required' }, { kind: 'minLength', value: resolvedLength }],\n      },\n    ],\n    [otpLabel, resolvedLength],\n  );\n\n  const handleSubmit = React.useCallback(\n    (formValues: FormValues<OtpFieldName>) =>\n      onSubmit?.({\n        otp: formValues.otp.trim(),\n      }),\n    [onSubmit],\n  );\n\n  return (\n    <AuthForm\n      actions={\n        onResend ? (\n          <Stack direction=\"row\" gap=\"s\" wrap=\"wrap\">\n            <Button\n              disabled={disabled || loading || resendDisabled}\n              variant=\"ghost\"\n              loading={resendLoading}\n              onPress={() => {\n                void onResend();\n              }}\n              size=\"s\"\n              color=\"neutral\"\n              interactionPolicy={interactionPolicy}\n            >\n              {resendLabel}\n            </Button>\n          </Stack>\n        ) : undefined\n      }\n      disabled={disabled}\n      error={error}\n      fields={fields}\n      interactionPolicy={interactionPolicy}\n      loading={loading}\n      onChange={setValues}\n      onSubmit={handleSubmit}\n      submitLabel={submitLabel}\n      testID={testID}\n      values={values}\n    />\n  );\n}\n\n/***\n * One-time passcode form pattern with digit input and submit actions.\n *\n \n */\nexport const OtpForm = withZoraThemeScope(OtpFormInner);\n"]}
+{"version":3,"file":"OtpForm.js","sourceRoot":"","sources":["../../../../../src/features/auth/adapters/inbound/OtpForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { OtpFormProps } from '../../../../types/auth';\nimport type { FormFieldConfig, FormValues } from '../../../../types/form';\nimport { Button } from '../../../button/public';\nimport { View } from '../../../layout/public';\nimport { AuthForm } from './AuthForm';\n\ntype OtpFieldName = 'otp';\n\nfunction OtpFormInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  length = 6,\n  otpLabel = 'Code',\n  resendLabel = 'Resend code',\n  resendDisabled = false,\n  resendLoading = false,\n  loading = false,\n  disabled = false,\n  error,\n  submitLabel = 'Verify code',\n  onSubmit,\n  onResend,\n  testID,\n}: OtpFormProps) {\n  const resolvedLength = Math.max(1, length);\n  const [values, setValues] = React.useState<FormValues<OtpFieldName>>({\n    otp: '',\n  });\n  const fields = React.useMemo<readonly FormFieldConfig<OtpFieldName>[]>(\n    () => [\n      {\n        name: 'otp',\n        label: otpLabel,\n        type: 'otp',\n        maxLength: resolvedLength,\n        rules: [{ kind: 'required' }, { kind: 'minLength', value: resolvedLength }],\n      },\n    ],\n    [otpLabel, resolvedLength],\n  );\n\n  const handleSubmit = React.useCallback(\n    (formValues: FormValues<OtpFieldName>) =>\n      onSubmit?.({\n        otp: formValues.otp.trim(),\n      }),\n    [onSubmit],\n  );\n\n  return (\n    <AuthForm\n      actions={\n        onResend ? (\n          <View direction=\"row\" gap=\"s\" wrap=\"wrap\">\n            <Button\n              disabled={disabled || loading || resendDisabled}\n              variant=\"ghost\"\n              loading={resendLoading}\n              onPress={() => {\n                void onResend();\n              }}\n              size=\"s\"\n              color=\"neutral\"\n              interactionPolicy={interactionPolicy}\n            >\n              {resendLabel}\n            </Button>\n          </View>\n        ) : undefined\n      }\n      disabled={disabled}\n      error={error}\n      fields={fields}\n      interactionPolicy={interactionPolicy}\n      loading={loading}\n      onChange={setValues}\n      onSubmit={handleSubmit}\n      submitLabel={submitLabel}\n      testID={testID}\n      values={values}\n    />\n  );\n}\n\n/***\n * One-time passcode form pattern with digit input and submit actions.\n *\n \n */\nexport const OtpForm = withZoraThemeScope(OtpFormInner);\n"]}