@oxyhq/bloom 0.46.0 → 0.49.0

package/src/dialog/types.ts

@@ -1,9 +1,60 @@
+import type { ReactNode } from 'react';
 import type { GestureResponderEvent, StyleProp, ViewStyle } from 'react-native';
 
 import type { ResponsiveDialogPlacement } from './placement';
 
 export type { DialogPlacement, ResponsiveDialogPlacement } from './placement';
 
+/**
+ * Config for the Dialog's OWN navigation header — a DISTINCT surface mode from
+ * the declarative `title`/`description`/`actions` centered-heading path. When
+ * present it turns the Dialog into a scrolling page with a sticky, gradient top
+ * bar (left + right slots) and a large collapsing title that lives in the
+ * Dialog's own scroll content; as the large title scrolls under the bar a small
+ * title cross-fades into the bar center. Screens render NO header of their own.
+ *
+ * A surface seeds this from its registry config; a mounted screen may override
+ * or augment any field at runtime via `useDialogHeader` (a dynamic title, a Save
+ * action on the right, etc.).
+ */
+export interface DialogHeaderConfig {
+  /** Collapsing title — rendered large in-content and small in the nav bar. */
+  title?: string;
+  /**
+   * A branded node rendered centered in the nav bar INSTEAD of the collapsing
+   * text title — e.g. a product wordmark. Always visible (it never collapses),
+   * and it suppresses the large in-content title/subtitle entirely, so the
+   * surface starts flush under the bar. `title`/`subtitle` are ignored while
+   * this is set. Must be referentially stable (memoize it) so the header does
+   * not thrash.
+   */
+  titleContent?: ReactNode;
+  /** Supporting copy under the large title (and, optionally, in the bar). */
+  subtitle?: string;
+  /**
+   * Whether to render the large collapsing title in the scroll content.
+   * Defaults to `true`. When `false`, only the small nav-bar title shows (always
+   * visible, no collapse) and the content starts flush under the bar.
+   */
+  largeTitle?: boolean;
+  /** Custom left slot node. Overrides the default back button. */
+  left?: ReactNode;
+  /** Custom right slot node. Overrides the default close button. */
+  right?: ReactNode;
+  /**
+   * When set, the default left slot renders a back button that calls this. A
+   * custom `left` node still wins. Set by the surface host when the surface can
+   * navigate back.
+   */
+  onBack?: () => void;
+  /**
+   * Whether the default right slot renders a close button (dismiss). Defaults to
+   * `true`. A custom `right` node still wins. `false` suppresses the close
+   * affordance entirely (e.g. a blocking surface).
+   */
+  showClose?: boolean;
+}
+
 /**
  * Side-sheet inset (px) from the root overlay's edges. Lets a host place a
  * `left`/`right` placement "inside its own shell" — e.g. offset from the top
@@ -134,6 +185,40 @@ export type DialogProps = React.PropsWithChildren<{
   inset?: DialogInset;
   /** Whether to render the drag handle in bottom-sheet mode. Defaults to `true`. */
   showHandle?: boolean;
+  /**
+   * Turns on the Dialog's OWN navigation header (see {@link DialogHeaderConfig}).
+   * When present the Dialog renders a sticky gradient nav bar + a large
+   * collapsing title over its own scroll content, and its content is inset below
+   * the bar — a DISTINCT mode from the declarative
+   * `title`/`description`/`actions` centered heading (a confirm/alert dialog
+   * passes NO `header` and is unchanged). Screens render no header of their own;
+   * the title/slots come from this config, refined at runtime by a mounted
+   * screen's `useDialogHeader` contribution.
+   */
+  header?: DialogHeaderConfig;
+  /**
+   * Open-INTENT seed for a freshly-mounted placement branch, distinct from the
+   * controlled `open` prop. It ONLY seeds a branch's initial visible state on
+   * mount — it never switches the dialog into controlled close semantics, so
+   * the imperative `control.close()` still owns the exit animation and fires
+   * `onClose` post-exit (no synchronous-`onClose` entry leak). Set by the
+   * surface stack so a responsive `Dialog` that swaps its inner component across
+   * a breakpoint (centered card ↔ bottom sheet on resize) re-mounts the new
+   * branch ALREADY OPEN instead of blank. Ignored when the controlled `open`
+   * prop is provided (that path seeds itself).
+   */
+  startOpen?: boolean;
+  /**
+   * Whether the dialog wraps its content in an internal scroll container.
+   * Defaults to `true`. Set `false` when the content owns its own scrolling
+   * primitive (a `FlatList` / `SectionList` / any VirtualizedList, or its own
+   * `ScrollView`): the surface then renders children WITHOUT a ScrollView wrap —
+   * a bounded, overflow-clipped card on the centered/side placements and a
+   * non-scrollable `BottomSheet` body on the bottom placement — so the child
+   * gets a bounded height and owns its scroll, and no "VirtualizedList inside a
+   * plain ScrollView" warning is emitted.
+   */
+  scrollable?: boolean;
   /**
    * Inner padding (px) of the dialog content container, applied uniformly across
    * every placement (centered panel, side-sheet body, bottom-sheet body).
@@ -148,6 +233,27 @@ export type DialogProps = React.PropsWithChildren<{
   contentPadding?: number;
   /** Whether tapping the backdrop dismisses the dialog. Defaults to `true`. */
   dismissOnBackdrop?: boolean;
