@oxyhq/bloom 0.1.37 → 0.2.1

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

@@ -0,0 +1,48 @@
+export * from './theme';
+export { atoms, flatten } from './styles';
+export type { ViewStyleProp, TextStyleProp } from './styles';
+export * as tokens from './styles/tokens';
+export { web, native, ios, android, platform, select } from './styles/platform';
+export { useInteractionState } from './hooks/useInteractionState';
+export { useDelayedLoading } from './hooks/useDelayedLoading';
+export { useThrottledValue } from './hooks/useThrottledValue';
+export * as Icons from './icons';
+export { type Props as IconProps, sizes as iconSizes, useCommonSVGProps } from './icons/common';
+export * from './portal/index.web';
+export * as Dialog from './dialog/index.web';
+export * as Prompt from './prompt';
+export * from './button';
+export * from './grouped-buttons';
+export * from './divider';
+export * from './radio-indicator';
+export * from './collapsible';
+export { ErrorBoundary } from './error-boundary';
+export type { ErrorBoundaryProps } from './error-boundary';
+export * from './avatar';
+export * from './loading';
+export * as PromptInput from './prompt-input';
+export * from './switch';
+export * as Toast from './toast/index.web';
+export * as Typography from './typography';
+export * as Skeleton from './skeleton';
+export * as Grid from './grid';
+export { Fill } from './fill';
+export { IconCircle } from './icon-circle';
+export * as TextField from './text-field';
+export * as SegmentedControl from './segmented-control';
+export { SearchInput } from './search-input';
+export { BottomSheet } from './bottom-sheet';
+export type { BottomSheetRef, BottomSheetProps } from './bottom-sheet';
+export * from './card';
+export * from './badge';
+export * from './chip';
+export * as Tabs from './tabs';
+export * from './checkbox';
+export * as Accordion from './accordion';
+export * from './settings-list';
+export * as Admonition from './admonition';
+export * as Menu from './menu/index.web';
+export * as Tooltip from './tooltip/index.web';
+export * as Select from './select/index.web';
+export * as ContextMenu from './context-menu/index.web';
+//# sourceMappingURL=index.web.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"AAMA,cAAc,SAAS,CAAC;AAGxB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGhF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG9D,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,KAAK,KAAK,IAAI,SAAS,EAAE,KAAK,IAAI,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGhG,cAAc,oBAAoB,CAAC;AACnC,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAC;AAG3C,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAG3C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,SAAS,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvE,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAGzC,cAAc,iBAAiB,CAAC;AAGhC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC;AACzC,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC;AAC/C,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC"}

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

@@ -0,0 +1,20 @@
+/**
+ * Web variant of the Portal API.
+ *
+ * On native we keep the context-based portal group (the consumer mounts a
+ * `<Provider />` near the root and an `<Outlet />` to render portaled
+ * components inside the native view hierarchy). On web there's a stable
+ * `document.body`, so we portal directly there via `react-dom`'s native
+ * `createPortal` — no provider, no outlet, no setup. This matches how
+ * mature web component libraries (Radix, Mantine, Tamagui) ship their
+ * portals.
+ *
+ * The native and web APIs are kept identical: `Provider` and `Outlet` are
+ * still exported on web — they just become harmless no-op fragments so
+ * consumers that *do* mount them keep compiling.
+ */
+import React from 'react';
+export declare function Portal({ children }: React.PropsWithChildren<object>): React.ReactPortal | null;
+export declare function Provider(props: React.PropsWithChildren<object>): import("react/jsx-runtime").JSX.Element;
+export declare const Outlet: React.NamedExoticComponent<object>;
+//# sourceMappingURL=index.web.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/portal/index.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAoD,MAAM,OAAO,CAAC;AAyBzE,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,4BAOnE;AAKD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,2CAE9D;AAED,eAAO,MAAM,MAAM,oCAEjB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAkB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAc,MAAM,cAAc,CAAC;AAiC1F,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,KAAK,GACN,EAAE;IACD,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,2CA0BA;yBAhCe,IAAI;;;AAmCpB,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,2CAmBA;yBA7Be,MAAM;;;AAgCtB,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,2CAkBA;yBA1Be,IAAI;;;AA6BpB,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,2CAEA;yBARe,GAAG;;;AAWnB,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,2CAEA;yBARe,GAAG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAkB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAc,MAAM,cAAc,CAAC;AAkC1F,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,KAAK,GACN,EAAE;IACD,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,2CA0BA;yBAhCe,IAAI;;;AAmCpB,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,2CAmBA;yBA7Be,MAAM;;;AAgCtB,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,2CAkBA;yBA1Be,IAAI;;;AA6BpB,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,2CAEA;yBARe,GAAG;;;AAWnB,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC,2CAEA;yBARe,GAAG"}

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

