reactnatively 1.0.0 → 2.1.0

package/dist/glass.d.mts

@@ -0,0 +1,155 @@
+export { FrostPanel, FrostPanelProps, GLASS_CAPABILITY, GlassCapability, GlassConfig, GlassMaterialPolicy, GlassPlatformProvider, GlassPlatformProviderProps, GlassPowerMode, GlassQuality, GlassSurfacePriority, GlassView, GlassViewProps, IS_FULL_GLASS, IS_NO_GLASS, IS_PARTIAL_GLASS, RenderBudgetPolicy, ResolvedGlassStyle, SUPPORTS_BLUR, adjustBlurForCapability, resolveGlass, useBlurSurfaceBudget, useGlassPlatform, useGlassStyle } from 'reactnatively-glass';
+import React, { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { SharedValue } from 'react-native-reanimated';
+
+interface BlurSurfaceProps {
+    elevation?: 0 | 1 | 2 | 3 | 4 | 5;
+    variant?: 'surface' | 'frosted' | 'elevated' | 'ultraThin';
+    borderRadius?: number;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+
+/**
+ * BlurSurface — thin wrapper around GlassView exposing a clean API.
+ * Used as a standalone decorative blur layer. No children required.
+ */
+declare const BlurSurface: React.NamedExoticComponent<BlurSurfaceProps>;
+
+type DynamicIslandState = 'compact' | 'expanded' | 'minimal';
+interface DynamicIslandProps {
+    state?: DynamicIslandState;
+    defaultState?: DynamicIslandState;
+    onStateChange?: (state: DynamicIslandState) => void;
+    /** Small content for compact pill */
+    compactContent?: ReactNode;
+    /** Rich content for expanded state */
+    expandedContent?: ReactNode;
+    /** Tiny indicator dot */
+    minimalContent?: ReactNode;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * DynamicIsland — morphing pill that cycles between compact, expanded, and minimal states.
+ * Animated width/height transitions via withSpring(SPRING_BOUNCE).
+ */
+declare const DynamicIsland: React.NamedExoticComponent<DynamicIslandProps>;
+
+interface DockItem {
+    icon: ReactNode;
+    label: string;
+    onPress: () => void;
+}
+interface FloatingDockProps {
+    items: DockItem[];
+    position?: 'bottom' | 'top';
+    glass?: boolean;
+    /** Items scale up on touch proximity */
+    magnification?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * FloatingDock — macOS-inspired dock with magnification on touch proximity.
+ * GlassView pill container with items in a row.
+ */
+declare const FloatingDock: React.NamedExoticComponent<FloatingDockProps>;
+
+interface MorphingContainerShape {
+    width: number;
+    height: number;
+    borderRadius: number;
+}
+interface MorphingContainerProps {
+    shape?: MorphingContainerShape;
+    glass?: boolean;
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * MorphingContainer — GlassView that spring-animates between different shape prop values.
+ * All three dimensions (width, height, borderRadius) animate in unison via withSpring.
+ */
+declare const MorphingContainer: React.NamedExoticComponent<MorphingContainerProps>;
+
+interface GlassNavbarProps {
+    title?: string;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    /** SharedValue from useScrollHandler — controls glass intensity with scroll */
+    scrollY?: SharedValue<number>;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * GlassNavbar — top navigation bar whose glass intensity scales with scroll position.
+ * At scrollY=0: transparent (elevation 0). At scrollY>50: frosted (elevation 2).
+ */
+declare const GlassNavbar: React.NamedExoticComponent<GlassNavbarProps>;
+
+interface GlassSidebarItem {
+    label: string;
+    icon: ReactNode;
+    value: string;
+    badge?: number;
+}
+interface GlassSidebarProps {
+    items: GlassSidebarItem[];
+    activeItem?: string;
+    onItemPress?: (value: string) => void;
+    isCollapsed?: boolean;
+    width?: number;
+    collapsedWidth?: number;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * GlassSidebar — persistent (non-modal) sidebar with collapsible animation.
+ * Width springs between expanded/collapsed; labels fade out when collapsed.
+ */
+declare const GlassSidebar: React.NamedExoticComponent<GlassSidebarProps>;
+
+interface InteractiveGlassSurfaceProps {
+    children?: ReactNode;
+    /** Tilt strength 0–1, default 0.05 */
+    parallaxStrength?: number;
+    elevation?: 0 | 1 | 2 | 3 | 4 | 5;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * InteractiveGlassSurface — GlassView that simulates a gyroscope tilt effect
+ * by tracking touch position relative to the component center.
+ * Springs back to 0,0 on touch end.
+ */
+declare const InteractiveGlassSurface: React.NamedExoticComponent<InteractiveGlassSurfaceProps>;
+
+type MediaPanelState = 'mini' | 'expanded';
+interface FloatingMediaPanelProps {
+    state?: MediaPanelState;
+    defaultState?: MediaPanelState;
+    onStateChange?: (state: MediaPanelState) => void;
+    /** Album art / thumbnail */
+    artwork?: ReactNode;
+    title?: string;
+    subtitle?: string;
+    isPlaying?: boolean;
+    onPlayPause?: () => void;
+    onNext?: () => void;
+    onPrevious?: () => void;
+    /** Playback progress 0–1 */
+    progress?: number;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * FloatingMediaPanel — glass panel that morphs between a slim mini bar and a
+ * full expanded player. Drag up to expand, drag down to minimise.
+ */
+declare const FloatingMediaPanel: React.NamedExoticComponent<FloatingMediaPanelProps>;
+
+export { BlurSurface, type BlurSurfaceProps, type DockItem, DynamicIsland, type DynamicIslandProps, type DynamicIslandState, FloatingDock, type FloatingDockProps, FloatingMediaPanel, type FloatingMediaPanelProps, GlassNavbar, type GlassNavbarProps, GlassSidebar, type GlassSidebarItem, type GlassSidebarProps, InteractiveGlassSurface, type InteractiveGlassSurfaceProps, type MediaPanelState, MorphingContainer, type MorphingContainerProps, type MorphingContainerShape };

package/dist/glass.d.ts

@@ -0,0 +1,155 @@
+export { FrostPanel, FrostPanelProps, GLASS_CAPABILITY, GlassCapability, GlassConfig, GlassMaterialPolicy, GlassPlatformProvider, GlassPlatformProviderProps, GlassPowerMode, GlassQuality, GlassSurfacePriority, GlassView, GlassViewProps, IS_FULL_GLASS, IS_NO_GLASS, IS_PARTIAL_GLASS, RenderBudgetPolicy, ResolvedGlassStyle, SUPPORTS_BLUR, adjustBlurForCapability, resolveGlass, useBlurSurfaceBudget, useGlassPlatform, useGlassStyle } from 'reactnatively-glass';
+import React, { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { SharedValue } from 'react-native-reanimated';
+
+interface BlurSurfaceProps {
+    elevation?: 0 | 1 | 2 | 3 | 4 | 5;
+    variant?: 'surface' | 'frosted' | 'elevated' | 'ultraThin';
+    borderRadius?: number;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+
+/**
+ * BlurSurface — thin wrapper around GlassView exposing a clean API.
+ * Used as a standalone decorative blur layer. No children required.
+ */
+declare const BlurSurface: React.NamedExoticComponent<BlurSurfaceProps>;
+
+type DynamicIslandState = 'compact' | 'expanded' | 'minimal';
+interface DynamicIslandProps {
+    state?: DynamicIslandState;
+    defaultState?: DynamicIslandState;
+    onStateChange?: (state: DynamicIslandState) => void;
+    /** Small content for compact pill */
+    compactContent?: ReactNode;
+    /** Rich content for expanded state */
+    expandedContent?: ReactNode;
+    /** Tiny indicator dot */
+    minimalContent?: ReactNode;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * DynamicIsland — morphing pill that cycles between compact, expanded, and minimal states.
+ * Animated width/height transitions via withSpring(SPRING_BOUNCE).
+ */
+declare const DynamicIsland: React.NamedExoticComponent<DynamicIslandProps>;
+
+interface DockItem {
+    icon: ReactNode;
+    label: string;
+    onPress: () => void;
+}
+interface FloatingDockProps {
+    items: DockItem[];
+    position?: 'bottom' | 'top';
+    glass?: boolean;
+    /** Items scale up on touch proximity */
+    magnification?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * FloatingDock — macOS-inspired dock with magnification on touch proximity.
+ * GlassView pill container with items in a row.
+ */
+declare const FloatingDock: React.NamedExoticComponent<FloatingDockProps>;
+
+interface MorphingContainerShape {
+    width: number;
+    height: number;
+    borderRadius: number;
+}
+interface MorphingContainerProps {
+    shape?: MorphingContainerShape;
+    glass?: boolean;
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * MorphingContainer — GlassView that spring-animates between different shape prop values.
+ * All three dimensions (width, height, borderRadius) animate in unison via withSpring.
+ */
+declare const MorphingContainer: React.NamedExoticComponent<MorphingContainerProps>;
+
+interface GlassNavbarProps {
+    title?: string;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    /** SharedValue from useScrollHandler — controls glass intensity with scroll */
+    scrollY?: SharedValue<number>;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * GlassNavbar — top navigation bar whose glass intensity scales with scroll position.
+ * At scrollY=0: transparent (elevation 0). At scrollY>50: frosted (elevation 2).
+ */
+declare const GlassNavbar: React.NamedExoticComponent<GlassNavbarProps>;
+
+interface GlassSidebarItem {
+    label: string;
+    icon: ReactNode;
+    value: string;
+    badge?: number;
+}
+interface GlassSidebarProps {
+    items: GlassSidebarItem[];
+    activeItem?: string;
+    onItemPress?: (value: string) => void;
+    isCollapsed?: boolean;
+    width?: number;
+    collapsedWidth?: number;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * GlassSidebar — persistent (non-modal) sidebar with collapsible animation.
+ * Width springs between expanded/collapsed; labels fade out when collapsed.
+ */
+declare const GlassSidebar: React.NamedExoticComponent<GlassSidebarProps>;
+
+interface InteractiveGlassSurfaceProps {
+    children?: ReactNode;
+    /** Tilt strength 0–1, default 0.05 */
+    parallaxStrength?: number;
+    elevation?: 0 | 1 | 2 | 3 | 4 | 5;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * InteractiveGlassSurface — GlassView that simulates a gyroscope tilt effect
+ * by tracking touch position relative to the component center.
+ * Springs back to 0,0 on touch end.
+ */
+declare const InteractiveGlassSurface: React.NamedExoticComponent<InteractiveGlassSurfaceProps>;
+
+type MediaPanelState = 'mini' | 'expanded';
+interface FloatingMediaPanelProps {
+    state?: MediaPanelState;
+    defaultState?: MediaPanelState;
+    onStateChange?: (state: MediaPanelState) => void;
+    /** Album art / thumbnail */
+    artwork?: ReactNode;
+    title?: string;
+    subtitle?: string;
+    isPlaying?: boolean;
+    onPlayPause?: () => void;
+    onNext?: () => void;
+    onPrevious?: () => void;
+    /** Playback progress 0–1 */
+    progress?: number;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * FloatingMediaPanel — glass panel that morphs between a slim mini bar and a
+ * full expanded player. Drag up to expand, drag down to minimise.
+ */
+declare const FloatingMediaPanel: React.NamedExoticComponent<FloatingMediaPanelProps>;
+
+export { BlurSurface, type BlurSurfaceProps, type DockItem, DynamicIsland, type DynamicIslandProps, type DynamicIslandState, FloatingDock, type FloatingDockProps, FloatingMediaPanel, type FloatingMediaPanelProps, GlassNavbar, type GlassNavbarProps, GlassSidebar, type GlassSidebarItem, type GlassSidebarProps, InteractiveGlassSurface, type InteractiveGlassSurfaceProps, type MediaPanelState, MorphingContainer, type MorphingContainerProps, type MorphingContainerShape };

package/dist/glass.js

@@ -0,0 +1,94 @@
+'use strict';
+
+var chunkN2PBBXCI_js = require('./chunk-N2PBBXCI.js');
+require('./chunk-DGUM43GV.js');
+var reactnativelyGlass = require('reactnatively-glass');
+
+
+
+Object.defineProperty(exports, "BlurSurface", {
+  enumerable: true,
+  get: function () { return chunkN2PBBXCI_js.BlurSurface; }
+});
+Object.defineProperty(exports, "DynamicIsland", {
+  enumerable: true,
+  get: function () { return chunkN2PBBXCI_js.DynamicIsland; }
+});
+Object.defineProperty(exports, "FloatingDock", {
+  enumerable: true,
+  get: function () { return chunkN2PBBXCI_js.FloatingDock; }
+});
+Object.defineProperty(exports, "FloatingMediaPanel", {
+  enumerable: true,
+  get: function () { return chunkN2PBBXCI_js.FloatingMediaPanel; }
+});
+Object.defineProperty(exports, "GlassNavbar", {
+  enumerable: true,
+  get: function () { return chunkN2PBBXCI_js.GlassNavbar; }
+});
+Object.defineProperty(exports, "GlassSidebar", {
+  enumerable: true,
+  get: function () { return chunkN2PBBXCI_js.GlassSidebar; }
+});
+Object.defineProperty(exports, "InteractiveGlassSurface", {
+  enumerable: true,
+  get: function () { return chunkN2PBBXCI_js.InteractiveGlassSurface; }
+});
+Object.defineProperty(exports, "MorphingContainer", {
+  enumerable: true,
+  get: function () { return chunkN2PBBXCI_js.MorphingContainer; }
+});
+Object.defineProperty(exports, "FrostPanel", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.FrostPanel; }
+});
+Object.defineProperty(exports, "GLASS_CAPABILITY", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.GLASS_CAPABILITY; }
+});
+Object.defineProperty(exports, "GlassPlatformProvider", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.GlassPlatformProvider; }
+});
+Object.defineProperty(exports, "GlassView", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.GlassView; }
+});
+Object.defineProperty(exports, "IS_FULL_GLASS", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.IS_FULL_GLASS; }
+});
+Object.defineProperty(exports, "IS_NO_GLASS", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.IS_NO_GLASS; }
+});
+Object.defineProperty(exports, "IS_PARTIAL_GLASS", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.IS_PARTIAL_GLASS; }
+});
+Object.defineProperty(exports, "SUPPORTS_BLUR", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.SUPPORTS_BLUR; }
+});
+Object.defineProperty(exports, "adjustBlurForCapability", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.adjustBlurForCapability; }
+});
+Object.defineProperty(exports, "resolveGlass", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.resolveGlass; }
+});
+Object.defineProperty(exports, "useBlurSurfaceBudget", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.useBlurSurfaceBudget; }
+});
+Object.defineProperty(exports, "useGlassPlatform", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.useGlassPlatform; }
+});
+Object.defineProperty(exports, "useGlassStyle", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.useGlassStyle; }
+});
+//# sourceMappingURL=glass.js.map
+//# sourceMappingURL=glass.js.map

