@hzblj/kara-components 0.20.0 → 0.21.0

package/lib/module/organisms/header/header-search-accessory.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=header-search-accessory.types.js.map

package/lib/module/organisms/header/header-search-accessory.types.js.map

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

package/lib/module/organisms/header/header-search-input.android.js

@@ -0,0 +1,80 @@
+"use strict";
+
+import { Host } from '@expo/ui/jetpack-compose';
+import { iconResourceName } from '@hzblj/expo-native-icons';
+import { SearchField } from '@hzblj/kara-native/jetpack-compose';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { useImperativeHandle, useMemo, useRef } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Material's search field is 56dp; the row adds 8dp above it and 12dp below, under the top app bar. */
+const FIELD_HEIGHT = 56;
+
+/** The row's height under the bar, for what is laid out below it (the scrim starts there). */
+export const HEADER_SEARCH_ROW_HEIGHT = 8 + FIELD_HEIGHT + 12;
+const styles = StyleSheet.create({
+  field: {
+    height: FIELD_HEIGHT
+  },
+  row: {
+    paddingBottom: 12,
+    paddingHorizontal: 16,
+    paddingTop: 8
+  }
+});
+const ignoreDetachedView = () => undefined;
+export const HeaderSearchInput = ({
+  clearIcon,
+  onChangeText,
+  onFocusChange,
+  placeholder,
+  ref,
+  voice
+}) => {
+  const theme = useAppTheme();
+  const fieldRef = useRef(null);
+  const face = theme.typography.body;
+  useImperativeHandle(ref, () => ({
+    blur: () => {
+      fieldRef.current?.blurField().catch(ignoreDetachedView);
+    },
+    clear: () => {
+      fieldRef.current?.clearQuery().catch(ignoreDetachedView);
+    },
+    setText: text => {
+      fieldRef.current?.setQuery(text).catch(ignoreDetachedView);
+    }
+  }), []);
+  const nativeVoice = useMemo(() => voice && {
+    ...voice,
+    microphoneIconName: voice.microphoneIcon ? iconResourceName(voice.microphoneIcon) : undefined,
+    stopIconName: voice.stopIcon ? iconResourceName(voice.stopIcon) : undefined
+  }, [voice]);
+  const fieldClearIcon = voice?.clearIcon ?? clearIcon;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.row,
+    children: /*#__PURE__*/_jsx(Host, {
+      colorScheme: theme.dark ? 'dark' : 'light',
+      ignoreSafeAreaKeyboardInsets: true,
+      seedColor: theme.materialSeed,
+      style: styles.field,
+      children: /*#__PURE__*/_jsx(SearchField, {
+        cancelLabel: "Cancel",
+        clearIconName: fieldClearIcon ? iconResourceName(fieldClearIcon) : undefined,
+        clearLabel: voice?.clearLabel ?? 'Clear',
+        containerColor: theme.color('fill.quaternary'),
+        fontFamily: face.fontFamily,
+        fontSize: face.fontSize,
+        iconColor: theme.color('content.secondary'),
+        onFocusChange: onFocusChange,
+        onQueryChange: onChangeText,
+        placeholder: placeholder,
+        placeholderColor: theme.color('content.tertiary'),
+        ref: fieldRef,
+        textColor: theme.color('content.primary'),
+        voice: nativeVoice
+      })
+    })
+  });
+};
+//# sourceMappingURL=header-search-input.android.js.map

package/lib/module/organisms/header/header-search-input.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Host","iconResourceName","SearchField","useAppTheme","useImperativeHandle","useMemo","useRef","StyleSheet","View","jsx","_jsx","FIELD_HEIGHT","HEADER_SEARCH_ROW_HEIGHT","styles","create","field","height","row","paddingBottom","paddingHorizontal","paddingTop","ignoreDetachedView","undefined","HeaderSearchInput","clearIcon","onChangeText","onFocusChange","placeholder","ref","voice","theme","fieldRef","face","typography","body","blur","current","blurField","catch","clear","clearQuery","setText","text","setQuery","nativeVoice","microphoneIconName","microphoneIcon","stopIconName","stopIcon","fieldClearIcon","style","children","colorScheme","dark","ignoreSafeAreaKeyboardInsets","seedColor","materialSeed","cancelLabel","clearIconName","clearLabel","containerColor","color","fontFamily","fontSize","iconColor","onQueryChange","placeholderColor","textColor"],"sourceRoot":"../../../../src","sources":["organisms/header/header-search-input.android.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/header/header-search-input.ios.js

