@hzblj/kara-components 0.26.2 → 0.27.1

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

@@ -1 +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":[]}
+{"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","headerField","OS","current","cancelVoice","listening","onCancel","changeQuery","text","reset","searchBar","undefined","autoCapitalize","headerIconColor","hideWhenScrolling","hintTextColor","obscureBackground","onBlur","onCancelButtonPress","onChangeText","event","nativeEvent","onClose","onFocus","onOpen","ref","textColor","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/sheet/sheet.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { useAppTheme } from '@hzblj/kara-theme';
+import { useAppTheme, withOpacity } from '@hzblj/kara-theme';
 import { TrueSheet } from '@lodev09/react-native-true-sheet';
 import { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef } from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
@@ -47,6 +47,21 @@ const SheetRoot = ({
     header: headerProps,
     scrollable
   });
+  const inverted = headerProps?.inverted ?? false;
+  /**
+   * Material's drag handle, `onSurfaceVariant` at 40 %, in the app's theme. TrueSheet's own Android grabber picks black
+   * or white by the system's night mode, so an app themed apart from the device drew it in the sheet's own colour.
+   */
+  const grabberOptions = useMemo(() => {
+    if (Platform.OS !== 'android') {
+      return undefined;
+    }
+    const color = inverted ? theme.color('content.on.accent:o40') : withOpacity(String(theme.color('content.secondary')), 'o40');
+    return {
+      adaptive: false,
+      color
+    };
+  }, [inverted, theme]);
   const sheetRef = useRef(null);
   const presented = useRef(false);
   /** A dismissal we asked for: `onDismiss` reports the user's, never ours. */
@@ -108,6 +123,7 @@ const SheetRoot = ({
       draggable: draggable,
       footer: footer,
       grabber: grabber,
+      grabberOptions: grabberOptions,
       header: sheetHeader.header,
       headerStyle: sheetHeader.headerStyle,
       onDetentChange: handleDetentChange,

package/lib/module/organisms/sheet/sheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["useAppTheme","TrueSheet","useCallback","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","Platform","StyleSheet","View","SheetHeader","SheetScrollContext","SheetScrollView","splitSheetChildren","useSheetHeader","jsxs","_jsxs","jsx","_jsx","FIT_CONTENT","CORNER_RADIUS","OS","undefined","styles","create","host","position","SheetRoot","bg","children","detents","dimmed","dismissible","draggable","footer","grabber","onDetentChange","onDismiss","onPresent","ref","scrollable","systemBackground","testID","visible","theme","content","header","headerProps","sheetHeader","sheetRef","presented","programmaticDismiss","dismiss","current","Promise","resolve","present","detentIndex","resize","sheet","handleDidDismiss","handleDetentChange","event","nativeEvent","index","collapsable","pointerEvents","style","backgroundColor","color","cornerRadius","headerStyle","onDidDismiss","onDidPresent","scrollableOptions","Provider","value","scrollContext","staticLargeTitle","Sheet","Object","assign","Header","ScrollView"],"sourceRoot":"../../../../src","sources":["organisms/sheet/sheet.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useAppTheme","withOpacity","TrueSheet","useCallback","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","Platform","StyleSheet","View","SheetHeader","SheetScrollContext","SheetScrollView","splitSheetChildren","useSheetHeader","jsxs","_jsxs","jsx","_jsx","FIT_CONTENT","CORNER_RADIUS","OS","undefined","styles","create","host","position","SheetRoot","bg","children","detents","dimmed","dismissible","draggable","footer","grabber","onDetentChange","onDismiss","onPresent","ref","scrollable","systemBackground","testID","visible","theme","content","header","headerProps","sheetHeader","inverted","grabberOptions","color","String","adaptive","sheetRef","presented","programmaticDismiss","dismiss","current","Promise","resolve","present","detentIndex","resize","sheet","handleDidDismiss","handleDetentChange","event","nativeEvent","index","collapsable","pointerEvents","style","backgroundColor","cornerRadius","headerStyle","onDidDismiss","onDidPresent","scrollableOptions","Provider","value","scrollContext","staticLargeTitle","Sheet","Object","assign","Header","ScrollView"],"sourceRoot":"../../../../src","sources":["organisms/sheet/sheet.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -12,6 +12,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** The bar's own height (`NavigationBar`) plus the room above it, before the header has been measured. */
 const ESTIMATED_HEADER_HEIGHT = (Platform.OS === 'ios' ? 56 : 64) + spacing.s16;
 
+/**
+ * Above a header with no bar. Android's grabber is drawn over the sheet's content, 16 dp from the top and 4 dp tall, so
+ * there the header starts 8 dp under it. iOS's grabber ends 10 pt from the top, inside the usual 16 pt.
+ */
+const HEADER_TOP_WITHOUT_BAR = Platform.OS === 'android' ? 's28' : 's16';
+
 /** Where a large title's bar title appears once it has scrolled away: the platform's own place for it. */
 const COLLAPSED_TITLE_ALIGNMENT = Platform.OS === 'ios' ? 'center' : 'leading';
 
@@ -87,7 +93,7 @@ export const useSheetHeader = ({
     }
     return /*#__PURE__*/_jsxs(Box, {
       onLayout: isOverlay ? handleHeaderLayout : undefined,
-      pt: "s16",
+      pt: hasBar ? 's16' : HEADER_TOP_WITHOUT_BAR,
       children: [hasBar ? /*#__PURE__*/_jsx(NavigationBar, {
         inverted: inverted,
         leadingItems: leadingItems,

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

@@ -1 +1 @@
-{"version":3,"names":["isScrollEdgeEffectAvailable","spacing","useCallback","useMemo","useRef","useState","Platform","Box","RnText","NavigationBar","SEARCH_ROW_HEIGHT","jsx","_jsx","jsxs","_jsxs","ESTIMATED_HEADER_HEIGHT","OS","s16","COLLAPSED_TITLE_ALIGNMENT","OVERLAY_HEADER_STYLE","left","position","right","top","zIndex","SOFT_EDGE_EFFECTS","bottomScrollEdgeEffect","topScrollEdgeEffect","SheetLargeTitle","onLayout","title","pb","pt","px","children","accessibilityRole","variant","useSheetHeader","header","headerProps","scrollable","titleStyle","leadingItems","trailingItems","inverted","search","accessory","hasBar","undefined","length","searchRowHeight","placement","hasHeader","isOverlay","isLargeTitle","headerHeight","setHeaderHeight","largeTitleScrolledAway","setLargeTitleScrolledAway","largeTitleHeight","handleHeaderLayout","event","nativeEvent","layout","height","handleLargeTitleLayout","current","handleScroll","contentOffset","y","titleAlignment","titleVisible","headerElement","largeTitle","scrollContext","onScroll","topInset","headerStyle","scrollableOptions","staticLargeTitle"],"sourceRoot":"../../../../src","sources":["organisms/sheet/use-sheet-header.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isScrollEdgeEffectAvailable","spacing","useCallback","useMemo","useRef","useState","Platform","Box","RnText","NavigationBar","SEARCH_ROW_HEIGHT","jsx","_jsx","jsxs","_jsxs","ESTIMATED_HEADER_HEIGHT","OS","s16","HEADER_TOP_WITHOUT_BAR","COLLAPSED_TITLE_ALIGNMENT","OVERLAY_HEADER_STYLE","left","position","right","top","zIndex","SOFT_EDGE_EFFECTS","bottomScrollEdgeEffect","topScrollEdgeEffect","SheetLargeTitle","onLayout","title","pb","pt","px","children","accessibilityRole","variant","useSheetHeader","header","headerProps","scrollable","titleStyle","leadingItems","trailingItems","inverted","search","accessory","hasBar","undefined","length","searchRowHeight","placement","hasHeader","isOverlay","isLargeTitle","headerHeight","setHeaderHeight","largeTitleScrolledAway","setLargeTitleScrolledAway","largeTitleHeight","handleHeaderLayout","event","nativeEvent","layout","height","handleLargeTitleLayout","current","handleScroll","contentOffset","y","titleAlignment","titleVisible","headerElement","largeTitle","scrollContext","onScroll","topInset","headerStyle","scrollableOptions","staticLargeTitle"],"sourceRoot":"../../../../src","sources":["organisms/sheet/use-sheet-header.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/templates/screen/screen.android.js

@@ -1,11 +1,11 @@
 "use strict";
 
-import { Column, Host } from '@expo/ui/jetpack-compose';
+import { Column } from '@expo/ui/jetpack-compose';
 import { padding } from '@expo/ui/jetpack-compose/modifiers';
 import { useSxModifiers } from '@hzblj/kara-sx';
-import { useAppTheme } from '@hzblj/kara-theme';
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { StatusBar, StyleSheet, View } from 'react-native';
+import { ComposeHost } from "../../hooks/compose-host.js";
 import { HostBoundary } from "../../hooks/host-context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -19,7 +19,6 @@ export const Screen = ({
   ignoreSafeArea = 'none',
   testID
 }) => {
-  const theme = useAppTheme();
   const frame = useRef(null);
   const [statusBarOverlap, setStatusBarOverlap] = useState(0);
   const sx = useSxModifiers({
@@ -38,10 +37,8 @@ export const Screen = ({
     ref: frame,
     style: StyleSheet.absoluteFill,
     testID: testID,
-    children: /*#__PURE__*/_jsx(Host, {
-      colorScheme: theme.dark ? 'dark' : 'light',
+    children: /*#__PURE__*/_jsx(ComposeHost, {
       ignoreSafeAreaKeyboardInsets: ignoreSafeArea === 'all' || ignoreSafeArea === 'keyboard',
-      seedColor: theme.materialSeed,
       style: StyleSheet.absoluteFill,
       children: /*#__PURE__*/_jsx(Column, {
         modifiers: modifiers,

package/lib/module/templates/screen/screen.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["Column","Host","padding","useSxModifiers","useAppTheme","useCallback","useMemo","useRef","useState","StatusBar","StyleSheet","View","HostBoundary","jsx","_jsx","Screen","bg","children","ignoreSafeArea","testID","theme","frame","statusBarOverlap","setStatusBarOverlap","sx","tall","wide","modifiers","onLayout","current","measureInWindow","_x","y","Math","max","round","currentHeight","ref","style","absoluteFill","colorScheme","dark","ignoreSafeAreaKeyboardInsets","seedColor","materialSeed"],"sourceRoot":"../../../../src","sources":["templates/screen/screen.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,IAAI,QAAO,0BAA0B;AACrD,SAAQC,OAAO,QAAO,oCAAoC;AAC1D,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,WAAW,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAO,OAAO;AAC5D,SAAQC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAO,cAAc;AACxD,SAAQC,YAAY,QAAO,6BAA0B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGrD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EACtCC,EAAE,GAAG,cAAc;EACnBC,QAAQ;EACRC,cAAc,GAAG,MAAM;EACvBC;AACW,CAAC,KAAK;EACjB,MAAMC,KAAK,GAAGhB,WAAW,CAAC,CAAC;EAC3B,MAAMiB,KAAK,GAAGd,MAAM,CAAO,IAAI,CAAC;EAChC,MAAM,CAACe,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGf,QAAQ,CAAC,CAAC,CAAC;EAC3D,MAAMgB,EAAE,GAAGrB,cAAc,CAAC;IAACa,EAAE;IAAES,IAAI,EAAE,IAAI;IAAEC,IAAI,EAAE;EAAI,CAAC,CAAC;EACvD,MAAMC,SAAS,GAAGrB,OAAO,CACvB,MAAOgB,gBAAgB,GAAG,CAAC,GAAG,CAAC,GAAGE,EAAE,EAAEtB,OAAO,CAAC,CAAC,EAAEoB,gBAAgB,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAGE,EAAG,EAC/E,CAACF,gBAAgB,EAAEE,EAAE,CACvB,CAAC;EAED,MAAMI,QAAQ,GAAGvB,WAAW,CAAC,MAAM;IACjCgB,KAAK,CAACQ,OAAO,EAAEC,eAAe,CAAC,CAACC,EAAE,EAAEC,CAAC,KAAK;MACxCT,mBAAmB,CAACU,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAAC,CAAC1B,SAAS,CAAC2B,aAAa,IAAI,CAAC,IAAIJ,CAAC,CAAC,CAAC,CAAC;IAClF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACElB,IAAA,CAACH,IAAI;IAACiB,QAAQ,EAAEA,QAAS;IAACS,GAAG,EAAEhB,KAAM;IAACiB,KAAK,EAAE5B,UAAU,CAAC6B,YAAa;IAACpB,MAAM,EAAEA,MAAO;IAAAF,QAAA,eACnFH,IAAA,CAACb,IAAI;MACHuC,WAAW,EAAEpB,KAAK,CAACqB,IAAI,GAAG,MAAM,GAAG,OAAQ;MAC3CC,4BAA4B,EAAExB,cAAc,KAAK,KAAK,IAAIA,cAAc,KAAK,UAAW;MACxFyB,SAAS,EAAEvB,KAAK,CAACwB,YAAa;MAC9BN,KAAK,EAAE5B,UAAU,CAAC6B,YAAa;MAAAtB,QAAA,eAE/BH,IAAA,CAACd,MAAM;QAAC2B,SAAS,EAAEA,SAAU;QAAAV,QAAA,eAC3BH,IAAA,CAACF,YAAY;UAAAK,QAAA,EAAEA;QAAQ,CAAe;MAAC,CACjC;IAAC,CACL;EAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["Column","padding","useSxModifiers","useCallback","useMemo","useRef","useState","StatusBar","StyleSheet","View","ComposeHost","HostBoundary","jsx","_jsx","Screen","bg","children","ignoreSafeArea","testID","frame","statusBarOverlap","setStatusBarOverlap","sx","tall","wide","modifiers","onLayout","current","measureInWindow","_x","y","Math","max","round","currentHeight","ref","style","absoluteFill","ignoreSafeAreaKeyboardInsets"],"sourceRoot":"../../../../src","sources":["templates/screen/screen.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,0BAA0B;AAC/C,SAAQC,OAAO,QAAO,oCAAoC;AAC1D,SAAQC,cAAc,QAAO,gBAAgB;AAC7C,SAAQC,WAAW,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAO,OAAO;AAC5D,SAAQC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAO,cAAc;AACxD,SAAQC,WAAW,QAAO,6BAA0B;AACpD,SAAQC,YAAY,QAAO,6BAA0B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGrD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EACtCC,EAAE,GAAG,cAAc;EACnBC,QAAQ;EACRC,cAAc,GAAG,MAAM;EACvBC;AACW,CAAC,KAAK;EACjB,MAAMC,KAAK,GAAGd,MAAM,CAAO,IAAI,CAAC;EAChC,MAAM,CAACe,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGf,QAAQ,CAAC,CAAC,CAAC;EAC3D,MAAMgB,EAAE,GAAGpB,cAAc,CAAC;IAACa,EAAE;IAAEQ,IAAI,EAAE,IAAI;IAAEC,IAAI,EAAE;EAAI,CAAC,CAAC;EACvD,MAAMC,SAAS,GAAGrB,OAAO,CACvB,MAAOgB,gBAAgB,GAAG,CAAC,GAAG,CAAC,GAAGE,EAAE,EAAErB,OAAO,CAAC,CAAC,EAAEmB,gBAAgB,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAGE,EAAG,EAC/E,CAACF,gBAAgB,EAAEE,EAAE,CACvB,CAAC;EAED,MAAMI,QAAQ,GAAGvB,WAAW,CAAC,MAAM;IACjCgB,KAAK,CAACQ,OAAO,EAAEC,eAAe,CAAC,CAACC,EAAE,EAAEC,CAAC,KAAK;MACxCT,mBAAmB,CAACU,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAAC,CAAC1B,SAAS,CAAC2B,aAAa,IAAI,CAAC,IAAIJ,CAAC,CAAC,CAAC,CAAC;IAClF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEjB,IAAA,CAACJ,IAAI;IAACiB,QAAQ,EAAEA,QAAS;IAACS,GAAG,EAAEhB,KAAM;IAACiB,KAAK,EAAE5B,UAAU,CAAC6B,YAAa;IAACnB,MAAM,EAAEA,MAAO;IAAAF,QAAA,eACnFH,IAAA,CAACH,WAAW;MACV4B,4BAA4B,EAAErB,cAAc,KAAK,KAAK,IAAIA,cAAc,KAAK,UAAW;MACxFmB,KAAK,EAAE5B,UAAU,CAAC6B,YAAa;MAAArB,QAAA,eAE/BH,IAAA,CAACb,MAAM;QAACyB,SAAS,EAAEA,SAAU;QAAAT,QAAA,eAC3BH,IAAA,CAACF,YAAY;UAAAK,QAAA,EAAEA;QAAQ,CAAe;MAAC,CACjC;IAAC,CACE;EAAC,CACV,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/typescript/hooks/compose-host.d.ts

@@ -0,0 +1,8 @@
+import { type HostProps } from '@expo/ui/jetpack-compose';
+export type ComposeHostProps = Omit<HostProps, 'colorScheme' | 'seedColor'>;
+/**
+ * Every Compose tree kara draws on Android: the theme's appearance and Material seed, and `fill.ripple` as the ripple of
+ * every Material control inside, so a press looks the same on a button, a chip and a list row. Import it only from
+ * `.android` files.
+ */
+export declare const ComposeHost: ({ children, ...props }: ComposeHostProps) => import("react").JSX.Element;

package/lib/typescript/molecules/navigation-bar/bar-search-field.d.ts

@@ -0,0 +1,29 @@
+import { type SearchFieldRef } from '@hzblj/kara-native/jetpack-compose';
+import { type ReactNode, type Ref } from 'react';
+import type { IconName } from '../../atoms/icon';
+import type { SearchFieldVoice } from './navigation-bar.types';
+/** A search row's height under a bar, for what is laid out below it. */
+export declare const BAR_SEARCH_ROW_HEIGHT: number;
+export type BarSearchFieldProps = {
+    /** Focuses the field and shows the keyboard as soon as it is composed. */
+    autoFocus?: boolean;
+    /** The text button beside a focused field that empties and blurs it. `Cancel` by default. */
+    cancelLabel?: string;
+    clearIcon?: IconName;
+    onChangeText: (text: string) => void;
+    onFocusChange?: (focused: boolean, hasText: boolean) => void;
+    placeholder: string;
+    ref?: Ref<SearchFieldRef>;
+    testID?: string;
+    voice?: SearchFieldVoice;
+};
+/**
+ * The search field kara draws on Android, in a header row or inside a bar: Material's input field in the theme's
+ * colours and body face, with the app's icons and the voice. A Compose view, so the caller brings the host. Import it
+ * only from `.android` files.
+ */
+export declare const BarSearchField: ({ autoFocus, cancelLabel, clearIcon, onChangeText, onFocusChange, placeholder, ref, testID, voice, }: BarSearchFieldProps) => import("react").JSX.Element;
+/** A search field's own row under a bar, in its own host. */
+export declare const BarSearchRow: ({ children }: {
+    children: ReactNode;
+}) => import("react").JSX.Element;

package/lib/typescript/molecules/navigation-bar/navigation-bar.types.d.ts

@@ -72,18 +72,20 @@ export type NavigationBarSearchRef = {
     setText: (text: string) => void;
 };
 /**
- * Where the search field goes on iOS, as a native-stack header places its search: `stacked` in a row of its own under
- * the title, `integratedButton` as a search item beside the trailing items that turns the bar into the field.
+ * Where the search field goes, as a native-stack header places its search: `stacked` in a row of its own under the
+ * title, `integratedButton` as a search item that turns the bar into the field.
  */
 export type NavigationBarSearchPlacement = 'integratedButton' | 'stacked';
 /**
  * Where `integratedButton` puts its search button: beside the trailing items, or after the leading ones. On iOS 26 the
- * button grows into the field and the cancel splits off its end, the way the system's own search does.
+ * button grows into the field and the cancel splits off its end, the way the system's own search does; on Android the
+ * field grows over the bar from its trailing edge.
  */
 export type NavigationBarSearchButtonPlacement = 'leading' | 'trailing';
 /**
- * A search field in the bar. iOS only for now; Android keeps the title. A focused field gets a cancel item that
- * empties it and ends the search, a bar item like the others.
+ * A search field in the bar. A focused field gets a cancel that empties it and ends the search: a bar item on iOS,
+ * Material's text button beside the field on Android. An `integratedButton` search closes again once the field is
+ * cancelled, cleared or left empty.
  */
 export type NavigationBarSearch = {
     /** `integratedButton`: the search item's icon, one of the app's icons; the system magnifying glass unset. */
@@ -126,7 +128,7 @@ export type NavigationBarProps = {
     inverted?: boolean;
     /** In screen order, from the leading edge. */
     leadingItems?: NavigationBarItem[];
-    /** A search field (iOS): under the title, or behind a search item beside the trailing items. */
+    /** A search field: under the title, or behind a search item that turns the bar into the field. */
     search?: NavigationBarSearch;
     /** Test identifier, forwarded to the native bar. iOS only; Android ignores it. */
     testID?: string;

package/lib/typescript/organisms/header/header.types.d.ts

@@ -281,8 +281,12 @@ export type HeaderOptionsResult = HeaderContent & {
 export type HeaderSearchBarOptions = {
     allowToolbarIntegration?: boolean;
     autoCapitalize?: 'characters' | 'none' | 'sentences' | 'words';
+    /** Android: the toolbar search's magnifier and X. */
+    headerIconColor?: string;
     hideNavigationBar?: boolean;
     hideWhenScrolling?: boolean;
+    /** Android: the placeholder's colour. */
+    hintTextColor?: string;
     obscureBackground?: boolean;
     onBlur?: () => void;
     onCancelButtonPress?: () => void;
@@ -291,16 +295,22 @@ export type HeaderSearchBarOptions = {
             text: string;
         };
     }) => void;
+    /** Android: the toolbar search closed (back, or the X on an empty field). */
+    onClose?: () => void;
     onFocus?: () => void;
+    /** Android: the toolbar search opened. */
+    onOpen?: () => void;
     placeholder?: string;
     placement?: 'automatic' | 'inline' | 'integrated' | 'integratedButton' | 'integratedCentered' | 'stacked';
     ref?: RefObject<SearchBarCommands | null>;
+    /** Android: the typed text. */
+    textColor?: string;
     tintColor?: string;
 };
 /**
- * Where the search goes on iOS: `stacked` in a row under the title (title and items kept); `integratedButton` as a
- * search button in the bar's trailing corner that opens the field in the bar, the title and items hidden meanwhile.
- * The integrated field's close is the system's: iOS gives it no other glyph.
+ * Where the search goes: `stacked` in a row under the title (title and items kept); `integratedButton` as a search
+ * button in the bar's trailing corner that opens the field in the bar, the title and items hidden meanwhile. On iOS the
+ * integrated field's close is the system's, which takes no other glyph; on Android back closes it.
  */
 export type HeaderSearchPlacement = 'integratedButton' | 'stacked';
 export type HeaderSearchParams = {
@@ -312,15 +322,15 @@ export type HeaderSearchParams = {
     enabled?: boolean;
     /** Shown while the field is empty. `Search` by default. */
     placeholder?: string;
-    /** iOS: `stacked` by default. Android always puts its field in a row under the bar. */
+    /** `stacked` by default. */
     placement?: HeaderSearchPlacement;
     /** A microphone in the field: see `SearchFieldVoice`. Write what it hears with `setText`. */
     voice?: SearchFieldVoice;
 };
 /**
- * A header's search: what to give `useHeader` (`searchBar`, iOS), the row Android puts under its bar (`searchInput`),
- * the scrim that washes the content out while the field is focused and empty (render it last, over the content), and
- * the query to filter by.
+ * A header's search: what to give `useHeader` (`searchBar`), the row Android puts under its bar for `stacked`
+ * (`searchInput`), the scrim that washes the content out while the field is focused and empty (render it last, over
+ * the content), and the query to filter by.
  */
 export type HeaderSearch = {
     /** Empties the field and ends the search. */
@@ -328,13 +338,13 @@ export type HeaderSearch = {
     /** The field's text. */
     query: string;
     /**
-     * Over the content while the field is focused and empty; a tap on it ends the search. On iOS it also carries the
+     * Over the content while the field is focused and empty; a tap on it ends the search. It also carries the header
      * field's glyphs and voice, which have to sit in the screen's tree. Render it last.
      */
     scrim: ReactElement | null;
-    /** Android: the Material search field, a row to put right under the bar. `null` on iOS. */
+    /** Android, `stacked`: the Material search field, a row to put right under the bar. `null` otherwise. */
     searchInput: ReactElement | null;
-    /** iOS: `search` for `useHeader`. `undefined` on Android. */
+    /** `search` for `useHeader`: always on iOS, for `integratedButton` on Android. `undefined` otherwise. */
     searchBar: HeaderSearchBarOptions | undefined;
     /** Puts text into the field and the query, the way dictation fills it in. */
     setText: (text: string) => void;

package/lib/typescript/organisms/header/use-header-search.d.ts

@@ -2,9 +2,11 @@ import type { HeaderSearch, HeaderSearchParams } from './header.types';
 /**
  * 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.
+ * (`placement`); pass `searchBar` to `useHeader` as `search`. Android: `stacked` is Material's search field with its
+ * cancel button, as a row for the screen to put right under the top app bar (`searchInput`); `integratedButton` is the
+ * toolbar's own search, a magnifier in the bar's corner that expands over the title (`searchBar`, as on iOS). Both
+ * report the `query`; `scrim` washes the content out while the field is focused and empty and carries the header
+ * 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`.

package/lib/typescript/organisms/sheet/sheet.types.d.ts

@@ -60,7 +60,7 @@ export type SheetProps = {
     draggable?: boolean;
     /** Pinned to the bottom, above the content and the keyboard. */
     footer?: ReactElement;
-    /** The drag handle. On by default. */
+    /** The drag handle. On by default. On Android it is Material's handle, coloured by the app's theme. */
     grabber?: boolean;
     /** The user dismissed it; `visible` going false does not call this. */
     onDismiss: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzblj/kara-components",
-  "version": "0.26.2",
+  "version": "0.27.1",
   "description": "The atoms, molecules, organisms and templates of @hzblj/kara-ui — real SwiftUI and Jetpack Compose views through @expo/ui.",
   "author": "Jan Blazej",
   "license": "MIT",
@@ -66,9 +66,9 @@
   "dependencies": {
     "@hzblj/expo-native-icons": "^0.2.0",
     "@hzblj/expo-rich-haptics": "^0.1.0",
-    "@hzblj/kara-native": "^0.26.2",
-    "@hzblj/kara-sx": "^0.26.2",
-    "@hzblj/kara-theme": "^0.26.2",
+    "@hzblj/kara-native": "^0.27.1",
+    "@hzblj/kara-sx": "^0.27.1",
+    "@hzblj/kara-theme": "^0.27.1",
     "sf-symbols-typescript": "^2.2.0"
   },
   "peerDependencies": {

package/src/atoms/activity-indicator/activity-indicator.android.tsx

@@ -1,10 +1,11 @@
-import {Host, LoadingIndicator} from '@expo/ui/jetpack-compose'
+import {LoadingIndicator} from '@expo/ui/jetpack-compose'
 import {fillMaxSize, size as sizeModifier, testID as testIdModifier} from '@expo/ui/jetpack-compose/modifiers'
 import {useAccessibilityModifiers} from '@hzblj/kara-sx'
 import {useAppTheme} from '@hzblj/kara-theme'
 import {useMemo} from 'react'
 import {StyleSheet} from 'react-native'
 
+import {ComposeHost} from '../../hooks/compose-host'
 import {useInsideHost} from '../../hooks/host-context'
 import type {ActivityIndicatorComponent, ActivityIndicatorProps} from './activity-indicator.types'
 
@@ -43,9 +44,5 @@ export const ActivityIndicator: ActivityIndicatorComponent = ({
     return indicator
   }
 
-  return (
-    <Host colorScheme={theme.dark ? 'dark' : 'light'} seedColor={theme.materialSeed} style={styles[size]}>
-      {indicator}
-    </Host>
-  )
+  return <ComposeHost style={styles[size]}>{indicator}</ComposeHost>
 }

package/src/atoms/date-picker/date-picker.android.tsx

@@ -1,9 +1,10 @@
 import {DateTimePicker} from '@expo/ui/community/datetime-picker'
-import {DateTimePicker as ComposeDateTimePicker, Host, RNHostView} from '@expo/ui/jetpack-compose'
+import {DateTimePicker as ComposeDateTimePicker, RNHostView} from '@expo/ui/jetpack-compose'
 import {alpha, testID as testIdModifier} from '@expo/ui/jetpack-compose/modifiers'
 import {opacity, useAppTheme} from '@hzblj/kara-theme'
 import {useCallback, useMemo, useState} from 'react'
 
+import {ComposeHost} from '../../hooks/compose-host'
 import {useInsideHost} from '../../hooks/host-context'
 import {Box} from '../box'
 import {Pressable} from '../pressable'
@@ -104,17 +105,7 @@ export const DatePicker: DatePickerComponent = (props: DatePickerProps) => {
   if (datePickerStyle === 'graphical' && mode !== 'time') {
     const calendar = <Calendar {...props} disabled={disabled} />
 
-    return insideHost ? (
-      calendar
-    ) : (
-      <Host
-        colorScheme={theme.dark ? 'dark' : 'light'}
-        matchContents={MATCH_HEIGHT_ONLY}
-        seedColor={theme.materialSeed}
-      >
-        {calendar}
-      </Host>
-    )
+    return insideHost ? calendar : <ComposeHost matchContents={MATCH_HEIGHT_ONLY}>{calendar}</ComposeHost>
   }
 
   const field = (

package/src/atoms/island/island.android.tsx

@@ -1,7 +1,6 @@
-import {Host} from '@expo/ui/jetpack-compose'
 import {useSx} from '@hzblj/kara-sx'
-import {useAppTheme} from '@hzblj/kara-theme'
 
+import {ComposeHost} from '../../hooks/compose-host'
 import {HostBoundary} from '../../hooks/host-context'
 import type {IslandComponent, IslandProps} from './island.types'
 
@@ -17,18 +16,15 @@ export const Island: IslandComponent = ({
   testID: _testID,
   ...sx
 }: IslandProps) => {
-  const theme = useAppTheme()
   const resolved = useSx(sx)
 
   return (
-    <Host
-      colorScheme={theme.dark ? 'dark' : 'light'}
+    <ComposeHost
       ignoreSafeAreaKeyboardInsets={ignoreSafeArea === 'all' || ignoreSafeArea === 'keyboard'}
       matchContents={matchContents ? MATCH_HEIGHT_ONLY : MATCH_NEITHER}
-      seedColor={theme.materialSeed}
       style={style ? [resolved, style] : resolved}
     >
       <HostBoundary>{children}</HostBoundary>
-    </Host>
+    </ComposeHost>
   )
 }

package/src/atoms/picker/picker.android.tsx

@@ -3,13 +3,13 @@ import {
   DropdownMenuItem,
   ExposedDropdownMenu,
   ExposedDropdownMenuBox,
-  Host,
   OutlinedTextField,
   useNativeState,
 } from '@expo/ui/jetpack-compose'
 import {fillMaxWidth, menuAnchor, testID as testIdModifier} from '@expo/ui/jetpack-compose/modifiers'
 import {useAppTheme} from '@hzblj/kara-theme'
 import {useEffect, useMemo, useState} from 'react'
+import {ComposeHost} from '../../hooks/compose-host'
 import {HostBoundary, useInsideHost} from '../../hooks/host-context'
 import {Glyph} from '../glyph'
 import type {PickerComponent, PickerProps} from './picker.types'
@@ -89,8 +89,8 @@ export const Picker: PickerComponent = ({disabled = false, onValueChange, option
   }
 
   return (
-    <Host colorScheme={theme.dark ? 'dark' : 'light'} matchContents={MATCH_HEIGHT_ONLY} seedColor={theme.materialSeed}>
+    <ComposeHost matchContents={MATCH_HEIGHT_ONLY}>
       <HostBoundary>{menu}</HostBoundary>
-    </Host>
+    </ComposeHost>
   )
 }

package/src/atoms/pressable/pressable.tsx

@@ -9,7 +9,7 @@ import {
   timing,
   useSplitSxMotion,
 } from '@hzblj/kara-sx'
-import {opacity, type SpringName, springs, useAppTheme, useReducedMotion, withOpacity} from '@hzblj/kara-theme'
+import {opacity, type SpringName, springs, useAppTheme, useReducedMotion} from '@hzblj/kara-theme'
 import {useCallback, useMemo} from 'react'
 import {Platform, Pressable as RNPressable, type ViewStyle} from 'react-native'
 import Animated, {useAnimatedStyle, useSharedValue, withSpring, withTiming} from 'react-native-reanimated'
@@ -100,13 +100,11 @@ export const Pressable: PressableComponent = markMotionComponent(
       return effect === 'opacity' ? {opacity: 1 - (1 - dimmed) * pressed.value} : {}
     }, [dimmed, effect, pressedScale])
 
-    // Android's press is Material's: a ripple over the content (the pressed state layer, `onSurface` at 10 %) clipped to
-    // the shape by an outer view (`splitForRipple`). The effect, when there is one, moves that outer view, ripple and all.
+    // Android's press is Material's: a ripple over the content in the theme's `fill.ripple`, the colour every Compose
+    // control ripples in too, clipped to the shape by an outer view (`splitForRipple`). The effect, when there is one,
+    // moves that outer view, ripple and all.
     const ripple = useMemo(
-      () =>
-        isAndroid && withRipple
-          ? {color: withOpacity(String(theme.color('content.primary')), 'o10'), foreground: true}
-          : undefined,
+      () => (isAndroid && withRipple ? {color: theme.color('fill.ripple'), foreground: true} : undefined),
       [isAndroid, theme, withRipple]
     )
     const androidStyle = useMemo(

package/src/atoms/segmented-control/segmented-control.android.tsx

@@ -1,4 +1,4 @@
-import {Host, SegmentedButton, SingleChoiceSegmentedButtonRow, Text} from '@expo/ui/jetpack-compose'
+import {SegmentedButton, SingleChoiceSegmentedButtonRow, Text} from '@expo/ui/jetpack-compose'
 import {fillMaxWidth, height, testID as testIdModifier, weight} from '@expo/ui/jetpack-compose/modifiers'
 import {iconResourceName} from '@hzblj/expo-native-icons'
 import {haptics} from '@hzblj/expo-rich-haptics'
@@ -6,6 +6,7 @@ import {DrawableIcon, NativeImage} from '@hzblj/kara-native/jetpack-compose'
 import {spacing as spacingTokens, type TextVariant, useAppTheme} from '@hzblj/kara-theme'
 import {useCallback, useMemo} from 'react'
 
+import {ComposeHost} from '../../hooks/compose-host'
 import {useInsideHost} from '../../hooks/host-context'
 import {HStack} from '../h-stack'
 import type {SegmentedControlComponent, SegmentedControlProps, SegmentedControlSegment} from './segmented-control.types'
@@ -147,9 +148,5 @@ export const SegmentedControl: SegmentedControlComponent = ({
     return row
   }
 
-  return (
-    <Host colorScheme={theme.dark ? 'dark' : 'light'} matchContents={MATCH_HEIGHT_ONLY} seedColor={theme.materialSeed}>
-      {row}
-    </Host>
-  )
+  return <ComposeHost matchContents={MATCH_HEIGHT_ONLY}>{row}</ComposeHost>
 }

package/src/hooks/compose-host.tsx

@@ -0,0 +1,20 @@
+import {Host, type HostProps} from '@expo/ui/jetpack-compose'
+import {RippleConfiguration} from '@hzblj/kara-native/jetpack-compose'
+import {useAppTheme} from '@hzblj/kara-theme'
+
+export type ComposeHostProps = Omit<HostProps, 'colorScheme' | 'seedColor'>
+
+/**
+ * Every Compose tree kara draws on Android: the theme's appearance and Material seed, and `fill.ripple` as the ripple of
+ * every Material control inside, so a press looks the same on a button, a chip and a list row. Import it only from
+ * `.android` files.
+ */
+export const ComposeHost = ({children, ...props}: ComposeHostProps) => {
+  const theme = useAppTheme()
+
+  return (
+    <Host colorScheme={theme.dark ? 'dark' : 'light'} seedColor={theme.materialSeed} {...props}>
+      <RippleConfiguration color={theme.color('fill.ripple')}>{children}</RippleConfiguration>
+    </Host>
+  )
+}