react-native-terra-ui 0.11.10 → 0.11.12

package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts

@@ -10,7 +10,7 @@ export interface LargeTitleHeaderProps extends TitleHeaderProps {
     /**
      * How `accessory` moves while scrolling. `'sticky'` starts below the large title
      * and pins below the compact bar when scrolled up. A hidden large title always pins.
-     * @defaultValue 'pinned'
+     * @defaultValue 'sticky'
      */
     accessoryBehavior?: HeaderAccessoryBehavior;
     /**
@@ -19,26 +19,6 @@ export interface LargeTitleHeaderProps extends TitleHeaderProps {
      */
     titleAlignment?: "center" | "left";
 }
-/**
- * iOS-style collapsing large-title header. The large title is injected (via the
- * `Screen`'s portal) into the top of the scroll content, so it scrolls away
- * naturally; the compact title cross-fades over the theme header height.
- * The top safe area and bar overlay fade from transparent when expanded to
- * the header background when collapsed. The large-title content stays transparent.
- * Snapping is opt-in through the scroll container's snapToOffsets.
- *
- * Must be used inside a `Screen` with a `Screen.ScrollView` or `Screen.List`.
- *
- * @example
- * ```tsx
- * <Screen.Header>
- *   <Header.LargeTitle
- *     overline="Today"
- *     title="Meditate"
- *     subtitle="Good morning"
- *   />
- * </Screen.Header>
- * ```
- */
-export declare function LargeTitleHeader({ title, overline, subtitle, leadingActions, trailingActions, LeftToolbar, RightToolbar, accessory, accessoryPadding, accessoryBehavior, dismissAction, navigation, onDismiss, titleAlignment, isLargeTitleHidden, background, bg, }: LargeTitleHeaderProps): import("react").JSX.Element;
+/** Collapsing header. The expanded title lives in scroll content; the bar and accessory overlay it. */
+export declare function LargeTitleHeader({ title, overline, subtitle, leadingActions, trailingActions, LeftToolbar, RightToolbar, accessory, accessoryPadding, accessoryBehavior, titleAlignment, isLargeTitleHidden, background, bg, ...dismissProps }: LargeTitleHeaderProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/LargeTitleHeader/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAa,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAgB,CAAC;AASvD,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAC5C;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CACpC;AAyED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,eAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAS,EACT,gBAAsB,EACtB,iBAA4B,EAC5B,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,kBAA0B,EAC1B,UAAU,EACV,EAAE,GACH,EAAE,qBAAqB,+BA2LvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/LargeTitleHeader/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAgB,CAAC;AAGvD,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAC5C;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CACpC;AAED,uGAAuG;AACvG,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,eAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAS,EACT,gBAAsB,EACtB,iBAA4B,EAC5B,cAAyB,EACzB,kBAA0B,EAC1B,UAAU,EACV,EAAE,EACF,GAAG,YAAY,EAChB,EAAE,qBAAqB,+BA8CvB"}

package/lib/typescript/src/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps } from "react";
+import Animated from "react-native-reanimated";
+import type { LargeTitleHeaderProps } from "../index.js";
+export declare function LargeTitleContent({ title, overline, subtitle, hasAccessoryBelow, onHeightChange, animatedStyle, }: Pick<LargeTitleHeaderProps, "title" | "overline" | "subtitle"> & {
+    /** Reserve a gap before a sticky accessory below this block. */
+    hasAccessoryBelow: boolean;
+    /** Reports the large-title block's layout height in dp. */
+    onHeightChange?: (height: number) => void;
+    animatedStyle: ComponentProps<typeof Animated.View>["style"];
+}): import("react").JSX.Element;
+//# sourceMappingURL=LargeTitleContent.d.ts.map

package/lib/typescript/src/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LargeTitleContent.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/header/variants/LargeTitleHeader/parts/LargeTitleContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAK/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAI,CAAC;AAEhD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,cAAc,EACd,aAAa,GACd,EAAE,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG;IAClE,gEAAgE;IAChE,iBAAiB,EAAE,OAAO,CAAC;IAC3B,2DAA2D;IAC3D,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;CAC9D,+BAmCA"}

package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
 import type { ColorToken } from "../../../../theme/types";