@@ -0,0 +1,8 @@
+"use strict";
+
+/** iOS searches in the navigation bar itself (`headerSearchBarOptions`). */
+export const HeaderSearchInput = () => null;
+
+/** The row's height under the bar. iOS has none. */
+export const HEADER_SEARCH_ROW_HEIGHT = 0;
+//# sourceMappingURL=header-search-input.ios.js.map

package/lib/module/organisms/header/header-search-input.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HeaderSearchInput","HEADER_SEARCH_ROW_HEIGHT"],"sourceRoot":"../../../../src","sources":["organisms/header/header-search-input.ios.tsx"],"mappings":";;AAEA;AACA,OAAO,MAAMA,iBAA6C,GAAGA,CAAA,KAAM,IAAI;;AAEvE;AACA,OAAO,MAAMC,wBAAwB,GAAG,CAAC","ignoreList":[]}

package/lib/module/organisms/header/header-search-input.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=header-search-input.types.js.map

package/lib/module/organisms/header/header-search-input.types.js.map

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

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

@@ -0,0 +1,62 @@
+"use strict";
+
+import { useAppTheme } from '@hzblj/kara-theme';
+import { Platform, Pressable, StyleSheet, View } from 'react-native';
+import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
+import { SafeAreaView } from 'react-native-screens/experimental';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SCRIM_OPACITY = 0.7;
+const ENTERING = FadeIn.duration(200);
+const EXITING = FadeOut.duration(200);
+const TOP_EDGE = {
+  top: true
+};
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  layer: {
+    bottom: 0,
+    left: 0,
+    position: 'absolute',
+    right: 0,
+    zIndex: 10
+  }
+});
+/**
+ * Washes the content out while the search field is focused and empty, as the system's own search does without
+ * dimming the bar; a tap on it ends the search. iOS starts it under the bar, following the bar natively
+ * (react-native-screens' `SafeAreaView`), Android under the search row.
+ */
+export const HeaderSearchScrim = ({
+  onPress,
+  topOffset
+}) => {
+  const theme = useAppTheme();
+  const scrim = /*#__PURE__*/_jsx(Animated.View, {
+    entering: ENTERING,
+    exiting: EXITING,
+    style: [styles.fill, {
+      backgroundColor: theme.color('surface.base'),
+      opacity: SCRIM_OPACITY
+    }],
+    children: /*#__PURE__*/_jsx(Pressable, {
+      accessible: false,
+      onPress: onPress,
+      style: styles.fill
+    })
+  });
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "box-none",
+    style: [styles.layer, {
+      top: topOffset
+    }],
+    children: Platform.OS === 'ios' ? /*#__PURE__*/_jsx(SafeAreaView, {
+      edges: TOP_EDGE,
+      pointerEvents: "box-none",
+      style: styles.fill,
+      children: scrim
+    }) : scrim
+  });
+};
+//# sourceMappingURL=header-search-scrim.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useAppTheme","Platform","Pressable","StyleSheet","View","Animated","FadeIn","FadeOut","SafeAreaView","jsx","_jsx","SCRIM_OPACITY","ENTERING","duration","EXITING","TOP_EDGE","top","styles","create","fill","flex","layer","bottom","left","position","right","zIndex","HeaderSearchScrim","onPress","topOffset","theme","scrim","entering","exiting","style","backgroundColor","color","opacity","children","accessible","pointerEvents","OS","edges"],"sourceRoot":"../../../../src","sources":["organisms/header/header-search-scrim.tsx"],"mappings":";;AAAA,SAAQA,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAO,cAAc;AAClE,OAAOC,QAAQ,IAAGC,MAAM,EAAEC,OAAO,QAAO,yBAAyB;AACjE,SAAQC,YAAY,QAAO,mCAAmC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE9D,MAAMC,aAAa,GAAG,GAAG;AACzB,MAAMC,QAAQ,GAAGN,MAAM,CAACO,QAAQ,CAAC,GAAG,CAAC;AACrC,MAAMC,OAAO,GAAGP,OAAO,CAACM,QAAQ,CAAC,GAAG,CAAC;AACrC,MAAME,QAAQ,GAAG;EAACC,GAAG,EAAE;AAAI,CAAC;AAE5B,MAAMC,MAAM,GAAGd,UAAU,CAACe,MAAM,CAAC;EAC/BC,IAAI,EAAE;IAACC,IAAI,EAAE;EAAC,CAAC;EACfC,KAAK,EAAE;IAACC,MAAM,EAAE,CAAC;IAAEC,IAAI,EAAE,CAAC;IAAEC,QAAQ,EAAE,UAAU;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE;AACxE,CAAC,CAAC;AAOF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAACC,OAAO;EAAEC;AAAiC,CAAC,KAAK;EACjF,MAAMC,KAAK,GAAG9B,WAAW,CAAC,CAAC;EAC3B,MAAM+B,KAAK,gBACTrB,IAAA,CAACL,QAAQ,CAACD,IAAI;IACZ4B,QAAQ,EAAEpB,QAAS;IACnBqB,OAAO,EAAEnB,OAAQ;IACjBoB,KAAK,EAAE,CAACjB,MAAM,CAACE,IAAI,EAAE;MAACgB,eAAe,EAAEL,KAAK,CAACM,KAAK,CAAC,cAAc,CAAC;MAAEC,OAAO,EAAE1B;IAAa,CAAC,CAAE;IAAA2B,QAAA,eAE7F5B,IAAA,CAACR,SAAS;MAACqC,UAAU,EAAE,KAAM;MAACX,OAAO,EAAEA,OAAQ;MAACM,KAAK,EAAEjB,MAAM,CAACE;IAAK,CAAE;EAAC,CACzD,CAChB;EAED,oBACET,IAAA,CAACN,IAAI;IAACoC,aAAa,EAAC,UAAU;IAACN,KAAK,EAAE,CAACjB,MAAM,CAACI,KAAK,EAAE;MAACL,GAAG,EAAEa;IAAS,CAAC,CAAE;IAAAS,QAAA,EACpErC,QAAQ,CAACwC,EAAE,KAAK,KAAK,gBACpB/B,IAAA,CAACF,YAAY;MAACkC,KAAK,EAAE3B,QAAS;MAACyB,aAAa,EAAC,UAAU;MAACN,KAAK,EAAEjB,MAAM,CAACE,IAAK;MAAAmB,QAAA,EACxEP;IAAK,CACM,CAAC,GAEfA;EACD,CACG,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -0,0 +1,230 @@
+"use strict";
+
+import { useCallback, useMemo, useState } from 'react';
+import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
+import Animated, { Extrapolation, interpolate, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
+import { scheduleOnRN } from 'react-native-worklets';
+import { RnText } from "../../atoms/rn-text/index.js";
+import { hasNativeSubtitle, NativeSubtitle } from './native-subtitle';
+
+/** Past half, a revealed title counts as shown: the native title and subtitle switch then. */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const REVEALED_THRESHOLD = 0.5;
+
+/** iOS centres a custom title view in what the bar items leave; this much stays for them on a leading title. */
+const LEADING_TITLE_RESERVED_WIDTH = 200;
+const styles = StyleSheet.create({
+  largeTitle: {
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  leadingTitleAndroid: {
+    paddingStart: 2,
+    paddingTop: 1
+  },
+  leadingTitleIos: {
+    flexShrink: 1,
+    paddingTop: 1
+  },
+  shrink: {
+    flexShrink: 1
+  }
+});
+export const useIsTitleRevealed = progress => {
+  const [revealed, setRevealed] = useState(() => progress === undefined || progress.value > REVEALED_THRESHOLD);
+  useAnimatedReaction(() => progress === undefined || progress.value > REVEALED_THRESHOLD, (isRevealed, wasRevealed) => {
+    if (isRevealed !== wasRevealed) {
+      scheduleOnRN(setRevealed, isRevealed);
+    }
+  });
+  return revealed;
+};
+const Reveal = ({
+  children,
+  progress
+}) => {
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: progress.value
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.shrink, animatedStyle],
+    children: children
+  });
+};
+const BarTitle = ({
+  title
+}) => /*#__PURE__*/_jsx(RnText, {
+  accessibilityRole: "header",
+  allowFontScaling: false,
+  numberOfLines: 1,
+  variant: "headline",
+  children: title
+});
+const LeadingTitle = ({
+  subtitle,
+  title
+}) => {
+  const {
+    width
+  } = useWindowDimensions();
+  const content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(RnText, {
+      accessibilityRole: "header",
+      allowFontScaling: false,
+      numberOfLines: 1,
+      variant: "subheadlineMedium",
+      children: title
+    }), /*#__PURE__*/_jsx(RnText, {
+      allowFontScaling: false,
+      color: "content.secondary",
+      numberOfLines: 1,
+      variant: "label",
+      children: subtitle
+    })]
+  });
+  if (Platform.OS === 'ios') {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.leadingTitleIos, {
+        width
+      }],
+      children: /*#__PURE__*/_jsx(View, {
+        style: {
+          maxWidth: width - LEADING_TITLE_RESERVED_WIDTH
+        },
+        children: content
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.leadingTitleAndroid, {
+      maxWidth: width - LEADING_TITLE_RESERVED_WIDTH
+    }],
+    children: content
+  });
+};
+const LargeTitle = ({
+  height,
+  title
+}) => {
+  const onLayout = useCallback(event => {
+    height.value = event.nativeEvent.layout.height;
+  }, [height]);
+  return /*#__PURE__*/_jsx(View, {
+    onLayout: onLayout,
+    style: styles.largeTitle,
+    children: /*#__PURE__*/_jsx(RnText, {
+      accessibilityRole: "header",
+      allowFontScaling: false,
+      numberOfLines: 1,
+      variant: "headingM",
+      children: title
+    })
+  });
+};
+const CollapsingTitle = ({
+  height,
+  scrollY,
+  title
+}) => {
+  const progress = useDerivedValue(() => {
+    if (height.value === 0) {
+      return 0;
+    }
+    return interpolate(scrollY.value, [height.value / 2, height.value], [0, 1], Extrapolation.CLAMP);
+  });
+  return /*#__PURE__*/_jsx(Reveal, {
+    progress: progress,
+    children: /*#__PURE__*/_jsx(BarTitle, {
+      title: title
+    })
+  });
+};
+/**
+ * The title half of a header: the options that show the title (centred, leading with a subtitle, revealed on scroll or
+ * large), plus on Android the large title row and the scroll worklet that collapses it into the bar, as Material's large
+ * top app bar does. iOS needs neither: the large title is UIKit's own.
+ */
+export const useHeaderTitle = ({
+  largeTitle,
+  subtitle,
+  title,
+  titleHidden,
+  titleRevealProgress
+}) => {
+  const scrollY = useSharedValue(0);
+  const largeTitleHeight = useSharedValue(0);
+  const revealed = useIsTitleRevealed(titleRevealProgress);
+  const isAndroidLargeTitle = Platform.OS === 'android' && largeTitle === true && !!title;
+  const onScroll = useCallback(offsetY => {
+    'worklet';
+
+    scrollY.value = offsetY;
+  }, [scrollY]);
+  const options = useMemo(() => {
+    const titleOptions = {};
+    if (largeTitle !== undefined) {
+      titleOptions.headerLargeTitleEnabled = Platform.OS === 'ios' && largeTitle;
+    }
+    if (title === undefined) {
+      return titleOptions;
+    }
+    titleOptions.title = title;
+    if (titleHidden) {
+      titleOptions.headerTitle = '';
+      return titleOptions;
+    }
+    if (subtitle !== undefined && hasNativeSubtitle) {
+      const shownTitle = revealed ? title : '';
+
+      // The subtitle styles the screen's navigation item from inside its tree, which `headerBackground` is.
+      titleOptions.headerBackground = () => /*#__PURE__*/_jsx(NativeSubtitle, {
+        subtitle: subtitle,
+        subtitleHidden: !revealed
+      });
+      titleOptions.headerTitle = shownTitle;
+      titleOptions.title = shownTitle;
+      return titleOptions;
+    }
+    if (subtitle !== undefined) {
+      const leadingTitle = /*#__PURE__*/_jsx(LeadingTitle, {
+        subtitle: subtitle,
+        title: title
+      });
+      titleOptions.headerTitle = () => titleRevealProgress ? /*#__PURE__*/_jsx(Reveal, {
+        progress: titleRevealProgress,
+        children: leadingTitle
+      }) : leadingTitle;
+      return titleOptions;
+    }
+    if (titleRevealProgress) {
+      titleOptions.headerTitle = () => /*#__PURE__*/_jsx(Reveal, {
+        progress: titleRevealProgress,
+        children: /*#__PURE__*/_jsx(BarTitle, {
+          title: title
+        })
+      });
+      return titleOptions;
+    }
+    if (isAndroidLargeTitle) {
+      titleOptions.headerTitle = () => /*#__PURE__*/_jsx(CollapsingTitle, {
+        height: largeTitleHeight,
+        scrollY: scrollY,
+        title: title
+      });
+      return titleOptions;
+    }
+    titleOptions.headerTitle = title;
+    return titleOptions;
+  }, [isAndroidLargeTitle, largeTitle, largeTitleHeight, revealed, scrollY, subtitle, title, titleHidden, titleRevealProgress]);
+  const largeTitleRow = useMemo(() => isAndroidLargeTitle && title ? /*#__PURE__*/_jsx(LargeTitle, {
+    height: largeTitleHeight,
+    title: title
+  }) : null, [isAndroidLargeTitle, largeTitleHeight, title]);
+  return {
+    largeTitle: largeTitleRow,
+    onScroll,
+    options,
+    revealed
+  };
+};
+//# sourceMappingURL=header-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","Platform","StyleSheet","useWindowDimensions","View","Animated","Extrapolation","interpolate","useAnimatedReaction","useAnimatedStyle","useDerivedValue","useSharedValue","scheduleOnRN","RnText","hasNativeSubtitle","NativeSubtitle","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","REVEALED_THRESHOLD","LEADING_TITLE_RESERVED_WIDTH","styles","create","largeTitle","paddingHorizontal","paddingVertical","leadingTitleAndroid","paddingStart","paddingTop","leadingTitleIos","flexShrink","shrink","useIsTitleRevealed","progress","revealed","setRevealed","undefined","value","isRevealed","wasRevealed","Reveal","children","animatedStyle","opacity","style","BarTitle","title","accessibilityRole","allowFontScaling","numberOfLines","variant","LeadingTitle","subtitle","width","content","color","OS","maxWidth","LargeTitle","height","onLayout","event","nativeEvent","layout","CollapsingTitle","scrollY","CLAMP","useHeaderTitle","titleHidden","titleRevealProgress","largeTitleHeight","isAndroidLargeTitle","onScroll","offsetY","options","titleOptions","headerLargeTitleEnabled","headerTitle","shownTitle","headerBackground","subtitleHidden","leadingTitle","largeTitleRow"],"sourceRoot":"../../../../src","sources":["organisms/header/header-title.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/header/header.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=header.types.js.map

