@hzblj/kara-components 0.20.0 → 0.21.0

package/lib/module/organisms/header/use-header-bar-inset.android.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export const useHeaderBarInset = () => 0;
+//# sourceMappingURL=use-header-bar-inset.android.js.map

package/lib/module/organisms/header/use-header-bar-inset.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useHeaderBarInset"],"sourceRoot":"../../../../src","sources":["organisms/header/use-header-bar-inset.android.ts"],"mappings":";;AAAA,OAAO,MAAMA,iBAAiB,GAAGA,CAAA,KAAM,CAAC","ignoreList":[]}

package/lib/module/organisms/header/use-header-bar-inset.ios.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import { isScrollEdgeEffectAvailable } from '@hzblj/kara-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+
+/** iOS 26's navigation bar is 54pt, the 44pt row of items plus room for its glass; before it the bar was the row. */
+const BAR_HEIGHT = isScrollEdgeEffectAvailable() ? 54 : 44;
+export const useHeaderBarInset = () => useSafeAreaInsets().top + BAR_HEIGHT;
+//# sourceMappingURL=use-header-bar-inset.ios.js.map

package/lib/module/organisms/header/use-header-bar-inset.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isScrollEdgeEffectAvailable","useSafeAreaInsets","BAR_HEIGHT","useHeaderBarInset","top"],"sourceRoot":"../../../../src","sources":["organisms/header/use-header-bar-inset.ios.ts"],"mappings":";;AAAA,SAAQA,2BAA2B,QAAO,oBAAoB;AAC9D,SAAQC,iBAAiB,QAAO,gCAAgC;;AAEhE;AACA,MAAMC,UAAU,GAAGF,2BAA2B,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE;AAE1D,OAAO,MAAMG,iBAAiB,GAAGA,CAAA,KAAMF,iBAAiB,CAAC,CAAC,CAACG,GAAG,GAAGF,UAAU","ignoreList":[]}

package/lib/module/organisms/header/use-header-bar-inset.types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=use-header-bar-inset.types.js.map

