reactnatively 1.0.0 → 2.1.0

package/README.md

@@ -1,61 +1,64 @@
-# reactnatively (core)
+# reactnatively
+
+Source for the public `reactnatively` package.
+
+Consumers should normally import everything from this package:
+
+```tsx
+import {
+  ReactnativelyProvider,
+  Button,
+  Card,
+  GlassView,
+  Surface,
+  GlassPressable,
+  useGlassStyle,
+  resolveGlass,
+} from 'reactnatively';
+```
 
-This directory contains the source for the published `reactnatively` npm package — the single entry point for the entire Liquid Glass UI system.
+## Optional Subpaths
 
-Install from npm:
+The package also exposes focused secondary entry points:
 
-```sh
-npm install reactnatively
+```tsx
+import { GlassView } from 'reactnatively/glass';
+import { useDisclosure } from 'reactnatively/hooks';
+import { Fade } from 'reactnatively/animations';
+import { createTheme } from 'reactnatively/theme';
+import { Surface } from 'reactnatively/primitives';
+import { deepMerge } from 'reactnatively/utils';
 ```
 
-See the [root README](../../README.md) for the full API reference, component catalogue, and usage examples.
-
----
+These subpaths are for power users and docs organization. The primary API is
+still the root `reactnatively` import.
 
 ## Architecture
 
-`reactnatively` is the public-facing package. It imports from several private internal packages in this monorepo and bundles them all into a single output via tsup:
+`reactnatively` re-exports and composes the workspace packages:
 
-| Internal package | Responsibility |
+| Workspace package | Responsibility |
 |---|---|
-| `reactnatively-glass` | GlassView, blur engine, capability detection |
-| `reactnatively-theme` | ThemeProvider, tokens, useTheme hooks |
-| `reactnatively-animations` | Spring/timing presets, animation hooks |
-| `reactnatively-primitives` | Surface, GlassPressable, GlassText |
-| `reactnatively-hooks` | useScrollHandler and other UI hooks |
-| `reactnatively-utils` | Type helpers, style utilities, color utilities |
-
-The internal packages are **not published to npm** — they exist only to keep the monorepo modular during development. Everything a consumer needs ships inside `reactnatively`.
-
----
+| `reactnatively-glass` | Glass renderer and platform policy |
+| `reactnatively-theme` | Tokens, themes, recipe engine |
+| `reactnatively-animations` | Motion presets, hooks, interaction policy |
+| `reactnatively-primitives` | Surface, GlassPressable, portals, accessibility |
+| `reactnatively-hooks` | Shared UI hooks |
+| `reactnatively-utils` | Utility and type helpers |
 
-## Building
+## Build
 
 ```sh
