react-native-terra-ui 0.11.9 → 0.11.11

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## [0.11.11](https://github.com/earthlin9/react-native-terra-ui/compare/v0.11.10...v0.11.11) (2026-09-17)
+
+### Features
+
+* **ui:** [box] cast the rendered element with an `as` prop ([9f294bb](https://github.com/earthlin9/react-native-terra-ui/commit/9f294bbff87e1a49454f0f1defb255f7f7df2cda))
+* **ui:** [header] keep the background fade inside the surface ([85062d0](https://github.com/earthlin9/react-native-terra-ui/commit/85062d08af02920a8fa3671c4339d54e4915caea))
+
+## [0.11.10](https://github.com/earthlin9/react-native-terra-ui/compare/v0.11.9...v0.11.10) (2026-09-15)
+
+### Bug Fixes
+
+* **ui:** [header] give the large title a gap only when an accessory follows ([b26f812](https://github.com/earthlin9/react-native-terra-ui/commit/b26f812702da03810b9f7924b07f98bb84b81c6d))
+
 ## [0.11.9](https://github.com/earthlin9/react-native-terra-ui/compare/v0.11.8...v0.11.9) (2026-09-15)
 
 ### Features

package/lib/module/components/box/Box.js

@@ -5,14 +5,20 @@ import { forwardRef } from "react";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
 import { Slot } from "../slot/index.js";
 import { BOX_STYLE_PROP_KEYS, resolveBoxStyle } from "./utils.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const STYLE_KEYS = new Set(BOX_STYLE_PROP_KEYS);
+
+/** Props owned by Box itself — everything else belongs to the rendered element. */
 
 /**
- * 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 = /*#__PURE__*/forwardRef(function Box({
+
+/** Erased prop shape the implementation works with — the generic lives on the exported cast. */
+import { jsx as _jsx } from "react/jsx-runtime";
+const STYLE_KEYS = new Set(BOX_STYLE_PROP_KEYS);
+const BoxWithRef = /*#__PURE__*/forwardRef(function Box({
+  as,
   asChild,
   style,
   children,
@@ -22,31 +28,50 @@ export const Box = /*#__PURE__*/forwardRef(function Box({
     theme
   } = useUnistyles();
   const styleProps = {};
-  const viewProps = {};
+  const elementProps = {};
   for (const key of Object.keys(rest)) {
     const value = rest[key];
-    if (STYLE_KEYS.has(key)) styleProps[key] = value;else viewProps[key] = value;
+    if (STYLE_KEYS.has(key)) styleProps[key] = value;else elementProps[key] = value;
   }
   const mergedStyle = [styles.root, resolveBoxStyle(styleProps, theme), style];
   if (asChild) {
     return /*#__PURE__*/_jsx(Slot, {
       ownerName: "Box",
       slotProps: {
-        ...viewProps,
+        ...elementProps,
         style: mergedStyle,
         ref
       },
       children: children
     });
   }
-  return /*#__PURE__*/_jsx(View, {
+  const Component = as ?? View;
+  return /*#__PURE__*/_jsx(Component, {
     ref: ref,
     style: mergedStyle,
-    ...viewProps,
+    ...elementProps,
     children: children
   });
 });
 
+/**
+ * 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;
+
 // ─── Styles ───────────────────────────────────────────────────────────────────
 //
 // Box has no static style of its own — this stylesheet exists so the

package/lib/module/components/box/Box.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","StyleSheet","useUnistyles","Slot","BOX_STYLE_PROP_KEYS","resolveBoxStyle","jsx","_jsx","STYLE_KEYS","Set","Box","asChild","style","children","rest","ref","theme","styleProps","viewProps","key","Object","keys","value","has","mergedStyle","styles","root","ownerName","slotProps","View","create"],"sourceRoot":"../../../../src","sources":["components/box/Box.tsx"],"mappings":";;;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AAGrD,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAEjE,SAASC,IAAI;AACb,SAASC,mBAAmB,EAAsBC,eAAe;AAAkB,SAAAC,GAAA,IAAAC,IAAA;AAOnF,MAAMC,UAAU,GAAG,IAAIC,GAAG,CAASL,mBAAwC,CAAC;;AAE5E;AACA;AACA;AACA;AACA,OAAO,MAAMM,GAAG,gBAAGV,UAAU,CAAsC,SAASU,GAAGA,CAC7E;EAAEC,OAAO;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EACrCC,GAAG,EACH;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGd,YAAY,CAAC,CAAC;EAEhC,MAAMe,UAAmC,GAAG,CAAC,CAAC;EAC9C,MAAMC,SAAkC,GAAG,CAAC,CAAC;EAC7C,KAAK,MAAMC,GAAG,IAAIC,MAAM,CAACC,IAAI,CAACP,IAAI,CAAC,EAAE;IACnC,MAAMQ,KAAK,GAAIR,IAAI,CAA6BK,GAAG,CAAC;IACpD,IAAIX,UAAU,CAACe,GAAG,CAACJ,GAAG,CAAC,EAAEF,UAAU,CAACE,GAAG,CAAC,GAAGG,KAAK,CAAC,KAC5CJ,SAAS,CAACC,GAAG,CAAC,GAAGG,KAAK;EAC7B;EAEA,MAAME,WAAW,GAAG,CAACC,MAAM,CAACC,IAAI,EAAErB,eAAe,CAACY,UAAU,EAAmBD,KAAK,CAAC,EAAEJ,KAAK,CAAC;EAE7F,IAAID,OAAO,EAAE;IACX,oBACEJ,IAAA,CAACJ,IAAI;MAACwB,SAAS,EAAC,KAAK;MAACC,SAAS,EAAE;QAAE,GAAGV,SAAS;QAAEN,KAAK,EAAEY,WAAW;QAAET;MAAI,CAAE;MAAAF,QAAA,EACxEA;IAAQ,CACL,CAAC;EAEX;EAEA,oBACEN,IAAA,CAACsB,IAAI;IAACd,GAAG,EAAEA,GAAI;IAACH,KAAK,EAAEY,WAAY;IAAA,GAAMN,SAAS;IAAAL,QAAA,EAC/CA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMY,MAAM,GAAGxB,UAAU,CAAC6B,MAAM,CAAC,OAAO;EAAEJ,IAAI,EAAE,CAAC;AAAE,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","StyleSheet","useUnistyles","Slot","BOX_STYLE_PROP_KEYS","resolveBoxStyle","jsx","_jsx","STYLE_KEYS","Set","BoxWithRef","Box","as","asChild","style","children","rest","ref","theme","styleProps","elementProps","key","Object","keys","value","has","mergedStyle","styles","root","ownerName","slotProps","Component","View","create"],"sourceRoot":"../../../../src","sources":["components/box/Box.tsx"],"mappings":";;;AAAA,SAGEA,UAAU,QAGL,OAAO;AAGd,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAEjE,SAASC,IAAI;AACb,SAASC,mBAAmB,EAAsBC,eAAe;;AAEjE;;AAMA;AACA;AACA;AACA;AACA;;AAMA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQA,MAAMC,UAAU,GAAG,IAAIC,GAAG,CAASL,mBAAwC,CAAC;AAE5E,MAAMM,UAAU,gBAAGV,UAAU,CAA0B,SAASW,GAAGA,CACjE;EAAEC,EAAE;EAAEC,OAAO;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAqB,CAAC,EACzDC,GAAG,EACH;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGhB,YAAY,CAAC,CAAC;EAEhC,MAAMiB,UAAmC,GAAG,CAAC,CAAC;EAC9C,MAAMC,YAAqC,GAAG,CAAC,CAAC;EAChD,KAAK,MAAMC,GAAG,IAAIC,MAAM,CAACC,IAAI,CAACP,IAAI,CAAC,EAAE;IACnC,MAAMQ,KAAK,GAAGR,IAAI,CAACK,GAAG,CAAC;IACvB,IAAIb,UAAU,CAACiB,GAAG,CAACJ,GAAG,CAAC,EAAEF,UAAU,CAACE,GAAG,CAAC,GAAGG,KAAK,CAAC,KAC5CJ,YAAY,CAACC,GAAG,CAAC,GAAGG,KAAK;EAChC;EAEA,MAAME,WAAW,GAAG,CAACC,MAAM,CAACC,IAAI,EAAEvB,eAAe,CAACc,UAAU,EAAmBD,KAAK,CAAC,EAAEJ,KAAK,CAAC;EAE7F,IAAID,OAAO,EAAE;IACX,oBACEN,IAAA,CAACJ,IAAI;MAAC0B,SAAS,EAAC,KAAK;MAACC,SAAS,EAAE;QAAE,GAAGV,YAAY;QAAEN,KAAK,EAAEY,WAAW;QAAET;MAAI,CAAE;MAAAF,QAAA,EAC3EA;IAAQ,CACL,CAAC;EAEX;EAEA,MAAMgB,SAAS,GAAInB,EAAE,IAAIoB,IAAoB;EAE7C,oBACEzB,IAAA,CAACwB,SAAS;IAACd,GAAG,EAAEA,GAAI;IAACH,KAAK,EAAEY,WAAY;IAAA,GAAKN,YAAY;IAAAL,QAAA,EACtDA;EAAQ,CACA,CAAC;AAEhB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMJ,GAAG,GAAGD,UAEK;;AAExB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMiB,MAAM,GAAG1B,UAAU,CAACgC,MAAM,CAAC,OAAO;EAAEL,IAAI,EAAE,CAAC;AAAE,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/header/parts/HeaderGradientOverlay.js

@@ -4,80 +4,18 @@ import { useId } from "react";
 import Svg, { Defs, Rect, Stop, LinearGradient as SvgLinearGradient } from "react-native-svg";
 
 /**
- * How far the overlay extends below the bar's bottom edge, in dp.
- *
- * The fade needs more room than the bar alone can give it: confined to the bar,
- * the curve has to be steep enough to read as a band. Overhanging lets the tail
- * finish in open space, so the header releases content instead of cutting it.
+ * Opacity at the overlay's bottom edge. The top is fully opaque, so the header
+ * thins slightly toward the boundary rather than cutting content off square —
+ * but never far enough to read as see-through.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const HEADER_FADE_EXTENT = 8;
-
-/**
- * Where the fade begins, as a fraction of the overlay's height — the bar plus
- * {@link HEADER_FADE_EXTENT}.
- *
- * Sits inside the bar rather than at its bottom edge, so the tint has already
- * begun thinning before content reaches the boundary. That is the trade this
- * value makes: a longer, gentler ramp, paid for with content being faintly
- * visible through the lower part of the bar.
- */
-const FADE_START = 0.5;
-
-/**
- * Stops used to approximate the fade curve. Below ~10 the ramp shows as a series
- * of bands on an 8-bit display; above ~14 the extra stops cost SVG parse time
- * with nothing visible in return.
- */
-const FADE_STOPS = 4;
-
-/** Ceiling on the fade's opacity — see {@link alphaAt}. */
-const MAX_FADE_ALPHA = 0.65;
-
+export const HEADER_FADE_END_OPACITY = 0.85;
 /**
- * Raised cosine, capped at {@link MAX_FADE_ALPHA}, reaching 0 at the overlay's
- * bottom.
+ * Vertical fade behind header content, shared by header variants.
  *
- * The curve's slope is zero at both ends, so neither the start of the fade nor
- * its finish leaves a seam. A two-stop linear ramp has a constant slope that
- * begins and ends abruptly, and those two hard edges are what read as a line
- * drawn across the content rather than the header letting go of it.
- *
- * The cap holds the ramp just short of solid, so the whole overlay reads as one
- * continuous gradient rather than an opaque plateau with a curve bolted on.
- */
-const alphaAt = t => (1 + Math.cos(Math.PI * t) * MAX_FADE_ALPHA) / 2;
-
-/**
- * Every input is a module constant, so the ramp is built once at load rather
- * than rebuilt per render.
- *
- * The leading stop belongs to this list rather than being a sibling element:
- * `LinearGradient` types its children as a flat `ReactElement[]`, so an element
- * beside a mapped array would nest and fail to type-check.
- */
-const STOPS = [{
-  offset: 0,
-  opacity: 1
-}, ...Array.from({
-  length: FADE_STOPS
-}, (_, index) => {
-  const t = index / (FADE_STOPS - 1);
-  const offset = FADE_START + t * (1 - FADE_START);
-  return {
-    offset,
-    opacity: offset === 1 ? 0 : alphaAt(t)
-  };
-})];
-/**
- * Vertical fade-out overlay behind header content, shared by header variants.
- *
- * Reaches zero rather than stopping short. An overlay ending at partial opacity
- * leaves a hard step wherever it is clipped, and that step is far more visible
- * than the fade it was meant to hide — it is what cuts content off square as it
- * scrolls under the header.
- *
- * Callers size it to overhang the bar by {@link HEADER_FADE_EXTENT}.
+ * A two-stop linear ramp spanning the overlay's own box: it neither overhangs
+ * the surface nor reserves a band inside it, so callers size the surface and
+ * the ramp simply spans whatever they gave it.
  */
 export function HeaderGradientOverlay({
   color
@@ -87,17 +25,21 @@ export function HeaderGradientOverlay({
     height: "100%",
     width: "100%",
     children: [/*#__PURE__*/_jsx(Defs, {
-      children: /*#__PURE__*/_jsx(SvgLinearGradient, {
+      children: /*#__PURE__*/_jsxs(SvgLinearGradient, {
         id: gradientId,
         x1: "0",
         y1: "0",
         x2: "0",
         y2: "1",
-        children: STOPS.map(stop => /*#__PURE__*/_jsx(Stop, {
-          offset: stop.offset,
+        children: [/*#__PURE__*/_jsx(Stop, {
+          offset: 0,
+          stopColor: color,
+          stopOpacity: 1
+        }), /*#__PURE__*/_jsx(Stop, {
+          offset: 1,
           stopColor: color,
-          stopOpacity: stop.opacity
-        }, stop.offset))
+          stopOpacity: HEADER_FADE_END_OPACITY
+        })]
       })
     }), /*#__PURE__*/_jsx(Rect, {
       width: "100%",

package/lib/module/components/header/parts/HeaderGradientOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["useId","Svg","Defs","Rect","Stop","LinearGradient","SvgLinearGradient","jsx","_jsx","jsxs","_jsxs","HEADER_FADE_EXTENT","FADE_START","FADE_STOPS","MAX_FADE_ALPHA","alphaAt","t","Math","cos","PI","STOPS","offset","opacity","Array","from","length","_","index","HeaderGradientOverlay","color","gradientId","height","width","children","id","x1","y1","x2","y2","map","stop","stopColor","stopOpacity","fill"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderGradientOverlay.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,OAAO;AAE7B,OAAOC,GAAG,IAAIC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAEC,cAAc,IAAIC,iBAAiB,QAAQ,kBAAkB;;AAE7F;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOA,OAAO,MAAMC,kBAAkB,GAAG,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAG,GAAG;;AAEtB;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAG,CAAC;;AAEpB;AACA,MAAMC,cAAc,GAAG,IAAI;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,OAAO,GAAIC,CAAS,IAAK,CAAC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,EAAE,GAAGH,CAAC,CAAC,GAAGF,cAAc,IAAI,CAAC;;AAE/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMM,KAAK,GAAG,CACZ;EAAEC,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAE;AAAE,CAAC,EACzB,GAAGC,KAAK,CAACC,IAAI,CAAC;EAAEC,MAAM,EAAEZ;AAAW,CAAC,EAAE,CAACa,CAAC,EAAEC,KAAK,KAAK;EAClD,MAAMX,CAAC,GAAGW,KAAK,IAAId,UAAU,GAAG,CAAC,CAAC;EAClC,MAAMQ,MAAM,GAAGT,UAAU,GAAGI,CAAC,IAAI,CAAC,GAAGJ,UAAU,CAAC;EAChD,OAAO;IAAES,MAAM;IAAEC,OAAO,EAAED,MAAM,KAAK,CAAC,GAAG,CAAC,GAAGN,OAAO,CAACC,CAAC;EAAE,CAAC;AAC3D,CAAC,CAAC,CACH;AAOD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASY,qBAAqBA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EAC3E,MAAMC,UAAU,GAAG9B,KAAK,CAAC,CAAC;EAE1B,oBACEU,KAAA,CAACT,GAAG;IAAC8B,MAAM,EAAC,MAAM;IAACC,KAAK,EAAC,MAAM;IAAAC,QAAA,gBAC7BzB,IAAA,CAACN,IAAI;MAAA+B,QAAA,eACHzB,IAAA,CAACF,iBAAiB;QAAC4B,EAAE,EAAEJ,UAAW;QAACK,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAAAL,QAAA,EAC3Db,KAAK,CAACmB,GAAG,CAAEC,IAAI,iBACdhC,IAAA,CAACJ,IAAI;UAAmBiB,MAAM,EAAEmB,IAAI,CAACnB,MAAO;UAACoB,SAAS,EAAEZ,KAAM;UAACa,WAAW,EAAEF,IAAI,CAAClB;QAAQ,GAA9EkB,IAAI,CAACnB,MAA2E,CAC5F;MAAC,CACe;IAAC,CAChB,CAAC,eACPb,IAAA,CAACL,IAAI;MAAC6B,KAAK,EAAC,MAAM;MAACD,MAAM,EAAC,MAAM;MAACY,IAAI,EAAE,QAAQb,UAAU;IAAI,CAAE,CAAC;EAAA,CAC7D,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["useId","Svg","Defs","Rect","Stop","LinearGradient","SvgLinearGradient","jsx","_jsx","jsxs","_jsxs","HEADER_FADE_END_OPACITY","HeaderGradientOverlay","color","gradientId","height","width","children","id","x1","y1","x2","y2","offset","stopColor","stopOpacity","fill"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderGradientOverlay.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,OAAO;AAE7B,OAAOC,GAAG,IAAIC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAEC,cAAc,IAAIC,iBAAiB,QAAQ,kBAAkB;;AAE7F;AACA;AACA;AACA;AACA;AAJA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAKA,OAAO,MAAMC,uBAAuB,GAAG,IAAI;AAO3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EAC3E,MAAMC,UAAU,GAAGd,KAAK,CAAC,CAAC;EAE1B,oBACEU,KAAA,CAACT,GAAG;IAACc,MAAM,EAAC,MAAM;IAACC,KAAK,EAAC,MAAM;IAAAC,QAAA,gBAC7BT,IAAA,CAACN,IAAI;MAAAe,QAAA,eACHP,KAAA,CAACJ,iBAAiB;QAACY,EAAE,EAAEJ,UAAW;QAACK,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAAAL,QAAA,gBAC5DT,IAAA,CAACJ,IAAI;UAACmB,MAAM,EAAE,CAAE;UAACC,SAAS,EAAEX,KAAM;UAACY,WAAW,EAAE;QAAE,CAAE,CAAC,eACrDjB,IAAA,CAACJ,IAAI;UAACmB,MAAM,EAAE,CAAE;UAACC,SAAS,EAAEX,KAAM;UAACY,WAAW,EAAEd;QAAwB,CAAE,CAAC;MAAA,CAC1D;IAAC,CAChB,CAAC,eACPH,IAAA,CAACL,IAAI;MAACa,KAAK,EAAC,MAAM;MAACD,MAAM,EAAC,MAAM;MAACW,IAAI,EAAE,QAAQZ,UAAU;IAAI,CAAE,CAAC;EAAA,CAC7D,CAAC;AAEV","ignoreList":[]}

package/lib/module/components/header/parts/HeaderSurface.js

@@ -3,56 +3,41 @@
 import { View } from "react-native-unistyles/components/native/View";
 import Animated from "react-native-reanimated";
 import { StyleSheet } from "react-native-unistyles";
-import { HEADER_FADE_EXTENT, HeaderGradientOverlay } from "./HeaderGradientOverlay.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HeaderGradientOverlay } from "./HeaderGradientOverlay.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * Header background with a solid fill and a bottom gradient.
- * A fixed gradient height keeps tall accessories from becoming translucent.
+ * Header background covering the bar and any accessory as one surface, so
+ * content scrolling under the header meets a single boundary rather than two.
+ *
+ * The ramp spans the surface itself: it is sized by the caller and stays inside
+ * those bounds, so a taller surface stretches the fade rather than adding to it.
  */
 export function HeaderSurface({
   color,
   animatedStyle,
-  fadeHeight
+  solid
 }) {
-  return /*#__PURE__*/_jsxs(Animated.View, {
+  return /*#__PURE__*/_jsx(Animated.View, {
     style: [styles.surface, animatedStyle],
     pointerEvents: "none",
-    children: [/*#__PURE__*/_jsx(View, {
-      style: styles.fill(color, fadeHeight)
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.fade(fadeHeight),
-      children: /*#__PURE__*/_jsx(HeaderGradientOverlay, {
-        color: color
-      })
-    })]
+    children: solid ? /*#__PURE__*/_jsx(View, {
+      style: styles.fill(color)
+    }) : /*#__PURE__*/_jsx(HeaderGradientOverlay, {
+      color: color
+    })
   });
 }
-const styles = StyleSheet.create(theme => ({
-  // Extend the fade below the header's layout bounds.
+const styles = StyleSheet.create(() => ({
   surface: {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
-    bottom: -HEADER_FADE_EXTENT
+    bottom: 0
   },
-  // Fill the region above the gradient.
-  fill: (color, fadeHeight) => ({
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: fadeHeight ?? theme.layout.header.height + HEADER_FADE_EXTENT,
-    backgroundColor: color,
-    uni__dependencies: [0]
-  }),
-  fade: fadeHeight => ({
-    position: "absolute",
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: fadeHeight ?? theme.layout.header.height + HEADER_FADE_EXTENT,
-    uni__dependencies: [0]
+  fill: color => ({
+    flex: 1,
+    backgroundColor: color
   })
 }));
 //# sourceMappingURL=HeaderSurface.js.map

package/lib/module/components/header/parts/HeaderSurface.js.map

@@ -1 +1 @@
-{"version":3,"names":["Animated","StyleSheet","HEADER_FADE_EXTENT","HeaderGradientOverlay","jsx","_jsx","jsxs","_jsxs","HeaderSurface","color","animatedStyle","fadeHeight","View","style","styles","surface","pointerEvents","children","fill","fade","create","theme","position","top","left","right","bottom","layout","header","height","backgroundColor","uni__dependencies"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderSurface.tsx"],"mappings":";;;AAEA,OAAOA,QAAQ,MAAiC,yBAAyB;AACzE,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,kBAAkB,EAAEC,qBAAqB;AAAkC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBpF;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAC;EAAEC,KAAK;EAAEC,aAAa;EAAEC;AAA+B,CAAC,EAAE;EACtF,oBACEJ,KAAA,CAACP,QAAQ,CAACY,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAEL,aAAa,CAAE;IAACM,aAAa,EAAC,MAAM;IAAAC,QAAA,gBACzEZ,IAAA,CAACO,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACI,IAAI,CAACT,KAAK,EAAEE,UAAU;IAAE,CAAE,CAAC,eAC/CN,IAAA,CAACO,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACK,IAAI,CAACR,UAAU,CAAE;MAAAM,QAAA,eACnCZ,IAAA,CAACF,qBAAqB;QAACM,KAAK,EAAEA;MAAM,CAAE;IAAC,CACnC,CAAC;EAAA,CACM,CAAC;AAEpB;AAEA,MAAMK,MAAM,GAAGb,UAAU,CAACmB,MAAM,CAAEC,KAAK,KAAM;EAC3C;EACAN,OAAO,EAAE;IACPO,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAACxB;EACX,CAAC;EACD;EACAgB,IAAI,EAAEA,CAACT,KAAa,EAAEE,UAA8B,MAAM;IACxDW,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAEf,UAAU,IAAIU,KAAK,CAACM,MAAM,CAACC,MAAM,CAACC,MAAM,GAAG3B,kBAAkB;IACrE4B,eAAe,EAAErB,KAAK;IAAAsB,iBAAA;EACxB,CAAC,CAAC;EACFZ,IAAI,EAAGR,UAA8B,KAAM;IACzCW,QAAQ,EAAE,UAAU;IACpBE,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTG,MAAM,EAAElB,UAAU,IAAIU,KAAK,CAACM,MAAM,CAACC,MAAM,CAACC,MAAM,GAAG3B,kBAAkB;IAAA6B,iBAAA;EACvE,CAAC;AACH,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Animated","StyleSheet","HeaderGradientOverlay","jsx","_jsx","HeaderSurface","color","animatedStyle","solid","View","style","styles","surface","pointerEvents","children","fill","create","position","top","left","right","bottom","flex","backgroundColor"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderSurface.tsx"],"mappings":";;;AAEA,OAAOA,QAAQ,MAAiC,yBAAyB;AACzE,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,qBAAqB;AAAkC,SAAAC,GAAA,IAAAC,IAAA;AAgBhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAC;EAAEC,KAAK;EAAEC,aAAa;EAAEC;AAA0B,CAAC,EAAE;EACjF,oBACEJ,IAAA,CAACJ,QAAQ,CAACS,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAEL,aAAa,CAAE;IAACM,aAAa,EAAC,MAAM;IAAAC,QAAA,EACxEN,KAAK,gBAAGJ,IAAA,CAACK,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACI,IAAI,CAACT,KAAK;IAAE,CAAE,CAAC,gBAAGF,IAAA,CAACF,qBAAqB;MAACI,KAAK,EAAEA;IAAM,CAAE;EAAC,CACzE,CAAC;AAEpB;AAEA,MAAMK,MAAM,GAAGV,UAAU,CAACe,MAAM,CAAC,OAAO;EACtCJ,OAAO,EAAE;IACPK,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDN,IAAI,EAAGT,KAAa,KAAM;IACxBgB,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEjB;EACnB,CAAC;AACH,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/header/variants/LargeTitleHeader/index.js

@@ -13,7 +13,6 @@ import { SCREEN_HEADER_PORTAL_HOST, useScreen } from "../../../screen/ScreenCont
 import { Toolbar } from "../../../toolbar/index.js";
 import { HeaderDismissButton } from "../../header-buttons.js";
 import { HeaderAccessory, HeaderAccessorySpacer } from "../../parts/HeaderAccessory.js";
-import { HEADER_FADE_EXTENT } from "../../parts/HeaderGradientOverlay.js";
 import { HeaderSurface } from "../../parts/HeaderSurface.js";
 import { isCustomTitle, isTextTitle } from "../../utils.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
@@ -27,6 +26,7 @@ function LargeTitlePortalContent({
   title,
   overline,
   subtitle,
+  hasAccessoryBelow,
   onHeightChange
 }) {
   const {
@@ -57,7 +57,7 @@ function LargeTitlePortalContent({
   // Layout height excludes the collapse transform.
   const handleLayout = event => onHeightChange?.(event.nativeEvent.layout.height);
   return /*#__PURE__*/_jsxs(Animated.View, {
-    style: [styles.portalContent, largeTitleAnimatedStyle],
+    style: [styles.portalContent(hasAccessoryBelow), largeTitleAnimatedStyle],
     onLayout: handleLayout,
     children: [!!overline && /*#__PURE__*/_jsx(Text, {
       style: styles.overline,
@@ -128,7 +128,6 @@ export function LargeTitleHeader({
   const bgColor = (colorToken ? resolveThemeColor(colorToken, theme) : screenBackground) ?? theme.color["surface.canvas"];
   const leadingContent = leadingActions !== undefined ? leadingActions : LeftToolbar;
   const trailingContent = trailingActions !== undefined ? trailingActions : RightToolbar;
-  const gradientColor = bgColor;
   const isSticky = accessoryBehavior === "sticky" && !isLargeTitleHidden;
   const hasStickyAccessory = isSticky && accessory != null;
   // Sticky accessories reserve space below the large title; pinned ones add top padding.
@@ -176,8 +175,8 @@ export function LargeTitleHeader({
       opacity: stickyAccessoryOffset > 0 ? interpolate(scrollY.value, [0, stickyAccessoryOffset], [1, 0], "clamp") : 0
     }));
 
-    // Animate the gradient overlay's opacity: 0 (expanded) → 1 (collapsed).
-    const gradientOpacityStyle = useAnimatedStyle(() => {
+    // Animate the header surface's opacity: 0 (expanded) → 1 (collapsed).
+    const surfaceOpacityStyle = useAnimatedStyle(() => {
       if (isLargeTitleHiddenValue.value) {
         return {
           opacity: 1
@@ -193,7 +192,7 @@ export function LargeTitleHeader({
         opacity: interpolate(scrollY.value, [0, height], [0, 1], "clamp")
       };
     });
-    useHeaderBackground(bgColor, gradientOpacityStyle);
+    useHeaderBackground(bgColor, surfaceOpacityStyle);
     const compactTitleAnimatedStyle = useAnimatedStyle(() => {
       if (isLargeTitleHiddenValue.value) {
         return {
@@ -248,6 +247,7 @@ export function LargeTitleHeader({
             title: title,
             overline: overline,
             subtitle: subtitle,
+            hasAccessoryBelow: hasStickyAccessory,
             onHeightChange: isSticky ? handleLargeTitleHeightChange : undefined
           }), isSticky && accessory != null && /*#__PURE__*/_jsx(HeaderAccessorySpacer, {
             height: stickyAccessoryHeight
@@ -256,14 +256,14 @@ export function LargeTitleHeader({
           style: [styles.stickySurface, stickySurfaceStyle],
           pointerEvents: "none",
           children: /*#__PURE__*/_jsx(HeaderSurface, {
-            color: gradientColor,
-            animatedStyle: gradientOpacityStyle
+            color: bgColor,
+            animatedStyle: surfaceOpacityStyle
           })
         }), /*#__PURE__*/_jsxs(View, {
           style: styles.barGroup,
           children: [!hasStickyAccessory && /*#__PURE__*/_jsx(HeaderSurface, {
-            color: gradientColor,
-            animatedStyle: gradientOpacityStyle
+            color: bgColor,
+            animatedStyle: surfaceOpacityStyle
           }), /*#__PURE__*/_jsxs(View, {
             style: styles.bar,
             children: [leading != null && /*#__PURE__*/_jsx(Toolbar, {
@@ -290,7 +290,7 @@ export function LargeTitleHeader({
           children: [/*#__PURE__*/_jsx(HeaderSurface, {
             color: screenBackground ?? theme.color["surface.canvas"],
             animatedStyle: accessorySurfaceStyle,
-            fadeHeight: HEADER_FADE_EXTENT
+            solid: true
           }), /*#__PURE__*/_jsx(HeaderAccessory, {
             padding: accessoryPadding,
             onHeightChange: handleAccessoryHeightChange,
@@ -349,13 +349,13 @@ const styles = StyleSheet.create(theme => ({
     },
     uni__dependencies: [4]
   },
-  portalContent: {
+  portalContent: hasAccessoryBelow => ({
     gap: 2,
-    minHeight: theme.layout.header.height,
-    paddingBottom: theme.spacing["1"],
+    // Include the gap in the measured height used to position the accessory.
+    paddingBottom: hasAccessoryBelow ? theme.spacing["2"] : 0,
     paddingHorizontal: theme.layout.screen.padding.x,
     uni__dependencies: [0]
-  },
+  }),
   overline: {
     fontSize: theme.typography.variants["label-sm"].fontSize,
     lineHeight: theme.typography.variants["label-sm"].lineHeight,

package/lib/module/components/header/variants/LargeTitleHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useState","Animated","interpolate","useAnimatedStyle","useSharedValue","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","Portal","useHeaderBackground","SCREEN_HEADER_PORTAL_HOST","useScreen","Toolbar","HeaderDismissButton","HeaderAccessory","HeaderAccessorySpacer","HEADER_FADE_EXTENT","HeaderSurface","isCustomTitle","isTextTitle","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedText","createAnimatedComponent","Text","COMPACT_TITLE_SLIDE_OFFSET","LARGE_TITLE_SLIDE_OFFSET","LargeTitlePortalContent","title","overline","subtitle","onHeightChange","theme","scrollY","headerCollapseHeight","layout","header","height","largeTitleAnimatedStyle","opacity","transform","translateY","value","handleLayout","event","nativeEvent","View","style","styles","portalContent","onLayout","children","maxFontSizeMultiplier","typography","variants","largeTitle","LargeTitleHeader","leadingActions","trailingActions","LeftToolbar","RightToolbar","accessory","accessoryPadding","accessoryBehavior","dismissAction","navigation","onDismiss","titleAlignment","isLargeTitleHidden","background","bg","screenBackground","setHeaderAccessoryHeight","contentTopPadding","colorToken","bgColor","color","leadingContent","undefined","trailingContent","gradientColor","isSticky","hasStickyAccessory","stickyAccessoryHeight","setStickyAccessoryHeight","largeTitleHeight","setLargeTitleHeight","isLargeTitleHiddenValue","handleAccessoryHeightChange","Math","max","round","handleLargeTitleHeightChange","stickyAccessoryOffset","stickyAccessoryStyle","_styles","useVariants","stickySurfaceStyle","accessorySurfaceStyle","gradientOpacityStyle","compactTitleAnimatedStyle","leading","trailing","container","pointerEvents","hostName","stickySurface","animatedStyle","barGroup","bar","titleContainer","compactTitle","padding","stickyAccessory","fadeHeight","create","position","top","left","right","accessoryOffset","zIndex","paddingBottom","flexDirection","alignItems","paddingHorizontal","screen","x","gap","spacing","justifyContent","uni__dependencies","center","marginLeft","minHeight","fontSize","lineHeight","letterSpacing","fontWeight","textAlign","flex"],"sourceRoot":"../../../../../../src","sources":["components/header/variants/LargeTitleHeader/index.tsx"],"mappings":";;;;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAGxD,OAAOC,QAAQ,IAAIC,WAAW,EAAEC,gBAAgB,EAAEC,cAAc,QAAQ,yBAAyB;AACjG,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAEjE,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,MAAM;AACf,SAASC,mBAAmB;AAC5B,SAASC,yBAAyB,EAAEC,SAAS;AAC7C,SAASC,OAAO;AAChB,SAASC,mBAAmB;AAC5B,SAASC,eAAe,EAAEC,qBAAqB;AAC/C,SAASC,kBAAkB;AAC3B,SAASC,aAAa;AAEtB,SAASC,aAAa,EAAEC,WAAW;AAAsB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAGzD,MAAMC,YAAY,GAAG1B,QAAQ,CAAC2B,uBAAuB,CAACC,IAAI,CAAC;;AAE3D;AACA,MAAMC,0BAA0B,GAAG,CAAC;AACpC;AACA,MAAMC,wBAAwB,GAAG,CAAC;AAsBlC,SAASC,uBAAuBA,CAAC;EAC/BC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,MAAM;IAAEC;EAAM,CAAC,GAAG/B,YAAY,CAAC,CAAC;EAChC,MAAM;IAAEgC;EAAQ,CAAC,GAAG1B,SAAS,CAAC,CAAC;EAE/B,MAAM2B,oBAAoB,GAAGF,KAAK,CAACG,MAAM,CAACC,MAAM,CAACC,MAAM;EAEvD,MAAMC,uBAAuB,GAAGxC,gBAAgB,CAAC,MAAM;IACrD,MAAMuC,MAAM,GAAGH,oBAAoB;IACnC,IAAIG,MAAM,IAAI,CAAC,EAAE;MACf,OAAO;QAAEE,OAAO,EAAE,CAAC;QAAEC,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAE;QAAE,CAAC;MAAE,CAAC;IACvD;IAEA,OAAO;MACLF,OAAO,EAAE1C,WAAW,CAACoC,OAAO,CAACS,KAAK,EAAE,CAAC,CAAC,EAAEL,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC;MACjEG,SAAS,EAAE,CACT;QACEC,UAAU,EAAE5C,WAAW,CAACoC,OAAO,CAACS,KAAK,EAAE,CAAC,CAAC,EAAEL,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAACX,wBAAwB,CAAC,EAAE,OAAO;MAC7F,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;;EAEF;EACA,MAAMiB,YAAY,GAAIC,KAAwB,IAAKb,cAAc,GAAGa,KAAK,CAACC,WAAW,CAACV,MAAM,CAACE,MAAM,CAAC;EAEpG,oBACElB,KAAA,CAACvB,QAAQ,CAACkD,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,aAAa,EAAEX,uBAAuB,CAAE;IAACY,QAAQ,EAAEP,YAAa;IAAAQ,QAAA,GAC3F,CAAC,CAACtB,QAAQ,iBACTZ,IAAA,CAACO,IAAI;MACHuB,KAAK,EAAEC,MAAM,CAACnB,QAAS;MACvBuB,qBAAqB,EAAEpB,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACF,qBAAsB;MAAAD,QAAA,EAElFtB;IAAQ,CACL,CACP,EACAd,WAAW,CAACa,KAAK,CAAC,gBACjBX,IAAA,CAACO,IAAI;MACHuB,KAAK,EAAEC,MAAM,CAACO,UAAW;MACzBH,qBAAqB,EAAEpB,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACF,qBAAsB;MAAAD,QAAA,EAErFvB;IAAK,CACF,CAAC,GAEPA,KACD,EACA,CAAC,CAACE,QAAQ,iBACTb,IAAA,CAACO,IAAI;MACHuB,KAAK,EAAEC,MAAM,CAAClB,QAAS;MACvBsB,qBAAqB,EAAEpB,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,SAAS,CAAC,CAACF,qBAAsB;MAAAD,QAAA,EAEjFrB;IAAQ,CACL,CACP;EAAA,CACY,CAAC;AAEpB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS0B,gBAAgBA,CAAC;EAC/B5B,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACR2B,cAAc;EACdC,eAAe;EACfC,WAAW;EACXC,YAAY;EACZC,SAAS;EACTC,gBAAgB,GAAG,GAAG;EACtBC,iBAAiB,GAAG,QAAQ;EAC5BC,aAAa,GAAG,MAAM;EACtBC,UAAU;EACVC,SAAS;EACTC,cAAc,GAAG,QAAQ;EACzBC,kBAAkB,GAAG,KAAK;EAC1BC,UAAU;EACVC;AACqB,CAAC,EAAE;EACxB,MAAM;IAAEtC;EAAM,CAAC,GAAG/B,YAAY,CAAC,CAAC;EAEhC,MAAM;IAAEgC,OAAO;IAAEoC,UAAU,EAAEE,gBAAgB;IAAEC,wBAAwB;IAAEC;EAAkB,CAAC,GAAGlE,SAAS,CAAC,CAAC;EAC1G,MAAMmE,UAAU,GAAGL,UAAU,IAAIC,EAAE;EACnC,MAAMK,OAAO,GACX,CAACD,UAAU,GAAGxE,iBAAiB,CAACwE,UAAU,EAAE1C,KAAK,CAAC,GAAGuC,gBAAgB,KAAKvC,KAAK,CAAC4C,KAAK,CAAC,gBAAgB,CAAC;EACzG,MAAMC,cAAc,GAAGpB,cAAc,KAAKqB,SAAS,GAAGrB,cAAc,GAAGE,WAAW;EAClF,MAAMoB,eAAe,GAAGrB,eAAe,KAAKoB,SAAS,GAAGpB,eAAe,GAAGE,YAAY;EAEtF,MAAMoB,aAAa,GAAGL,OAAO;EAC7B,MAAMM,QAAQ,GAAGlB,iBAAiB,KAAK,QAAQ,IAAI,CAACK,kBAAkB;EACtE,MAAMc,kBAAkB,GAAGD,QAAQ,IAAIpB,SAAS,IAAI,IAAI;EACxD;EACA,MAAM,CAACsB,qBAAqB,EAAEC,wBAAwB,CAAC,GAAGzF,QAAQ,CAAC,CAAC,CAAC;EACrE,MAAM,CAAC0F,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG3F,QAAQ,CAAC,CAAC,CAAC;EAC3D,MAAM4F,uBAAuB,GAAGxF,cAAc,CAACqE,kBAAkB,CAAC;EAElE,MAAMoB,2BAA2B,GAAG/F,WAAW,CAC5C4C,MAAc,IAAK;IAClB,IAAI4C,QAAQ,EAAEG,wBAAwB,CAACK,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACtD,MAAM,CAAC,CAAC,CAAC,CAAC,KACnEmC,wBAAwB,CAACnC,MAAM,CAAC;EACvC,CAAC,EACD,CAAC4C,QAAQ,EAAET,wBAAwB,CACrC,CAAC;EAED,MAAMoB,4BAA4B,GAAGnG,WAAW,CAAE4C,MAAc,IAAK;IACnEiD,mBAAmB,CAACG,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACtD,MAAM,CAAC,CAAC,CAAC;EACtD,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAMwD,qBAAqB,GAAGJ,IAAI,CAACC,GAAG,CACpC,CAAC,EACDjB,iBAAiB,GAAGY,gBAAgB,GAAGrD,KAAK,CAACG,MAAM,CAACC,MAAM,CAACC,MAC7D,CAAC;;EAED;EACA,MAAMyD,oBAAoB,GAAGhG,gBAAgB,CAAC,MAAM;IAClD,IAAIyF,uBAAuB,CAAC7C,KAAK,EAAE;MACjC,OAAO;QAAEF,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAE;QAAE,CAAC;MAAE,CAAC;IAC3C;IACA,OAAO;MACLD,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEgD,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEG,qBAAqB,GAAG5D,OAAO,CAACS,KAAK;MAAE,CAAC;IAChF,CAAC;EACH,CAAC,CAAC;EACF,MAAMR,oBAAoB,GAAGF,KAAK,CAACG,MAAM,CAACC,MAAM,CAACC,MAAM;EAAC,MAAA0D,OAAA,GAAA/C,MAAA;EAAA;IAAA,MAAAA,MAAA,GAAA+C,OAAA,CAAAC,WAAA,CACrC;MAAE7B;IAAe,CAAC;IAErC;IACA,MAAM8B,kBAAkB,GAAGnG,gBAAgB,CAAC,OAAO;MACjDuC,MAAM,EAAEH,oBAAoB,GAAGiD,qBAAqB,GAAGM,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEG,qBAAqB,GAAG5D,OAAO,CAACS,KAAK;IAC1G,CAAC,CAAC,CAAC;;IAEH;IACA,MAAMwD,qBAAqB,GAAGpG,gBAAgB,CAAC,OAAO;MACpDyC,OAAO,EACLsD,qBAAqB,GAAG,CAAC,GAAGhG,WAAW,CAACoC,OAAO,CAACS,KAAK,EAAE,CAAC,CAAC,EAAEmD,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IAC1G,CAAC,CAAC,CAAC;;IAEH;IACA,MAAMM,oBAAoB,GAAGrG,gBAAgB,CAAC,MAAM;MAClD,IAAIyF,uBAAuB,CAAC7C,KAAK,EAAE;QACjC,OAAO;UAAEH,OAAO,EAAE;QAAE,CAAC;MACvB;MACA,MAAMF,MAAM,GAAG6C,kBAAkB,GAAGW,qBAAqB,GAAG3D,oBAAoB;MAChF,IAAIG,MAAM,IAAI,CAAC,EAAE;QACf,OAAO;UAAEE,OAAO,EAAE2C,kBAAkB,GAAG,CAAC,GAAG;QAAE,CAAC;MAChD;MACA,OAAO;QACL3C,OAAO,EAAE1C,WAAW,CAACoC,OAAO,CAACS,KAAK,EAAE,CAAC,CAAC,EAAEL,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO;MAClE,CAAC;IACH,CAAC,CAAC;IAEFhC,mBAAmB,CAACsE,OAAO,EAAEwB,oBAAoB,CAAC;IAElD,MAAMC,yBAAyB,GAAGtG,gBAAgB,CAAC,MAAM;MACvD,IAAIyF,uBAAuB,CAAC7C,KAAK,EAAE;QACjC,OAAO;UAAEH,OAAO,EAAE,CAAC;UAAEC,SAAS,EAAE,CAAC;YAAEC,UAAU,EAAE;UAAE,CAAC;QAAE,CAAC;MACvD;MAEA,MAAMJ,MAAM,GAAGH,oBAAoB;MACnC,IAAIG,MAAM,IAAI,CAAC,EAAE;QACf,OAAO;UACLE,OAAO,EAAE,CAAC;UACVC,SAAS,EAAE,CAAC;YAAEC,UAAU,EAAEhB;UAA2B,CAAC;QACxD,CAAC;MACH;MAEA,OAAO;QACLc,OAAO,EAAE1C,WAAW,CAACoC,OAAO,CAACS,KAAK,EAAE,CAAC,CAAC,EAAEL,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC;QACjEG,SAAS,EAAE,CACT;UACEC,UAAU,EAAE5C,WAAW,CAACoC,OAAO,CAACS,KAAK,EAAE,CAAC,CAAC,EAAEL,MAAM,CAAC,EAAE,CAACZ,0BAA0B,EAAE,CAAC,CAAC,EAAE,OAAO;QAC9F,CAAC;MAEL,CAAC;IACH,CAAC,CAAC;IAEF/B,SAAS,CAAC,MAAM;MACd6F,uBAAuB,CAAC7C,KAAK,GAAG0B,kBAAkB;IACpD,CAAC,EAAE,CAACA,kBAAkB,EAAEmB,uBAAuB,CAAC,CAAC;IAEjD,MAAMc,OAAO,GACXrC,aAAa,KAAK,MAAM,gBACtB7C,KAAA,CAAAE,SAAA;MAAA8B,QAAA,gBACElC,IAAA,CAACR,mBAAmB;QAACuD,aAAa,EAAEA,aAAc;QAACC,UAAU,EAAEA,UAAW;QAACC,SAAS,EAAEA;MAAU,CAAE,CAAC,EAClGW,cAAc;IAAA,CACf,CAAC,GAEHA,cACD;IAEH,MAAMyB,QAAQ,GACZtC,aAAa,KAAK,OAAO,gBACvB7C,KAAA,CAAAE,SAAA;MAAA8B,QAAA,GACG4B,eAAe,eAChB9D,IAAA,CAACR,mBAAmB;QAACuD,aAAa,EAAEA,aAAc;QAACC,UAAU,EAAEA,UAAW;QAACC,SAAS,EAAEA;MAAU,CAAE,CAAC;IAAA,CACnG,CAAC,GAEHa,eACD;IAEH;MAAA;MACE;MACA5D,KAAA,CAAC2B,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACuD,SAAS,CAACtB,QAAQ,GAAGY,qBAAqB,GAAG,CAAC,CAAE;QAACW,aAAa,EAAC,UAAU;QAAArD,QAAA,GAC1F,CAACiB,kBAAkB,iBAClBjD,KAAA,CAACf,MAAM;UAACqG,QAAQ,EAAEnG,yBAA0B;UAAA6C,QAAA,gBAC1ClC,IAAA,CAACU,uBAAuB;YACtBC,KAAK,EAAEA,KAAM;YACbC,QAAQ,EAAEA,QAAS;YACnBC,QAAQ,EAAEA,QAAS;YACnBC,cAAc,EAAEkD,QAAQ,GAAGW,4BAA4B,GAAGd;UAAU,CACrE,CAAC,EAEDG,QAAQ,IAAIpB,SAAS,IAAI,IAAI,iBAAI5C,IAAA,CAACN,qBAAqB;YAAC0B,MAAM,EAAE8C;UAAsB,CAAE,CAAC;QAAA,CACpF,CACT,EACAD,kBAAkB,iBACjBjE,IAAA,CAACrB,QAAQ,CAACkD,IAAI;UAACC,KAAK,EAAE,CAACC,MAAM,CAAC0D,aAAa,EAAET,kBAAkB,CAAE;UAACO,aAAa,EAAC,MAAM;UAAArD,QAAA,eACpFlC,IAAA,CAACJ,aAAa;YAAC+D,KAAK,EAAEI,aAAc;YAAC2B,aAAa,EAAER;UAAqB,CAAE;QAAC,CAC/D,CAChB,eAEDhF,KAAA,CAAC2B,IAAI;UAACC,KAAK,EAAEC,MAAM,CAAC4D,QAAS;UAAAzD,QAAA,GAC1B,CAAC+B,kBAAkB,iBAAIjE,IAAA,CAACJ,aAAa;YAAC+D,KAAK,EAAEI,aAAc;YAAC2B,aAAa,EAAER;UAAqB,CAAE,CAAC,eACpGhF,KAAA,CAAC2B,IAAI;YAACC,KAAK,EAAEC,MAAM,CAAC6D,GAAI;YAAA1D,QAAA,GACrBkD,OAAO,IAAI,IAAI,iBAAIpF,IAAA,CAACT,OAAO;cAAA2C,QAAA,EAAEkD;YAAO,CAAU,CAAC,eAGhDpF,IAAA,CAACrB,QAAQ,CAACkD,IAAI;cACZC,KAAK,EAAE,CAACC,MAAM,CAAC8D,cAAc,EAAEV,yBAAyB,CAAE;cAC1DI,aAAa,EAAE1F,aAAa,CAACc,KAAK,CAAC,GAAG,UAAU,GAAG,MAAO;cAAAuB,QAAA,EAEzDpC,WAAW,CAACa,KAAK,CAAC,gBACjBX,IAAA,CAACK,YAAY;gBACXyB,KAAK,EAAEC,MAAM,CAAC+D,YAAa;gBAC3B3D,qBAAqB,EAAEpB,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACF,qBAAsB;gBAAAD,QAAA,EAElFvB;cAAK,CACM,CAAC,GAEfA;YACD,CACY,CAAC,EACf0E,QAAQ,IAAI,IAAI,iBAAIrF,IAAA,CAACT,OAAO;cAACuC,KAAK,EAAEC,MAAM,CAACsD,QAAS;cAAAnD,QAAA,EAAEmD;YAAQ,CAAU,CAAC;UAAA,CACtE,CAAC,EACNzC,SAAS,IAAI,IAAI,IAAI,CAACoB,QAAQ,iBAC7BhE,IAAA,CAACP,eAAe;YAACsG,OAAO,EAAElD,gBAAiB;YAAC/B,cAAc,EAAEyD,2BAA4B;YAAArC,QAAA,EACrFU;UAAS,CACK,CAClB;QAAA,CACG,CAAC,EACNA,SAAS,IAAI,IAAI,IAAIoB,QAAQ,iBAC5B9D,KAAA,CAACvB,QAAQ,CAACkD,IAAI;UAACC,KAAK,EAAE,CAACC,MAAM,CAACiE,eAAe,EAAEnB,oBAAoB,CAAE;UAAA3C,QAAA,gBACnElC,IAAA,CAACJ,aAAa;YACZ+D,KAAK,EAAEL,gBAAgB,IAAIvC,KAAK,CAAC4C,KAAK,CAAC,gBAAgB,CAAE;YACzD+B,aAAa,EAAET,qBAAsB;YACrCgB,UAAU,EAAEtG;UAAmB,CAChC,CAAC,eACFK,IAAA,CAACP,eAAe;YAACsG,OAAO,EAAElD,gBAAiB;YAAC/B,cAAc,EAAEyD,2BAA4B;YAAArC,QAAA,EACrFU;UAAS,CACK,CAAC;QAAA,CACL,CAChB;MAAA,CACG;IAAC;EACP;AACJ;AAEA,MAAMb,MAAM,GAAGhD,UAAU,CAACmH,MAAM,CAAEnF,KAAK,KAAM;EAC3C0E,aAAa,EAAE;IAAEU,QAAQ,EAAE,UAAU;IAAEC,GAAG,EAAE,CAAC;IAAEC,IAAI,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAE,CAAC;EAClE;EACAhB,SAAS,EAAGiB,eAAuB,KAAM;IACvCJ,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRE,MAAM,EAAE,IAAI;IACZC,aAAa,EAAEF;EACjB,CAAC,CAAC;EACF;EACAP,eAAe,EAAE;IAAEG,QAAQ,EAAE;EAAW,CAAC;EACzC;EACAR,QAAQ,EAAE;IAAEQ,QAAQ,EAAE;EAAW,CAAC;EAClCP,GAAG,EAAE;IACHxE,MAAM,EAAEL,KAAK,CAACG,MAAM,CAACC,MAAM,CAACC,MAAM;IAClCsF,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE7F,KAAK,CAACG,MAAM,CAAC2F,MAAM,CAACd,OAAO,CAACe,CAAC;IAChDC,GAAG,EAAEhG,KAAK,CAACiG,OAAO,CAAC,GAAG,CAAC;IACvBC,cAAc,EAAE,eAAe;IAAAC,iBAAA;EACjC,CAAC;EACD;EACA;EACA;EACA7B,QAAQ,EAAE;IACR4B,cAAc,EAAE,UAAU;IAC1B5E,QAAQ,EAAE;MACRa,cAAc,EAAE;QACdiE,MAAM,EAAE;UAAEC,UAAU,EAAE;QAAO,CAAC;QAC9Bf,IAAI,EAAE,CAAC;MACT;IACF,CAAC;IAAAa,iBAAA;EACH,CAAC;EACDlF,aAAa,EAAE;IACb+E,GAAG,EAAE,CAAC;IACNM,SAAS,EAAEtG,KAAK,CAACG,MAAM,CAACC,MAAM,CAACC,MAAM;IACrCqF,aAAa,EAAE1F,KAAK,CAACiG,OAAO,CAAC,GAAG,CAAC;IACjCJ,iBAAiB,EAAE7F,KAAK,CAACG,MAAM,CAAC2F,MAAM,CAACd,OAAO,CAACe,CAAC;IAAAI,iBAAA;EAClD,CAAC;EACDtG,QAAQ,EAAE;IACR0G,QAAQ,EAAEvG,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACiF,QAAQ;IACxDC,UAAU,EAAExG,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACkF,UAAU;IAC5DC,aAAa,EAAEzG,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACmF,aAAa;IAClEC,UAAU,EAAEvI,iBAAiB,CAAC6B,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACoF,UAAU,CAAC;IAC/E9D,KAAK,EAAG5C,KAAK,CAAC4C,KAAK,CAAmD,eAAe,CAAC,IAAI,EAAE;IAAAuD,iBAAA;EAC9F,CAAC;EACD5E,UAAU,EAAE;IACVgF,QAAQ,EAAEvG,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACiF,QAAQ;IAC3DC,UAAU,EAAExG,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACkF,UAAU;IAC/DC,aAAa,EAAEzG,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACmF,aAAa;IACrEC,UAAU,EAAEvI,iBAAiB,CAAC6B,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACoF,UAAU,CAAC;IAClF9D,KAAK,EAAG5C,KAAK,CAAC4C,KAAK,CAAmD,cAAc,CAAC,IAAI,EAAE;IAAAuD,iBAAA;EAC7F,CAAC;EACDrG,QAAQ,EAAE;IACRyG,QAAQ,EAAEvG,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,SAAS,CAAC,CAACiF,QAAQ;IACvDC,UAAU,EAAExG,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,SAAS,CAAC,CAACkF,UAAU;IAC3DC,aAAa,EAAEzG,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,SAAS,CAAC,CAACmF,aAAa;IACjE7D,KAAK,EAAG5C,KAAK,CAAC4C,KAAK,CAAmD,eAAe,CAAC,IAAI,EAAE;IAAAuD,iBAAA;EAC9F,CAAC;EACDpB,YAAY,EAAE;IACZwB,QAAQ,EAAEvG,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACiF,QAAQ;IACxDC,UAAU,EAAExG,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACkF,UAAU;IAC5DC,aAAa,EAAEzG,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACmF,aAAa;IAClEC,UAAU,EAAEvI,iBAAiB,CAAC6B,KAAK,CAACqB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACoF,UAAU,CAAC;IAC/E9D,KAAK,EAAG5C,KAAK,CAAC4C,KAAK,CAAmD,cAAc,CAAC,IAAI,EAAE;IAC3FtB,QAAQ,EAAE;MACRa,cAAc,EAAE;QACdiE,MAAM,EAAE;UAAEO,SAAS,EAAE;QAAS,CAAC;QAC/BrB,IAAI,EAAE;UAAEqB,SAAS,EAAE;QAAO;MAC5B;IACF,CAAC;IAAAR,iBAAA;EACH,CAAC;EACDrB,cAAc,EAAE;IACd8B,IAAI,EAAE,CAAC;IACPtF,QAAQ,EAAE;MACRa,cAAc,EAAE;QACdiE,MAAM,EAAE;UACNhB,QAAQ,EAAE,UAAU;UACpBE,IAAI,EAAE,CAAC;UACPC,KAAK,EAAE,CAAC;UACRK,UAAU,EAAE;QACd,CAAC;QACDN,IAAI,EAAE;UACJsB,IAAI,EAAE,CAAC;UACPhB,UAAU,EAAE;QACd;MACF;IACF,CAAC;IAAAO,iBAAA;EACH;AACF,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useState","Animated","interpolate","useAnimatedStyle","useSharedValue","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","Portal","useHeaderBackground","SCREEN_HEADER_PORTAL_HOST","useScreen","Toolbar","HeaderDismissButton","HeaderAccessory","HeaderAccessorySpacer","HeaderSurface","isCustomTitle","isTextTitle","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedText","createAnimatedComponent","Text","COMPACT_TITLE_SLIDE_OFFSET","LARGE_TITLE_SLIDE_OFFSET","LargeTitlePortalContent","title","overline","subtitle","hasAccessoryBelow","onHeightChange","theme","scrollY","headerCollapseHeight","layout","header","height","largeTitleAnimatedStyle","opacity","transform","translateY","value","handleLayout","event","nativeEvent","View","style","styles","portalContent","onLayout","children","maxFontSizeMultiplier","typography","variants","largeTitle","LargeTitleHeader","leadingActions","trailingActions","LeftToolbar","RightToolbar","accessory","accessoryPadding","accessoryBehavior","dismissAction","navigation","onDismiss","titleAlignment","isLargeTitleHidden","background","bg","screenBackground","setHeaderAccessoryHeight","contentTopPadding","colorToken","bgColor","color","leadingContent","undefined","trailingContent","isSticky","hasStickyAccessory","stickyAccessoryHeight","setStickyAccessoryHeight","largeTitleHeight","setLargeTitleHeight","isLargeTitleHiddenValue","handleAccessoryHeightChange","Math","max","round","handleLargeTitleHeightChange","stickyAccessoryOffset","stickyAccessoryStyle","_styles","useVariants","stickySurfaceStyle","accessorySurfaceStyle","surfaceOpacityStyle","compactTitleAnimatedStyle","leading","trailing","container","pointerEvents","hostName","stickySurface","animatedStyle","barGroup","bar","titleContainer","compactTitle","padding","stickyAccessory","solid","create","position","top","left","right","accessoryOffset","zIndex","paddingBottom","flexDirection","alignItems","paddingHorizontal","screen","x","gap","spacing","justifyContent","uni__dependencies","center","marginLeft","fontSize","lineHeight","letterSpacing","fontWeight","textAlign","flex"],"sourceRoot":"../../../../../../src","sources":["components/header/variants/LargeTitleHeader/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/header/variants/TitleHeader/index.js

@@ -52,14 +52,13 @@ export function TitleHeader({
   const screen = useContext(ScreenContext);
   const colorToken = background ?? bg;
   const bgColor = (colorToken ? resolveThemeColor(colorToken, theme) : screen?.background) ?? theme.color["surface.canvas"];
-  useHeaderBackground(bgColor);
   const leadingContent = leadingActions !== undefined ? leadingActions : LeftToolbar;
   const trailingContent = trailingActions !== undefined ? trailingActions : RightToolbar;
   const setAccessoryInset = screen?.setHeaderAccessoryHeight;
   // Compact headers always reserve the accessory height as top padding.
   const handleAccessoryHeightChange = useCallback(height => setAccessoryInset?.(height), [setAccessoryInset]);
   const isTransparent = bgColor === "transparent";
-  const gradientColor = bgColor;
+  useHeaderBackground(bgColor);
   const _styles = styles;
   {
     const styles = _styles.useVariants({
@@ -86,7 +85,7 @@ export function TitleHeader({
       }), /*#__PURE__*/_jsxs(View, {
         style: styles.barGroup,
         children: [/*#__PURE__*/_jsx(HeaderSurface, {
-          color: gradientColor
+          color: bgColor
         }), /*#__PURE__*/_jsxs(View, {
           style: styles.bar,
           children: [leading != null && /*#__PURE__*/_jsx(Toolbar, {

package/lib/module/components/header/variants/TitleHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useContext","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","useHeaderBackground","ScreenContext","Toolbar","HeaderDismissButton","HeaderAccessory","HeaderSurface","isCustomTitle","isTextTitle","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TitleHeader","title","leadingActions","trailingActions","LeftToolbar","RightToolbar","accessory","accessoryPadding","dismissAction","navigation","onDismiss","titleAlignment","background","bg","theme","screen","colorToken","bgColor","color","leadingContent","undefined","trailingContent","setAccessoryInset","setHeaderAccessoryHeight","handleAccessoryHeightChange","height","isTransparent","gradientColor","_styles","styles","useVariants","leading","children","trailing","View","style","container","safeArea","barGroup","bar","titleContainer","pointerEvents","String","trim","length","Text","padding","onHeightChange","create","runtime","position","top","left","right","zIndex","withinScreen","insets","backgroundColor","uni__dependencies","layout","header","flexDirection","alignItems","paddingHorizontal","x","gap","spacing","justifyContent","variants","center","marginLeft","flex","fontSize","typography","lineHeight","letterSpacing","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["components/header/variants/TitleHeader/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useContext","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","useHeaderBackground","ScreenContext","Toolbar","HeaderDismissButton","HeaderAccessory","HeaderSurface","isCustomTitle","isTextTitle","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TitleHeader","title","leadingActions","trailingActions","LeftToolbar","RightToolbar","accessory","accessoryPadding","dismissAction","navigation","onDismiss","titleAlignment","background","bg","theme","screen","colorToken","bgColor","color","leadingContent","undefined","trailingContent","setAccessoryInset","setHeaderAccessoryHeight","handleAccessoryHeightChange","height","isTransparent","_styles","styles","useVariants","leading","children","trailing","View","style","container","safeArea","barGroup","bar","titleContainer","pointerEvents","String","trim","length","Text","padding","onHeightChange","create","runtime","position","top","left","right","zIndex","withinScreen","insets","backgroundColor","uni__dependencies","layout","header","flexDirection","alignItems","paddingHorizontal","x","gap","spacing","justifyContent","variants","center","marginLeft","flex","fontSize","typography","lineHeight","letterSpacing","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["components/header/variants/TitleHeader/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/box/Box.d.ts

@@ -1,12 +1,36 @@
-import { type ViewProps } from "react-native";
+import { type ComponentPropsWithRef, type ElementType, type ReactElement } from "react";
+import { View } from "react-native";
 import { type BoxStyleProps } from "./utils.js";
-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;
 }
+/**
+ * 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 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">;
 /**
  * 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 declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
+export declare const Box: <T extends ElementType = typeof View>(props: BoxProps<T>) => ReactElement | null;
+export {};
 //# sourceMappingURL=Box.d.ts.map

package/lib/typescript/src/components/box/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../../src/components/box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpD,OAAO,EAAuB,KAAK,aAAa,EAAmB,MAAM,YAAS,CAAC;AAEnF,MAAM,WAAW,QAAS,SAAQ,SAAS,EAAE,aAAa;IACxD,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID;;;GAGG;AACH,eAAO,MAAM,GAAG,sLA6Bd,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../../src/components/box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAEhB,KAAK,YAAY,EAElB,MAAM,OAAO,CAAC;AACf,OAAO,EAAkB,IAAI,EAAkB,MAAM,cAAc,CAAC;AAKpE,OAAO,EAAuB,KAAK,aAAa,EAAmB,MAAM,YAAS,CAAC;AAEnF,mFAAmF;AACnF,UAAU,WAAY,SAAQ,aAAa;IACzC,+GAA+G;IAC/G,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,IAAI,IAAI,WAAW,GAAG;IACxE,iFAAiF;IACjF,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;AA6C7D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,GAAG,EAA4B,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,IAAI,EAC9E,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KACf,YAAY,GAAG,IAAI,CAAC"}

package/lib/typescript/src/components/header/parts/HeaderGradientOverlay.d.ts

@@ -1,24 +1,19 @@
 /**
- * How far the overlay extends below the bar's bottom edge, in dp.
- *
- * The fade needs more room than the bar alone can give it: confined to the bar,
- * the curve has to be steep enough to read as a band. Overhanging lets the tail
- * finish in open space, so the header releases content instead of cutting it.
+ * Opacity at the overlay's bottom edge. The top is fully opaque, so the header
+ * thins slightly toward the boundary rather than cutting content off square —
+ * but never far enough to read as see-through.
  */
-export declare const HEADER_FADE_EXTENT = 8;
+export declare const HEADER_FADE_END_OPACITY = 0.85;
 export interface HeaderGradientOverlayProps {
-    /** Fill color, fading to fully transparent along the overlay. */
+    /** Fill color, ramped from opaque to {@link HEADER_FADE_END_OPACITY}. */
     color: string;
 }
 /**
- * Vertical fade-out overlay behind header content, shared by header variants.
- *
- * Reaches zero rather than stopping short. An overlay ending at partial opacity
- * leaves a hard step wherever it is clipped, and that step is far more visible
- * than the fade it was meant to hide — it is what cuts content off square as it
- * scrolls under the header.
+ * Vertical fade behind header content, shared by header variants.
  *
- * Callers size it to overhang the bar by {@link HEADER_FADE_EXTENT}.
+ * A two-stop linear ramp spanning the overlay's own box: it neither overhangs
+ * the surface nor reserves a band inside it, so callers size the surface and
+ * the ramp simply spans whatever they gave it.
  */
 export declare function HeaderGradientOverlay({ color }: HeaderGradientOverlayProps): import("react").JSX.Element;
 //# sourceMappingURL=HeaderGradientOverlay.d.ts.map

package/lib/typescript/src/components/header/parts/HeaderGradientOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderGradientOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/header/parts/HeaderGradientOverlay.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAsDpC,MAAM,WAAW,0BAA0B;IACzC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,+BAe1E"}
+{"version":3,"file":"HeaderGradientOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/header/parts/HeaderGradientOverlay.tsx"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,OAAO,CAAC;AAE5C,MAAM,WAAW,0BAA0B;IACzC,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,+BAc1E"}

package/lib/typescript/src/components/header/parts/HeaderSurface.d.ts

@@ -3,20 +3,23 @@ type HeaderOpacityStyle = ReturnType<typeof useAnimatedStyle<{
     opacity: number;
 }>>;
 export interface HeaderSurfaceProps {
-    /** Fill color, fading to fully transparent along the bottom edge. */
+    /** Fill color, ramped toward the surface's bottom edge unless `solid`. */
     color: string;
     /** Opacity style for variants that fade the whole surface in as they collapse. */
     animatedStyle?: HeaderOpacityStyle;
     /**
-     * Height of the bottom gradient in dp. The region above it uses a solid fill.
-     * @defaultValue The themed bar height plus `HEADER_FADE_EXTENT`.
+     * Fill flat instead of ramping — for a surface that has to hide content
+     * outright, such as a sticky accessory resting over the scroll content.
      */
-    fadeHeight?: number;
+    solid?: boolean;
 }
 /**
- * Header background with a solid fill and a bottom gradient.
- * A fixed gradient height keeps tall accessories from becoming translucent.
+ * Header background covering the bar and any accessory as one surface, so
+ * content scrolling under the header meets a single boundary rather than two.
+ *
+ * The ramp spans the surface itself: it is sized by the caller and stays inside
+ * those bounds, so a taller surface stretches the fade rather than adding to it.
  */
-export declare function HeaderSurface({ color, animatedStyle, fadeHeight }: HeaderSurfaceProps): import("react").JSX.Element;
+export declare function HeaderSurface({ color, animatedStyle, solid }: HeaderSurfaceProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=HeaderSurface.d.ts.map

package/lib/typescript/src/components/header/parts/HeaderSurface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSurface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/header/parts/HeaderSurface.tsx"],"names":[],"mappings":"AAEA,OAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAK1E,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,CAAC;AAEnF,MAAM,WAAW,kBAAkB;IACjC,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,kBAAkB,+BASrF"}
+{"version":3,"file":"HeaderSurface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/header/parts/HeaderSurface.tsx"],"names":[],"mappings":"AAEA,OAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAK1E,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,CAAC;AAEnF,MAAM,WAAW,kBAAkB;IACjC,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,kBAAkB,+BAMhF"}

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;AAmED;;;;;;;;;;;;;;;;;;;;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,+BA0LvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/LargeTitleHeader/index.tsx"],"names":[],"mappings":"AAeA,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,+BA0LvB"}

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,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,+BA8DlB"}

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,uMAiBlB,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.9",
+  "version": "0.11.11",
   "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/parts/HeaderGradientOverlay.tsx

@@ -3,80 +3,23 @@ import { useId } from "react";
 import Svg, { Defs, Rect, Stop, LinearGradient as SvgLinearGradient } from "react-native-svg";
 
 /**
- * How far the overlay extends below the bar's bottom edge, in dp.
- *
- * The fade needs more room than the bar alone can give it: confined to the bar,
- * the curve has to be steep enough to read as a band. Overhanging lets the tail
- * finish in open space, so the header releases content instead of cutting it.
- */
-export const HEADER_FADE_EXTENT = 8;
-
-/**
- * Where the fade begins, as a fraction of the overlay's height — the bar plus
- * {@link HEADER_FADE_EXTENT}.
- *
- * Sits inside the bar rather than at its bottom edge, so the tint has already
- * begun thinning before content reaches the boundary. That is the trade this
- * value makes: a longer, gentler ramp, paid for with content being faintly
- * visible through the lower part of the bar.
+ * Opacity at the overlay's bottom edge. The top is fully opaque, so the header
+ * thins slightly toward the boundary rather than cutting content off square —
+ * but never far enough to read as see-through.
  */
-const FADE_START = 0.5;
-
-/**
- * Stops used to approximate the fade curve. Below ~10 the ramp shows as a series
- * of bands on an 8-bit display; above ~14 the extra stops cost SVG parse time
- * with nothing visible in return.
- */
-const FADE_STOPS = 4;
-
-/** Ceiling on the fade's opacity — see {@link alphaAt}. */
-const MAX_FADE_ALPHA = 0.65;
-
-/**
- * Raised cosine, capped at {@link MAX_FADE_ALPHA}, reaching 0 at the overlay's
- * bottom.
- *
- * The curve's slope is zero at both ends, so neither the start of the fade nor
- * its finish leaves a seam. A two-stop linear ramp has a constant slope that
- * begins and ends abruptly, and those two hard edges are what read as a line
- * drawn across the content rather than the header letting go of it.
- *
- * The cap holds the ramp just short of solid, so the whole overlay reads as one
- * continuous gradient rather than an opaque plateau with a curve bolted on.
- */
-const alphaAt = (t: number) => (1 + Math.cos(Math.PI * t) * MAX_FADE_ALPHA) / 2;
-
-/**
- * Every input is a module constant, so the ramp is built once at load rather
- * than rebuilt per render.
- *
- * The leading stop belongs to this list rather than being a sibling element:
- * `LinearGradient` types its children as a flat `ReactElement[]`, so an element
- * beside a mapped array would nest and fail to type-check.
- */
-const STOPS = [
-  { offset: 0, opacity: 1 },
-  ...Array.from({ length: FADE_STOPS }, (_, index) => {
-    const t = index / (FADE_STOPS - 1);
-    const offset = FADE_START + t * (1 - FADE_START);
-    return { offset, opacity: offset === 1 ? 0 : alphaAt(t) };
-  }),
-];
+export const HEADER_FADE_END_OPACITY = 0.85;
 
 export interface HeaderGradientOverlayProps {
-  /** Fill color, fading to fully transparent along the overlay. */
+  /** Fill color, ramped from opaque to {@link HEADER_FADE_END_OPACITY}. */
   color: string;
 }
 
 /**
- * Vertical fade-out overlay behind header content, shared by header variants.
- *
- * Reaches zero rather than stopping short. An overlay ending at partial opacity
- * leaves a hard step wherever it is clipped, and that step is far more visible
- * than the fade it was meant to hide — it is what cuts content off square as it
- * scrolls under the header.
+ * Vertical fade behind header content, shared by header variants.
  *
- * Callers size it to overhang the bar by {@link HEADER_FADE_EXTENT}.
+ * A two-stop linear ramp spanning the overlay's own box: it neither overhangs
+ * the surface nor reserves a band inside it, so callers size the surface and
+ * the ramp simply spans whatever they gave it.
  */
 export function HeaderGradientOverlay({ color }: HeaderGradientOverlayProps) {
   const gradientId = useId();
@@ -85,9 +28,8 @@ export function HeaderGradientOverlay({ color }: HeaderGradientOverlayProps) {
     <Svg height="100%" width="100%">
       <Defs>
         <SvgLinearGradient id={gradientId} x1="0" y1="0" x2="0" y2="1">
-          {STOPS.map((stop) => (
-            <Stop key={stop.offset} offset={stop.offset} stopColor={color} stopOpacity={stop.opacity} />
-          ))}
+          <Stop offset={0} stopColor={color} stopOpacity={1} />
+          <Stop offset={1} stopColor={color} stopOpacity={HEADER_FADE_END_OPACITY} />
         </SvgLinearGradient>
       </Defs>
       <Rect width="100%" height="100%" fill={`url(#${gradientId})`} />

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

@@ -3,60 +3,47 @@ import { View } from "react-native";
 import Animated, { type useAnimatedStyle } from "react-native-reanimated";
 import { StyleSheet } from "react-native-unistyles";
 
-import { HEADER_FADE_EXTENT, HeaderGradientOverlay } from "./HeaderGradientOverlay";
+import { HeaderGradientOverlay } from "./HeaderGradientOverlay";
 
 type HeaderOpacityStyle = ReturnType<typeof useAnimatedStyle<{ opacity: number }>>;
 
 export interface HeaderSurfaceProps {
-  /** Fill color, fading to fully transparent along the bottom edge. */
+  /** Fill color, ramped toward the surface's bottom edge unless `solid`. */
   color: string;
   /** Opacity style for variants that fade the whole surface in as they collapse. */
   animatedStyle?: HeaderOpacityStyle;
   /**
-   * Height of the bottom gradient in dp. The region above it uses a solid fill.
-   * @defaultValue The themed bar height plus `HEADER_FADE_EXTENT`.
+   * Fill flat instead of ramping — for a surface that has to hide content
+   * outright, such as a sticky accessory resting over the scroll content.
    */
-  fadeHeight?: number;
+  solid?: boolean;
 }
 
 /**
- * Header background with a solid fill and a bottom gradient.
- * A fixed gradient height keeps tall accessories from becoming translucent.
+ * Header background covering the bar and any accessory as one surface, so
+ * content scrolling under the header meets a single boundary rather than two.
+ *
+ * The ramp spans the surface itself: it is sized by the caller and stays inside
+ * those bounds, so a taller surface stretches the fade rather than adding to it.
  */
-export function HeaderSurface({ color, animatedStyle, fadeHeight }: HeaderSurfaceProps) {
+export function HeaderSurface({ color, animatedStyle, solid }: HeaderSurfaceProps) {
   return (
     <Animated.View style={[styles.surface, animatedStyle]} pointerEvents="none">
-      <View style={styles.fill(color, fadeHeight)} />
-      <View style={styles.fade(fadeHeight)}>
-        <HeaderGradientOverlay color={color} />
-      </View>
+      {solid ? <View style={styles.fill(color)} /> : <HeaderGradientOverlay color={color} />}
     </Animated.View>
   );
 }
 
-const styles = StyleSheet.create((theme) => ({
-  // Extend the fade below the header's layout bounds.
+const styles = StyleSheet.create(() => ({
   surface: {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
-    bottom: -HEADER_FADE_EXTENT,
+    bottom: 0,
   },
-  // Fill the region above the gradient.
-  fill: (color: string, fadeHeight: number | undefined) => ({
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: fadeHeight ?? theme.layout.header.height + HEADER_FADE_EXTENT,
+  fill: (color: string) => ({
+    flex: 1,
     backgroundColor: color,
   }),
-  fade: (fadeHeight: number | undefined) => ({
-    position: "absolute",
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: fadeHeight ?? theme.layout.header.height + HEADER_FADE_EXTENT,
-  }),
 }));

package/src/components/header/variants/LargeTitleHeader/index.tsx

@@ -12,7 +12,6 @@ import { SCREEN_HEADER_PORTAL_HOST, useScreen } from "../../../screen/ScreenCont
 import { Toolbar } from "../../../toolbar";
 import { HeaderDismissButton } from "../../header-buttons";
 import { HeaderAccessory, HeaderAccessorySpacer } from "../../parts/HeaderAccessory";
-import { HEADER_FADE_EXTENT } from "../../parts/HeaderGradientOverlay";
 import { HeaderSurface } from "../../parts/HeaderSurface";
 import type { HeaderAccessoryBehavior } from "../../types";
 import { isCustomTitle, isTextTitle } from "../../utils";
@@ -49,8 +48,11 @@ function LargeTitlePortalContent({
   title,
   overline,
   subtitle,
+  hasAccessoryBelow,
   onHeightChange,
 }: 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;
 }) {
@@ -79,7 +81,10 @@ function LargeTitlePortalContent({
   const handleLayout = (event: LayoutChangeEvent) => onHeightChange?.(event.nativeEvent.layout.height);
 
   return (
-    <Animated.View style={[styles.portalContent, largeTitleAnimatedStyle]} onLayout={handleLayout}>
+    <Animated.View
+      style={[styles.portalContent(hasAccessoryBelow), largeTitleAnimatedStyle]}
+      onLayout={handleLayout}
+    >
       {!!overline && (
         <Text
           style={styles.overline}
@@ -159,7 +164,6 @@ export function LargeTitleHeader({
   const leadingContent = leadingActions !== undefined ? leadingActions : LeftToolbar;
   const trailingContent = trailingActions !== undefined ? trailingActions : RightToolbar;
 
-  const gradientColor = bgColor;
   const isSticky = accessoryBehavior === "sticky" && !isLargeTitleHidden;
   const hasStickyAccessory = isSticky && accessory != null;
   // Sticky accessories reserve space below the large title; pinned ones add top padding.
@@ -208,8 +212,8 @@ export function LargeTitleHeader({
       stickyAccessoryOffset > 0 ? interpolate(scrollY.value, [0, stickyAccessoryOffset], [1, 0], "clamp") : 0,
   }));
 
-  // Animate the gradient overlay's opacity: 0 (expanded) → 1 (collapsed).
-  const gradientOpacityStyle = useAnimatedStyle(() => {
+  // Animate the header surface's opacity: 0 (expanded) → 1 (collapsed).
+  const surfaceOpacityStyle = useAnimatedStyle(() => {
     if (isLargeTitleHiddenValue.value) {
       return { opacity: 1 };
     }
@@ -222,7 +226,7 @@ export function LargeTitleHeader({
     };
   });
 
-  useHeaderBackground(bgColor, gradientOpacityStyle);
+  useHeaderBackground(bgColor, surfaceOpacityStyle);
 
   const compactTitleAnimatedStyle = useAnimatedStyle(() => {
     if (isLargeTitleHiddenValue.value) {
@@ -280,6 +284,7 @@ export function LargeTitleHeader({
             title={title}
             overline={overline}
             subtitle={subtitle}
+            hasAccessoryBelow={hasStickyAccessory}
             onHeightChange={isSticky ? handleLargeTitleHeightChange : undefined}
           />
           {/* Reserve space for the accessory rendered in the overlay. */}
@@ -288,12 +293,12 @@ export function LargeTitleHeader({
       )}
       {hasStickyAccessory && (
         <Animated.View style={[styles.stickySurface, stickySurfaceStyle]} pointerEvents="none">
-          <HeaderSurface color={gradientColor} animatedStyle={gradientOpacityStyle} />
+          <HeaderSurface color={bgColor} animatedStyle={surfaceOpacityStyle} />
         </Animated.View>
       )}
       {/* Share a background between the bar and a pinned accessory. */}
       <View style={styles.barGroup}>
-        {!hasStickyAccessory && <HeaderSurface color={gradientColor} animatedStyle={gradientOpacityStyle} />}
+        {!hasStickyAccessory && <HeaderSurface color={bgColor} animatedStyle={surfaceOpacityStyle} />}
         <View style={styles.bar}>
           {leading != null && <Toolbar>{leading}</Toolbar>}
           {/* Text can never be the touch target, but custom content may be, so its
@@ -326,7 +331,7 @@ export function LargeTitleHeader({
           <HeaderSurface
             color={screenBackground ?? theme.color["surface.canvas"]}
             animatedStyle={accessorySurfaceStyle}
-            fadeHeight={HEADER_FADE_EXTENT}
+            solid
           />
           <HeaderAccessory padding={accessoryPadding} onHeightChange={handleAccessoryHeightChange}>
             {accessory}
@@ -372,12 +377,12 @@ const styles = StyleSheet.create((theme) => ({
       },
     },
   },
-  portalContent: {
+  portalContent: (hasAccessoryBelow: boolean) => ({
     gap: 2,
-    minHeight: theme.layout.header.height,
-    paddingBottom: theme.spacing["1"],
+    // Include the gap in the measured height used to position the accessory.
+    paddingBottom: hasAccessoryBelow ? theme.spacing["2"] : 0,
     paddingHorizontal: theme.layout.screen.padding.x,
-  },
+  }),
   overline: {
     fontSize: theme.typography.variants["label-sm"].fontSize,
     lineHeight: theme.typography.variants["label-sm"].lineHeight,

package/src/components/header/variants/TitleHeader/index.tsx

@@ -94,7 +94,6 @@ export function TitleHeader({
   const colorToken = background ?? bg;
   const bgColor =
     (colorToken ? resolveThemeColor(colorToken, theme) : screen?.background) ?? theme.color["surface.canvas"];
-  useHeaderBackground(bgColor);
   const leadingContent = leadingActions !== undefined ? leadingActions : LeftToolbar;
   const trailingContent = trailingActions !== undefined ? trailingActions : RightToolbar;
   const setAccessoryInset = screen?.setHeaderAccessoryHeight;
@@ -104,7 +103,7 @@ export function TitleHeader({
     [setAccessoryInset]
   );
   const isTransparent = bgColor === "transparent";
-  const gradientColor = bgColor;
+  useHeaderBackground(bgColor);
   styles.useVariants({ titleAlignment });
 
   const leading =
@@ -129,10 +128,8 @@ export function TitleHeader({
   return (
     <View style={styles.container}>
       <View style={styles.safeArea(isTransparent, bgColor, screen !== null)} />
-      {/* The fade covers the bar and any accessory as one surface, so content
-          scrolling under the header meets a single boundary rather than two. */}
       <View style={styles.barGroup}>
-        <HeaderSurface color={gradientColor} />
+        <HeaderSurface color={bgColor} />
         <View style={styles.bar}>
           {leading != null && <Toolbar>{leading}</Toolbar>}
           {/* Text can never be the touch target, but custom content may be, so its