package/lib/module/organisms/header/header.types.js.map

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

package/lib/module/organisms/header/hero-header-background.android.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { useAppTheme } from '@hzblj/kara-theme';
+import { StyleSheet } from 'react-native';
+import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+const styles = StyleSheet.create({
+  bar: {
+    left: 0,
+    position: 'absolute',
+    right: 0,
+    top: 0
+  }
+});
+
+/** The top app bar's surface, fading in behind the transparent bar as the hero scrolls away. */
+export const HeroHeaderBackground = ({
+  height,
+  progress
+}) => {
+  const theme = useAppTheme();
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: progress.value
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: "none",
+    style: [styles.bar, {
+      backgroundColor: theme.color('surface.base'),
+      height
+    }, animatedStyle]
+  });
+};
+//# sourceMappingURL=hero-header-background.android.js.map

package/lib/module/organisms/header/hero-header-background.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAppTheme","StyleSheet","Animated","useAnimatedStyle","jsx","_jsx","styles","create","bar","left","position","right","top","HeroHeaderBackground","height","progress","theme","animatedStyle","opacity","value","View","pointerEvents","style","backgroundColor","color"],"sourceRoot":"../../../../src","sources":["organisms/header/hero-header-background.android.tsx"],"mappings":";;AAAA,SAAQA,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,UAAU,QAAO,cAAc;AACvC,OAAOC,QAAQ,IAAGC,gBAAgB,QAAO,yBAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIlE,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;EAC/BC,GAAG,EAAE;IAACC,IAAI,EAAE,CAAC;IAAEC,QAAQ,EAAE,UAAU;IAAEC,KAAK,EAAE,CAAC;IAAEC,GAAG,EAAE;EAAC;AACvD,CAAC,CAAC;;AAEF;AACA,OAAO,MAAMC,oBAAmD,GAAGA,CAAC;EAACC,MAAM;EAAEC;AAAmC,CAAC,KAAK;EACpH,MAAMC,KAAK,GAAGhB,WAAW,CAAC,CAAC;EAC3B,MAAMiB,aAAa,GAAGd,gBAAgB,CAAC,OAAO;IAACe,OAAO,EAAEH,QAAQ,CAACI;EAAK,CAAC,CAAC,CAAC;EAEzE,oBACEd,IAAA,CAACH,QAAQ,CAACkB,IAAI;IACZC,aAAa,EAAC,MAAM;IACpBC,KAAK,EAAE,CAAChB,MAAM,CAACE,GAAG,EAAE;MAACe,eAAe,EAAEP,KAAK,CAACQ,KAAK,CAAC,cAAc,CAAC;MAAEV;IAAM,CAAC,EAAEG,aAAa;EAAE,CAC5F,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/organisms/header/hero-header-background.ios.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import { isScrollEdgeEffectAvailable } from '@hzblj/kara-native';
+import { StyleSheet, View } from 'react-native';
+import { BlurView } from "../../atoms/blur-view/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const styles = StyleSheet.create({
+  bar: {
+    left: 0,
+    position: 'absolute',
+    right: 0,
+    top: 0
+  }
+});
+
+/**
+ * iOS 26 draws the bar's background itself: its scroll edge effect, switched on once the reveal starts. Before it the
+ * bar's own blur cannot fade, so the bar's chrome material comes in behind the transparent bar by its intensity, the
+ * way UIKit fades a material in, rather than by its opacity.
+ */
+export const HeroHeaderBackground = ({
+  height,
+  progress
+}) => {
+  if (isScrollEdgeEffectAvailable()) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: [styles.bar, {
+      height
+    }],
+    children: /*#__PURE__*/_jsx(BlurView, {
+      flex: 1,
+      intensity: progress,
+      material: "ultraThick"
+    })
+  });
+};
+//# sourceMappingURL=hero-header-background.ios.js.map