package/dist/glass.js.map

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

package/dist/glass.mjs

@@ -0,0 +1,5 @@
+export { BlurSurface, DynamicIsland, FloatingDock, FloatingMediaPanel, GlassNavbar, GlassSidebar, InteractiveGlassSurface, MorphingContainer } from './chunk-STYEL3E3.mjs';
+import './chunk-BJTO5JO5.mjs';
+export { FrostPanel, GLASS_CAPABILITY, GlassPlatformProvider, GlassView, IS_FULL_GLASS, IS_NO_GLASS, IS_PARTIAL_GLASS, SUPPORTS_BLUR, adjustBlurForCapability, resolveGlass, useBlurSurfaceBudget, useGlassPlatform, useGlassStyle } from 'reactnatively-glass';
+//# sourceMappingURL=glass.mjs.map
+//# sourceMappingURL=glass.mjs.map

package/dist/glass.mjs.map

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

package/dist/hooks.d.mts

@@ -0,0 +1,6 @@
+export * from 'reactnatively-hooks';
+export { EntranceAnimationConfig, EntranceVariant, HapticIntent, InteractionContextValue, InteractionIntensity, InteractionPolicy, PressAnimationConfig, PressAnimationResult, useDuration, useEntranceAnimation, useInteraction, usePressAnimation, useReducedMotion, useSpring } from 'reactnatively-animations';
+export { useBlurSurfaceBudget, useGlassPlatform, useGlassStyle } from 'reactnatively-glass';
+export { useColorScheme, useIsDark, useTheme, useToken } from 'reactnatively-theme';
+export { useAccessibilityPolicy } from 'reactnatively-primitives';
+import 'reactnatively-utils';