+  /**
+   * Whether the panel MORPHS across an in-place content swap. Defaults to
+   * `true`.
+   *
+   * When the content inside an OPEN dialog is replaced (a nav-within drill-in,
+   * as opposed to presenting a new surface on top), the panel animates from the
+   * outgoing content's size to the incoming one's while the incoming content
+   * fades in, instead of hard-cutting. The swap is signalled by the content
+   * itself through `useDialogFrame` — a dialog whose content never declares a
+   * frame is unaffected either way.
+   *
+   * The centered card morphs its height (about its centre) and its `maxWidth`;
+   * the bottom sheet morphs its height from its anchored edge; side sheets have
+   * fixed geometry and never morph. Morphing also requires the Dialog to own the
+   * scroll container: a `scrollable={false}` surface owns its own size, so its
+   * content only cross-fades.
+   *
+   * Set `false` for content that must never be resized into — e.g. a full-bleed
+   * picker that always fills the surface.
+   */
+  morph?: boolean;
   /**
    * Style overrides applied to the inner content container on native (the
    * floating bottom-sheet card) and to the modal panel on web.

package/src/index.ts

@@ -59,6 +59,7 @@ export {
   alert,
   useDialogContext,
   useDialogControl,
+  useDialogHeader,
 } from './dialog';
 export type {
   AlertButton,
@@ -67,6 +68,7 @@ export type {
   DialogActionColor,
   DialogContextProps,
   DialogControlProps,
+  DialogHeaderConfig,
   DialogInset,
   DialogPlacement,
   DialogProps,
@@ -144,7 +146,7 @@ export type { AnimatedCheckProps, AnimatedCheckRef } from './animated-check';
 // Form components
 export * from './text-field';
 export * from './segmented-control';
-export { SearchInput } from './search-input';
+export { Search } from './search';
 export { Label } from './label';
 export type { LabelProps } from './label';
 export { Field } from './field';

package/src/index.web.ts

@@ -64,6 +64,7 @@ export {
   alert,
   useDialogContext,
   useDialogControl,
+  useDialogHeader,
 } from './dialog/index.web';
 export type {
   AlertButton,
@@ -72,6 +73,7 @@ export type {
   DialogActionColor,
   DialogContextProps,
   DialogControlProps,
+  DialogHeaderConfig,
   DialogInset,
   DialogPlacement,
   DialogProps,
@@ -149,7 +151,7 @@ export type { AnimatedCheckProps, AnimatedCheckRef } from './animated-check';
 // Form components
 export * from './text-field';
 export * from './segmented-control';
-export { SearchInput } from './search-input';
+export { Search } from './search';
 export { Label } from './label';
 export type { LabelProps } from './label';
 export { Field } from './field';

package/src/input-group/types.ts

@@ -21,7 +21,7 @@ export interface InputGroupAddonProps {
 export interface InputGroupProps {
   /**
    * Group children. Place `InputGroup.Addon` elements before/after the input
-   * (a Bloom `TextFieldInput`, a `SearchInput`, or any control). The middle
+   * (a Bloom `TextFieldInput`, a `Search`, or any control). The middle
    * child stretches to fill.
    */
   children: React.ReactNode;

package/src/react-native-className.d.ts