-import { type HeaderDismissProps } from "../../header-buttons.js";
+import type { HeaderDismissProps } from "../../header-buttons.js";
 import type { HeaderAccessoryPadding } from "../../types.js";
 export interface TitleHeaderProps extends HeaderDismissProps {
     /**
@@ -42,22 +42,6 @@ export interface TitleHeaderProps extends HeaderDismissProps {
     /** @deprecated Use background. */
     bg?: ColorToken;
 }
-/**
- * Compact title bar (leading slot · title · trailing slot) with a top safe-area
- * inset outside Screen. Within Screen, the root owns safe-area clearance. The inline counterpart to `Header.LargeTitle`; use it for screens that
- * don't need a collapsing large title.
- *
- * @example
- * ```tsx
- * <Screen.Header>
- *   <Header.Title
- *     title="Stats"
- *     trailingActions={
- *       <Toolbar.Button icon="add" accessibilityLabel="Add" onPress={add} />
- *     }
- *   />
- * </Screen.Header>
- * ```
- */
-export declare function TitleHeader({ title, leadingActions, trailingActions, LeftToolbar, RightToolbar, accessory, accessoryPadding, dismissAction, navigation, onDismiss, titleAlignment, background, bg, }: TitleHeaderProps): import("react").JSX.Element;
+/** Compact header. Screen owns the safe area when present; standalone headers reserve it here. */
+export declare function TitleHeader({ title, leadingActions, trailingActions, LeftToolbar, RightToolbar, accessory, accessoryPadding, titleAlignment, background, bg, ...dismissProps }: TitleHeaderProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/TitleHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAC;AAKhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM/C,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,yBAAsB,CAAC;AAGpF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAa,CAAC;AAG1D,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,sCAAsC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,uCAAuC;IACvC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,8DAA8D;IAC9D,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,mGAAmG;IACnG,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kCAAkC;IAClC,EAAE,CAAC,EAAE,UAAU,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,cAAc,EACd,eAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAS,EACT,gBAAsB,EACtB,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,UAAU,EACV,EAAE,GACH,EAAE,gBAAgB,+BAiElB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/TitleHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAsB,CAAC;AAI/D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAa,CAAC;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,sCAAsC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,uCAAuC;IACvC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,8DAA8D;IAC9D,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,mGAAmG;IACnG,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kCAAkC;IAClC,EAAE,CAAC,EAAE,UAAU,CAAC;CACjB;AAED,kGAAkG;AAClG,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,cAAc,EACd,eAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAS,EACT,gBAAsB,EACtB,cAAyB,EACzB,UAAU,EACV,EAAE,EACF,GAAG,YAAY,EAChB,EAAE,gBAAgB,+BA0BlB"}

package/lib/typescript/src/components/surface/Surface.d.ts

@@ -34,5 +34,5 @@ export interface SurfaceProps extends Omit<BoxProps, "background"> {
  * </Surface>
  * ```
  */
-export declare const Surface: import("react").ForwardRefExoticComponent<SurfaceProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
+export declare const Surface: import("react").ForwardRefExoticComponent<Omit<SurfaceProps, "ref"> & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
 //# sourceMappingURL=Surface.d.ts.map

package/lib/typescript/src/components/surface/Surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../../../src/components/surface/Surface.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAc,YAAY,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAA8B,KAAK,QAAQ,EAAE,MAAM,iBAAQ,CAAC;AAEnE,6CAA6C;AAC7C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE1E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,QAAQ,EAAE,YAAY,CAAC;IAChE,sDAAsD;IACtD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B;AA6BD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO,0LAiBlB,CAAC"}
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../../../src/components/surface/Surface.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAc,YAAY,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAA8B,KAAK,QAAQ,EAAE,MAAM,iBAAQ,CAAC;AAEnE,6CAA6C;AAC7C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE1E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,QAAQ,EAAE,YAAY,CAAC;IAChE,sDAAsD;IACtD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B;AA6BD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO,uMAkBlB,CAAC"}

package/lib/typescript/src/components/toast/Toast.d.ts

@@ -22,7 +22,7 @@ export interface ToastProps extends Omit<SurfaceProps, "id" | "variant"> {
     /** Local close callback used by `Toast.Close`. */
     onClose?: () => void;
 }
-declare const ToastRoot: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
+declare const ToastRoot: import("react").ForwardRefExoticComponent<Omit<ToastProps, "ref"> & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
 export interface ToastTitleProps extends TextProps {
 }
 declare const ToastTitle: import("react").ForwardRefExoticComponent<ToastTitleProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;

package/lib/typescript/src/components/toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-terra-ui",
-  "version": "0.11.10",
+  "version": "0.11.12",
   "description": "Themeable React Native UI components built on react-native-unistyles",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/components/box/Box.tsx

@@ -1,53 +1,96 @@
-import { type ComponentRef, forwardRef } from "react";
-import { View, type ViewProps } from "react-native";
+import {
+  type ComponentPropsWithRef,
+  type ElementType,
+  forwardRef,
+  type ReactElement,
+  type ReactNode,
+} from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
 
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
 
 import { Slot } from "../slot";
 import { BOX_STYLE_PROP_KEYS, type BoxStyleProps, resolveBoxStyle } from "./utils";
 
-export interface BoxProps extends ViewProps, BoxStyleProps {
-  /** Merge Box's style/props onto a single child instead of rendering a View. */
+/** Props owned by Box itself — everything else belongs to the rendered element. */
+interface BoxOwnProps extends BoxStyleProps {
+  /** Merge Box's style/props onto a single child instead of rendering an element. Takes precedence over `as`. */
   asChild?: boolean;
 }
 
-const STYLE_KEYS = new Set<string>(BOX_STYLE_PROP_KEYS as readonly string[]);
-
 /**
- * Base layout primitive: a `View` styled through theme-token props.
- * The only component family exposing token style-props.
+ * Props of `Box` when cast as `T`. Token style-props plus everything the
+ * rendered component accepts — `<Box as={Pressable} onPress={…} />` type-checks
+ * against `Pressable`, not `View`.
  */
-export const Box = forwardRef<ComponentRef<typeof View>, BoxProps>(function Box(
-  { asChild, style, children, ...rest },
+export type BoxProps<T extends ElementType = typeof View> = BoxOwnProps & {
+  /** Render as this component instead of `View`. It must accept a `style` prop. */
+  as?: T;
+} & Omit<ComponentPropsWithRef<T>, keyof BoxOwnProps | "as">;
+
+/** Erased prop shape the implementation works with — the generic lives on the exported cast. */
+interface BoxRenderProps extends BoxOwnProps {
+  as?: ElementType;
+  style?: StyleProp<ViewStyle>;
+  children?: ReactNode;
+  [key: string]: unknown;
+}
+
+const STYLE_KEYS = new Set<string>(BOX_STYLE_PROP_KEYS as readonly string[]);
+
+const BoxWithRef = forwardRef<unknown, BoxRenderProps>(function Box(
+  { as, asChild, style, children, ...rest }: BoxRenderProps,
   ref
 ) {
   const { theme } = useUnistyles();
 
   const styleProps: Record<string, unknown> = {};
-  const viewProps: Record<string, unknown> = {};
+  const elementProps: Record<string, unknown> = {};
   for (const key of Object.keys(rest)) {
-    const value = (rest as Record<string, unknown>)[key];
+    const value = rest[key];
     if (STYLE_KEYS.has(key)) styleProps[key] = value;
-    else viewProps[key] = value;
+    else elementProps[key] = value;
   }
 
   const mergedStyle = [styles.root, resolveBoxStyle(styleProps as BoxStyleProps, theme), style];
 
   if (asChild) {
     return (
-      <Slot ownerName="Box" slotProps={{ ...viewProps, style: mergedStyle, ref }}>
+      <Slot ownerName="Box" slotProps={{ ...elementProps, style: mergedStyle, ref }}>
         {children}
       </Slot>
     );
   }
 
+  const Component = (as ?? View) as ElementType;
+
   return (
-    <View ref={ref} style={mergedStyle} {...(viewProps as ViewProps)}>
+    <Component ref={ref} style={mergedStyle} {...elementProps}>
       {children}
-    </View>
+    </Component>
   );
 });
 
+/**
+ * Base layout primitive: a `View` styled through theme-token props.
+ * The only component family exposing token style-props.
+ *
+ * Pass `as` to cast it as another component — the token style-props still
+ * resolve, and the rest of the props are typed against that component.
+ * Note that `as` renders a component Box does not own, so a Unistyles style
+ * handed to it only stays theme-reactive if that component's own module runs
+ * through the Unistyles Babel plugin (see the stylesheet note below).
+ *
+ * @example
+ * ```tsx
+ * <Box row gap="2" p="4" />
+ * <Box as={Pressable} onPress={onPress} p="3" radius="md" />
+ * ```
+ */
+export const Box = BoxWithRef as unknown as <T extends ElementType = typeof View>(
+  props: BoxProps<T>
+) => ReactElement | null;
+
 // ─── Styles ───────────────────────────────────────────────────────────────────
 //
 // Box has no static style of its own — this stylesheet exists so the

package/src/components/header/hooks/use-header-color.ts

@@ -0,0 +1,14 @@
+import { useContext } from "react";
+
+import { useUnistyles } from "react-native-unistyles";
+
+import type { ColorToken } from "#theme/types";
+import { resolveThemeColor } from "#utils/resolve-theme-color";
+import { ScreenContext } from "../../screen/ScreenContext";
+
+/** Explicit header color wins, then Screen, then the theme canvas. */
+export function useHeaderColor(token?: ColorToken) {
+  const { theme } = useUnistyles();
+  const screen = useContext(ScreenContext);
+  return (token ? resolveThemeColor(token, theme) : screen?.background) ?? theme.color["surface.canvas"];
+}

package/src/components/header/hooks/use-large-title-header.ts

@@ -0,0 +1,78 @@
+import { useEffect, useLayoutEffect, useState } from "react";
+
+import { interpolate, useAnimatedStyle, useSharedValue } from "react-native-reanimated";
+import { useUnistyles } from "react-native-unistyles";
+
+import { useScreen } from "../../screen/ScreenContext";
+import type { HeaderAccessoryBehavior } from "../types";
+
+interface LargeTitleLayoutOptions {
+  hasAccessory: boolean;
+  accessoryBehavior: HeaderAccessoryBehavior;
+  isLargeTitleHidden: boolean;
+}
+
+/** Coordinates measured layout and UI-thread animation without animating accessory padding. */
+export function useLargeTitleHeader({
+  hasAccessory,
+  accessoryBehavior,
+  isLargeTitleHidden,
+}: LargeTitleLayoutOptions) {
+  const { theme } = useUnistyles();
+  const { scrollY, contentTopPadding, setHeaderAccessoryHeight } = useScreen();
+  const [accessoryHeight, setAccessoryHeight] = useState(0);
+  const [largeTitleHeight, setLargeTitleHeight] = useState(0);
+  const hidden = useSharedValue(isLargeTitleHidden);
+  useEffect(() => {
+    hidden.value = isLargeTitleHidden;
+  }, [hidden, isLargeTitleHidden]);
+
+  const barHeight = theme.layout.header.height;
+  const isSticky = hasAccessory && accessoryBehavior === "sticky" && !isLargeTitleHidden;
+  // The measured overlay always includes bottom padding. Expanded scroll content
+  // excludes it; compact-only screens reserve the entire accessory.
+  const reservedAccessoryHeight = hasAccessory
+    ? Math.max(0, Math.round(accessoryHeight - (isLargeTitleHidden ? 0 : theme.spacing["2"])))
+    : 0;
+  const accessoryOffset = isSticky ? Math.max(0, contentTopPadding + largeTitleHeight - barHeight) : 0;
+
+  useLayoutEffect(() => {
+    setHeaderAccessoryHeight(isSticky ? 0 : reservedAccessoryHeight);
+    return () => setHeaderAccessoryHeight(0);
+  }, [isSticky, reservedAccessoryHeight, setHeaderAccessoryHeight]);
+
+  const accessoryStyle = useAnimatedStyle(() => ({
+    transform: [{ translateY: isSticky && !hidden.value ? Math.max(0, accessoryOffset - scrollY.value) : 0 }],
+  }));
+  const surfaceStyle = useAnimatedStyle(() => {
+    if (hidden.value) return { opacity: 1 };
+    const distance = isSticky ? accessoryOffset : barHeight;
+    return {
+      opacity: distance > 0 ? interpolate(scrollY.value, [0, distance], [0, 1], "clamp") : isSticky ? 1 : 0,
+    };
+  });
+  const compactTitleStyle = useAnimatedStyle(() => {
+    const progress = hidden.value
+      ? 1
+      : barHeight > 0
+        ? interpolate(scrollY.value, [0, barHeight], [0, 1], "clamp")
+        : 0;
+    return { opacity: progress, transform: [{ translateY: (1 - progress) * 8 }] };
+  });
+  const largeTitleStyle = useAnimatedStyle(() => {
+    const progress = barHeight > 0 ? interpolate(scrollY.value, [0, barHeight], [0, 1], "clamp") : 0;
+    return { opacity: 1 - progress, transform: [{ translateY: -progress * 6 }] };
+  });
+
+  return {
+    isSticky,
+    accessoryOffset,
+    reservedAccessoryHeight,
+    setAccessoryHeight,
+    setLargeTitleHeight,
+    accessoryStyle,
+    surfaceStyle,
+    compactTitleStyle,
+    largeTitleStyle,
+  };
+}

package/src/components/header/parts/HeaderAccessory.tsx

@@ -1,37 +1,53 @@
-import { type ReactNode, useCallback, useEffect } from "react";
-import { type LayoutChangeEvent, type StyleProp, View, type ViewStyle } from "react-native";
+import { type ComponentProps, type ReactNode, useCallback, useLayoutEffect, useRef } from "react";
+import { type LayoutChangeEvent, View } from "react-native";
 
 import Animated from "react-native-reanimated";
 import { StyleSheet } from "react-native-unistyles";
 
 import type { HeaderAccessoryPadding } from "../types";
+import { HeaderSurface, type HeaderSurfaceProps } from "./HeaderSurface";
 
 export interface HeaderAccessoryProps {
   children: ReactNode;
   /** Horizontal padding around the accessory. */
   padding: HeaderAccessoryPadding;
+  color: string;
+  surfaceStyle?: HeaderSurfaceProps["animatedStyle"];
   /** Reports layout height in dp; reports zero on cleanup to release reserved space. */
-  onHeightChange: (height: number) => void;
+  onHeightChange?: (height: number) => void;
   /** Additional styles for the accessory container. */
-  style?: StyleProp<ViewStyle>;
+  style?: ComponentProps<typeof Animated.View>["style"];
 }
 
 /** Measures accessory content so the header can reserve space in the scroll container. */
-export function HeaderAccessory({ children, padding, onHeightChange, style }: HeaderAccessoryProps) {
+export function HeaderAccessory({
+  children,
+  padding,
+  color,
+  surfaceStyle,
+  onHeightChange,
+  style,
+}: HeaderAccessoryProps) {
+  const measuredHeight = useRef(0);
   const handleLayout = useCallback(
     (event: LayoutChangeEvent) => {
-      onHeightChange(event.nativeEvent.layout.height);
+      measuredHeight.current = event.nativeEvent.layout.height;
+      onHeightChange?.(measuredHeight.current);
     },
     [onHeightChange]
   );
 
   // Release the previous owner’s space when the callback changes or the accessory unmounts.
-  useEffect(() => () => onHeightChange(0), [onHeightChange]);
+  useLayoutEffect(() => {
+    onHeightChange?.(measuredHeight.current);
+    return () => onHeightChange?.(0);
+  }, [onHeightChange]);
 
   styles.useVariants({ padding });
 
   return (
     <Animated.View style={[styles.accessory, style]} onLayout={handleLayout}>
+      <HeaderSurface color={color} animatedStyle={surfaceStyle} accessory />
       {children}
     </Animated.View>
   );
@@ -44,6 +60,9 @@ export function HeaderAccessorySpacer({ height }: { height: number }) {
 
 const styles = StyleSheet.create((theme) => ({
   accessory: {
+    // Static layout padding is intentional: the background must measure the full
+    // padded height even when a horizontal ScrollView is the accessory content.
+    paddingBottom: theme.spacing["2"],
     variants: {
       padding: {
         x: { paddingHorizontal: theme.layout.screen.padding.x },

package/src/components/header/parts/HeaderBar.tsx

@@ -0,0 +1,125 @@
+import type { ComponentProps, ReactNode } from "react";
+import { Text, View } from "react-native";
+
+import Animated from "react-native-reanimated";
+import { StyleSheet, useUnistyles } from "react-native-unistyles";
+
+import { FONT_WEIGHT_VALUE } from "#utils/typography";
+import { Toolbar } from "../../toolbar";
+import { HeaderDismissButton, type HeaderDismissProps } from "../header-buttons";
+import { isCustomTitle, isTextTitle } from "../utils";
+import { HeaderSurface, type HeaderSurfaceProps } from "./HeaderSurface";
+
+interface HeaderBarProps extends HeaderDismissProps {
+  title?: ReactNode;
+  leading?: ReactNode;
+  trailing?: ReactNode;
+  titleAlignment: "center" | "left";
+  color: string;
+  surfaceStyle?: HeaderSurfaceProps["animatedStyle"];
+  titleStyle?: ComponentProps<typeof Animated.View>["style"];
+}
+
+/** Shared compact bar. Only the title and background animate; actions stay interactive. */
+export function HeaderBar({
+  title,
+  leading,
+  trailing,
+  titleAlignment,
+  color,
+  surfaceStyle,
+  titleStyle,
+  dismissAction = "none",
+  navigation,
+  onDismiss,
+}: HeaderBarProps) {
+  const { theme } = useUnistyles();
+  styles.useVariants({ titleAlignment });
+  const dismiss = (
+    <HeaderDismissButton dismissAction={dismissAction} navigation={navigation} onDismiss={onDismiss} />
+  );
+  return (
+    <View style={styles.bar}>
+      <HeaderSurface color={color} animatedStyle={surfaceStyle} />
+      {(leading != null || dismissAction === "back") && (
+        <Toolbar>
+          {dismissAction === "back" && dismiss}
+          {leading}
+        </Toolbar>
+      )}
+      <Animated.View
+        style={[styles.titleContainer, titleStyle]}
+        pointerEvents={isCustomTitle(title) ? "box-none" : "none"}
+      >
+        {isTextTitle(title)
+          ? String(title).trim().length > 0 && (
+              <Text
+                style={styles.title}
+                maxFontSizeMultiplier={theme.typography.variants["title-md"].maxFontSizeMultiplier}
+              >
+                {title}
+              </Text>
+            )
+          : title}
+      </Animated.View>
+      {(trailing != null || dismissAction === "close") && (
+        <Toolbar style={styles.trailing}>
+          {dismissAction === "close" && dismiss}
+          {trailing}
+        </Toolbar>
+      )}
+    </View>
+  );
+}
+
+const styles = StyleSheet.create((theme) => ({
+  bar: {
+    height: theme.layout.header.height,
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: theme.layout.screen.padding.x,
+    gap: theme.spacing["3"],
+    justifyContent: "space-between",
+  },
+  // A centered title is absolutely positioned, so it leaves the flex row. With
+  // no leading slot the trailing toolbar would be the only in-flow child and
+  // `space-between` would park it on the left — the auto margin pins it right.
+  trailing: {
+    justifyContent: "flex-end",
+    variants: {
+      titleAlignment: {
+        center: { marginLeft: "auto" },
+        left: {},
+      },
+    },
+  },
+  titleContainer: {
+    variants: {
+      titleAlignment: {
+        center: {
+          position: "absolute",
+          left: 0,
+          right: 0,
+          alignItems: "center",
+        },
+        left: {
+          flex: 1,
+          alignItems: "flex-start",
+        },
+      },
+    },
+  },
+  title: {
+    fontSize: theme.typography.variants["title-md"].fontSize,
+    lineHeight: theme.typography.variants["title-md"].lineHeight,
+    letterSpacing: theme.typography.variants["title-md"].letterSpacing,
+    fontWeight: FONT_WEIGHT_VALUE[theme.typography.variants["title-md"].fontWeight],
+    color: (theme.color as unknown as Record<string, string | undefined>)["text.primary"] ?? "",
+    variants: {
+      titleAlignment: {
+        center: { textAlign: "center" },
+        left: { textAlign: "left" },
+      },
+    },
+  },
+}));