@oxyhq/bloom 0.16.2 → 0.18.0

package/lib/typescript/module/text-field/index.d.ts

@@ -1,17 +1,17 @@
 import { type AccessibilityProps, TextInput, type TextInputProps, type ViewStyle } from 'react-native';
 import { type TextStyleProp, type ViewStyleProp } from '../styles';
 import { type Props as SVGIconProps } from '../icons/common';
-export type RootProps = React.PropsWithChildren<{
+export type TextFieldProps = React.PropsWithChildren<{
     isInvalid?: boolean;
 } & ViewStyleProp>;
-export declare function Root({ children, isInvalid, style }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextField({ children, isInvalid, style }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
 export declare function useSharedInputStyles(): {
     chromeHover: ViewStyle;
     chromeFocus: ViewStyle;
     chromeError: ViewStyle;
     chromeErrorHover: ViewStyle;
 };
-export type InputProps = Omit<TextInputProps, 'value' | 'onChangeText' | 'placeholder'> & {
+export type TextFieldInputProps = Omit<TextInputProps, 'value' | 'onChangeText' | 'placeholder'> & {
     label: string;
     value?: string;
     onChangeText?: (value: string) => void;
@@ -19,18 +19,18 @@ export type InputProps = Omit<TextInputProps, 'value' | 'onChangeText' | 'placeh
     inputRef?: React.RefObject<TextInput | null> | React.ForwardedRef<TextInput>;
     placeholder?: string | null | undefined;
 };
-export declare function Input({ label, placeholder, value, onChangeText, onFocus, onBlur, isInvalid, inputRef, style, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
-export declare function LabelText({ nativeID, children, }: React.PropsWithChildren<{
+export declare function TextFieldInput({ label, placeholder, value, onChangeText, onFocus, onBlur, isInvalid, inputRef, style, ...rest }: TextFieldInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextFieldLabel({ nativeID, children, }: React.PropsWithChildren<{
     nativeID?: string;
 }>): import("react/jsx-runtime").JSX.Element;
-export declare function Icon({ icon: Comp }: {
+export declare function TextFieldIcon({ icon: Comp }: {
     icon: React.ComponentType<SVGIconProps>;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function SuffixText({ children, label, accessibilityHint, style, }: React.PropsWithChildren<TextStyleProp & {
+export declare function TextFieldSuffix({ children, label, accessibilityHint, style, }: React.PropsWithChildren<TextStyleProp & {
     label: string;
     accessibilityHint?: AccessibilityProps['accessibilityHint'];
 }>): import("react/jsx-runtime").JSX.Element;
-export declare function GhostText({ children, value, }: {
+export declare function TextFieldGhost({ children, value, }: {
     children: string;
     value: string;
 }): import("react/jsx-runtime").JSX.Element;

package/lib/typescript/module/text-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/text-field/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,kBAAkB,EAGvB,SAAS,EACT,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAkB,KAAK,KAAK,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAwB7E,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,iBAAiB,CAC7C;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,CACxC,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAiB,EAAE,KAAK,EAAE,EAAE,SAAS,2CA0CrE;AAED,wBAAgB,oBAAoB;;;;;EA0BnC;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACd,OAAO,GAAG,cAAc,GAAG,aAAa,CACzC,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACzC,CAAC;AAEF,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,UAAU,2CAmGZ;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,2CAchD;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;CAAE,2CA8B/E;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,KAAK,GACN,EAAE,KAAK,CAAC,iBAAiB,CACxB,aAAa,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;CAC7D,CACF,2CAqBA;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,2CAkDA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/text-field/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,kBAAkB,EAGvB,SAAS,EACT,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAkB,KAAK,KAAK,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAwB7E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAClD;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,CACxC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAiB,EAAE,KAAK,EAAE,EAAE,cAAc,2CA0C/E;AAED,wBAAgB,oBAAoB;;;;;EA0BnC;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,EACd,OAAO,GAAG,cAAc,GAAG,aAAa,CACzC,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACzC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,mBAAmB,2CAmGrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,2CAchD;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;CAAE,2CA8BxF;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,KAAK,GACN,EAAE,KAAK,CAAC,iBAAiB,CACxB,aAAa,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;CAC7D,CACF,2CAqBA;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,2CAkDA"}

package/lib/typescript/module/theme/color-scope/style-builder.d.ts

@@ -42,12 +42,12 @@ export declare function getVariableContextProvider(): VariableContextProviderCom
  * provider writes vars to `documentElement` instead) or when `nativewind` is
  * not installed.
  *
- * @deprecated Under react-native-css@3, `vars()` only propagates to a subtree
- * when applied to an interop className component (the runtime gates propagation
- * on matched className style rules). Applied to a plain `<View>` the vars are
- * dropped silently. Prefer wrapping children in `getVariableContextProvider()`.
- * Retained only as the escape-hatch contract of `useColorScopeStyle`, where the
- * caller owns the host element and is expected to be a className component.
+ * Caveat — prefer `getVariableContextProvider()`: under react-native-css@3,
+ * `vars()` only propagates to a subtree when applied to an interop className
+ * component (the runtime gates propagation on matched className style rules).
+ * Applied to a plain `<View>` the vars are dropped silently. This is retained
+ * as the escape-hatch contract of `useColorScopeStyle`, where the caller owns
+ * the host element and is expected to be a className component.
  */
 export declare function buildNativePresetStyle(colorPreset: AppColorName, mode: 'light' | 'dark'): StyleProp<ViewStyle>;
 //# sourceMappingURL=style-builder.d.ts.map

package/lib/typescript/module/theme/index.d.ts

@@ -4,6 +4,8 @@ export { BloomColorScope, useColorScopeStyle } from './color-scope';
 export type { BloomColorScopeProps } from './color-scope';
 export { buildTheme, STATUS_COLORS } from './build-theme';
 export { useTheme, useThemeColor, useBloomTheme } from './use-theme';
+export { useNavigationTheme } from './use-navigation-theme';
+export type { NavigationTheme, NavigationThemeFont } from './use-navigation-theme';
 export type { Theme, ThemeColors, ThemeMode } from './types';
 export type { AppColorName, AppColorPreset, PresetTokens } from './color-presets';
 export { APP_COLOR_NAMES, PREMIUM_COLOR_NAMES, APP_COLOR_PRESETS, HEX_TO_APP_COLOR, hexToAppColorName, } from './color-presets';

package/lib/typescript/module/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACpE,YAAY,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACrE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC7D,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACpE,YAAY,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AACnF,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC7D,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/lib/typescript/module/theme/use-navigation-theme.d.ts

@@ -0,0 +1,31 @@
+export interface NavigationThemeFont {
+    fontFamily: string;
+    fontWeight: '400' | '500' | '700' | '900';
+}
+export interface NavigationTheme {
+    dark: boolean;
+    colors: {
+        primary: string;
+        background: string;
+        card: string;
+        text: string;
+        border: string;
+        notification: string;
+    };
+    fonts: {
+        regular: NavigationThemeFont;
+        medium: NavigationThemeFont;
+        bold: NavigationThemeFont;
+        heavy: NavigationThemeFont;
+    };
+}
+/**
+ * Projects Bloom's resolved theme into a react-navigation `Theme` POJO for
+ * expo-router's <ThemeProvider>. Keeps Bloom the single source of truth for
+ * navigator chrome (Stack headers, screen backgrounds, modal) so it tracks
+ * the active color preset. Returns a structural object — no react-navigation
+ * import — so Bloom stays decoupled. Replaces the per-app copies in
+ * test-app-expo / inbox / accounts.
+ */
+export declare function useNavigationTheme(): NavigationTheme;
+//# sourceMappingURL=use-navigation-theme.d.ts.map

package/lib/typescript/module/theme/use-navigation-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-navigation-theme.d.ts","sourceRoot":"","sources":["../../../../src/theme/use-navigation-theme.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;CAC3C;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,KAAK,EAAE;QACL,OAAO,EAAE,mBAAmB,CAAC;QAC7B,MAAM,EAAE,mBAAmB,CAAC;QAC5B,IAAI,EAAE,mBAAmB,CAAC;QAC1B,KAAK,EAAE,mBAAmB,CAAC;KAC5B,CAAC;CACH;AASD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,IAAI,eAAe,CAiBpD"}

package/lib/typescript/module/tooltip/index.d.ts

@@ -4,26 +4,26 @@
  *
  * Only really necessary on iOS but can work on Android.
  */
-export declare function SheetCompatProvider({ children, }: {
+export declare function TooltipSheetCompatProvider({ children, }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export declare namespace SheetCompatProvider {
+export declare namespace TooltipSheetCompatProvider {
     var displayName: string;
 }
-export declare function Outer({ children, position, visible: requestVisible, onVisibleChange, }: {
+export declare function Tooltip({ children, position, visible: requestVisible, onVisibleChange, }: {
     children: React.ReactNode;
     position?: 'top' | 'bottom';
     visible: boolean;
     onVisibleChange: (visible: boolean) => void;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function Target({ children }: {
+export declare function TooltipTrigger({ children }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function Content({ children, label, }: {
+export declare function TooltipContent({ children, label, }: {
     children: React.ReactNode;
     label: string;
 }): import("react/jsx-runtime").JSX.Element | null;
-export declare const TextBubble: ({ children }: {
+export declare const TooltipTextBubble: ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tooltip/index.tsx"],"names":[],"mappings":"AAoEA;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAEA;yBANe,mBAAmB;;;AASnC,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,QAAmB,EACnB,OAAO,EAAE,cAAc,EACvB,eAAe,GAChB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,2CAsCA;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAuBjE;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf,kDAoBA;AAgND,eAAO,MAAM,UAAU;;6CAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tooltip/index.tsx"],"names":[],"mappings":"AAoEA;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAEA;yBANe,0BAA0B;;;AAS1C,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,QAAmB,EACnB,OAAO,EAAE,cAAc,EACvB,eAAe,GAChB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,2CAsCA;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAuBzE;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf,kDAoBA;AAgND,eAAO,MAAM,iBAAiB;;6CAAmC,CAAC"}

package/lib/typescript/module/tooltip/index.web.d.ts

@@ -1,26 +1,26 @@
 /**
  * No-op on web. Portal Provider is only needed on native.
  */
-export declare function SheetCompatProvider({ children, }: {
+export declare function TooltipSheetCompatProvider({ children, }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export declare namespace SheetCompatProvider {
+export declare namespace TooltipSheetCompatProvider {
     var displayName: string;
 }
-export declare function Outer({ children, position, visible, onVisibleChange, }: {
+export declare function Tooltip({ children, position, visible, onVisibleChange, }: {
     children: React.ReactNode;
     position?: 'top' | 'bottom';
     visible: boolean;
     onVisibleChange: (visible: boolean) => void;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function Target({ children }: {
+export declare function TooltipTrigger({ children }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function Content({ children, label, }: {
+export declare function TooltipContent({ children, label, }: {
     children: React.ReactNode;
     label: string;
 }): import("react/jsx-runtime").JSX.Element | null;
-export declare const TextBubble: ({ children }: {
+export declare const TooltipTextBubble: ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/module/tooltip/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/tooltip/index.web.tsx"],"names":[],"mappings":"AA0BA;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAEA;yBANe,mBAAmB;;;AASnC,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,QAAmB,EACnB,OAAO,EACP,eAAe,GAChB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,2CAkBA;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAMjE;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf,kDAgEA;AAED,eAAO,MAAM,UAAU;;6CAA4B,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/tooltip/index.web.tsx"],"names":[],"mappings":"AA0BA;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAEA;yBANe,0BAA0B;;;AAS1C,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,QAAmB,EACnB,OAAO,EACP,eAAe,GAChB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,2CAkBA;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAMzE;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf,kDAgEA;AAED,eAAO,MAAM,iBAAiB;;6CAAmC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.16.2",
+  "version": "0.18.0",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/__tests__/public-api-contract.test.ts

@@ -0,0 +1,54 @@
+import * as Bloom from '../index';
+
+type AnyExports = Record<string, unknown>;
+const api = Bloom as AnyExports;
+
+// Collections / generic-colliding part names that intentionally STAY namespaced.
+const ALLOWED_NAMESPACES = ['Icons', 'Typography', 'Skeleton', 'Grid', 'Code', 'Fonts'] as const;
+
+// Compound families converted to flat: the top-level name is the root component.
+const FLATTENED_ROOTS = [
+  'Tabs', 'Accordion', 'Select', 'Menu', 'ContextMenu', 'Popover',
+  'Tooltip', 'SegmentedControl', 'TextField', 'Admonition', 'PromptInput',
+] as const;
+
+// One renamed part per converted family — proves the flat rename landed.
+const REPRESENTATIVE_PARTS = [
+  'TabsTrigger', 'AccordionItem', 'SelectItem', 'MenuItem', 'ContextMenuItem',
+  'PopoverTrigger', 'TooltipTrigger', 'SegmentedControlItem', 'TextFieldInput',
+  'AdmonitionIcon', 'PromptInputTextarea',
+] as const;
+
+/**
+ * A flat React component export is either a plain function component or a wrapped
+ * component object (React.memo / forwardRef), which carries a `$$typeof` symbol.
+ * A `export * as X` namespace is a plain object WITHOUT `$$typeof`.
+ */
+function isReactComponent(value: unknown): boolean {
+  if (typeof value === 'function') return true;
+  if (typeof value === 'object' && value !== null) {
+    return typeof (value as { $$typeof?: unknown }).$$typeof === 'symbol';
+  }
+  return false;
+}
+
+describe('public API contract', () => {
+  it('keeps the six collection families as namespace objects (not components)', () => {
+    for (const ns of ALLOWED_NAMESPACES) {
+      expect(typeof api[ns]).toBe('object');
+      expect(isReactComponent(api[ns])).toBe(false);
+    }
+  });
+
+  it('exposes each compound family root as a flat component (not a namespace)', () => {
+    for (const name of FLATTENED_ROOTS) {
+      expect(isReactComponent(api[name])).toBe(true);
+    }
+  });
+
+  it('exposes compound parts as flat prefixed components', () => {
+    for (const name of REPRESENTATIVE_PARTS) {
+      expect(isReactComponent(api[name])).toBe(true);
+    }
+  });
+});

package/src/__tests__/useNavigationTheme.test.tsx

@@ -0,0 +1,227 @@
+import React, { useRef } from 'react';
+import { Text, View } from 'react-native';
+import { render } from '@testing-library/react-native';
+
+let mockColorScheme: 'light' | 'dark' | null = 'light';
+
+jest.mock('react-native', () => {
+  const actual = jest.requireActual('react-native');
+  return {
+    ...actual,
+    useColorScheme: () => mockColorScheme,
+    Appearance: {
+      ...actual.Appearance,
+      setColorScheme: jest.fn(),
+      getColorScheme: () => mockColorScheme,
+    },
+  };
+});
+
+import { BloomThemeProvider } from '../theme/BloomThemeProvider';
+import { useTheme } from '../theme/use-theme';
+import { useNavigationTheme } from '../theme/use-navigation-theme';
+import type { NavigationTheme } from '../theme/use-navigation-theme';
+
+// Probe that captures both the navigation theme and the raw bloom theme
+// into external refs so tests can inspect them after render.
+function Probe({
+  navRef,
+  bloomRef,
+}: {
+  navRef: React.MutableRefObject<NavigationTheme | null>;
+  bloomRef: React.MutableRefObject<ReturnType<typeof useTheme> | null>;
+}) {
+  const nav = useNavigationTheme();
+  const bloom = useTheme();
+  navRef.current = nav;
+  bloomRef.current = bloom;
+  return (
+    <View>
+      <Text testID="dark">{String(nav.dark)}</Text>
+      <Text testID="primary">{nav.colors.primary}</Text>
+      <Text testID="notification">{nav.colors.notification}</Text>
+    </View>
+  );
+}
+
+// Probe that captures the navigation theme reference twice across renders,
+// storing it in an array so the test can assert referential stability.
+function MemoProbe({
+  capturesRef,
+  triggerProp,
+}: {
+  capturesRef: React.MutableRefObject<NavigationTheme[]>;
+  triggerProp: number;
+}) {
+  void triggerProp; // read the prop so React re-renders when it changes
+  const nav = useNavigationTheme();
+  capturesRef.current.push(nav);
+  return null;
+}
+
+beforeEach(() => {
+  mockColorScheme = 'light';
+});
+
+describe('useNavigationTheme', () => {
+  describe('dark flag', () => {
+    it('returns dark=false under explicit light mode', () => {
+      const navRef = { current: null as NavigationTheme | null };
+      const bloomRef = { current: null as ReturnType<typeof useTheme> | null };
+      render(
+        <BloomThemeProvider mode="light">
+          <Probe navRef={navRef} bloomRef={bloomRef} />
+        </BloomThemeProvider>,
+      );
+      expect(navRef.current?.dark).toBe(false);
+    });
+
+    it('returns dark=true under explicit dark mode', () => {
+      const navRef = { current: null as NavigationTheme | null };
+      const bloomRef = { current: null as ReturnType<typeof useTheme> | null };
+      render(
+        <BloomThemeProvider mode="dark">
+          <Probe navRef={navRef} bloomRef={bloomRef} />
+        </BloomThemeProvider>,
+      );
+      expect(navRef.current?.dark).toBe(true);
+    });
+
+    it('returns dark=false when system mode resolves to light', () => {
+      mockColorScheme = 'light';
+      const navRef = { current: null as NavigationTheme | null };
+      const bloomRef = { current: null as ReturnType<typeof useTheme> | null };
+      render(
+        <BloomThemeProvider mode="system">
+          <Probe navRef={navRef} bloomRef={bloomRef} />
+        </BloomThemeProvider>,
+      );
+      expect(navRef.current?.dark).toBe(false);
+    });
+
+    it('returns dark=true when system mode resolves to dark', () => {
+      mockColorScheme = 'dark';
+      const navRef = { current: null as NavigationTheme | null };
+      const bloomRef = { current: null as ReturnType<typeof useTheme> | null };
+      render(
+        <BloomThemeProvider mode="system">
+          <Probe navRef={navRef} bloomRef={bloomRef} />
+        </BloomThemeProvider>,
+      );
+      expect(navRef.current?.dark).toBe(true);
+    });
+  });
+
+  describe('color mapping', () => {
+    it('maps primary/background/card/text/border 1:1 from useTheme().colors', () => {
+      const navRef = { current: null as NavigationTheme | null };
+      const bloomRef = { current: null as ReturnType<typeof useTheme> | null };
+      render(
+        <BloomThemeProvider mode="light" colorPreset="blue">
+          <Probe navRef={navRef} bloomRef={bloomRef} />
+        </BloomThemeProvider>,
+      );
+      const nav = navRef.current;
+      const bloom = bloomRef.current;
+      expect(nav).not.toBeNull();
+      expect(bloom).not.toBeNull();
+      expect(nav!.colors.primary).toBe(bloom!.colors.primary);
+      expect(nav!.colors.background).toBe(bloom!.colors.background);
+      expect(nav!.colors.card).toBe(bloom!.colors.card);
+      expect(nav!.colors.text).toBe(bloom!.colors.text);
+      expect(nav!.colors.border).toBe(bloom!.colors.border);
+    });
+
+    it('maps notification to colors.error (not a direct key)', () => {
+      const navRef = { current: null as NavigationTheme | null };
+      const bloomRef = { current: null as ReturnType<typeof useTheme> | null };
+      render(
+        <BloomThemeProvider mode="light" colorPreset="blue">
+          <Probe navRef={navRef} bloomRef={bloomRef} />
+        </BloomThemeProvider>,
+      );
+      expect(navRef.current!.colors.notification).toBe(
+        bloomRef.current!.colors.error,
+      );
+    });
+
+    it('colors differ between light and dark presets (sanity check)', () => {
+      const lightNavRef = { current: null as NavigationTheme | null };
+      const lightBloomRef = { current: null as ReturnType<typeof useTheme> | null };
+      const { unmount } = render(
+        <BloomThemeProvider mode="light" colorPreset="teal">
+          <Probe navRef={lightNavRef} bloomRef={lightBloomRef} />
+        </BloomThemeProvider>,
+      );
+      const lightBg = lightNavRef.current!.colors.background;
+      unmount();
+
+      const darkNavRef = { current: null as NavigationTheme | null };
+      const darkBloomRef = { current: null as ReturnType<typeof useTheme> | null };
+      render(
+        <BloomThemeProvider mode="dark" colorPreset="teal">
+          <Probe navRef={darkNavRef} bloomRef={darkBloomRef} />
+        </BloomThemeProvider>,
+      );
+      const darkBg = darkNavRef.current!.colors.background;
+
+      expect(lightBg).not.toBe(darkBg);
+    });
+  });
+
+  describe('fonts shape', () => {
+    it('has all four font variants with System fontFamily', () => {
+      const navRef = { current: null as NavigationTheme | null };
+      const bloomRef = { current: null as ReturnType<typeof useTheme> | null };
+      render(
+        <BloomThemeProvider mode="light">
+          <Probe navRef={navRef} bloomRef={bloomRef} />
+        </BloomThemeProvider>,
+      );
+      const fonts = navRef.current!.fonts;
+      for (const key of ['regular', 'medium', 'bold', 'heavy'] as const) {
+        expect(fonts[key].fontFamily).toBe('System');
+      }
+    });
+
+    it('has correct fontWeight values for each variant', () => {
+      const navRef = { current: null as NavigationTheme | null };
+      const bloomRef = { current: null as ReturnType<typeof useTheme> | null };
+      render(
+        <BloomThemeProvider mode="light">
+          <Probe navRef={navRef} bloomRef={bloomRef} />
+        </BloomThemeProvider>,
+      );
+      const fonts = navRef.current!.fonts;
+      expect(fonts.regular.fontWeight).toBe('400');
+      expect(fonts.medium.fontWeight).toBe('500');
+      expect(fonts.bold.fontWeight).toBe('700');
+      expect(fonts.heavy.fontWeight).toBe('900');
+    });
+  });
+
+  describe('memo stability', () => {
+    it('returns a referentially-equal object on re-render when theme is unchanged', () => {
+      const capturesRef: React.MutableRefObject<NavigationTheme[]> = {
+        current: [],
+      };
+      const { rerender } = render(
+        <BloomThemeProvider mode="light">
+          <MemoProbe capturesRef={capturesRef} triggerProp={0} />
+        </BloomThemeProvider>,
+      );
+
+      // Re-render without changing mode or colorPreset — memo should hold.
+      rerender(
+        <BloomThemeProvider mode="light">
+          <MemoProbe capturesRef={capturesRef} triggerProp={1} />
+        </BloomThemeProvider>,
+      );
+
+      expect(capturesRef.current.length).toBeGreaterThanOrEqual(2);
+      const first = capturesRef.current[0];
+      const second = capturesRef.current[1];
+      expect(Object.is(first, second)).toBe(true);
+    });
+  });
+});

package/src/admonition/index.tsx

@@ -28,7 +28,7 @@ const ICON_MAP = {
   apology: EmojiSadIcon,
 } as const;
 
-export function Icon() {
+export function AdmonitionIcon() {
   const theme = useTheme();
   const { type } = useContext(AdmonitionContext);
 
@@ -44,9 +44,9 @@ export function Icon() {
 
   return <IconComponent fill={fillMap[type]} size="md" />;
 }
-Icon.displayName = 'Admonition.Icon';
+AdmonitionIcon.displayName = 'AdmonitionIcon';
 
-export function Content({
+export function AdmonitionContent({
   children,
   style,
 }: {
@@ -59,9 +59,9 @@ export function Content({
     </View>
   );
 }
-Content.displayName = 'Admonition.Content';
+AdmonitionContent.displayName = 'AdmonitionContent';
 
-export function Text({
+export function AdmonitionText({
   children,
   style,
 }: {
@@ -74,9 +74,9 @@ export function Text({
     </BaseText>
   );
 }
-Text.displayName = 'Admonition.Text';
+AdmonitionText.displayName = 'AdmonitionText';
 
-export function Button({
+export function AdmonitionButton({
   children,
   ...props
 }: Omit<ButtonProps, 'size' | 'variant'>) {
@@ -86,9 +86,9 @@ export function Button({
     </BaseButton>
   );
 }
-Button.displayName = 'Admonition.Button';
+AdmonitionButton.displayName = 'AdmonitionButton';
 
-export function Row({
+export function AdmonitionRow({
   children,
   style,
 }: {
@@ -101,9 +101,9 @@ export function Row({
     </View>
   );
 }
-Row.displayName = 'Admonition.Row';
+AdmonitionRow.displayName = 'AdmonitionRow';
 
-export function Outer({
+export function AdmonitionRoot({
   children,
   type = 'info',
   style,
@@ -139,11 +139,12 @@ export function Outer({
     </AdmonitionContext.Provider>
   );
 }
-Outer.displayName = 'Admonition.Outer';
+AdmonitionRoot.displayName = 'AdmonitionRoot';
 
 /**
  * Simple all-in-one Admonition component for common use cases.
- * For more control, compose with Outer, Row, Icon, Content, Text, and Button.
+ * For more control, compose with AdmonitionRoot, AdmonitionRow, AdmonitionIcon,
+ * AdmonitionContent, AdmonitionText, and AdmonitionButton.
  */
 export function Admonition({
   children,
@@ -155,14 +156,14 @@ export function Admonition({
   style?: StyleProp<ViewStyle>;
 }) {
   return (
-    <Outer type={type} style={style}>
-      <Row>
-        <Icon />
-        <Content>
-          <Text>{children}</Text>
-        </Content>
-      </Row>
-    </Outer>
+    <AdmonitionRoot type={type} style={style}>
+      <AdmonitionRow>
+        <AdmonitionIcon />
+        <AdmonitionContent>
+          <AdmonitionText>{children}</AdmonitionText>
+        </AdmonitionContent>
+      </AdmonitionRow>
+    </AdmonitionRoot>
   );
 }
 Admonition.displayName = 'Admonition';