package/lib/module/organisms/header/use-header-bar-inset.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["organisms/header/use-header-bar-inset.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/organisms/header/use-header-scroll-to-top.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { Platform } from 'react-native';
+import { useHeaderBarInset } from './use-header-bar-inset';
+
+/** The row iOS gives a large title, which the top of a large-title screen includes. */
+const LARGE_TITLE_HEIGHT = 52;
+const scrollToOffset = (target, offset) => {
+  if ('scrollToOffset' in target) {
+    target.scrollToOffset({
+      animated: true,
+      offset
+    });
+    return;
+  }
+  if ('scrollTo' in target) {
+    target.scrollTo({
+      animated: true,
+      y: offset
+    });
+    return;
+  }
+  target.getScrollResponder()?.scrollTo({
+    animated: true,
+    y: offset
+  });
+};
+
+/**
+ * A ref for React Navigation's or Expo Router's `useScrollToTop`: pressing the tab again scrolls the list back under a
+ * transparent header, with a large title expanded, where scrolling to 0 would leave the content under the bar and the
+ * title collapsed. `useScrollToTop(useHeaderScrollToTop(listRef, {largeTitle: true}))`.
+ */
+export const useHeaderScrollToTop = (ref, {
+  largeTitle = false,
+  topInset = 0
+} = {}) => {
+  const barInset = useHeaderBarInset();
+  const offset = Platform.OS === 'ios' ? -(barInset + (largeTitle ? LARGE_TITLE_HEIGHT : 0) + topInset) : 0;
+  return useMemo(() => ({
+    current: {
+      scrollToTop: () => {
+        if (ref.current) {
+          scrollToOffset(ref.current, offset);
+        }
+      }
+    }
+  }), [offset, ref]);
+};
+//# sourceMappingURL=use-header-scroll-to-top.js.map

package/lib/module/organisms/header/use-header-scroll-to-top.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Platform","useHeaderBarInset","LARGE_TITLE_HEIGHT","scrollToOffset","target","offset","animated","scrollTo","y","getScrollResponder","useHeaderScrollToTop","ref","largeTitle","topInset","barInset","OS","current","scrollToTop"],"sourceRoot":"../../../../src","sources":["organisms/header/use-header-scroll-to-top.ts"],"mappings":";;AAAA,SAAwBA,OAAO,QAAO,OAAO;AAC7C,SAAQC,QAAQ,QAAO,cAAc;AAGrC,SAAQC,iBAAiB,QAAO,wBAAwB;;AAExD;AACA,MAAMC,kBAAkB,GAAG,EAAE;AAE7B,MAAMC,cAAc,GAAGA,CAACC,MAAwB,EAAEC,MAAc,KAAK;EACnE,IAAI,gBAAgB,IAAID,MAAM,EAAE;IAC9BA,MAAM,CAACD,cAAc,CAAC;MAACG,QAAQ,EAAE,IAAI;MAAED;IAAM,CAAC,CAAC;IAC/C;EACF;EAEA,IAAI,UAAU,IAAID,MAAM,EAAE;IACxBA,MAAM,CAACG,QAAQ,CAAC;MAACD,QAAQ,EAAE,IAAI;MAAEE,CAAC,EAAEH;IAAM,CAAC,CAAC;IAC5C;EACF;EAEAD,MAAM,CAACK,kBAAkB,CAAC,CAAC,EAAEF,QAAQ,CAAC;IAACD,QAAQ,EAAE,IAAI;IAAEE,CAAC,EAAEH;EAAM,CAAC,CAAC;AACpE,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,oBAAoB,GAAGA,CAClCC,GAAuC,EACvC;EAACC,UAAU,GAAG,KAAK;EAAEC,QAAQ,GAAG;AAA2B,CAAC,GAAG,CAAC,CAAC,KACxC;EACzB,MAAMC,QAAQ,GAAGb,iBAAiB,CAAC,CAAC;EACpC,MAAMI,MAAM,GAAGL,QAAQ,CAACe,EAAE,KAAK,KAAK,GAAG,EAAED,QAAQ,IAAIF,UAAU,GAAGV,kBAAkB,GAAG,CAAC,CAAC,GAAGW,QAAQ,CAAC,GAAG,CAAC;EAEzG,OAAOd,OAAO,CACZ,OAAO;IACLiB,OAAO,EAAE;MACPC,WAAW,EAAEA,CAAA,KAAM;QACjB,IAAIN,GAAG,CAACK,OAAO,EAAE;UACfb,cAAc,CAACQ,GAAG,CAACK,OAAO,EAAEX,MAAM,CAAC;QACrC;MACF;IACF;EACF,CAAC,CAAC,EACF,CAACA,MAAM,EAAEM,GAAG,CACd,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/organisms/header/use-header-search.js

@@ -0,0 +1,135 @@
+"use strict";
+
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { Platform } from 'react-native';
+import { headerColor } from "./header-color.js";
+import { HeaderSearchAccessory } from './header-search-accessory';
+import { HEADER_SEARCH_ROW_HEIGHT, HeaderSearchInput } from './header-search-input';
+import { HeaderSearchScrim } from "./header-search-scrim.js";
+
+/** `integratedButton` hides the title and items while the field is open and keeps it out of the bottom toolbar. */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const PLACEMENT_OPTIONS = {
+  integratedButton: {
+    allowToolbarIntegration: false,
+    hideNavigationBar: true
+  },
+  stacked: {
+    hideNavigationBar: false
+  }
+};
+
+/**
+ * A search field for a screen's header. iOS: UIKit's search bar stacked under the title, with the title and items kept
+ * and nothing dimmed by the system, so a list can filter live, or behind a search button in the bar's corner
+ * (`placement`); pass `searchBar` to `useHeader` as `search`. Android: Material's search field with its cancel button,
+ * as a row for the screen to put right under the top app bar (`searchInput`). Both report the `query`; `scrim` washes
+ * the content out while the field is focused and empty and, on iOS, carries the field's glyphs and voice.
+ *
+ * With `voice` the field has a microphone; the app runs the dictation and writes what it hears with `setText`. Typing
+ * over it, or ending the search, calls `voice.onCancel`.
+ */
+export const useHeaderSearch = ({
+  cancelIcon,
+  clearIcon,
+  enabled = true,
+  placeholder = 'Search',
+  placement = 'stacked',
+  voice
+} = {}) => {
+  const theme = useAppTheme();
+  const [query, setQuery] = useState('');
+  const [focused, setFocused] = useState(false);
+  const searchBarRef = useRef(null);
+  const inputRef = useRef(null);
+  const lastSetText = useRef(null);
+  const voiceRef = useRef(voice);
+  voiceRef.current = voice;
+  const cancelVoice = useCallback(() => {
+    if (voiceRef.current?.listening) {
+      voiceRef.current.onCancel?.();
+    }
+  }, []);
+  const changeQuery = useCallback(text => {
+    if (text !== lastSetText.current) {
+      cancelVoice();
+    }
+    setQuery(text);
+  }, [cancelVoice]);
+  const reset = useCallback(() => {
+    cancelVoice();
+    lastSetText.current = null;
+    setQuery('');
+    setFocused(false);
+  }, [cancelVoice]);
+  const searchBar = useMemo(() => {
+    if (!enabled || Platform.OS !== 'ios') {
+      return undefined;
+    }
+    return {
+      ...PLACEMENT_OPTIONS[placement],
+      autoCapitalize: 'none',
+      hideWhenScrolling: false,
+      obscureBackground: false,
+      onBlur: () => setFocused(false),
+      onCancelButtonPress: reset,
+      onChangeText: event => changeQuery(event.nativeEvent.text),
+      onFocus: () => setFocused(true),
+      placeholder,
+      placement,
+      ref: searchBarRef,
+      tintColor: headerColor(theme, 'content.primary')
+    };
+  }, [changeQuery, enabled, placeholder, placement, reset, theme]);
+  const searchInput = useMemo(() => {
+    if (!enabled || Platform.OS !== 'android') {
+      return null;
+    }
+    return /*#__PURE__*/_jsx(HeaderSearchInput, {
+      clearIcon: clearIcon,
+      onChangeText: changeQuery,
+      onFocusChange: setFocused,
+      placeholder: placeholder,
+      ref: inputRef,
+      voice: voice
+    });
+  }, [changeQuery, clearIcon, enabled, placeholder, voice]);
+  const clear = useCallback(() => {
+    reset();
+    searchBarRef.current?.cancelSearch();
+    inputRef.current?.clear();
+    inputRef.current?.blur();
+  }, [reset]);
+  const setText = useCallback(text => {
+    lastSetText.current = text;
+    setQuery(text);
+    searchBarRef.current?.setText(text);
+    inputRef.current?.setText(text);
+  }, []);
+  const dimmed = enabled && focused && query.trim().length === 0;
+  const scrim = useMemo(() => {
+    if (!enabled) {
+      return null;
+    }
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [dimmed ? /*#__PURE__*/_jsx(HeaderSearchScrim, {
+        onPress: clear,
+        topOffset: HEADER_SEARCH_ROW_HEIGHT
+      }) : null, /*#__PURE__*/_jsx(HeaderSearchAccessory, {
+        cancelIcon: cancelIcon,
+        clearIcon: clearIcon,
+        voice: voice
+      })]
+    });
+  }, [cancelIcon, clear, clearIcon, dimmed, enabled, voice]);
+  return {
+    clear,
+    query,
+    scrim,
+    searchBar,
+    searchInput,
+    setText
+  };
+};
+//# sourceMappingURL=use-header-search.js.map

