@ankhorage/zora 1.4.12 → 1.5.1

package/dist/metadata/componentMeta.js

@@ -31,9 +31,8 @@ import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
 import { foundationMetas } from '../foundation/meta';
 import { appShellMeta } from '../layout/app-shell/meta';
 import { authLayoutMeta } from '../layout/auth-layout/meta';
-import { pageMeta } from '../layout/page/meta';
-import { pageHeaderMeta } from '../layout/page-header/meta';
-import { pageSectionMeta } from '../layout/page-section/meta';
+import { screenMeta } from '../layout/screen/meta';
+import { screenSectionMeta } from '../layout/screen-section/meta';
 import { settingsLayoutMeta } from '../layout/settings-layout/meta';
 import { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';
 import { topbarLayoutMeta } from '../layout/topbar-layout/meta';
@@ -104,9 +103,8 @@ export const ZORA_COMPONENT_META = {
     ToolbarAction: toolbarActionMeta,
     AppShell: appShellMeta,
     AuthLayout: authLayoutMeta,
-    Page: pageMeta,
-    PageHeader: pageHeaderMeta,
-    PageSection: pageSectionMeta,
+    Screen: screenMeta,
+    ScreenSection: screenSectionMeta,
     SettingsLayout: settingsLayoutMeta,
     SidebarLayout: sidebarLayoutMeta,
     TopbarLayout: topbarLayoutMeta,

package/dist/metadata/componentMeta.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentMeta.js","sourceRoot":"","sources":["../../src/metadata/componentMeta.ts"],"names":[],"mappings":"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","sourcesContent":["import { appBarMeta } from '../components/app-bar/meta';\nimport { avatarMeta } from '../components/avatar/meta';\nimport { avatarGroupMeta } from '../components/avatar-group/meta';\nimport { badgeMeta } from '../components/badge/meta';\nimport { buttonMeta } from '../components/button/meta';\nimport { cardMeta } from '../components/card/meta';\nimport { checkboxGroupMeta, checkboxMeta } from '../components/checkbox/meta';\nimport { chipMeta } from '../components/chip/meta';\nimport { chipGroupMeta } from '../components/chip-group/meta';\nimport { drawerMeta } from '../components/drawer/meta';\nimport { formActionsMeta, formErrorMeta, formFieldMeta, formMeta } from '../components/form/meta';\nimport { headingMeta } from '../components/heading/meta';\nimport { iconMeta } from '../components/icon/meta';\nimport { iconButtonMeta } from '../components/icon-button/meta';\nimport { imageMeta } from '../components/image/meta';\nimport { inputMeta } from '../components/input/meta';\nimport { mediaCardMeta } from '../components/media-card/meta';\nimport { metricCardMeta } from '../components/metric-card/meta';\nimport { modalMeta } from '../components/modal/meta';\nimport { navigationItemMeta } from '../components/navigation-item/meta';\nimport { navigationListMeta } from '../components/navigation-list/meta';\nimport { progressMeta } from '../components/progress/meta';\nimport { radioGroupMeta, radioMeta } from '../components/radio/meta';\nimport { ratingMeta } from '../components/rating/meta';\nimport { searchBarMeta } from '../components/search-bar/meta';\nimport { selectMeta } from '../components/select/meta';\nimport { tabsMeta } from '../components/tabs/meta';\nimport { textMeta } from '../components/text/meta';\nimport { textareaMeta } from '../components/textarea/meta';\nimport { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';\nimport { foundationMetas } from '../foundation/meta';\nimport { appShellMeta } from '../layout/app-shell/meta';\nimport { authLayoutMeta } from '../layout/auth-layout/meta';\nimport { pageMeta } from '../layout/page/meta';\nimport { pageHeaderMeta } from '../layout/page-header/meta';\nimport { pageSectionMeta } from '../layout/page-section/meta';\nimport { settingsLayoutMeta } from '../layout/settings-layout/meta';\nimport { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';\nimport { topbarLayoutMeta } from '../layout/topbar-layout/meta';\nimport {\n  forgotPasswordFormMeta,\n  otpFormMeta,\n  signInFormMeta,\n  signUpFormMeta,\n} from '../patterns/auth/meta';\nimport { chatListItemMeta } from '../patterns/chat-list-item/meta';\nimport { collectionEditorMeta } from '../patterns/collection-editor/meta';\nimport { confirmDialogMeta } from '../patterns/confirm-dialog/meta';\nimport { disclosureSectionMeta } from '../patterns/disclosure-section/meta';\nimport { emptyStateMeta } from '../patterns/empty-state/meta';\nimport { filterBarMeta } from '../patterns/filter-bar/meta';\nimport { heroMeta } from '../patterns/hero/meta';\nimport { imagePreviewMeta } from '../patterns/image-preview/meta';\nimport { imageUploadFieldMeta } from '../patterns/image-upload-field/meta';\nimport { inspectorFieldMeta } from '../patterns/inspector-field/meta';\nimport { listMeta, listRowMeta, listSectionMeta } from '../patterns/list/meta';\nimport { messageBubbleMeta } from '../patterns/message-bubble/meta';\nimport { noticeMeta } from '../patterns/notice/meta';\nimport { panelMeta } from '../patterns/panel/meta';\nimport { postCardMeta } from '../patterns/post-card/meta';\nimport { responsivePanelMeta } from '../patterns/responsive-panel/meta';\nimport { sectionHeaderMeta } from '../patterns/section-header/meta';\nimport { selectableItemMeta, selectionProviderMeta } from '../patterns/selection/meta';\nimport { settingsRowMeta } from '../patterns/settings-row/meta';\nimport { switchFieldMeta } from '../patterns/switch-field/meta';\nimport { themeComposerMeta } from '../patterns/theme-composer/meta';\nimport { paletteItemMeta, tileGridMeta } from '../patterns/tile-grid/meta';\nimport { timelineMeta } from '../patterns/timeline/meta';\nimport { treeItemMeta, treeViewMeta } from '../patterns/tree-view/meta';\nimport { zoraDrawerContentMeta } from '../patterns/zora-drawer-content/meta';\nimport { zoraTabBarMeta } from '../patterns/zora-tab-bar/meta';\nimport type { ZoraComponentMetaRegistry } from './types';\n\nexport const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {\n  ...foundationMetas,\n  AppBar: appBarMeta,\n  Avatar: avatarMeta,\n  AvatarGroup: avatarGroupMeta,\n  Badge: badgeMeta,\n  Button: buttonMeta,\n  Card: cardMeta,\n  Checkbox: checkboxMeta,\n  CheckboxGroup: checkboxGroupMeta,\n  Chip: chipMeta,\n  ChipGroup: chipGroupMeta,\n  Drawer: drawerMeta,\n  Form: formMeta,\n  FormActions: formActionsMeta,\n  FormError: formErrorMeta,\n  FormField: formFieldMeta,\n  Heading: headingMeta,\n  Icon: iconMeta,\n  IconButton: iconButtonMeta,\n  Image: imageMeta,\n  Input: inputMeta,\n  MediaCard: mediaCardMeta,\n  MetricCard: metricCardMeta,\n  Modal: modalMeta,\n  NavigationItem: navigationItemMeta,\n  NavigationList: navigationListMeta,\n  Progress: progressMeta,\n  Radio: radioMeta,\n  RadioGroup: radioGroupMeta,\n  Rating: ratingMeta,\n  SearchBar: searchBarMeta,\n  Select: selectMeta,\n  Tabs: tabsMeta,\n  Text: textMeta,\n  Textarea: textareaMeta,\n  Toolbar: toolbarMeta,\n  ToolbarAction: toolbarActionMeta,\n  AppShell: appShellMeta,\n  AuthLayout: authLayoutMeta,\n  Page: pageMeta,\n  PageHeader: pageHeaderMeta,\n  PageSection: pageSectionMeta,\n  SettingsLayout: settingsLayoutMeta,\n  SidebarLayout: sidebarLayoutMeta,\n  TopbarLayout: topbarLayoutMeta,\n  ForgotPasswordForm: forgotPasswordFormMeta,\n  OtpForm: otpFormMeta,\n  SignInForm: signInFormMeta,\n  SignUpForm: signUpFormMeta,\n  ChatListItem: chatListItemMeta,\n  CollectionEditor: collectionEditorMeta,\n  ConfirmDialog: confirmDialogMeta,\n  DisclosureSection: disclosureSectionMeta,\n  EmptyState: emptyStateMeta,\n  FilterBar: filterBarMeta,\n  Hero: heroMeta,\n  ImagePreview: imagePreviewMeta,\n  ImageUploadField: imageUploadFieldMeta,\n  InspectorField: inspectorFieldMeta,\n  List: listMeta,\n  ListRow: listRowMeta,\n  ListSection: listSectionMeta,\n  MessageBubble: messageBubbleMeta,\n  Notice: noticeMeta,\n  Panel: panelMeta,\n  PostCard: postCardMeta,\n  ResponsivePanel: responsivePanelMeta,\n  SectionHeader: sectionHeaderMeta,\n  SelectableItem: selectableItemMeta,\n  SelectionProvider: selectionProviderMeta,\n  SettingsRow: settingsRowMeta,\n  SwitchField: switchFieldMeta,\n  ThemeComposer: themeComposerMeta,\n  PaletteItem: paletteItemMeta,\n  TileGrid: tileGridMeta,\n  Timeline: timelineMeta,\n  TreeItem: treeItemMeta,\n  TreeView: treeViewMeta,\n  ZoraDrawerContent: zoraDrawerContentMeta,\n  ZoraTabBar: zoraTabBarMeta,\n};\n"]}
+{"version":3,"file":"componentMeta.js","sourceRoot":"","sources":["../../src/metadata/componentMeta.ts"],"names":[],"mappings":"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","sourcesContent":["import { appBarMeta } from '../components/app-bar/meta';\nimport { avatarMeta } from '../components/avatar/meta';\nimport { avatarGroupMeta } from '../components/avatar-group/meta';\nimport { badgeMeta } from '../components/badge/meta';\nimport { buttonMeta } from '../components/button/meta';\nimport { cardMeta } from '../components/card/meta';\nimport { checkboxGroupMeta, checkboxMeta } from '../components/checkbox/meta';\nimport { chipMeta } from '../components/chip/meta';\nimport { chipGroupMeta } from '../components/chip-group/meta';\nimport { drawerMeta } from '../components/drawer/meta';\nimport { formActionsMeta, formErrorMeta, formFieldMeta, formMeta } from '../components/form/meta';\nimport { headingMeta } from '../components/heading/meta';\nimport { iconMeta } from '../components/icon/meta';\nimport { iconButtonMeta } from '../components/icon-button/meta';\nimport { imageMeta } from '../components/image/meta';\nimport { inputMeta } from '../components/input/meta';\nimport { mediaCardMeta } from '../components/media-card/meta';\nimport { metricCardMeta } from '../components/metric-card/meta';\nimport { modalMeta } from '../components/modal/meta';\nimport { navigationItemMeta } from '../components/navigation-item/meta';\nimport { navigationListMeta } from '../components/navigation-list/meta';\nimport { progressMeta } from '../components/progress/meta';\nimport { radioGroupMeta, radioMeta } from '../components/radio/meta';\nimport { ratingMeta } from '../components/rating/meta';\nimport { searchBarMeta } from '../components/search-bar/meta';\nimport { selectMeta } from '../components/select/meta';\nimport { tabsMeta } from '../components/tabs/meta';\nimport { textMeta } from '../components/text/meta';\nimport { textareaMeta } from '../components/textarea/meta';\nimport { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';\nimport { foundationMetas } from '../foundation/meta';\nimport { appShellMeta } from '../layout/app-shell/meta';\nimport { authLayoutMeta } from '../layout/auth-layout/meta';\nimport { screenMeta } from '../layout/screen/meta';\nimport { screenSectionMeta } from '../layout/screen-section/meta';\nimport { settingsLayoutMeta } from '../layout/settings-layout/meta';\nimport { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';\nimport { topbarLayoutMeta } from '../layout/topbar-layout/meta';\nimport {\n  forgotPasswordFormMeta,\n  otpFormMeta,\n  signInFormMeta,\n  signUpFormMeta,\n} from '../patterns/auth/meta';\nimport { chatListItemMeta } from '../patterns/chat-list-item/meta';\nimport { collectionEditorMeta } from '../patterns/collection-editor/meta';\nimport { confirmDialogMeta } from '../patterns/confirm-dialog/meta';\nimport { disclosureSectionMeta } from '../patterns/disclosure-section/meta';\nimport { emptyStateMeta } from '../patterns/empty-state/meta';\nimport { filterBarMeta } from '../patterns/filter-bar/meta';\nimport { heroMeta } from '../patterns/hero/meta';\nimport { imagePreviewMeta } from '../patterns/image-preview/meta';\nimport { imageUploadFieldMeta } from '../patterns/image-upload-field/meta';\nimport { inspectorFieldMeta } from '../patterns/inspector-field/meta';\nimport { listMeta, listRowMeta, listSectionMeta } from '../patterns/list/meta';\nimport { messageBubbleMeta } from '../patterns/message-bubble/meta';\nimport { noticeMeta } from '../patterns/notice/meta';\nimport { panelMeta } from '../patterns/panel/meta';\nimport { postCardMeta } from '../patterns/post-card/meta';\nimport { responsivePanelMeta } from '../patterns/responsive-panel/meta';\nimport { sectionHeaderMeta } from '../patterns/section-header/meta';\nimport { selectableItemMeta, selectionProviderMeta } from '../patterns/selection/meta';\nimport { settingsRowMeta } from '../patterns/settings-row/meta';\nimport { switchFieldMeta } from '../patterns/switch-field/meta';\nimport { themeComposerMeta } from '../patterns/theme-composer/meta';\nimport { paletteItemMeta, tileGridMeta } from '../patterns/tile-grid/meta';\nimport { timelineMeta } from '../patterns/timeline/meta';\nimport { treeItemMeta, treeViewMeta } from '../patterns/tree-view/meta';\nimport { zoraDrawerContentMeta } from '../patterns/zora-drawer-content/meta';\nimport { zoraTabBarMeta } from '../patterns/zora-tab-bar/meta';\nimport type { ZoraComponentMetaRegistry } from './types';\n\nexport const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {\n  ...foundationMetas,\n  AppBar: appBarMeta,\n  Avatar: avatarMeta,\n  AvatarGroup: avatarGroupMeta,\n  Badge: badgeMeta,\n  Button: buttonMeta,\n  Card: cardMeta,\n  Checkbox: checkboxMeta,\n  CheckboxGroup: checkboxGroupMeta,\n  Chip: chipMeta,\n  ChipGroup: chipGroupMeta,\n  Drawer: drawerMeta,\n  Form: formMeta,\n  FormActions: formActionsMeta,\n  FormError: formErrorMeta,\n  FormField: formFieldMeta,\n  Heading: headingMeta,\n  Icon: iconMeta,\n  IconButton: iconButtonMeta,\n  Image: imageMeta,\n  Input: inputMeta,\n  MediaCard: mediaCardMeta,\n  MetricCard: metricCardMeta,\n  Modal: modalMeta,\n  NavigationItem: navigationItemMeta,\n  NavigationList: navigationListMeta,\n  Progress: progressMeta,\n  Radio: radioMeta,\n  RadioGroup: radioGroupMeta,\n  Rating: ratingMeta,\n  SearchBar: searchBarMeta,\n  Select: selectMeta,\n  Tabs: tabsMeta,\n  Text: textMeta,\n  Textarea: textareaMeta,\n  Toolbar: toolbarMeta,\n  ToolbarAction: toolbarActionMeta,\n  AppShell: appShellMeta,\n  AuthLayout: authLayoutMeta,\n  Screen: screenMeta,\n  ScreenSection: screenSectionMeta,\n  SettingsLayout: settingsLayoutMeta,\n  SidebarLayout: sidebarLayoutMeta,\n  TopbarLayout: topbarLayoutMeta,\n  ForgotPasswordForm: forgotPasswordFormMeta,\n  OtpForm: otpFormMeta,\n  SignInForm: signInFormMeta,\n  SignUpForm: signUpFormMeta,\n  ChatListItem: chatListItemMeta,\n  CollectionEditor: collectionEditorMeta,\n  ConfirmDialog: confirmDialogMeta,\n  DisclosureSection: disclosureSectionMeta,\n  EmptyState: emptyStateMeta,\n  FilterBar: filterBarMeta,\n  Hero: heroMeta,\n  ImagePreview: imagePreviewMeta,\n  ImageUploadField: imageUploadFieldMeta,\n  InspectorField: inspectorFieldMeta,\n  List: listMeta,\n  ListRow: listRowMeta,\n  ListSection: listSectionMeta,\n  MessageBubble: messageBubbleMeta,\n  Notice: noticeMeta,\n  Panel: panelMeta,\n  PostCard: postCardMeta,\n  ResponsivePanel: responsivePanelMeta,\n  SectionHeader: sectionHeaderMeta,\n  SelectableItem: selectableItemMeta,\n  SelectionProvider: selectionProviderMeta,\n  SettingsRow: settingsRowMeta,\n  SwitchField: switchFieldMeta,\n  ThemeComposer: themeComposerMeta,\n  PaletteItem: paletteItemMeta,\n  TileGrid: tileGridMeta,\n  Timeline: timelineMeta,\n  TreeItem: treeItemMeta,\n  TreeView: treeViewMeta,\n  ZoraDrawerContent: zoraDrawerContentMeta,\n  ZoraTabBar: zoraTabBarMeta,\n};\n"]}

package/dist/patterns/zora-tab-bar/ZoraTabBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoraTabBar.d.ts","sourceRoot":"","sources":["../../../src/patterns/zora-tab-bar/ZoraTabBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA6C/C,eAAO,MAAM,UAAU,uDAAsC,CAAC"}
+{"version":3,"file":"ZoraTabBar.d.ts","sourceRoot":"","sources":["../../../src/patterns/zora-tab-bar/ZoraTabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAoI/C,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/patterns/zora-tab-bar/ZoraTabBar.js

@@ -1,27 +1,76 @@
-import { TabBar as SurfaceTabBar } from '@ankhorage/surface';
 import React from 'react';
-import { Surface } from '../../foundation';
+import { Pressable, Text as ReactNativeText } from 'react-native';
+import { Icon } from '../../components/icon';
+import { Box, Surface } from '../../foundation';
 import { createTabBarItemPressHandler, resolveNavigationItems, } from '../../internal/resolveZoraNavigationItems';
+import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-function ZoraTabBarInner({ themeId: _themeId, mode: _mode, state, navigation, descriptors, routeMap, compact = false, chrome = 'raised', testID, }) {
+function resolveAccessibilityLabel(label, explicitLabel) {
+    if (explicitLabel !== undefined) {
+        return explicitLabel;
+    }
+    if (typeof label === 'string') {
+        return label;
+    }
+    if (typeof label === 'number') {
+        return String(label);
+    }
+    return undefined;
+}
+function ZoraTabBarInner({ themeId: _themeId, mode: _mode, state, navigation, descriptors, insets, routeMap, compact = false, chrome = 'raised', testID, }) {
+    const { theme } = useZoraTheme();
     const resolved = resolveNavigationItems({
         state,
         descriptors,
         routeMap,
         kind: 'tab',
     });
-    const items = resolved.map((item) => ({
-        id: item.route.key,
-        label: item.label,
-        icon: item.metadata?.icon,
-        badge: item.metadata?.badge,
-        active: item.active,
-        disabled: item.disabled,
-        onPress: createTabBarItemPressHandler({ item, navigation }),
-        accessibilityLabel: item.metadata?.accessibilityLabel,
-        testID: item.metadata?.testID,
-    }));
-    const content = <SurfaceTabBar compact={compact} items={items} testID={testID}/>;
+    const bottomInset = insets?.bottom ?? 0;
+    const minHeight = compact ? 56 : 64;
+    const labelSize = compact ? theme.typography.sizes.xs : theme.typography.sizes.s;
+    const labelWeight = theme.typography.weights.medium;
+    const content = (<Box bg="surface" style={{
+            borderTopColor: theme.semantics.border.default,
+            borderTopWidth: 1,
+            flexDirection: 'row',
+            minHeight: minHeight + bottomInset,
+            paddingBottom: bottomInset,
+        }} testID={testID}>
+      {resolved.map((item) => {
+            const { active } = item;
+            const { disabled } = item;
+            const contentColor = disabled
+                ? theme.semantics.content.subtle
+                : active
+                    ? theme.semantics.action.primary.base
+                    : theme.semantics.content.muted;
+            const backgroundColor = active
+                ? theme.semantics.action.primary.softBg
+                : theme.semantics.surface.default;
+            return (<Pressable accessibilityLabel={resolveAccessibilityLabel(item.label, item.metadata?.accessibilityLabel)} accessibilityRole="tab" accessibilityState={{ selected: active, disabled }} disabled={disabled} key={item.route.key} onPress={createTabBarItemPressHandler({ item, navigation })} style={{
+                    alignItems: 'center',
+                    backgroundColor,
+                    flex: 1,
+                    justifyContent: 'center',
+                    minHeight,
+                    opacity: disabled ? 0.48 : 1,
+                    paddingHorizontal: theme.spacing.s,
+                    paddingVertical: compact ? theme.spacing.xs : theme.spacing.s,
+                }} testID={item.metadata?.testID ?? (testID ? `${testID}-item-${item.route.key}` : undefined)}>
+            {item.metadata?.icon ? (<Icon color={contentColor} name={item.metadata.icon.name} provider={item.metadata.icon.provider} size={compact ? theme.spacing.m : theme.spacing.l}/>) : null}
+            <ReactNativeText numberOfLines={1} style={{
+                    color: contentColor,
+                    fontSize: labelSize,
+                    fontWeight: labelWeight,
+                    lineHeight: compact ? 16 : 20,
+                    marginTop: item.metadata?.icon ? theme.spacing.xs : 0,
+                    textAlign: 'center',
+                }}>
+              {item.label}
+            </ReactNativeText>
+          </Pressable>);
+        })}
+    </Box>);
     if (chrome === 'none') {
         return content;
     }

package/dist/patterns/zora-tab-bar/ZoraTabBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZoraTabBar.js","sourceRoot":"","sources":["../../../src/patterns/zora-tab-bar/ZoraTabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,eAAe,CAAC,EACvB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,QAAQ,EACjB,MAAM,GACU;IAChB,MAAM,QAAQ,GAAG,sBAAsB,CAAC;QACtC,KAAK;QACL,WAAW;QACX,QAAQ;QACR,IAAI,EAAE,KAAK;KACZ,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACpC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG;QAClB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI;QACzB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK;QAC3B,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,OAAO,EAAE,4BAA4B,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;QAC3D,kBAAkB,EAAE,IAAI,CAAC,QAAQ,EAAE,kBAAkB;QACrD,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM;KAC9B,CAAC,CAAC,CAAC;IAEJ,MAAM,OAAO,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAG,CAAC;IAElF,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,CACL,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACxE;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,OAAO,CAAC,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC","sourcesContent":["import { TabBar as SurfaceTabBar } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Surface } from '../../foundation';\nimport {\n  createTabBarItemPressHandler,\n  resolveNavigationItems,\n} from '../../internal/resolveZoraNavigationItems';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ZoraTabBarProps } from './types';\n\nfunction ZoraTabBarInner({\n  themeId: _themeId,\n  mode: _mode,\n  state,\n  navigation,\n  descriptors,\n  routeMap,\n  compact = false,\n  chrome = 'raised',\n  testID,\n}: ZoraTabBarProps) {\n  const resolved = resolveNavigationItems({\n    state,\n    descriptors,\n    routeMap,\n    kind: 'tab',\n  });\n\n  const items = resolved.map((item) => ({\n    id: item.route.key,\n    label: item.label,\n    icon: item.metadata?.icon,\n    badge: item.metadata?.badge,\n    active: item.active,\n    disabled: item.disabled,\n    onPress: createTabBarItemPressHandler({ item, navigation }),\n    accessibilityLabel: item.metadata?.accessibilityLabel,\n    testID: item.metadata?.testID,\n  }));\n\n  const content = <SurfaceTabBar compact={compact} items={items} testID={testID} />;\n\n  if (chrome === 'none') {\n    return content;\n  }\n\n  return (\n    <Surface variant=\"raised\" testID={testID ? `${testID}-chrome` : undefined}>\n      {content}\n    </Surface>\n  );\n}\n\nexport const ZoraTabBar = withZoraThemeScope(ZoraTabBarInner);\n"]}
+{"version":3,"file":"ZoraTabBar.js","sourceRoot":"","sources":["../../../src/patterns/zora-tab-bar/ZoraTabBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Pressable, Text as ReactNativeText } from 'react-native';\n\nimport { Icon } from '../../components/icon';\nimport { Box, Surface } from '../../foundation';\nimport {\n  createTabBarItemPressHandler,\n  resolveNavigationItems,\n} from '../../internal/resolveZoraNavigationItems';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ZoraTabBarProps } from './types';\n\nfunction resolveAccessibilityLabel(\n  label: React.ReactNode,\n  explicitLabel?: string,\n): string | undefined {\n  if (explicitLabel !== undefined) {\n    return explicitLabel;\n  }\n\n  if (typeof label === 'string') {\n    return label;\n  }\n\n  if (typeof label === 'number') {\n    return String(label);\n  }\n\n  return undefined;\n}\n\nfunction ZoraTabBarInner({\n  themeId: _themeId,\n  mode: _mode,\n  state,\n  navigation,\n  descriptors,\n  insets,\n  routeMap,\n  compact = false,\n  chrome = 'raised',\n  testID,\n}: ZoraTabBarProps) {\n  const { theme } = useZoraTheme();\n  const resolved = resolveNavigationItems({\n    state,\n    descriptors,\n    routeMap,\n    kind: 'tab',\n  });\n\n  const bottomInset = insets?.bottom ?? 0;\n  const minHeight = compact ? 56 : 64;\n  const labelSize = compact ? theme.typography.sizes.xs : theme.typography.sizes.s;\n  const labelWeight = theme.typography.weights.medium;\n  const content = (\n    <Box\n      bg=\"surface\"\n      style={{\n        borderTopColor: theme.semantics.border.default,\n        borderTopWidth: 1,\n        flexDirection: 'row',\n        minHeight: minHeight + bottomInset,\n        paddingBottom: bottomInset,\n      }}\n      testID={testID}\n    >\n      {resolved.map((item) => {\n        const { active } = item;\n        const { disabled } = item;\n        const contentColor = disabled\n          ? theme.semantics.content.subtle\n          : active\n            ? theme.semantics.action.primary.base\n            : theme.semantics.content.muted;\n        const backgroundColor = active\n          ? theme.semantics.action.primary.softBg\n          : theme.semantics.surface.default;\n\n        return (\n          <Pressable\n            accessibilityLabel={resolveAccessibilityLabel(\n              item.label,\n              item.metadata?.accessibilityLabel,\n            )}\n            accessibilityRole=\"tab\"\n            accessibilityState={{ selected: active, disabled }}\n            disabled={disabled}\n            key={item.route.key}\n            onPress={createTabBarItemPressHandler({ item, navigation })}\n            style={{\n              alignItems: 'center',\n              backgroundColor,\n              flex: 1,\n              justifyContent: 'center',\n              minHeight,\n              opacity: disabled ? 0.48 : 1,\n              paddingHorizontal: theme.spacing.s,\n              paddingVertical: compact ? theme.spacing.xs : theme.spacing.s,\n            }}\n            testID={\n              item.metadata?.testID ?? (testID ? `${testID}-item-${item.route.key}` : undefined)\n            }\n          >\n            {item.metadata?.icon ? (\n              <Icon\n                color={contentColor}\n                name={item.metadata.icon.name}\n                provider={item.metadata.icon.provider}\n                size={compact ? theme.spacing.m : theme.spacing.l}\n              />\n            ) : null}\n            <ReactNativeText\n              numberOfLines={1}\n              style={{\n                color: contentColor,\n                fontSize: labelSize,\n                fontWeight: labelWeight,\n                lineHeight: compact ? 16 : 20,\n                marginTop: item.metadata?.icon ? theme.spacing.xs : 0,\n                textAlign: 'center',\n              }}\n            >\n              {item.label}\n            </ReactNativeText>\n          </Pressable>\n        );\n      })}\n    </Box>\n  );\n\n  if (chrome === 'none') {\n    return content;\n  }\n\n  return (\n    <Surface variant=\"raised\" testID={testID ? `${testID}-chrome` : undefined}>\n      {content}\n    </Surface>\n  );\n}\n\nexport const ZoraTabBar = withZoraThemeScope(ZoraTabBarInner);\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "1.4.12",
+  "version": "1.5.1",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {
@@ -45,7 +45,7 @@
   "dependencies": {
     "@ankhorage/color-theory": "^0.0.7",
     "@ankhorage/contracts": "^1.3.1",
-    "@ankhorage/surface": "^1.3.1"
+    "@ankhorage/surface": "^1.4.0"
   },
   "files": [
     "dist",

package/src/index.ts

@@ -124,12 +124,10 @@ export type { AppShellProps } from './layout/app-shell';
 export { AppShell } from './layout/app-shell';
 export type { AuthLayoutProps } from './layout/auth-layout';
 export { AuthLayout } from './layout/auth-layout';
-export type { PageProps } from './layout/page';
-export { Page } from './layout/page';
-export type { PageHeaderProps } from './layout/page-header';
-export { PageHeader } from './layout/page-header';
-export type { PageSectionProps } from './layout/page-section';
-export { PageSection } from './layout/page-section';
+export type { ScreenProps } from './layout/screen';
+export { Screen } from './layout/screen';
+export type { ScreenSectionProps } from './layout/screen-section';
+export { ScreenSection } from './layout/screen-section';
 export type { SettingsLayoutProps } from './layout/settings-layout';
 export { SettingsLayout } from './layout/settings-layout';
 export type { SidebarLayoutProps } from './layout/sidebar-layout';

package/src/layout/auth-layout/meta.ts

@@ -1,11 +1,11 @@
 import type { ZoraComponentMeta } from '../../metadata';
-import { PAGE_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+import { SCREEN_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
 
 export const authLayoutMeta = {
   name: 'AuthLayout',
   category: 'layout',
   directManifestNode: true,
-  allowedChildren: [...PAGE_SECTION_ALLOWED_CHILDREN],
+  allowedChildren: [...SCREEN_SECTION_ALLOWED_CHILDREN],
   blueprint: {
     label: 'Auth layout',
     defaultProps: {

package/src/layout/screen/Screen.tsx

@@ -0,0 +1,42 @@
+import { ScrollArea } from '@ankhorage/surface';
+import React from 'react';
+
+import { Box, Container, Stack } from '../../foundation';
+import { resolvePageMaxWidth } from '../../internal/recipes';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import type { ScreenProps } from './types';
+
+function ScreenInner({
+  themeId: _themeId,
+  mode: _mode,
+  children,
+  footer,
+  scroll = true,
+  width = 'default',
+  testID,
+}: ScreenProps) {
+  const content = (
+    <Container maxWidth={resolvePageMaxWidth(width)} py="xl" testID={testID}>
+      <Stack gap="l">
+        {children}
+        {footer}
+      </Stack>
+    </Container>
+  );
+
+  if (!scroll) {
+    return (
+      <Box bg="background" flex={1}>
+        {content}
+      </Box>
+    );
+  }
+
+  return (
+    <ScrollArea bg="background" style={{ flex: 1 }}>
+      {content}
+    </ScrollArea>
+  );
+}
+
+export const Screen = withZoraThemeScope(ScreenInner);

package/src/layout/screen/index.ts

@@ -0,0 +1,2 @@
+export { Screen } from './Screen';
+export type { ScreenProps } from './types';

package/src/layout/{page → screen}/meta.ts

@@ -1,13 +1,13 @@
 import type { ZoraComponentMeta } from '../../metadata';
-import { PAGE_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+import { SCREEN_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
 
-export const pageMeta = {
-  name: 'Page',
+export const screenMeta = {
+  name: 'Screen',
   category: 'layout',
   directManifestNode: true,
-  allowedChildren: [...PAGE_ALLOWED_CHILDREN],
+  allowedChildren: [...SCREEN_ALLOWED_CHILDREN],
   blueprint: {
-    label: 'Page',
+    label: 'Screen',
   },
   props: {
     width: {
@@ -17,5 +17,11 @@ export const pageMeta = {
       enum: ['narrow', 'default', 'wide'],
       default: 'default',
     },
+    scroll: {
+      type: 'boolean',
+      category: 'Layout',
+      label: 'Scroll',
+      default: true,
+    },
   },
 } as const satisfies ZoraComponentMeta;

package/src/layout/{page → screen}/types.ts

@@ -3,9 +3,9 @@ import type React from 'react';
 import type { ZoraContentWidth } from '../../internal/recipes';
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 
-export interface PageProps extends ZoraBaseProps {
+export interface ScreenProps extends ZoraBaseProps {
   children?: React.ReactNode;
-  header?: React.ReactNode;
   footer?: React.ReactNode;
+  scroll?: boolean;
   width?: ZoraContentWidth;
 }

package/src/layout/{page-section/PageSection.tsx → screen-section/ScreenSection.tsx}

@@ -3,9 +3,9 @@ import React from 'react';
 import { Stack } from '../../foundation';
 import { SectionHeader } from '../../patterns/section-header';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { PageSectionProps } from './types';
+import type { ScreenSectionProps } from './types';
 
-function PageSectionInner({
+function ScreenSectionInner({
   themeId: _themeId,
   mode: _mode,
   title,
@@ -13,7 +13,7 @@ function PageSectionInner({
   actions,
   children,
   testID,
-}: PageSectionProps) {
+}: ScreenSectionProps) {
   return (
     <Stack gap="m" testID={testID}>
       {title ? <SectionHeader actions={actions} description={description} title={title} /> : null}
@@ -22,4 +22,4 @@ function PageSectionInner({
   );
 }
 
-export const PageSection = withZoraThemeScope(PageSectionInner);
+export const ScreenSection = withZoraThemeScope(ScreenSectionInner);

package/src/layout/screen-section/index.ts

@@ -0,0 +1,2 @@
+export { ScreenSection } from './ScreenSection';
+export type { ScreenSectionProps } from './types';

package/src/layout/{page-section → screen-section}/meta.ts

@@ -1,13 +1,13 @@
 import type { ZoraComponentMeta } from '../../metadata';
-import { PAGE_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+import { SCREEN_SECTION_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
 
-export const pageSectionMeta = {
-  name: 'PageSection',
+export const screenSectionMeta = {
+  name: 'ScreenSection',
   category: 'layout',
   directManifestNode: true,
-  allowedChildren: [...PAGE_SECTION_ALLOWED_CHILDREN],
+  allowedChildren: [...SCREEN_SECTION_ALLOWED_CHILDREN],
   blueprint: {
-    label: 'Page section',
+    label: 'Screen section',
     defaultProps: {
       title: 'Section',
       description: 'Section description.',

package/src/layout/{page-section → screen-section}/types.ts

@@ -2,7 +2,7 @@ import type React from 'react';
 
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 
-export interface PageSectionProps extends ZoraBaseProps {
+export interface ScreenSectionProps extends ZoraBaseProps {
   title?: React.ReactNode;
   description?: React.ReactNode;
   actions?: React.ReactNode;

package/src/layout/settings-layout/SettingsLayout.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
+import { AppBar } from '../../components/app-bar';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Page } from '../page';
-import { PageHeader } from '../page-header';
+import { Screen } from '../screen';
 import { SidebarLayout } from '../sidebar-layout';
 import type { SettingsLayoutProps } from './types';
 
@@ -17,14 +17,12 @@ function SettingsLayoutInner({
   testID,
 }: SettingsLayoutProps) {
   return (
-    <Page
-      header={
-        title ? <PageHeader actions={actions} description={description} title={title} /> : null
-      }
-      testID={testID}
-    >
-      <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>
-    </Page>
+    <>
+      {title ? <AppBar actions={actions} subtitle={description} title={title} /> : null}
+      <Screen testID={testID}>
+        <SidebarLayout sidebar={sidebar}>{children}</SidebarLayout>
+      </Screen>
+    </>
   );
 }
 

package/src/metadata/allowedChildren.ts

@@ -21,10 +21,6 @@ export const CONTAINER_ALLOWED_CHILDREN = [
   'MessageBubble',
 ] as const;
 
-export const PAGE_SECTION_ALLOWED_CHILDREN = [...CONTAINER_ALLOWED_CHILDREN] as const;
+export const SCREEN_SECTION_ALLOWED_CHILDREN = [...CONTAINER_ALLOWED_CHILDREN] as const;
 
-export const PAGE_ALLOWED_CHILDREN = [
-  'PageHeader',
-  'PageSection',
-  ...CONTAINER_ALLOWED_CHILDREN,
-] as const;
+export const SCREEN_ALLOWED_CHILDREN = ['ScreenSection', ...CONTAINER_ALLOWED_CHILDREN] as const;

package/src/metadata/componentMeta.test.ts

@@ -130,7 +130,6 @@ describe('ZORA_COMPONENT_META invariants', () => {
 
   test('direct manifest node leaf/container rules', () => {
     const expectedLeafNodes = new Set([
-      'PageHeader',
       'SectionHeader',
       'SettingsRow',
       'EmptyState',
@@ -146,8 +145,8 @@ describe('ZORA_COMPONENT_META invariants', () => {
 
     const expectedContainerNodes = new Set([
       'FormField',
-      'Page',
-      'PageSection',
+      'Screen',
+      'ScreenSection',
       'AuthLayout',
       'Card',
       'Panel',

package/src/metadata/componentMeta.ts

@@ -31,9 +31,8 @@ import { toolbarActionMeta, toolbarMeta } from '../components/toolbar/meta';
 import { foundationMetas } from '../foundation/meta';
 import { appShellMeta } from '../layout/app-shell/meta';
 import { authLayoutMeta } from '../layout/auth-layout/meta';
-import { pageMeta } from '../layout/page/meta';
-import { pageHeaderMeta } from '../layout/page-header/meta';
-import { pageSectionMeta } from '../layout/page-section/meta';
+import { screenMeta } from '../layout/screen/meta';
+import { screenSectionMeta } from '../layout/screen-section/meta';
 import { settingsLayoutMeta } from '../layout/settings-layout/meta';
 import { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';
 import { topbarLayoutMeta } from '../layout/topbar-layout/meta';
@@ -111,9 +110,8 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   ToolbarAction: toolbarActionMeta,
   AppShell: appShellMeta,
   AuthLayout: authLayoutMeta,
-  Page: pageMeta,
-  PageHeader: pageHeaderMeta,
-  PageSection: pageSectionMeta,
+  Screen: screenMeta,
+  ScreenSection: screenSectionMeta,
   SettingsLayout: settingsLayoutMeta,
   SidebarLayout: sidebarLayoutMeta,
   TopbarLayout: topbarLayoutMeta,