package/dist/hooks.d.ts

@@ -0,0 +1,6 @@
+export * from 'reactnatively-hooks';
+export { EntranceAnimationConfig, EntranceVariant, HapticIntent, InteractionContextValue, InteractionIntensity, InteractionPolicy, PressAnimationConfig, PressAnimationResult, useDuration, useEntranceAnimation, useInteraction, usePressAnimation, useReducedMotion, useSpring } from 'reactnatively-animations';
+export { useBlurSurfaceBudget, useGlassPlatform, useGlassStyle } from 'reactnatively-glass';
+export { useColorScheme, useIsDark, useTheme, useToken } from 'reactnatively-theme';
+export { useAccessibilityPolicy } from 'reactnatively-primitives';
+import 'reactnatively-utils';

package/dist/hooks.js

@@ -0,0 +1,75 @@
+'use strict';
+
+require('./chunk-DGUM43GV.js');
+var reactnativelyHooks = require('reactnatively-hooks');
+var reactnativelyAnimations = require('reactnatively-animations');
+var reactnativelyGlass = require('reactnatively-glass');
+var reactnativelyTheme = require('reactnatively-theme');
+var reactnativelyPrimitives = require('reactnatively-primitives');
+
+
+
+Object.defineProperty(exports, "useDuration", {
+  enumerable: true,
+  get: function () { return reactnativelyAnimations.useDuration; }
+});
+Object.defineProperty(exports, "useEntranceAnimation", {
+  enumerable: true,
+  get: function () { return reactnativelyAnimations.useEntranceAnimation; }
+});
+Object.defineProperty(exports, "useInteraction", {
+  enumerable: true,
+  get: function () { return reactnativelyAnimations.useInteraction; }
+});
+Object.defineProperty(exports, "usePressAnimation", {
+  enumerable: true,
+  get: function () { return reactnativelyAnimations.usePressAnimation; }
+});
+Object.defineProperty(exports, "useReducedMotion", {
+  enumerable: true,
+  get: function () { return reactnativelyAnimations.useReducedMotion; }
+});
+Object.defineProperty(exports, "useSpring", {
+  enumerable: true,
+  get: function () { return reactnativelyAnimations.useSpring; }
+});
+Object.defineProperty(exports, "useBlurSurfaceBudget", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.useBlurSurfaceBudget; }
+});
+Object.defineProperty(exports, "useGlassPlatform", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.useGlassPlatform; }
+});
+Object.defineProperty(exports, "useGlassStyle", {
+  enumerable: true,
+  get: function () { return reactnativelyGlass.useGlassStyle; }
+});
+Object.defineProperty(exports, "useColorScheme", {
+  enumerable: true,
+  get: function () { return reactnativelyTheme.useColorScheme; }
+});
+Object.defineProperty(exports, "useIsDark", {
+  enumerable: true,
+  get: function () { return reactnativelyTheme.useIsDark; }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () { return reactnativelyTheme.useTheme; }
+});
+Object.defineProperty(exports, "useToken", {
+  enumerable: true,
+  get: function () { return reactnativelyTheme.useToken; }
+});
+Object.defineProperty(exports, "useAccessibilityPolicy", {
+  enumerable: true,
+  get: function () { return reactnativelyPrimitives.useAccessibilityPolicy; }
+});
+Object.keys(reactnativelyHooks).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return reactnativelyHooks[k]; }
+  });
+});
+//# sourceMappingURL=hooks.js.map
+//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

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

package/dist/hooks.mjs

@@ -0,0 +1,8 @@
+import './chunk-BJTO5JO5.mjs';
+export * from 'reactnatively-hooks';
+export { useDuration, useEntranceAnimation, useInteraction, usePressAnimation, useReducedMotion, useSpring } from 'reactnatively-animations';
+export { useBlurSurfaceBudget, useGlassPlatform, useGlassStyle } from 'reactnatively-glass';
+export { useColorScheme, useIsDark, useTheme, useToken } from 'reactnatively-theme';
+export { useAccessibilityPolicy } from 'reactnatively-primitives';
+//# sourceMappingURL=hooks.mjs.map
+//# sourceMappingURL=hooks.mjs.map

package/dist/hooks.mjs.map

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