package/lib/module/organisms/header/hero-header-background.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isScrollEdgeEffectAvailable","StyleSheet","View","BlurView","jsx","_jsx","styles","create","bar","left","position","right","top","HeroHeaderBackground","height","progress","pointerEvents","style","children","flex","intensity","material"],"sourceRoot":"../../../../src","sources":["organisms/header/hero-header-background.ios.tsx"],"mappings":";;AAAA,SAAQA,2BAA2B,QAAO,oBAAoB;AAC9D,SAAQC,UAAU,EAAEC,IAAI,QAAO,cAAc;AAE7C,SAAQC,QAAQ,QAAO,gCAAuB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG9C,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;EAC/BC,GAAG,EAAE;IAACC,IAAI,EAAE,CAAC;IAAEC,QAAQ,EAAE,UAAU;IAAEC,KAAK,EAAE,CAAC;IAAEC,GAAG,EAAE;EAAC;AACvD,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAmD,GAAGA,CAAC;EAACC,MAAM;EAAEC;AAAmC,CAAC,KAAK;EACpH,IAAIf,2BAA2B,CAAC,CAAC,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,oBACEK,IAAA,CAACH,IAAI;IAACc,aAAa,EAAC,MAAM;IAACC,KAAK,EAAE,CAACX,MAAM,CAACE,GAAG,EAAE;MAACM;IAAM,CAAC,CAAE;IAAAI,QAAA,eACvDb,IAAA,CAACF,QAAQ;MAACgB,IAAI,EAAE,CAAE;MAACC,SAAS,EAAEL,QAAS;MAACM,QAAQ,EAAC;IAAY,CAAE;EAAC,CAC5D,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/organisms/header/hero-header-background.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=hero-header-background.types.js.map