package/lib/module/organisms/header/use-header-search.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAppTheme","useCallback","useMemo","useRef","useState","Platform","headerColor","HeaderSearchAccessory","HEADER_SEARCH_ROW_HEIGHT","HeaderSearchInput","HeaderSearchScrim","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PLACEMENT_OPTIONS","integratedButton","allowToolbarIntegration","hideNavigationBar","stacked","useHeaderSearch","cancelIcon","clearIcon","enabled","placeholder","placement","voice","theme","query","setQuery","focused","setFocused","searchBarRef","inputRef","lastSetText","voiceRef","current","cancelVoice","listening","onCancel","changeQuery","text","reset","searchBar","OS","undefined","autoCapitalize","hideWhenScrolling","obscureBackground","onBlur","onCancelButtonPress","onChangeText","event","nativeEvent","onFocus","ref","tintColor","searchInput","onFocusChange","clear","cancelSearch","blur","setText","dimmed","trim","length","scrim","children","onPress","topOffset"],"sourceRoot":"../../../../src","sources":["organisms/header/use-header-search.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/header/use-header.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useLayoutEffect, useMemo } from 'react';
+import { toHeaderOptions } from './header-options';
+import { useHeaderTitle } from "./header-title.js";
+
+/**
+ * A screen's header as native-stack options, with what its list needs alongside: the title (centred, leading with a
+ * subtitle, revealed on scroll or large), the actions on both sides (the navigation bar's own items on iOS, Material
+ * buttons on Android) and a search field. Spread `options` into Expo Router's `<Stack.Screen options>` or a React
+ * Navigation screen's `options`. Memoize the action arrays: new arrays build new options on every render.
+ */
+export const useHeaderOptions = ({
+  backHidden,
+  largeTitle,
+  leadingActions,
+  search,
+  subtitle,
+  title,
+  titleHidden = false,
+  titleRevealProgress,
+  trailingActions
+}) => {
+  const theme = useAppTheme();
+  const headerTitle = useHeaderTitle({
+    largeTitle,
+    subtitle,
+    title,
+    titleHidden,
+    titleRevealProgress
+  });
+  const actionOptions = useMemo(() => toHeaderOptions({
+    backHidden,
+    leadingActions,
+    trailingActions
+  }, theme), [backHidden, leadingActions, theme, trailingActions]);
+  return useMemo(() => {
+    const options = {};
+    Object.assign(options, headerTitle.options, actionOptions);
+    if (search) {
+      options.headerSearchBarOptions = search;
+    }
+    return {
+      contentInsetAdjustmentBehavior: 'automatic',
+      largeTitle: headerTitle.largeTitle,
+      onScroll: headerTitle.onScroll,
+      options
+    };
+  }, [actionOptions, headerTitle.largeTitle, headerTitle.onScroll, headerTitle.options, search]);
+};
+
+/**
+ * Sets the screen's header through its navigation object, from React Navigation's or Expo Router's `useNavigation()`,
+ * before the screen first paints, and returns what its list needs. What a screen has from the moment it is pushed
+ * belongs in its static `options` too: iOS morphs the bar items between screens only when they exist at the push.
+ */
+export const useHeader = (navigation, params) => {
+  const {
+    contentInsetAdjustmentBehavior,
+    largeTitle,
+    onScroll,
+    options
+  } = useHeaderOptions(params);
+  useLayoutEffect(() => {
+    navigation.setOptions(options);
+  }, [navigation, options]);
+  return useMemo(() => ({
+    contentInsetAdjustmentBehavior,
+    largeTitle,
+    onScroll
+  }), [contentInsetAdjustmentBehavior, largeTitle, onScroll]);
+};
+//# sourceMappingURL=use-header.js.map