@@ -0,0 +1,38 @@
+/**
+ * `className` support for React Native core components in Bloom.
+ *
+ * Bloom styles some primitives with NativeWind/`react-native-css` utility
+ * classes (`className="..."`). react-native-css applies them at runtime — on web
+ * as real CSS classes emitted by the consumer's Tailwind pipeline (`@source`-
+ * scanning Bloom's lib), on native as compiled styles. This ambient augmentation
+ * makes `className` type-valid on the RN primitives we set it on.
+ *
+ * Heritage-free (a plain interface-merge `declare module`, no `extends` / import
+ * of RN's own module graph) so it never drags a second `@types/react` copy into
+ * the RN 0.85 / React 19 tree — the same hazard the `mergeRefs` note calls out.
+ */
+// `export {}` makes this file a MODULE, so the `declare module` below MERGES
+// with react-native's real types (an augmentation) instead of replacing the
+// module and hiding its exports.
+export {};
+
+declare module 'react-native' {
+  interface ViewProps {
+    className?: string;
+  }
+  interface TextProps {
+    className?: string;
+  }
+  interface ImageProps {
+    className?: string;
+  }
+  interface PressableProps {
+    className?: string;
+  }
+  interface ScrollViewProps {
+    className?: string;
+  }
+  interface TextInputProps {
+    className?: string;
+  }
+}

package/src/{search-input → search}/index.tsx

@@ -8,7 +8,10 @@ import { TextField, TextFieldIcon, TextFieldInput, type TextFieldInputProps } fr
 import { MagnifyingGlass_Stroke2_Corner0_Rounded as MagnifyingGlassIcon } from '../icons/MagnifyingGlass';
 import { TimesLarge_Stroke2_Corner0_Rounded as X } from '../icons/Times';
 