package/lib/module/organisms/header/hero-header-background.types.js.map

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

package/lib/module/organisms/header/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+export * from "./header.types.js";
+export * from './header-inset';
+export { useIsTitleRevealed } from "./header-title.js";
+export * from './sheet-grabber';
+export * from "./use-header.js";
+export * from './use-header-bar-inset';
+export * from "./use-header-scroll-to-top.js";
+export * from "./use-header-search.js";
+export * from "./use-hero-header.js";
+export * from "./use-stack-screen-options.js";
+//# sourceMappingURL=index.js.map

package/lib/module/organisms/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useIsTitleRevealed"],"sourceRoot":"../../../../src","sources":["organisms/header/index.ts"],"mappings":";;AAAA,cAAc,mBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,SAAQA,kBAAkB,QAAO,mBAAgB;AACjD,cAAc,iBAAiB;AAE/B,cAAc,iBAAc;AAC5B,cAAc,wBAAwB;AACtC,cAAc,+BAA4B;AAC1C,cAAc,wBAAqB;AACnC,cAAc,sBAAmB;AACjC,cAAc,+BAA4B","ignoreList":[]}

package/lib/module/organisms/header/native-subtitle.android.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export const hasNativeSubtitle = false;
+export const NativeSubtitle = () => null;
+//# sourceMappingURL=native-subtitle.android.js.map