package/lib/module/organisms/header/use-header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAppTheme","useLayoutEffect","useMemo","toHeaderOptions","useHeaderTitle","useHeaderOptions","backHidden","largeTitle","leadingActions","search","subtitle","title","titleHidden","titleRevealProgress","trailingActions","theme","headerTitle","actionOptions","options","Object","assign","headerSearchBarOptions","contentInsetAdjustmentBehavior","onScroll","useHeader","navigation","params","setOptions"],"sourceRoot":"../../../../src","sources":["organisms/header/use-header.ts"],"mappings":";;AAAA,SAAQA,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,eAAe,EAAEC,OAAO,QAAO,OAAO;AAG9C,SAAQC,eAAe,QAAO,kBAAkB;AAChD,SAAQC,cAAc,QAAO,mBAAgB;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,UAAU;EACVC,UAAU;EACVC,cAAc;EACdC,MAAM;EACNC,QAAQ;EACRC,KAAK;EACLC,WAAW,GAAG,KAAK;EACnBC,mBAAmB;EACnBC;AACY,CAAC,KAA0B;EACvC,MAAMC,KAAK,GAAGf,WAAW,CAAC,CAAC;EAC3B,MAAMgB,WAAW,GAAGZ,cAAc,CAAC;IAACG,UAAU;IAAEG,QAAQ;IAAEC,KAAK;IAAEC,WAAW;IAAEC;EAAmB,CAAC,CAAC;EAEnG,MAAMI,aAAa,GAAGf,OAAO,CAC3B,MAAMC,eAAe,CAAC;IAACG,UAAU;IAAEE,cAAc;IAAEM;EAAe,CAAC,EAAEC,KAAK,CAAC,EAC3E,CAACT,UAAU,EAAEE,cAAc,EAAEO,KAAK,EAAED,eAAe,CACrD,CAAC;EAED,OAAOZ,OAAO,CAAC,MAAM;IACnB,MAAMgB,OAAsB,GAAG,CAAC,CAAC;IAEjCC,MAAM,CAACC,MAAM,CAACF,OAAO,EAAEF,WAAW,CAACE,OAAO,EAAED,aAAa,CAAC;IAE1D,IAAIR,MAAM,EAAE;MACVS,OAAO,CAACG,sBAAsB,GAAGZ,MAAM;IACzC;IAEA,OAAO;MACLa,8BAA8B,EAAE,WAAW;MAC3Cf,UAAU,EAAES,WAAW,CAACT,UAAU;MAClCgB,QAAQ,EAAEP,WAAW,CAACO,QAAQ;MAC9BL;IACF,CAAC;EACH,CAAC,EAAE,CAACD,aAAa,EAAED,WAAW,CAACT,UAAU,EAAES,WAAW,CAACO,QAAQ,EAAEP,WAAW,CAACE,OAAO,EAAET,MAAM,CAAC,CAAC;AAChG,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMe,SAAS,GAAGA,CAACC,UAA4B,EAAEC,MAAoB,KAAoB;EAC9F,MAAM;IAACJ,8BAA8B;IAAEf,UAAU;IAAEgB,QAAQ;IAAEL;EAAO,CAAC,GAAGb,gBAAgB,CAACqB,MAAM,CAAC;EAEhGzB,eAAe,CAAC,MAAM;IACpBwB,UAAU,CAACE,UAAU,CAACT,OAAO,CAAC;EAChC,CAAC,EAAE,CAACO,UAAU,EAAEP,OAAO,CAAC,CAAC;EAEzB,OAAOhB,OAAO,CACZ,OAAO;IAACoB,8BAA8B;IAAEf,UAAU;IAAEgB;EAAQ,CAAC,CAAC,EAC9D,CAACD,8BAA8B,EAAEf,UAAU,EAAEgB,QAAQ,CACvD,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/organisms/header/use-hero-header.js