@@ -2,4 +2,5 @@ export { atoms, flatten } from './atoms';
 export type { ViewStyleProp, TextStyleProp } from './atoms';
 export * as tokens from './tokens';
 export { web, native, ios, android, platform, select } from './platform';
+export { SUPPORTS_NATIVE_DRIVER } from './native-driver';
 //# sourceMappingURL=index.d.ts.map

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,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,YAAY,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,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/styles/native-driver.d.ts

@@ -0,0 +1,2 @@
+export declare const SUPPORTS_NATIVE_DRIVER: boolean;
+//# sourceMappingURL=native-driver.d.ts.map

package/lib/typescript/module/styles/native-driver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-driver.d.ts","sourceRoot":"","sources":["../../../../src/styles/native-driver.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,sBAAsB,SAAwB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.1.37",
+  "version": "0.2.1",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -14,6 +14,11 @@
   "exports": {
     ".": {
       "react-native": "./src/index.ts",
+      "browser": {
+        "types": "./lib/typescript/module/index.web.d.ts",
+        "import": "./lib/module/index.web.js",
+        "require": "./lib/commonjs/index.web.js"
+      },
       "import": {
         "types": "./lib/typescript/module/index.d.ts",
         "default": "./lib/module/index.js"
@@ -58,6 +63,11 @@
     },
     "./portal": {
       "react-native": "./src/portal/index.tsx",
+      "browser": {
+        "types": "./lib/typescript/module/portal/index.web.d.ts",
+        "import": "./lib/module/portal/index.web.js",
+        "require": "./lib/commonjs/portal/index.web.js"
+      },
       "import": {
         "types": "./lib/typescript/module/portal/index.d.ts",
         "default": "./lib/module/portal/index.js"
@@ -69,6 +79,11 @@
     },
     "./dialog": {
       "react-native": "./src/dialog/index.ts",
+      "browser": {
+        "types": "./lib/typescript/module/dialog/index.web.d.ts",
+        "import": "./lib/module/dialog/index.web.js",
+        "require": "./lib/commonjs/dialog/index.web.js"
+      },
       "import": {
         "types": "./lib/typescript/module/dialog/index.d.ts",
         "default": "./lib/module/dialog/index.js"
@@ -201,6 +216,11 @@
     },
     "./toast": {
       "react-native": "./src/toast/index.tsx",
+      "browser": {
+        "types": "./lib/typescript/module/toast/index.web.d.ts",
+        "import": "./lib/module/toast/index.web.js",
+        "require": "./lib/commonjs/toast/index.web.js"
+      },
       "import": {
         "types": "./lib/typescript/module/toast/index.d.ts",
         "default": "./lib/module/toast/index.js"
@@ -344,6 +364,11 @@
     },
     "./menu": {
       "react-native": "./src/menu/index.tsx",
+      "browser": {
+        "types": "./lib/typescript/module/menu/index.web.d.ts",
+        "import": "./lib/module/menu/index.web.js",
+        "require": "./lib/commonjs/menu/index.web.js"
+      },
       "import": {
         "types": "./lib/typescript/module/menu/index.d.ts",
         "default": "./lib/module/menu/index.js"
@@ -355,6 +380,11 @@
     },
     "./tooltip": {
       "react-native": "./src/tooltip/index.tsx",
+      "browser": {
+        "types": "./lib/typescript/module/tooltip/index.web.d.ts",
+        "import": "./lib/module/tooltip/index.web.js",
+        "require": "./lib/commonjs/tooltip/index.web.js"
+      },
       "import": {
         "types": "./lib/typescript/module/tooltip/index.d.ts",
         "default": "./lib/module/tooltip/index.js"
@@ -366,6 +396,11 @@
     },
     "./select": {
       "react-native": "./src/select/index.tsx",
+      "browser": {
+        "types": "./lib/typescript/module/select/index.web.d.ts",
+        "import": "./lib/module/select/index.web.js",
+        "require": "./lib/commonjs/select/index.web.js"
+      },
       "import": {
         "types": "./lib/typescript/module/select/index.d.ts",
         "default": "./lib/module/select/index.js"
@@ -388,6 +423,11 @@
     },
     "./context-menu": {
       "react-native": "./src/context-menu/index.tsx",
+      "browser": {
+        "types": "./lib/typescript/module/context-menu/index.web.d.ts",
+        "import": "./lib/module/context-menu/index.web.js",
+        "require": "./lib/commonjs/context-menu/index.web.js"
+      },
       "import": {
         "types": "./lib/typescript/module/context-menu/index.d.ts",
         "default": "./lib/module/context-menu/index.js"
@@ -523,6 +563,8 @@
   },
   "license": "MIT",
   "scripts": {
+    "generate:exports": "node scripts/generate-platform-exports.mjs",
+    "prebuild": "node scripts/generate-platform-exports.mjs",
     "build": "bob build",
     "test": "jest",
     "typescript": "tsc --noEmit",
@@ -535,9 +577,11 @@
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^30.0.0",
     "@types/react": "~19.1.0",
+    "@types/react-dom": "^19.2.3",
     "@types/react-native": "*",
     "jest": "^30.3.0",
     "react": "19.2.0",
+    "react-dom": "19.2.0",
     "react-native": "0.83.2",
     "react-native-builder-bob": "^0.40.16",
     "react-native-gesture-handler": "^2.30.0",
@@ -554,6 +598,7 @@
   "peerDependencies": {
     "@gorhom/bottom-sheet": ">=5.0.0",
     "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
     "react-native": ">=0.73.0",
     "react-native-gesture-handler": ">=2.0.0",
     "react-native-reanimated": ">=3.0.0",
@@ -566,6 +611,9 @@
     "@gorhom/bottom-sheet": {
       "optional": true
     },
+    "react-dom": {
+      "optional": true
+    },
     "react-native-reanimated": {
       "optional": true
     },

package/src/accordion/Accordion.tsx

@@ -3,6 +3,7 @@ import { View, Text, Pressable, Animated, type ViewStyle } from 'react-native';
 
 import { useTheme } from '../theme/use-theme';
 import { animation, borderRadius, space } from '../styles/tokens';
+import { SUPPORTS_NATIVE_DRIVER } from '../styles/native-driver';
 import type {
   AccordionProps,
   AccordionItemProps,
@@ -135,7 +136,7 @@ const AccordionTriggerComponent: React.FC<AccordionTriggerProps> = ({
   useEffect(() => {
     Animated.spring(rotateAnim, {
       toValue: isExpanded ? 1 : 0,
-      useNativeDriver: true,
+      useNativeDriver: SUPPORTS_NATIVE_DRIVER,
       ...animation.spring.snappy,
     }).start();
   }, [isExpanded, rotateAnim]);

package/src/checkbox/Checkbox.tsx

@@ -3,6 +3,7 @@ import { View, Text, Pressable, Animated, type ViewStyle } from 'react-native';
 
 import { useTheme } from '../theme/use-theme';
 import { animation, borderRadius, space } from '../styles/tokens';
+import { SUPPORTS_NATIVE_DRIVER } from '../styles/native-driver';
 import type { CheckboxProps } from './types';
 
 const SIZE_CONFIG = {
@@ -34,7 +35,7 @@ const CheckboxComponent: React.FC<CheckboxProps> = ({
   useEffect(() => {
     Animated.spring(scaleAnim, {
       toValue: checked || indeterminate ? 1 : 0,
-      useNativeDriver: true,
+      useNativeDriver: SUPPORTS_NATIVE_DRIVER,
       ...animation.spring.snappy,
     }).start();
   }, [checked, indeterminate, scaleAnim]);
@@ -48,7 +49,7 @@ const CheckboxComponent: React.FC<CheckboxProps> = ({
   const onPressIn = useCallback(() => {
     Animated.spring(pressAnim, {
       toValue: 0.9,
-      useNativeDriver: true,
+      useNativeDriver: SUPPORTS_NATIVE_DRIVER,
       ...animation.spring.snappy,
     }).start();
   }, [pressAnim]);
@@ -56,7 +57,7 @@ const CheckboxComponent: React.FC<CheckboxProps> = ({
   const onPressOut = useCallback(() => {
     Animated.spring(pressAnim, {
       toValue: 1,
-      useNativeDriver: true,
+      useNativeDriver: SUPPORTS_NATIVE_DRIVER,
       ...animation.spring.gentle,
     }).start();
   }, [pressAnim]);

package/src/collapsible/Collapsible.tsx

@@ -3,6 +3,7 @@ import { View, Text, TouchableOpacity, Animated, LayoutAnimation, Platform, UIMa
 
 import { useTheme } from '../theme/use-theme';
 import { animation } from '../styles/tokens';
+import { SUPPORTS_NATIVE_DRIVER } from '../styles/native-driver';
 import type { CollapsibleProps } from './types';
 
 if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
@@ -31,7 +32,7 @@ const CollapsibleComponent: React.FC<CollapsibleProps> = ({
     // Animate chevron rotation in the event handler, not via useEffect
     Animated.spring(chevronAnim, {
       toValue: nextOpen ? 1 : 0,
-      useNativeDriver: true,
+      useNativeDriver: SUPPORTS_NATIVE_DRIVER,
       ...animation.spring.gentle,
     }).start();
 

package/src/dialog/index.web.ts

@@ -0,0 +1,14 @@
+// Web variant of the `./dialog` barrel.
+//
+// The default barrel (`./index.ts`) re-exports from `./Dialog`, which on
+// native uses `react-native-safe-area-context` and pulls in
+// `@gorhom/bottom-sheet` via `lazyRequire`. The web fork (`./Dialog.web`)
+// is a pure-DOM modal overlay that depends only on `react-remove-scroll-bar`
+// and the in-package `Portal`.
+//
+// Web bundlers select this file via the `"browser"` condition in
+// `package.json`'s `exports['./dialog']`; native bundlers fall through to
+// the React Native build.
+export { Outer, Inner, ScrollableInner, Handle, Close, Backdrop } from './Dialog.web';
+export { useDialogContext, useDialogControl } from './context';
+export type { DialogControlProps, DialogOuterProps, DialogInnerProps, DialogContextProps } from './types';

package/src/hooks/usePressAnimation.ts

@@ -2,6 +2,7 @@ import { useCallback, useRef } from 'react';
 import { Animated } from 'react-native';
 
 import { animation } from '../styles/tokens';
+import { SUPPORTS_NATIVE_DRIVER } from '../styles/native-driver';
 
 /**
  * Hook that provides press-scale animation feedback.
@@ -19,7 +20,7 @@ export function usePressAnimation(pressScale: number | undefined = 0.97) {
     if (!enabled) return;
     Animated.spring(scaleAnim, {
       toValue: pressScale!,
-      useNativeDriver: true,
+      useNativeDriver: SUPPORTS_NATIVE_DRIVER,
       ...animation.spring.snappy,
     }).start();
   }, [scaleAnim, enabled, pressScale]);
@@ -28,7 +29,7 @@ export function usePressAnimation(pressScale: number | undefined = 0.97) {
     if (!enabled) return;
     Animated.spring(scaleAnim, {
       toValue: 1,
-      useNativeDriver: true,
+      useNativeDriver: SUPPORTS_NATIVE_DRIVER,
       ...animation.spring.gentle,
     }).start();
   }, [scaleAnim, enabled]);

package/src/index.web.ts

@@ -0,0 +1,75 @@
+// AUTO-GENERATED by scripts/generate-platform-exports.mjs — DO NOT EDIT.
+// Source of truth: src/index.ts.
+// Re-run `bun run generate:exports` (or any `bun run build`) after
+// changing the root barrel or the set of web-forked subpaths.
+
+// Theme
+export * from './theme';
+
+// Styles & Utilities
+export { atoms, flatten } from './styles';
+export type { ViewStyleProp, TextStyleProp } from './styles';
+export * as tokens from './styles/tokens';
+export { web, native, ios, android, platform, select } from './styles/platform';
+
+// Hooks
+export { useInteractionState } from './hooks/useInteractionState';
+export { useDelayedLoading } from './hooks/useDelayedLoading';
+export { useThrottledValue } from './hooks/useThrottledValue';
+
+// Icons
+export * as Icons from './icons';
+export { type Props as IconProps, sizes as iconSizes, useCommonSVGProps } from './icons/common';
+
+// Core components
+export * from './portal/index.web';
+export * as Dialog from './dialog/index.web';
+export * as Prompt from './prompt';
+export * from './button';
+export * from './grouped-buttons';
+export * from './divider';
+export * from './radio-indicator';
+export * from './collapsible';
+export { ErrorBoundary } from './error-boundary';
+export type { ErrorBoundaryProps } from './error-boundary';
+export * from './avatar';
+export * from './loading';
+export * as PromptInput from './prompt-input';
+export * from './switch';
+export * as Toast from './toast/index.web';
+
+// Typography
+export * as Typography from './typography';
+
+// Layout primitives
+export * as Skeleton from './skeleton';
+export * as Grid from './grid';
+export { Fill } from './fill';
+export { IconCircle } from './icon-circle';
+
+// Form components
+export * as TextField from './text-field';
+export * as SegmentedControl from './segmented-control';
+export { SearchInput } from './search-input';
+
+// Bottom sheet
+export { BottomSheet } from './bottom-sheet';
+export type { BottomSheetRef, BottomSheetProps } from './bottom-sheet';
+
+// Data display
+export * from './card';
+export * from './badge';
+export * from './chip';
+export * as Tabs from './tabs';
+export * from './checkbox';
+export * as Accordion from './accordion';
+
+// Settings / Grouped list
+export * from './settings-list';
+
+// Overlay components
+export * as Admonition from './admonition';
+export * as Menu from './menu/index.web';
+export * as Tooltip from './tooltip/index.web';
+export * as Select from './select/index.web';
+export * as ContextMenu from './context-menu/index.web';

package/src/portal/index.web.tsx

@@ -0,0 +1,59 @@
+/**
+ * Web variant of the Portal API.
+ *
+ * On native we keep the context-based portal group (the consumer mounts a
+ * `<Provider />` near the root and an `<Outlet />` to render portaled
+ * components inside the native view hierarchy). On web there's a stable
+ * `document.body`, so we portal directly there via `react-dom`'s native
+ * `createPortal` — no provider, no outlet, no setup. This matches how
+ * mature web component libraries (Radix, Mantine, Tamagui) ship their
+ * portals.
+ *
+ * The native and web APIs are kept identical: `Provider` and `Outlet` are
+ * still exported on web — they just become harmless no-op fragments so
+ * consumers that *do* mount them keep compiling.
+ */
+import React, { Fragment, memo, useLayoutEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+
+/**
+ * Render children into a stable container at the end of `document.body`.
+ *
+ * Lazy-creates the container on first mount so SSR (where `document` does
+ * not exist) doesn't crash — the portal simply renders nothing on the
+ * server and snaps in on hydration.
+ */
+function getPortalRoot(): HTMLElement | null {
+  if (typeof document === 'undefined') return null;
+  let root = document.getElementById('bloom-portal-root');
+  if (!root) {
+    root = document.createElement('div');
+    root.id = 'bloom-portal-root';
+    // Sits above the document flow; individual portaled components can use
+    // their own z-index for stacking among themselves.
+    root.style.position = 'relative';
+    root.style.zIndex = '999999';
+    document.body.appendChild(root);
+  }
+  return root;
+}
+
+export function Portal({ children }: React.PropsWithChildren<object>) {
+  const [root, setRoot] = useState<HTMLElement | null>(null);
+  useLayoutEffect(() => {
+    setRoot(getPortalRoot());
+  }, []);
+  if (!root) return null;
+  return createPortal(children, root);
+}
+
+// Native API parity — on web these are inert. Provider mounts its children
+// inline; Outlet renders nothing. Consumers that mount them on web keep
+// compiling without behaviour change.
+export function Provider(props: React.PropsWithChildren<object>) {
+  return <Fragment>{props.children}</Fragment>;
+}
+
+export const Outlet = memo(function Outlet() {
+  return null;
+});

package/src/skeleton/index.tsx

@@ -2,6 +2,7 @@ import React, { useEffect, useRef } from 'react';
 import { Animated, View, type ViewStyle, type TextStyle, StyleSheet } from 'react-native';
 
 import { useTheme } from '../theme/use-theme';
+import { SUPPORTS_NATIVE_DRIVER } from '../styles/native-driver';
 
 const SHIMMER_DURATION = 1500;
 const SHIMMER_MIN_OPACITY = 0.4;
@@ -16,12 +17,12 @@ function useShimmer() {
         Animated.timing(opacity, {
           toValue: SHIMMER_MIN_OPACITY,
           duration: SHIMMER_DURATION / 2,
-          useNativeDriver: true,
+          useNativeDriver: SUPPORTS_NATIVE_DRIVER,
         }),
         Animated.timing(opacity, {
           toValue: SHIMMER_MAX_OPACITY,
           duration: SHIMMER_DURATION / 2,
-          useNativeDriver: true,
+          useNativeDriver: SUPPORTS_NATIVE_DRIVER,
         }),
       ]),
     );

package/src/styles/index.ts

@@ -2,3 +2,4 @@ export { atoms, flatten } from './atoms';
 export type { ViewStyleProp, TextStyleProp } from './atoms';
 export * as tokens from './tokens';
 export { web, native, ios, android, platform, select } from './platform';
+export { SUPPORTS_NATIVE_DRIVER } from './native-driver';

package/src/styles/native-driver.ts

@@ -0,0 +1,16 @@
+/**
+ * Whether the running React Native target supports `Animated`'s native
+ * driver. On real native (`Platform.OS === 'ios' | 'android'`) it does,
+ * and animations can run on the UI thread off the JS thread. On
+ * `react-native-web` there is no native driver — opting in logs a
+ * runtime warning every time, with no performance benefit.
+ *
+ * Use this constant instead of hardcoding `useNativeDriver: true` so
+ * Bloom components animate smoothly on every platform and stay silent in
+ * web consoles.
+ *
+ * Resolved once at module load.
+ */
+import { Platform } from 'react-native';
+
+export const SUPPORTS_NATIVE_DRIVER = Platform.OS !== 'web';

package/lib/commonjs/theme/adaptive-colors.web.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getAdaptiveColors = getAdaptiveColors;
-function getAdaptiveColors() {
-  return null;
-}
-//# sourceMappingURL=adaptive-colors.web.js.map

package/lib/commonjs/theme/adaptive-colors.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getAdaptiveColors"],"sourceRoot":"../../../src","sources":["theme/adaptive-colors.web.ts"],"mappings":";;;;;;AAEO,SAASA,iBAAiBA,CAAA,EAAuB;EACtD,OAAO,IAAI;AACb","ignoreList":[]}

package/lib/module/theme/adaptive-colors.web.js

@@ -1,6 +0,0 @@
-"use strict";
-
-export function getAdaptiveColors() {
-  return null;
-}
-//# sourceMappingURL=adaptive-colors.web.js.map

package/lib/module/theme/adaptive-colors.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getAdaptiveColors"],"sourceRoot":"../../../src","sources":["theme/adaptive-colors.web.ts"],"mappings":";;AAEA,OAAO,SAASA,iBAAiBA,CAAA,EAAuB;EACtD,OAAO,IAAI;AACb","ignoreList":[]}

package/lib/typescript/commonjs/theme/adaptive-colors.web.d.ts

@@ -1,3 +0,0 @@
-import type { ThemeColors } from './types';
-export declare function getAdaptiveColors(): ThemeColors | null;
-//# sourceMappingURL=adaptive-colors.web.d.ts.map

package/lib/typescript/commonjs/theme/adaptive-colors.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"adaptive-colors.web.d.ts","sourceRoot":"","sources":["../../../../src/theme/adaptive-colors.web.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,iBAAiB,IAAI,WAAW,GAAG,IAAI,CAEtD"}

package/lib/typescript/module/theme/adaptive-colors.web.d.ts

@@ -1,3 +0,0 @@
-import type { ThemeColors } from './types';
-export declare function getAdaptiveColors(): ThemeColors | null;
-//# sourceMappingURL=adaptive-colors.web.d.ts.map

package/lib/typescript/module/theme/adaptive-colors.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"adaptive-colors.web.d.ts","sourceRoot":"","sources":["../../../../src/theme/adaptive-colors.web.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,iBAAiB,IAAI,WAAW,GAAG,IAAI,CAEtD"}

package/src/theme/adaptive-colors.web.ts

@@ -1,5 +0,0 @@
-import type { ThemeColors } from './types';
-
-export function getAdaptiveColors(): ThemeColors | null {
-  return null;
-}