package/lib/module/organisms/header/native-subtitle.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hasNativeSubtitle","NativeSubtitle"],"sourceRoot":"../../../../src","sources":["organisms/header/native-subtitle.android.tsx"],"mappings":";;AAEA,OAAO,MAAMA,iBAAiB,GAAG,KAAK;AAEtC,OAAO,MAAMC,cAAuC,GAAGA,CAAA,KAAM,IAAI","ignoreList":[]}

package/lib/module/organisms/header/native-subtitle.ios.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import { isScrollEdgeEffectAvailable } from '@hzblj/kara-native';
+import { NavigationItemSubtitle } from '@hzblj/kara-native/swift-ui';
+import { useAppTheme } from '@hzblj/kara-theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** iOS 26 puts a title and its subtitle on the leading side itself (`UINavigationItem.style = .browser`). */
+export const hasNativeSubtitle = isScrollEdgeEffectAvailable();
+export const NativeSubtitle = ({
+  subtitle,
+  subtitleHidden
+}) => {
+  const theme = useAppTheme();
+  return /*#__PURE__*/_jsx(NavigationItemSubtitle, {
+    color: theme.color('content.secondary'),
+    fontFamily: theme.typography.label.fontFamily,
+    fontSize: theme.typography.label.fontSize,
+    subtitle: subtitle,
+    subtitleHidden: subtitleHidden
+  });
+};
+//# sourceMappingURL=native-subtitle.ios.js.map