@@ -0,0 +1,189 @@
+"use strict";
+
+import { isScrollEdgeEffectAvailable, isViewControllerBasedStatusBarAppearance } from '@hzblj/kara-native';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useCallback, useEffect, useLayoutEffect, useMemo, useState } from 'react';
+import { Platform, StatusBar } from 'react-native';
+import { Extrapolation, interpolate, useAnimatedReaction, useDerivedValue, useSharedValue } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { scheduleOnRN } from 'react-native-worklets';
+import { headerColor } from "./header-color.js";
+import { useIsTitleRevealed } from "./header-title.js";
+import { HeroHeaderBackground } from './hero-header-background';
+import { useHeaderOptions } from "./use-header.js";
+import { useHeaderBarInset } from './use-header-bar-inset';
+import { HERO_HEADER_SCREEN_OPTIONS } from "./use-stack-screen-options.js";
+
+/** The header fades in while 50 to 70 % of the hero's part under the bar scrolls away. */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const REVEAL_RANGE = [0.5, 0.7];
+
+/** Material 3's top app bar. */
+const ANDROID_BAR_HEIGHT = 64;
+const useHeroBarHeight = () => {
+  const iosBarInset = useHeaderBarInset();
+  const {
+    top
+  } = useSafeAreaInsets();
+  return Platform.OS === 'ios' ? iosBarInset : top + ANDROID_BAR_HEIGHT;
+};
+const useIsOverHero = progress => {
+  const [overHero, setOverHero] = useState(() => progress.value === 0);
+  useAnimatedReaction(() => progress.value === 0, (isOver, wasOver) => {
+    if (isOver !== wasOver) {
+      scheduleOnRN(setOverHero, isOver);
+    }
+  });
+  return overHero;
+};
+const useIsScreenFocused = navigation => {
+  const [focused, setFocused] = useState(() => navigation.isFocused());
+  useEffect(() => {
+    const unsubscribeFocus = navigation.addListener('focus', () => setFocused(true));
+    const unsubscribeBlur = navigation.addListener('blur', () => setFocused(false));
+    return () => {
+      unsubscribeFocus();
+      unsubscribeBlur();
+    };
+  }, [navigation]);
+  return focused;
+};
+const BAR_STYLES = {
+  dark: 'dark-content',
+  light: 'light-content'
+};
+
+/**
+ * The status bar over the hero, for this screen only. With view-controller-based appearance (Info.plist) the native
+ * stack sets it per screen (`statusBarStyle`); otherwise, as in Expo apps and on Android, React Native's `StatusBar`
+ * applies it while the screen is focused and over the hero, and its stack restores the previous style once it is not.
+ */
+const useHeroStatusBar = (navigation, overHero, overHeroStyle) => {
+  const focused = useIsScreenFocused(navigation);
+  const perScreen = isViewControllerBasedStatusBarAppearance();
+  useEffect(() => {
+    if (perScreen) {
+      navigation.setOptions({
+        statusBarStyle: overHero ? overHeroStyle : 'auto'
+      });
+    }
+  }, [navigation, overHero, overHeroStyle, perScreen]);
+  if (perScreen || !focused || !overHero) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(StatusBar, {
+    animated: true,
+    barStyle: BAR_STYLES[overHeroStyle]
+  });
+};
+const useRevealProgress = (barHeight, heroHeight, introProgress) => {
+  const scrollY = useSharedValue(0);
+  const heroUnderBar = heroHeight - barHeight;
+  const start = heroUnderBar * REVEAL_RANGE[0];
+  const end = heroUnderBar * REVEAL_RANGE[1];
+  const scrollProgress = useDerivedValue(() => {
+    if (end <= start) {
+      return 1;
+    }
+    return interpolate(scrollY.value, [start, end], [0, 1], Extrapolation.CLAMP);
+  });
+  const progress = useDerivedValue(() => Math.max(scrollProgress.value, introProgress?.value ?? 0));
+  const onScroll = useCallback(offsetY => {
+    'worklet';
+
+    scrollY.value = offsetY;
+  }, [scrollY]);
+  return {
+    onScroll,
+    progress,
+    scrollProgress
+  };
+};
+
+/**
+ * A header over a full-bleed hero: the content runs under a transparent bar, and while 50 to 70 % of the hero's part
+ * under the bar scrolls away the header fades in — the title (and subtitle) in the bar, the bar's background
+ * (`background`: iOS 26's scroll edge effect switched on, the bar's material coming in below iOS 26, the top app bar's
+ * surface on Android), the items' tint and the status bar, light over the hero with `overHeroStyle` `light`. `revealedTrailingActions` join the
+ * bar once the title is shown. Give the screen `HERO_HEADER_SCREEN_OPTIONS` as static options, so its first frame has
+ * no large title, render `background` after the list and call `onScroll` with its offset.
+ */
+export const useHeroHeader = (navigation, {
+  backHidden,
+  heroHeight,
+  introProgress,
+  leadingActions,
+  overHeroStyle = 'light',
+  revealedTrailingActions,
+  subtitle,
+  title,
+  trailingActions
+}) => {
+  const theme = useAppTheme();
+  const barHeight = useHeroBarHeight();
+  const {
+    onScroll,
+    progress,
+    scrollProgress
+  } = useRevealProgress(barHeight, heroHeight, introProgress);
+  const titleShown = useIsTitleRevealed(scrollProgress);
+  const overHero = useIsOverHero(progress);
+  const scrolledOverHero = useIsOverHero(scrollProgress);
+  const statusBar = useHeroStatusBar(navigation, overHero, overHeroStyle);
+  const visibleTrailingActions = useMemo(() => {
+    if (!titleShown || !revealedTrailingActions) {
+      return trailingActions;
+    }
+    const actions = [];
+    for (const action of revealedTrailingActions) {
+      actions.push(action);
+    }
+    for (const action of trailingActions ?? []) {
+      actions.push(action);
+    }
+    return actions;
+  }, [revealedTrailingActions, titleShown, trailingActions]);
+  const {
+    options
+  } = useHeaderOptions({
+    backHidden,
+    leadingActions,
+    subtitle,
+    title,
+    titleRevealProgress: scrollProgress,
+    trailingActions: visibleTrailingActions
+  });
+  useLayoutEffect(() => {
+    navigation.setOptions(HERO_HEADER_SCREEN_OPTIONS);
+  }, [navigation]);
+  useLayoutEffect(() => {
+    navigation.setOptions(options);
+  }, [navigation, options]);
+  useEffect(() => {
+    const light = overHero && overHeroStyle === 'light';
+    const appearance = {
+      headerTintColor: headerColor(theme, light ? 'content.on.accent' : 'content.primary')
+    };
+    if (isScrollEdgeEffectAvailable()) {
+      appearance.scrollEdgeEffects = {
+        top: scrolledOverHero ? 'hidden' : 'automatic'
+      };
+    }
+    navigation.setOptions(appearance);
+  }, [navigation, overHero, overHeroStyle, scrolledOverHero, theme]);
+  const background = useMemo(() => /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(HeroHeaderBackground, {
+      height: barHeight,
+      progress: progress
+    }), statusBar]
+  }), [barHeight, progress, statusBar]);
+  return {
+    background,
+    contentInsetAdjustmentBehavior: 'never',
+    largeTitle: null,
+    onScroll,
+    progress,
+    scrollProgress
+  };
+};
+//# sourceMappingURL=use-hero-header.js.map