-type SearchInputProps = Omit<TextFieldInputProps, 'label'> & {
+/** Fully-rounded (pill) corner radius — clamps to half the field height. */
+const PILL_RADIUS = 999;
+
+type SearchProps = Omit<TextFieldInputProps, 'label'> & {
   label?: TextFieldInputProps['label'];
   /**
    * Called when the user presses the clear (X) button.
@@ -16,14 +19,14 @@ type SearchInputProps = Omit<TextFieldInputProps, 'label'> & {
   onClearText?: () => void;
 };
 
-export const SearchInput = forwardRef<TextInput, SearchInputProps>(
-  function SearchInput({ value, label = 'Search', onClearText, ...rest }, ref) {
+export const Search = forwardRef<TextInput, SearchProps>(
+  function Search({ value, label = 'Search', onClearText, ...rest }, ref) {
     const theme = useTheme();
     const showClear = value != null && value.length > 0;
 
     return (
       <View style={[a.w_full, a.relative]}>
-        <TextField>
+        <TextField radius={PILL_RADIUS}>
           <TextFieldIcon icon={MagnifyingGlassIcon} />
           <TextFieldInput
             inputRef={ref}
@@ -70,4 +73,4 @@ export const SearchInput = forwardRef<TextInput, SearchInputProps>(
     );
   },
 );
-SearchInput.displayName = 'SearchInput';
+Search.displayName = 'Search';

package/src/settings-list/SettingsList.tsx

@@ -207,7 +207,7 @@ const styles = StyleSheet.create({
   itemContainer: {
     flexDirection: 'row',
     alignItems: 'center',
-    paddingHorizontal: 16,
+    paddingHorizontal: 12,
     paddingVertical: 10,
     minHeight: 44,
     gap: 12,
@@ -243,7 +243,11 @@ const styles = StyleSheet.create({
     marginBottom: 16,
   },
   groupCard: {
-    marginHorizontal: 16,
+    // No horizontal self-inset: a `SettingsListGroup` fills its parent's content
+    // width, so the single horizontal inset comes from the ONE content padding
+    // the screen/Dialog already applies (the same `px-screen-margin` that pads
+    // the title/search). Keeping a self-margin here double-inset grouped rows on
+    // every screen that also applies that padding.
     borderRadius: 16,
     overflow: 'hidden',
   },

package/src/surfaces/SurfaceHost.tsx

@@ -38,6 +38,9 @@ function placementFor(p: SurfacePresentation): Partial<DialogProps> {
     showHandle: p.showHandle,
     dismissOnBackdrop: p.dismissOnBackdrop,
     contentPadding: p.contentPadding,
+    header: p.header,
+    scrollable: p.scrollable,
+    morph: p.morph,
     style: p.style,
     panelStyle: p.panelStyle,
     panelClassName: p.panelClassName,
@@ -112,7 +115,20 @@ export function createSurfaceHost(Dialog: DialogComponent) {
     );
 
     return (
-      <Dialog control={control} onClose={handleClose} layer={index} {...placement}>
+      // `startOpen` is the surface's open-INTENT (true while not closing). It
+      // ONLY seeds a freshly-mounted Dialog branch's visible state — the
+      // imperative `control` still owns open/close — so when a responsive Dialog
+      // swaps its inner component on resize (centered card ↔ bottom sheet) the
+      // new branch mounts STILL OPEN instead of dismissing the surface. A real
+      // dismiss (backdrop/Escape/back/programmatic) still resolves + splices
+      // exactly once via `control.close()` → `handleClose`, post-exit.
+      <Dialog
+        control={control}
+        onClose={handleClose}
+        layer={index}
+        startOpen={status !== 'closing'}
+        {...placement}
+      >
         <SurfaceContext.Provider value={controls}>
           {entry.render(controls)}
         </SurfaceContext.Provider>

package/src/surfaces/types.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 
-import type { DialogInset, ResponsiveDialogPlacement } from '../dialog/types';
+import type { DialogHeaderConfig, DialogInset, ResponsiveDialogPlacement } from '../dialog/types';
 
 /**
  * How a surface renders — the placement + the `Dialog` sizing/chrome options a
@@ -39,6 +39,31 @@ export interface SurfacePresentation {
   dismissOnBackdrop?: boolean;
   /** Inner padding (px) of the surface content container. Forwarded to `Dialog`. */
   contentPadding?: number;
+  /**
+   * Turns on the Dialog's OWN navigation header for this surface (sticky gradient
+   * nav bar + large collapsing title over the surface's scroll content). Seeds
+   * the header content; a mounted screen refines it at runtime via
+   * `useDialogHeader`. Omit for a plain surface (a confirm/alert dialog). Forwarded
+   * to `Dialog`.
+   */
+  header?: DialogHeaderConfig;
+  /**
+   * Whether the surface wraps its content in an internal scroll container.
+   * Defaults to `true`. Set `false` when the surface's content owns its own
+   * scrolling primitive (a `FlatList` / `SectionList` / VirtualizedList, or its
+   * own `ScrollView`) so the host does not nest it in a ScrollView. Forwarded
+   * to `Dialog`.
+   */
+  scrollable?: boolean;
+  /**
+   * Whether the surface MORPHS its panel when its content is swapped in place —
+   * navigation WITHIN this surface, as opposed to presenting a new surface on
+   * top. Defaults to `true`. The content signals the swap through
+   * `useDialogFrame`; a surface whose content never declares a frame is
+   * unaffected. Set `false` for content that must never be resized into (a
+   * full-bleed picker). Forwarded to `Dialog`.
+   */
+  morph?: boolean;
   /** Style overrides applied to the inner content container. */
   style?: StyleProp<ViewStyle>;
   /** Style overrides for the side/bottom placement panel surface. */

package/src/text-field/index.tsx

@@ -30,6 +30,8 @@ import { Text } from '../typography';
 const Context = createContext<{
   inputRef: React.RefObject<TextInput | null> | null;
   isInvalid: boolean;
+  /** Corner radius of the input chrome. A large value (e.g. 999) reads as a pill. */
+  radius: number;
   hovered: boolean;
   onHoverIn: () => void;
   onHoverOut: () => void;
@@ -39,6 +41,7 @@ const Context = createContext<{
 }>({
   inputRef: null,
   isInvalid: false,
+  radius: 10,
   hovered: false,
   onHoverIn: () => {},
   onHoverOut: () => {},
@@ -48,11 +51,24 @@ const Context = createContext<{
 });
 Context.displayName = 'TextFieldContext';
 
+/**
+ * RN Web paints the browser's default focus outline on the underlying `<input>`.
+ * That rectangle follows the input's own box — NOT the TextField chrome — so on a
+ * pill (large radius) it pokes out of the corners and reads as a stray border on
+ * focus. Strip it so ONLY the TextField's own focus chrome (the animated border)
+ * signals focus. `outlineStyle`/`outlineWidth` are RN-Web style properties absent
+ * from RN's core types; `web()` guarantees this object is never applied on native.
+ */
+const WEB_INPUT_OUTLINE_RESET: TextStyle | undefined =
+  Platform.OS === 'web'
+    ? ({ outlineWidth: 0, outlineStyle: 'none' } as unknown as TextStyle)
+    : undefined;
+
 export type TextFieldProps = React.PropsWithChildren<
-  { isInvalid?: boolean } & ViewStyleProp
+  { isInvalid?: boolean; radius?: number } & ViewStyleProp
 >;
 
-export function TextField({ children, isInvalid = false, style }: TextFieldProps) {
+export function TextField({ children, isInvalid = false, radius = 10, style }: TextFieldProps) {
   const inputRef = useRef<TextInput>(null);
   const {
     state: hovered,
@@ -75,8 +91,9 @@ export function TextField({ children, isInvalid = false, style }: TextFieldProps
       onFocus,
       onBlur,
       isInvalid,
+      radius,
     }),
-    [inputRef, hovered, onHoverIn, onHoverOut, focused, onFocus, onBlur, isInvalid],
+    [inputRef, hovered, onHoverIn, onHoverOut, focused, onFocus, onBlur, isInvalid, radius],
   );
 
   return (
@@ -240,6 +257,7 @@ export function TextFieldInput({
       marginTop: 2,
       marginBottom: 2,
     }),
+    WEB_INPUT_OUTLINE_RESET,
     style,
   ]) as TextStyle;
 
@@ -272,7 +290,7 @@ export function TextFieldInput({
           a.z_10,
           a.absolute,
           a.inset_0,
-          { borderRadius: 10 },
+          { borderRadius: ctx.radius },
           { backgroundColor: theme.colors.contrast50 },
           { borderColor: 'transparent', borderWidth: 2 },
           ctx.hovered ? chromeHover : {},
@@ -393,6 +411,7 @@ function FloatingLabelInput({
     },
     android({ paddingTop: 24, paddingBottom: 6 }),
     web({ paddingTop: 25, paddingBottom: 7 }),
+    WEB_INPUT_OUTLINE_RESET,
     style,
   ]) as TextStyle;
 
@@ -444,7 +463,7 @@ function FloatingLabelInput({
           a.z_10,
           a.absolute,
           a.inset_0,
-          { borderRadius: 10 },
+          { borderRadius: ctx.radius },
           { backgroundColor: theme.colors.contrast50 },
           { borderColor: 'transparent', borderWidth: 2 },
           ctx.hovered ? chromeHover : {},

package/lib/commonjs/search-input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_useTheme","_index","_button","_index2","_MagnifyingGlass","_Times","_jsxRuntime","SearchInput","exports","forwardRef","value","label","onClearText","rest","ref","theme","useTheme","showClear","length","jsxs","View","style","a","w_full","relative","children","TextField","jsx","TextFieldIcon","icon","MagnifyingGlassIcon","TextFieldInput","inputRef","placeholder","returnKeyType","keyboardAppearance","mode","selectTextOnFocus","Platform","OS","autoFocus","accessibilityRole","autoCorrect","autoComplete","autoCapitalize","paddingRight","undefined","absolute","z_20","my_auto","inset_0","justify_center","pr_sm","left","Button","testID","onPress","accessibilityLabel","hitSlop","top","bottom","right","variant","size","TimesLarge_Stroke2_Corner0_Rounded","fill","colors","textSecondary","padding","minHeight","displayName"],"sourceRoot":"../../../src","sources":["search-input/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/search-input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["forwardRef","Platform","View","useTheme","atoms","a","Button","TextField","TextFieldIcon","TextFieldInput","MagnifyingGlass_Stroke2_Corner0_Rounded","MagnifyingGlassIcon","TimesLarge_Stroke2_Corner0_Rounded","X","jsx","_jsx","jsxs","_jsxs","SearchInput","value","label","onClearText","rest","ref","theme","showClear","length","style","w_full","relative","children","icon","inputRef","placeholder","returnKeyType","keyboardAppearance","mode","selectTextOnFocus","OS","autoFocus","accessibilityRole","autoCorrect","autoComplete","autoCapitalize","paddingRight","undefined","absolute","z_20","my_auto","inset_0","justify_center","pr_sm","left","testID","onPress","accessibilityLabel","hitSlop","top","bottom","right","variant","size","fill","colors","textSecondary","padding","minHeight","displayName"],"sourceRoot":"../../../src","sources":["search-input/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/commonjs/search-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/search-input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAK9D,OAAO,EAA4C,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAYnG,eAAO,MAAM,WAAW;YAPd,mBAAmB,CAAC,OAAO,CAAC;IACpC;;OAEG;kBACW,MAAM,IAAI;6CAwDzB,CAAC"}

package/lib/typescript/module/search-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/search-input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAK9D,OAAO,EAA4C,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAYnG,eAAO,MAAM,WAAW;YAPd,mBAAmB,CAAC,OAAO,CAAC;IACpC;;OAEG;kBACW,MAAM,IAAI;6CAwDzB,CAAC"}