package/lib/module/organisms/header/native-subtitle.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isScrollEdgeEffectAvailable","NavigationItemSubtitle","useAppTheme","jsx","_jsx","hasNativeSubtitle","NativeSubtitle","subtitle","subtitleHidden","theme","color","fontFamily","typography","label","fontSize"],"sourceRoot":"../../../../src","sources":["organisms/header/native-subtitle.ios.tsx"],"mappings":";;AAAA,SAAQA,2BAA2B,QAAO,oBAAoB;AAC9D,SAAQC,sBAAsB,QAAO,6BAA6B;AAClE,SAAQC,WAAW,QAAO,mBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAI7C;AACA,OAAO,MAAMC,iBAAiB,GAAGL,2BAA2B,CAAC,CAAC;AAE9D,OAAO,MAAMM,cAAuC,GAAGA,CAAC;EAACC,QAAQ;EAAEC;AAAmC,CAAC,KAAK;EAC1G,MAAMC,KAAK,GAAGP,WAAW,CAAC,CAAC;EAE3B,oBACEE,IAAA,CAACH,sBAAsB;IACrBS,KAAK,EAAED,KAAK,CAACC,KAAK,CAAC,mBAAmB,CAAE;IACxCC,UAAU,EAAEF,KAAK,CAACG,UAAU,CAACC,KAAK,CAACF,UAAW;IAC9CG,QAAQ,EAAEL,KAAK,CAACG,UAAU,CAACC,KAAK,CAACC,QAAS;IAC1CP,QAAQ,EAAEA,QAAS;IACnBC,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/organisms/header/native-subtitle.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=native-subtitle.types.js.map