package/lib/module/organisms/header/use-hero-header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isScrollEdgeEffectAvailable","isViewControllerBasedStatusBarAppearance","useAppTheme","useCallback","useEffect","useLayoutEffect","useMemo","useState","Platform","StatusBar","Extrapolation","interpolate","useAnimatedReaction","useDerivedValue","useSharedValue","useSafeAreaInsets","scheduleOnRN","headerColor","useIsTitleRevealed","HeroHeaderBackground","useHeaderOptions","useHeaderBarInset","HERO_HEADER_SCREEN_OPTIONS","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","REVEAL_RANGE","ANDROID_BAR_HEIGHT","useHeroBarHeight","iosBarInset","top","OS","useIsOverHero","progress","overHero","setOverHero","value","isOver","wasOver","useIsScreenFocused","navigation","focused","setFocused","isFocused","unsubscribeFocus","addListener","unsubscribeBlur","BAR_STYLES","dark","light","useHeroStatusBar","overHeroStyle","perScreen","setOptions","statusBarStyle","animated","barStyle","useRevealProgress","barHeight","heroHeight","introProgress","scrollY","heroUnderBar","start","end","scrollProgress","CLAMP","Math","max","onScroll","offsetY","useHeroHeader","backHidden","leadingActions","revealedTrailingActions","subtitle","title","trailingActions","theme","titleShown","scrolledOverHero","statusBar","visibleTrailingActions","actions","action","push","options","titleRevealProgress","appearance","headerTintColor","scrollEdgeEffects","background","children","height","contentInsetAdjustmentBehavior","largeTitle"],"sourceRoot":"../../../../src","sources":["organisms/header/use-hero-header.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/header/use-stack-screen-options.js