-pnpm build          # build all packages in dependency order via turbo
-pnpm --filter reactnatively build   # build this package only
+pnpm --filter reactnatively typecheck
+pnpm --filter reactnatively build
 ```
 
-Output goes to `dist/`:
+The build emits:
 
-- `dist/index.js` — CommonJS bundle
-- `dist/index.mjs` — ESM bundle
-- `dist/index.d.ts` — TypeScript declarations
-
-## Source structure
-
-```
-src/
-  components/
-    inputs/          # Button, IconButton, FAB
-    forms/           # TextInput, Select, DatePicker, …
-    layout/          # Box, Stack, Grid, Divider, …
-    typography/      # Heading, Text, Caption, …
-    data-display/    # LiquidCard, Avatar, Badge, Chip, …
-    feedback/        # Toast, Alert, Skeleton, Dialog, …
-    navigation/      # Tabs, BottomNavigation, Drawer, …
-    overlays/        # Modal, ActionSheet, CommandPalette, …
-    motion/          # Fade, Scale, Slide, MagneticPressable
-    glass-advanced/  # GlassNavbar, FloatingDock, DynamicIsland, …
-  index.ts           # single export barrel
-```
+- `dist/index.*` for the root API
+- `dist/glass.*`
+- `dist/hooks.*`
+- `dist/animations.*`
+- `dist/theme.*`
+- `dist/primitives.*`
+- `dist/utils.*`

package/dist/animations.d.mts

@@ -0,0 +1,59 @@
+export * from 'reactnatively-animations';
+import React, { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+
+interface FadeProps {
+    in?: boolean;
+    duration?: number;
+    delay?: number;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+    onEntered?: () => void;
+    onExited?: () => void;
+}
+
+declare const Fade: React.NamedExoticComponent<FadeProps>;
+
+interface ScaleProps {
+    in?: boolean;
+    from?: number;
+    to?: number;
+    duration?: number;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare const Scale: React.NamedExoticComponent<ScaleProps>;
+
+type SlideDirection = 'up' | 'down' | 'left' | 'right';
+interface SlideProps {
+    in?: boolean;
+    direction?: SlideDirection;
+    distance?: number;
+    duration?: number;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare const Slide: React.NamedExoticComponent<SlideProps>;
+
+interface BlurTransitionProps {
+    in?: boolean;
+    blurAmount?: number;
+    duration?: number;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare const BlurTransition: React.NamedExoticComponent<BlurTransitionProps>;
+
+interface MagneticPressableProps {
+    children: ReactNode;
+    strength?: number;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare const MagneticPressable: React.NamedExoticComponent<MagneticPressableProps>;
+
+export { BlurTransition, type BlurTransitionProps, Fade, type FadeProps, MagneticPressable, type MagneticPressableProps, Scale, type ScaleProps, Slide, type SlideDirection, type SlideProps };

package/dist/animations.d.ts

@@ -0,0 +1,59 @@
+export * from 'reactnatively-animations';
+import React, { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+
+interface FadeProps {
+    in?: boolean;
+    duration?: number;
+    delay?: number;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+    onEntered?: () => void;
+    onExited?: () => void;
+}
+
+declare const Fade: React.NamedExoticComponent<FadeProps>;
+
+interface ScaleProps {
+    in?: boolean;
+    from?: number;
+    to?: number;
+    duration?: number;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare const Scale: React.NamedExoticComponent<ScaleProps>;
+
+type SlideDirection = 'up' | 'down' | 'left' | 'right';
+interface SlideProps {
+    in?: boolean;
+    direction?: SlideDirection;
+    distance?: number;
+    duration?: number;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare const Slide: React.NamedExoticComponent<SlideProps>;
+
+interface BlurTransitionProps {
+    in?: boolean;
+    blurAmount?: number;
+    duration?: number;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare const BlurTransition: React.NamedExoticComponent<BlurTransitionProps>;
+
+interface MagneticPressableProps {
+    children: ReactNode;
+    strength?: number;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare const MagneticPressable: React.NamedExoticComponent<MagneticPressableProps>;
+
+export { BlurTransition, type BlurTransitionProps, Fade, type FadeProps, MagneticPressable, type MagneticPressableProps, Scale, type ScaleProps, Slide, type SlideDirection, type SlideProps };

package/dist/animations.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var chunkN2PBBXCI_js = require('./chunk-N2PBBXCI.js');
+require('./chunk-DGUM43GV.js');
+var reactnativelyAnimations = require('reactnatively-animations');
+
+
+
+Object.defineProperty(exports, "BlurTransition", {
+  enumerable: true,
+  get: function () { return chunkN2PBBXCI_js.BlurTransition; }
+});
+Object.defineProperty(exports, "Fade", {
+  enumerable: true,
+  get: function () { return chunkN2PBBXCI_js.Fade; }
+});
+Object.defineProperty(exports, "MagneticPressable", {
+  enumerable: true,
+  get: function () { return chunkN2PBBXCI_js.MagneticPressable; }
+});
+Object.defineProperty(exports, "Scale", {
+  enumerable: true,
+  get: function () { return chunkN2PBBXCI_js.Scale; }
+});
+Object.defineProperty(exports, "Slide", {
+  enumerable: true,
+  get: function () { return chunkN2PBBXCI_js.Slide; }
+});
+Object.keys(reactnativelyAnimations).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return reactnativelyAnimations[k]; }
+  });
+});
+//# sourceMappingURL=animations.js.map
+//# sourceMappingURL=animations.js.map

package/dist/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"animations.js","sourcesContent":[]}

package/dist/animations.mjs

@@ -0,0 +1,5 @@
+export { BlurTransition, Fade, MagneticPressable, Scale, Slide } from './chunk-STYEL3E3.mjs';
+import './chunk-BJTO5JO5.mjs';
+export * from 'reactnatively-animations';
+//# sourceMappingURL=animations.mjs.map
+//# sourceMappingURL=animations.mjs.map

package/dist/animations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"animations.mjs","sourcesContent":[]}

package/dist/chunk-BJTO5JO5.mjs

@@ -0,0 +1,10 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+export { __require };
+//# sourceMappingURL=chunk-BJTO5JO5.mjs.map
+//# sourceMappingURL=chunk-BJTO5JO5.mjs.map

package/dist/chunk-BJTO5JO5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-BJTO5JO5.mjs"}

package/dist/chunk-DGUM43GV.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+exports.__require = __require;
+//# sourceMappingURL=chunk-DGUM43GV.js.map
+//# sourceMappingURL=chunk-DGUM43GV.js.map

package/dist/chunk-DGUM43GV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-DGUM43GV.js"}