package/lib/module/organisms/header/native-subtitle.types.js.map

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

package/lib/module/organisms/header/sheet-grabber.android.js

@@ -0,0 +1,5 @@
+"use strict";
+
+/** Android's modal is a full screen with no grabber. */
+export const SheetGrabber = () => null;
+//# sourceMappingURL=sheet-grabber.android.js.map

package/lib/module/organisms/header/sheet-grabber.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SheetGrabber"],"sourceRoot":"../../../../src","sources":["organisms/header/sheet-grabber.android.tsx"],"mappings":";;AAEA;AACA,OAAO,MAAMA,YAAmC,GAAGA,CAAA,KAAM,IAAI","ignoreList":[]}

package/lib/module/organisms/header/sheet-grabber.ios.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import { SheetGrabber as NativeSheetGrabber } from '@hzblj/kara-native/swift-ui';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The system grabber of a native-stack screen presented as a sheet (`presentation: 'modal'`), which react-native-screens
+ * gives only `formSheet`. Render it anywhere in the presented content, a nested stack's screens included; it takes no
+ * room. Android draws no grabber on a full-screen modal, and this renders nothing there.
+ */
+export const SheetGrabber = ({
+  visible = true
+}) => /*#__PURE__*/_jsx(NativeSheetGrabber, {
+  grabberVisible: visible
+});
+//# sourceMappingURL=sheet-grabber.ios.js.map

package/lib/module/organisms/header/sheet-grabber.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SheetGrabber","NativeSheetGrabber","jsx","_jsx","visible","grabberVisible"],"sourceRoot":"../../../../src","sources":["organisms/header/sheet-grabber.ios.tsx"],"mappings":";;AAAA,SAAQA,YAAY,IAAIC,kBAAkB,QAAO,6BAA6B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAI9E;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMH,YAAmC,GAAGA,CAAC;EAACI,OAAO,GAAG;AAAuB,CAAC,kBACrFD,IAAA,CAACF,kBAAkB;EAACI,cAAc,EAAED;AAAQ,CAAE,CAC/C","ignoreList":[]}

package/lib/module/organisms/header/sheet-grabber.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=sheet-grabber.types.js.map

package/lib/module/organisms/header/sheet-grabber.types.js.map

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