@oxyhq/bloom 0.26.1 → 0.28.0

package/lib/typescript/module/media-inset-border/MediaInsetBorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaInsetBorder.d.ts","sourceRoot":"","sources":["../../../../src/media-inset-border/MediaInsetBorder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AActB,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAelF;yBAfe,gBAAgB"}

package/lib/typescript/module/media-inset-border/index.d.ts

@@ -0,0 +1,3 @@
+export { MediaInsetBorder } from './MediaInsetBorder';
+export type { MediaInsetBorderProps } from './MediaInsetBorder';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/media-inset-border/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/media-inset-border/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/typescript/module/motion/ScreenTransition.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+/** Direction the incoming screen travels. */
+export type ScreenTransitionDirection = 'forward' | 'backward';
+export interface ScreenTransitionProps {
+    /**
+     * `'forward'` slides the new screen in from the right, `'backward'` from the
+     * left — matching a push / pop navigation gesture.
+     */
+    direction: ScreenTransitionDirection;
+    /**
+     * Enable the transition on web. Off by default: Reanimated layout animations
+     * are fragile across web bundlers, so web opts in explicitly and gets a
+     * lightweight cross-fade rather than a slide.
+     */
+    enabledWeb?: boolean;
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+}
+/**
+ * Wraps `children` in a Reanimated layout-animated view that slides in
+ * directionally on native and (optionally) cross-fades on web. Ported from
+ * Bluesky's `ScreenTransition`.
+ *
+ * On web the slide is intentionally dropped: layout animations there are
+ * unreliable, so `enabledWeb` gates a simple fade and the default is no
+ * transition at all.
+ */
+export declare function ScreenTransition({ direction, enabledWeb, style, children, }: ScreenTransitionProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ScreenTransition {
+    var displayName: string;
+}
+//# sourceMappingURL=ScreenTransition.d.ts.map

package/lib/typescript/module/motion/ScreenTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenTransition.d.ts","sourceRoot":"","sources":["../../../../src/motion/ScreenTransition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASxE,6CAA6C;AAC7C,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,SAAS,EAAE,yBAAyB,CAAC;IACrC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAOD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,UAAU,EACV,KAAK,EACL,QAAQ,GACT,EAAE,qBAAqB,2CAoBvB;yBAzBe,gBAAgB"}

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

@@ -0,0 +1,4 @@
+export { ScaleAndFadeIn, ScaleAndFadeOut, ShrinkAndPop } from './motion';
+export { ScreenTransition } from './ScreenTransition';
+export type { ScreenTransitionProps, ScreenTransitionDirection } from './ScreenTransition';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/motion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/typescript/module/motion/motion.d.ts

@@ -0,0 +1,24 @@
+import { type LayoutAnimation } from 'react-native-reanimated';
+/**
+ * Reanimated custom layout-animation presets. Each is a worklet builder
+ * compatible with an `Animated.View`'s `entering` / `exiting` prop:
+ *
+ * ```tsx
+ * <Animated.View entering={ScaleAndFadeIn} exiting={ScaleAndFadeOut} />
+ * ```
+ *
+ * Ported from Bluesky's custom-animation set. The `'worklet'` directive is
+ * preserved through Bloom's build; the consuming app's Metro + reanimated Babel
+ * plugin transforms it so the animation runs on the UI thread (same path the
+ * existing `bottom-sheet` gesture worklets rely on).
+ */
+/** Entering: fade in while growing from 70% to full size. */
+export declare const ScaleAndFadeIn: () => LayoutAnimation;
+/** Exiting counterpart to {@link ScaleAndFadeIn}: fade out while shrinking to 70%. */
+export declare const ScaleAndFadeOut: () => LayoutAnimation;
+/**
+ * Exiting with a brief "pop": the scale dips to 70%, overshoots to 110%, and the
+ * element fades out. Good for confirming a tapped or removed item.
+ */
+export declare const ShrinkAndPop: () => LayoutAnimation;
+//# sourceMappingURL=motion.d.ts.map

package/lib/typescript/module/motion/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../../src/motion/motion.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAEjC;;;;;;;;;;;;GAYG;AAEH,6DAA6D;AAC7D,eAAO,MAAM,cAAc,EAAE,MAAM,eAYlC,CAAC;AAEF,sFAAsF;AACtF,eAAO,MAAM,eAAe,EAAE,MAAM,eAYnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,eAmBhC,CAAC"}

package/lib/typescript/module/pressable-scale/PressableScale.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { type PressableProps, type StyleProp, type View, type ViewStyle } from 'react-native';
+export interface PressableScaleProps extends Omit<PressableProps, 'children' | 'style'> {
+    /** Scale applied while pressed. Defaults to `0.98`. */
+    targetScale?: number;
+    /** Style for the outer, full-size touch target (stays put while pressing). */
+    style?: StyleProp<ViewStyle>;
+    /** Style for the inner content wrapper that actually scales. */
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+}
+/**
+ * A drop-in {@link Pressable} whose content springs to a smaller scale on
+ * press-in and back on release. The outer pressable stays full size (so the
+ * touch target never shrinks) while an inner wrapper scales.
+ *
+ * Honours the OS "reduce motion" setting and disables the effect on non-touch
+ * web pointers.
+ */
+export declare const PressableScale: React.ForwardRefExoticComponent<PressableScaleProps & React.RefAttributes<View>>;
+//# sourceMappingURL=PressableScale.d.ts.map

package/lib/typescript/module/pressable-scale/PressableScale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PressableScale.d.ts","sourceRoot":"","sources":["../../../../src/pressable-scale/PressableScale.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AA0BtB,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAClD,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,kFA+C1B,CAAC"}

package/lib/typescript/module/pressable-scale/index.d.ts

@@ -0,0 +1,3 @@
+export { PressableScale } from './PressableScale';
+export type { PressableScaleProps } from './PressableScale';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/pressable-scale/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pressable-scale/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/typescript/module/pressable-with-hover/PressableWithHover.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { type PressableProps, type StyleProp, type View, type ViewStyle } from 'react-native';
+export interface PressableWithHoverProps extends Omit<PressableProps, 'style'> {
+    /** Base style; `hoverStyle` is merged on top while the pointer is over it. */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Style merged over `style` while hovered. Web-only: react-native-web fires
+     * `onHoverIn`/`onHoverOut`, so on touch platforms this is simply never applied.
+     */
+    hoverStyle: StyleProp<ViewStyle>;
+}
+/**
+ * A {@link Pressable} that merges `hoverStyle` on top of `style` while hovered.
+ * Hover is a web-only affordance (native platforms have no pointer hover), so
+ * this behaves like a plain `Pressable` on touch devices.
+ */
+export declare const PressableWithHover: React.ForwardRefExoticComponent<PressableWithHoverProps & React.RefAttributes<View>>;
+//# sourceMappingURL=PressableWithHover.d.ts.map

package/lib/typescript/module/pressable-with-hover/PressableWithHover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PressableWithHover.d.ts","sourceRoot":"","sources":["../../../../src/pressable-with-hover/PressableWithHover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC5E,8EAA8E;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,sFAc9B,CAAC"}

package/lib/typescript/module/pressable-with-hover/index.d.ts

@@ -0,0 +1,3 @@
+export { PressableWithHover } from './PressableWithHover';
+export type { PressableWithHoverProps } from './PressableWithHover';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/pressable-with-hover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pressable-with-hover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/typescript/module/styles/breakpoints.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Bloom's responsive breakpoint min-widths (px), matching the Tailwind /
+ * NativeWind defaults used across the design system.
+ *
+ * This is the SINGLE SOURCE OF TRUTH for breakpoint values. Anything that
+ * branches on viewport width — the `<Dialog>` responsive `placement` resolver,
+ * the `useGutters` hook — reads from here rather than hardcoding its own
+ * numbers, so a change here propagates everywhere.
+ */
+export declare const BREAKPOINTS: {
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1280;
+};
+/** A named responsive breakpoint tier. */
+export type Breakpoint = keyof typeof BREAKPOINTS;
+//# sourceMappingURL=breakpoints.d.ts.map

package/lib/typescript/module/styles/breakpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../../src/styles/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX,0CAA0C;AAC1C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC"}

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

@@ -1,6 +1,8 @@
 export { atoms, flatten } from './atoms';
 export type { ViewStyleProp, TextStyleProp } from './atoms';
 export * as tokens from './tokens';
+export { BREAKPOINTS } from './breakpoints';
+export type { Breakpoint } from './breakpoints';
 export { Z_INDEX, zIndex } from './z-index';
 export { web, native, ios, android, platform, select } from './platform';
 export { SUPPORTS_NATIVE_DRIVER } from './native-driver';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/typescript/module/subtle-hover/SubtleHover.d.ts

@@ -0,0 +1,32 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface SubtleHoverProps {
+    /** Whether the parent is currently hovered. Drives the overlay opacity. */
+    hover: boolean;
+    /**
+     * Overlay opacity when hovered. Defaults to a mode-tuned value (0.4 dark /
+     * 0.5 light) that reads as a gentle contrast wash.
+     */
+    opacity?: number;
+    /** Extra style merged last — e.g. `borderRadius` to match the parent. */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Opt in to rendering on native. Off by default: hover is a pointer
+     * affordance, so this is a web-only overlay unless a native surface wants the
+     * same wash driven by another interaction (e.g. press).
+     */
+    native?: boolean;
+}
+/**
+ * An absolutely-positioned, non-interactive contrast wash that fades in while
+ * its parent is hovered. Ported from Bluesky's `SubtleHover`. Pairs naturally
+ * with {@link useInteractionState} — pass its `state` as `hover`.
+ *
+ * Renders nothing on touch-web (no hovering pointer) and on native unless
+ * `native` is set. Color comes from the theme's `contrast50` token so the wash
+ * tracks the active preset and light/dark mode.
+ */
+export declare function SubtleHover({ hover, opacity, style, native }: SubtleHoverProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace SubtleHover {
+    var displayName: string;
+}
+//# sourceMappingURL=SubtleHover.d.ts.map

package/lib/typescript/module/subtle-hover/SubtleHover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubtleHover.d.ts","sourceRoot":"","sources":["../../../../src/subtle-hover/SubtleHover.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AA4B1F,MAAM,WAAW,gBAAgB;IAC/B,2EAA2E;IAC3E,KAAK,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAc,EAAE,EAAE,gBAAgB,kDAoBtF;yBApBe,WAAW"}

package/lib/typescript/module/subtle-hover/index.d.ts

@@ -0,0 +1,3 @@
+export { SubtleHover } from './SubtleHover';
+export type { SubtleHoverProps } from './SubtleHover';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/subtle-hover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/subtle-hover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/lib/typescript/module/theme/build-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build-theme.d.ts","sourceRoot":"","sources":["../../../../src/theme/build-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGvE,OAAO,KAAK,EAAE,KAAK,EAAe,MAAM,SAAS,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAyFX;;;;;GAKG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,OAAO,GAAG,MAAM,EAC1B,UAAU,GAAE,OAAe,GAC1B,KAAK,CAUP"}
+{"version":3,"file":"build-theme.d.ts","sourceRoot":"","sources":["../../../../src/theme/build-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIvE,OAAO,KAAK,EAAE,KAAK,EAAe,MAAM,SAAS,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAyFX;;;;;GAKG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,OAAO,GAAG,MAAM,EAC1B,UAAU,GAAE,OAAe,GAC1B,KAAK,CAWP"}

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

@@ -0,0 +1,12 @@
+import type { ThemeGradients } from './types';
+/**
+ * Brand-neutral named linear-gradient palettes shared across the design system —
+ * decorative avatar rings, hero surfaces, empty-state art, and similar accents.
+ *
+ * Each entry lists ordered `[offset, color]` stops where `offset` is a `0–1`
+ * position along the gradient axis. These are intentionally theme-agnostic (the
+ * same values are exposed in light and dark mode) and not tied to any single
+ * app's brand, so components can reference them by a stable, descriptive name.
+ */
+export declare const THEME_GRADIENTS: ThemeGradients;
+//# sourceMappingURL=gradients.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../../../src/theme/gradients.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,cAiD7B,CAAC"}

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

@@ -3,10 +3,11 @@ export type { BloomThemeProviderProps, BloomThemeContextValue, } from './BloomTh
 export { BloomColorScope, useColorScopeStyle } from './color-scope';
 export type { BloomColorScopeProps } from './color-scope';
 export { buildTheme, STATUS_COLORS } from './build-theme';
+export { THEME_GRADIENTS } from './gradients';
 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 { Theme, ThemeColors, ThemeMode, ThemeGradient, ThemeGradients } 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';
 export { getPresetVars, applyPresetVarsToDocument } from './preset-vars';

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,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"}
+{"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,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,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,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC5F,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/types.d.ts

@@ -34,9 +34,20 @@ export interface ThemeColors {
     shadow: string;
     overlay: string;
 }
+/**
+ * A single named gradient: an ordered list of `[offset, color]` stops where
+ * `offset` runs 0–1 along the gradient axis and `color` is any RN/CSS color.
+ */
+export interface ThemeGradient {
+    values: Array<[number, string]>;
+}
+/** Map of named gradients exposed on the theme (`theme.gradients`). */
+export type ThemeGradients = Record<string, ThemeGradient>;
 export interface Theme {
     mode: 'light' | 'dark';
     colors: ThemeColors;
+    /** Brand-neutral named linear-gradient palettes. Theme-agnostic (same in light/dark). */
+    gradients: ThemeGradients;
     isDark: boolean;
     isLight: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAE3B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IAErB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IAEpB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,YAAY,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,WAAW,EAAE,MAAM,CAAC;IAEpB,iFAAiF;IACjF,SAAS,EAAE,MAAM,CAAC;IAElB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IAEnB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IAEb,aAAa,EAAE,MAAM,CAAC;IACtB,uBAAuB,EAAE,MAAM,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,wBAAwB,EAAE,MAAM,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;IAEnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAE3B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IAErB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IAEpB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,YAAY,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,WAAW,EAAE,MAAM,CAAC;IAEpB,iFAAiF;IACjF,SAAS,EAAE,MAAM,CAAC;IAElB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IAEnB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IAEb,aAAa,EAAE,MAAM,CAAC;IACtB,uBAAuB,EAAE,MAAM,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,wBAAwB,EAAE,MAAM,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;IAEnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACjC;AAED,uEAAuE;AACvE,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE3D,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,WAAW,CAAC;IACpB,yFAAyF;IACzF,SAAS,EAAE,cAAc,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.26.1",
+  "version": "0.28.0",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -371,6 +371,72 @@
         "default": "./lib/commonjs/fill/index.js"
       }
     },
+    "./media-inset-border": {
+      "react-native": "./src/media-inset-border/index.ts",
+      "import": {
+        "types": "./lib/typescript/module/media-inset-border/index.d.ts",
+        "default": "./lib/module/media-inset-border/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/media-inset-border/index.d.ts",
+        "default": "./lib/commonjs/media-inset-border/index.js"
+      }
+    },
+    "./pressable-scale": {
+      "react-native": "./src/pressable-scale/index.ts",
+      "import": {
+        "types": "./lib/typescript/module/pressable-scale/index.d.ts",
+        "default": "./lib/module/pressable-scale/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/pressable-scale/index.d.ts",
+        "default": "./lib/commonjs/pressable-scale/index.js"
+      }
+    },
+    "./pressable-with-hover": {
+      "react-native": "./src/pressable-with-hover/index.ts",
+      "import": {
+        "types": "./lib/typescript/module/pressable-with-hover/index.d.ts",
+        "default": "./lib/module/pressable-with-hover/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/pressable-with-hover/index.d.ts",
+        "default": "./lib/commonjs/pressable-with-hover/index.js"
+      }
+    },
+    "./subtle-hover": {
+      "react-native": "./src/subtle-hover/index.ts",
+      "import": {
+        "types": "./lib/typescript/module/subtle-hover/index.d.ts",
+        "default": "./lib/module/subtle-hover/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/subtle-hover/index.d.ts",
+        "default": "./lib/commonjs/subtle-hover/index.js"
+      }
+    },
+    "./motion": {
+      "react-native": "./src/motion/index.ts",
+      "import": {
+        "types": "./lib/typescript/module/motion/index.d.ts",
+        "default": "./lib/module/motion/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/motion/index.d.ts",
+        "default": "./lib/commonjs/motion/index.js"
+      }
+    },
+    "./animated-check": {
+      "react-native": "./src/animated-check/index.ts",
+      "import": {
+        "types": "./lib/typescript/module/animated-check/index.d.ts",
+        "default": "./lib/module/animated-check/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/animated-check/index.d.ts",
+        "default": "./lib/commonjs/animated-check/index.js"
+      }
+    },
     "./icon-circle": {
       "react-native": "./src/icon-circle/index.tsx",
       "import": {
@@ -895,6 +961,7 @@
     "typescript": "tsc --noEmit",
     "pretypescript": "node scripts/generate-font-data.mjs",
     "clean": "rm -rf lib",
+    "prepack": "bun run clean && bunx bob build",
     "prepare": "bob build || true",
     "release": "rm -rf lib && bun run build && release-it",
     "storybook": "storybook dev -p 6006 --no-open",
@@ -926,6 +993,7 @@
     "@types/react-native": "*",
     "@vitejs/plugin-react": "^6.0.2",
     "expo-font": "^56.0.5",
+    "expo-haptics": "~56.0.3",
     "expo-router": "^56.0.0",
     "jest": "^30.3.0",
     "jest-environment-jsdom": "^30.4.1",
@@ -950,6 +1018,7 @@
   "peerDependencies": {
     "expo": "*",
     "expo-font": "*",
+    "expo-haptics": "*",
     "expo-router": ">=3.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
@@ -968,6 +1037,9 @@
     "expo-font": {
       "optional": true
     },
+    "expo-haptics": {
+      "optional": true
+    },
     "expo-router": {
       "optional": true
     },

package/src/__tests__/AnimatedCheck.test.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { act, render } from '@testing-library/react-native';
+
+import { BloomThemeProvider } from '../theme/BloomThemeProvider';
+import { AnimatedCheck, type AnimatedCheckRef } from '../animated-check';
+
+function renderWithTheme(ui: React.ReactElement) {
+  return render(
+    <BloomThemeProvider mode="light" colorPreset="teal">
+      {ui}
+    </BloomThemeProvider>,
+  );
+}
+
+describe('AnimatedCheck', () => {
+  it('carries a displayName', () => {
+    expect(AnimatedCheck.displayName).toBe('AnimatedCheck');
+  });
+
+  it('renders the animated SVG when react-native-svg is available', () => {
+    const { toJSON } = renderWithTheme(<AnimatedCheck size={48} />);
+    expect(toJSON()).not.toBeNull();
+  });
+
+  it('exposes an imperative play() that runs without throwing', () => {
+    const ref = React.createRef<AnimatedCheckRef>();
+    renderWithTheme(<AnimatedCheck ref={ref} size={48} color="#6366f1" />);
+    expect(ref.current).not.toBeNull();
+    expect(() => act(() => ref.current?.play())).not.toThrow();
+  });
+});

package/src/__tests__/MediaInsetBorder.test.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import { render } from '@testing-library/react-native';
+
+import { BloomThemeProvider } from '../theme/BloomThemeProvider';
+import { MediaInsetBorder } from '../media-inset-border';
+
+function renderWithTheme(ui: React.ReactElement) {
+  return render(
+    <BloomThemeProvider mode="light" colorPreset="teal">
+      {ui}
+    </BloomThemeProvider>,
+  );
+}
+
+describe('MediaInsetBorder', () => {
+  it('carries a displayName', () => {
+    expect(MediaInsetBorder.displayName).toBe('MediaInsetBorder');
+  });
+
+  it('renders the softened border by default', () => {
+    const { UNSAFE_root } = renderWithTheme(<MediaInsetBorder />);
+    expect(UNSAFE_root).toBeTruthy();
+  });
+
+  it('renders the opaque variant', () => {
+    const { UNSAFE_root } = renderWithTheme(<MediaInsetBorder opaque />);
+    expect(UNSAFE_root).toBeTruthy();
+  });
+
+  it('accepts a style override for borderRadius', () => {
+    const { UNSAFE_root } = renderWithTheme(
+      <MediaInsetBorder style={{ borderRadius: 999 }} />,
+    );
+    expect(UNSAFE_root).toBeTruthy();
+  });
+});

package/src/__tests__/Motion.test.tsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import { Text } from 'react-native';
+import { render } from '@testing-library/react-native';
+
+import {
+  ScaleAndFadeIn,
+  ScaleAndFadeOut,
+  ScreenTransition,
+  ShrinkAndPop,
+} from '../motion';
+
+// The reanimated mock resolves `withTiming(v)` -> v, `withDelay(d, v)` -> v and
+// `withSequence(...v)` -> last, so the builder output is deterministic.
+
+describe('motion presets', () => {
+  it('ScaleAndFadeIn enters from 70% scale and transparent', () => {
+    const { initialValues, animations } = ScaleAndFadeIn();
+    expect(initialValues).toEqual({ opacity: 0, transform: [{ scale: 0.7 }] });
+    expect(animations).toEqual({ opacity: 1, transform: [{ scale: 1 }] });
+  });
+
+  it('ScaleAndFadeOut exits to 70% scale and transparent', () => {
+    const { initialValues, animations } = ScaleAndFadeOut();
+    expect(initialValues).toEqual({ opacity: 1, transform: [{ scale: 1 }] });
+    expect(animations).toEqual({ opacity: 0, transform: [{ scale: 0.7 }] });
+  });
+
+  it('ShrinkAndPop overshoots to 110% before leaving', () => {
+    const { initialValues, animations } = ShrinkAndPop();
+    expect(initialValues).toEqual({ opacity: 1, transform: [{ scale: 1 }] });
+    // withSequence resolves to its final keyframe (the 1.1 overshoot) in the mock.
+    expect(animations.transform).toEqual([{ scale: 1.1 }]);
+  });
+});
+
+describe('ScreenTransition', () => {
+  it('carries a displayName', () => {
+    expect(ScreenTransition.displayName).toBe('ScreenTransition');
+  });
+
+  it('renders its children for a forward transition', () => {
+    const { getByText } = render(
+      <ScreenTransition direction="forward">
+        <Text>Screen body</Text>
+      </ScreenTransition>,
+    );
+    expect(getByText('Screen body')).toBeTruthy();
+  });
+
+  it('renders its children for a backward transition', () => {
+    const { getByText } = render(
+      <ScreenTransition direction="backward" enabledWeb>
+        <Text>Back</Text>
+      </ScreenTransition>,
+    );
+    expect(getByText('Back')).toBeTruthy();
+  });
+});

package/src/__tests__/PressableScale.test.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Text } from 'react-native';
+import { render } from '@testing-library/react-native';
+
+import { PressableScale } from '../pressable-scale';
+
+describe('PressableScale', () => {
+  it('carries a displayName', () => {
+    expect(PressableScale.displayName).toBe('PressableScale');
+  });
+
+  it('renders its children', () => {
+    const { getByText } = render(
+      <PressableScale accessibilityLabel="Press me">
+        <Text>Tap target</Text>
+      </PressableScale>,
+    );
+    expect(getByText('Tap target')).toBeTruthy();
+  });
+
+  it('renders with a custom target scale', () => {
+    const { getByText } = render(
+      <PressableScale targetScale={0.9} accessibilityLabel="Press me">
+        <Text>Scaled</Text>
+      </PressableScale>,
+    );
+    expect(getByText('Scaled')).toBeTruthy();
+  });
+});