@@ -0,0 +1,77 @@
+"use strict";
+
+import { isScrollEdgeEffectAvailable } from '@hzblj/kara-native';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useMemo } from 'react';
+import { Platform } from 'react-native';
+import { headerColor } from "./header-color.js";
+
+/** iOS 26 draws its own scroll edge effect under a transparent bar; older iOS needs the bar's blur instead. */
+const HEADER_BLUR_EFFECT = Platform.OS === 'ios' && !isScrollEdgeEffectAvailable() ? 'systemChromeMaterial' : undefined;
+
+/**
+ * A native stack's `screenOptions` in the active theme: the surface behind every screen, a minimal back button, the
+ * title and large title in the theme's `headline` and `headingM`, no hairline under the bar. iOS keeps the bar
+ * transparent so iOS 26 blurs what scrolls under it (older iOS gets the bar's material); Android gets a solid top app
+ * bar in the surface colour.
+ */
+export const useStackScreenOptions = () => {
+  const theme = useAppTheme();
+  return useMemo(() => {
+    const content = headerColor(theme, 'content.primary');
+    const surface = headerColor(theme, 'surface.base');
+    return {
+      contentStyle: {
+        backgroundColor: surface
+      },
+      headerBackButtonDisplayMode: 'minimal',
+      headerBlurEffect: HEADER_BLUR_EFFECT,
+      headerLargeTitleShadowVisible: false,
+      headerLargeTitleStyle: {
+        color: content,
+        fontFamily: theme.typography.headingM.fontFamily,
+        fontSize: theme.typography.headingM.fontSize
+      },
+      headerShadowVisible: false,
+      headerStyle: Platform.OS === 'android' ? {
+        backgroundColor: surface
+      } : undefined,
+      headerTintColor: content,
+      headerTitleStyle: {
+        color: content,
+        fontFamily: theme.typography.headline.fontFamily,
+        fontSize: theme.typography.headline.fontSize
+      },
+      headerTransparent: Platform.OS === 'ios'
+    };
+  }, [theme]);
+};
+
+/** A screen with a large title that collapses into the bar as its list scrolls. */
+export const LARGE_TITLE_SCREEN_OPTIONS = {
+  headerLargeTitleEnabled: true,
+  headerShown: true
+};
+
+/** A screen without the stack's header, for one that draws its own or none. */
+export const HIDDEN_HEADER_SCREEN_OPTIONS = {
+  headerShown: false
+};
+
+/**
+ * A screen whose content runs under a transparent bar, a full-bleed image above all, for `useHeroHeader`. Static, so the
+ * first frame already has no large title and no bar background over the image.
+ */
+export const HERO_HEADER_SCREEN_OPTIONS = {
+  headerBlurEffect: 'none',
+  headerLargeTitleEnabled: false,
+  headerShown: true,
+  headerStyle: {
+    backgroundColor: 'transparent'
+  },
+  headerTransparent: true,
+  scrollEdgeEffects: {
+    top: 'hidden'
+  }
+};
+//# sourceMappingURL=use-stack-screen-options.js.map

package/lib/module/organisms/header/use-stack-screen-options.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isScrollEdgeEffectAvailable","useAppTheme","useMemo","Platform","headerColor","HEADER_BLUR_EFFECT","OS","undefined","useStackScreenOptions","theme","content","surface","contentStyle","backgroundColor","headerBackButtonDisplayMode","headerBlurEffect","headerLargeTitleShadowVisible","headerLargeTitleStyle","color","fontFamily","typography","headingM","fontSize","headerShadowVisible","headerStyle","headerTintColor","headerTitleStyle","headline","headerTransparent","LARGE_TITLE_SCREEN_OPTIONS","headerLargeTitleEnabled","headerShown","HIDDEN_HEADER_SCREEN_OPTIONS","HERO_HEADER_SCREEN_OPTIONS","scrollEdgeEffects","top"],"sourceRoot":"../../../../src","sources":["organisms/header/use-stack-screen-options.ts"],"mappings":";;AAAA,SAAQA,2BAA2B,QAAO,oBAAoB;AAC9D,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,QAAQ,QAAO,cAAc;AAGrC,SAAQC,WAAW,QAAO,mBAAgB;;AAE1C;AACA,MAAMC,kBAAkB,GACtBF,QAAQ,CAACG,EAAE,KAAK,KAAK,IAAI,CAACN,2BAA2B,CAAC,CAAC,GAAI,sBAAsB,GAAaO,SAAS;;AAEzG;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAA0B;EAC7D,MAAMC,KAAK,GAAGR,WAAW,CAAC,CAAC;EAE3B,OAAOC,OAAO,CAAC,MAAM;IACnB,MAAMQ,OAAO,GAAGN,WAAW,CAACK,KAAK,EAAE,iBAAiB,CAAC;IACrD,MAAME,OAAO,GAAGP,WAAW,CAACK,KAAK,EAAE,cAAc,CAAC;IAElD,OAAO;MACLG,YAAY,EAAE;QAACC,eAAe,EAAEF;MAAO,CAAC;MACxCG,2BAA2B,EAAE,SAAS;MACtCC,gBAAgB,EAAEV,kBAAkB;MACpCW,6BAA6B,EAAE,KAAK;MACpCC,qBAAqB,EAAE;QACrBC,KAAK,EAAER,OAAO;QACdS,UAAU,EAAEV,KAAK,CAACW,UAAU,CAACC,QAAQ,CAACF,UAAU;QAChDG,QAAQ,EAAEb,KAAK,CAACW,UAAU,CAACC,QAAQ,CAACC;MACtC,CAAC;MACDC,mBAAmB,EAAE,KAAK;MAC1BC,WAAW,EAAErB,QAAQ,CAACG,EAAE,KAAK,SAAS,GAAG;QAACO,eAAe,EAAEF;MAAO,CAAC,GAAGJ,SAAS;MAC/EkB,eAAe,EAAEf,OAAO;MACxBgB,gBAAgB,EAAE;QAChBR,KAAK,EAAER,OAAO;QACdS,UAAU,EAAEV,KAAK,CAACW,UAAU,CAACO,QAAQ,CAACR,UAAU;QAChDG,QAAQ,EAAEb,KAAK,CAACW,UAAU,CAACO,QAAQ,CAACL;MACtC,CAAC;MACDM,iBAAiB,EAAEzB,QAAQ,CAACG,EAAE,KAAK;IACrC,CAAC;EACH,CAAC,EAAE,CAACG,KAAK,CAAC,CAAC;AACb,CAAC;;AAED;AACA,OAAO,MAAMoB,0BAA8C,GAAG;EAACC,uBAAuB,EAAE,IAAI;EAAEC,WAAW,EAAE;AAAI,CAAC;;AAEhH;AACA,OAAO,MAAMC,4BAAgD,GAAG;EAACD,WAAW,EAAE;AAAK,CAAC;;AAEpF;AACA;AACA;AACA;AACA,OAAO,MAAME,0BAA8C,GAAG;EAC5DlB,gBAAgB,EAAE,MAAM;EACxBe,uBAAuB,EAAE,KAAK;EAC9BC,WAAW,EAAE,IAAI;EACjBP,WAAW,EAAE;IAACX,eAAe,EAAE;EAAa,CAAC;EAC7Ce,iBAAiB,EAAE,IAAI;EACvBM,iBAAiB,EAAE;IAACC,GAAG,EAAE;EAAQ;AACnC,CAAC","ignoreList":[]}

package/lib/module/organisms/menu/menu.android.js

@@ -3,12 +3,12 @@
 import { Text as ComposeText, DropdownMenu, DropdownMenuItem } from '@expo/ui/jetpack-compose';
 import { useAppTheme } from '@hzblj/kara-theme';
 import { useCallback, useState } from 'react';
+import { Glyph } from "../../atoms/glyph/index.js";
 import { HStack } from "../../atoms/h-stack/index.js";
 import { Icon } from "../../atoms/icon/index.js";
 import { IconButton } from "../../atoms/icon-button/index.js";
 import { Text } from "../../atoms/text/index.js";
-import { Glyph } from "../../glyph/index.js";
-import { useHostGuard } from "../../host-context.js";
+import { useHostGuard } from "../../hooks/host-context.js";
 import { isIconOnly, menuActionColor } from "./menu-parts.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MenuItem = ({

package/lib/module/organisms/menu/menu.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["Text","ComposeText","DropdownMenu","DropdownMenuItem","useAppTheme","useCallback","useState","HStack","Icon","IconButton","Glyph","useHostGuard","isIconOnly","menuActionColor","jsx","_jsx","jsxs","_jsxs","MenuItem","action","onDismiss","theme","color","elementColors","leadingIconColor","textColor","enabled","disabled","onClick","onPress","children","colorString","style","typography","body","label","icon","LeadingIcon","name","size","triggerOf","props","open","accessibilityLabel","testID","align","spacing","Menu","expanded","setExpanded","dismiss","onDismissRequest","Trigger","Items","actions","map"],"sourceRoot":"../../../../src","sources":["organisms/menu/menu.android.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Text","ComposeText","DropdownMenu","DropdownMenuItem","useAppTheme","useCallback","useState","Glyph","HStack","Icon","IconButton","useHostGuard","isIconOnly","menuActionColor","jsx","_jsx","jsxs","_jsxs","MenuItem","action","onDismiss","theme","color","elementColors","leadingIconColor","textColor","enabled","disabled","onClick","onPress","children","colorString","style","typography","body","label","icon","LeadingIcon","name","size","triggerOf","props","open","accessibilityLabel","testID","align","spacing","Menu","expanded","setExpanded","dismiss","onDismissRequest","Trigger","Items","actions","map"],"sourceRoot":"../../../../src","sources":["organisms/menu/menu.android.tsx"],"mappings":"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","ignoreList":[]}