reactnatively 1.0.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/README.md +48 -45
  2. package/dist/animations.d.mts +59 -0
  3. package/dist/animations.d.ts +59 -0
  4. package/dist/animations.js +36 -0
  5. package/dist/animations.js.map +1 -0
  6. package/dist/animations.mjs +5 -0
  7. package/dist/animations.mjs.map +1 -0
  8. package/dist/chunk-BJTO5JO5.mjs +10 -0
  9. package/dist/chunk-BJTO5JO5.mjs.map +1 -0
  10. package/dist/chunk-DGUM43GV.js +12 -0
  11. package/dist/chunk-DGUM43GV.js.map +1 -0
  12. package/dist/chunk-N2PBBXCI.js +12545 -0
  13. package/dist/chunk-N2PBBXCI.js.map +1 -0
  14. package/dist/chunk-STYEL3E3.mjs +12098 -0
  15. package/dist/chunk-STYEL3E3.mjs.map +1 -0
  16. package/dist/glass.d.mts +155 -0
  17. package/dist/glass.d.ts +155 -0
  18. package/dist/glass.js +94 -0
  19. package/dist/glass.js.map +1 -0
  20. package/dist/glass.mjs +5 -0
  21. package/dist/glass.mjs.map +1 -0
  22. package/dist/hooks.d.mts +6 -0
  23. package/dist/hooks.d.ts +6 -0
  24. package/dist/hooks.js +75 -0
  25. package/dist/hooks.js.map +1 -0
  26. package/dist/hooks.mjs +8 -0
  27. package/dist/hooks.mjs.map +1 -0
  28. package/dist/index.d.mts +7 -206
  29. package/dist/index.d.ts +7 -206
  30. package/dist/index.js +587 -12276
  31. package/dist/index.js.map +1 -1
  32. package/dist/index.mjs +2 -12099
  33. package/dist/index.mjs.map +1 -1
  34. package/dist/primitives.d.mts +1 -0
  35. package/dist/primitives.d.ts +1 -0
  36. package/dist/primitives.js +53 -0
  37. package/dist/primitives.js.map +1 -0
  38. package/dist/primitives.mjs +4 -0
  39. package/dist/primitives.mjs.map +1 -0
  40. package/dist/theme.d.mts +1 -0
  41. package/dist/theme.d.ts +1 -0
  42. package/dist/theme.js +14 -0
  43. package/dist/theme.js.map +1 -0
  44. package/dist/theme.mjs +3 -0
  45. package/dist/theme.mjs.map +1 -0
  46. package/dist/utils.d.mts +1 -0
  47. package/dist/utils.d.ts +1 -0
  48. package/dist/utils.js +14 -0
  49. package/dist/utils.js.map +1 -0
  50. package/dist/utils.mjs +3 -0
  51. package/dist/utils.mjs.map +1 -0
  52. package/package.json +37 -7
package/dist/index.d.mts CHANGED
@@ -3,14 +3,18 @@ import React$1, { ReactNode } from 'react';
3
3
  import { BaseTheme, ColorSchemePreference, SpacingKey, RadiiKey, GlassElevation, GlassTintVariant } from 'reactnatively-theme';
4
4
  export { BaseTheme, ColorSchemePreference, ComponentRecipe, DensityMode, GlassElevation, GlassTintVariant, InferTheme, MaterialRecipe, RecipeState, ResolveRecipeOptions, ResolvedColorScheme, ResolvedRecipe, ThemeColors, ThemeProvider, accessibilityTokens, baseTheme, breakpoints, componentTokens, createRecipe, createTheme, density, extendRecipe, glassTokens, hapticTokens, materialTokens, motion, palette, radii, shadows, spacing, springs, stateTokens, typography, useColorScheme, useIsDark, useTheme, useToken, zDepth } from 'reactnatively-theme';
5
5
  import { DeepPartial } from 'reactnatively-utils';
6
+ export { Alignment, DeepPartial, DeepReadonly, ExtractKeys, IS_ANDROID, IS_IOS, IS_NATIVE, IS_WEB, Justify, Orientation, PolymorphicComponentProp, PolymorphicComponentPropWithRef, PolymorphicRef, Prettify, SizeScale, ColorScheme as UtilityColorScheme, WithChildren, WithClassName, WithTestID, deepMerge, defineCompoundVariants, defineVariants, getAndroidVersion, platformSelect, shallowMerge } from 'reactnatively-utils';
6
7
  import { GlassMaterialPolicy, RenderBudgetPolicy } from 'reactnatively-glass';
7
- export { FrostPanel, FrostPanelProps, GLASS_CAPABILITY, GlassConfig, GlassMaterialPolicy, GlassPlatformProvider, GlassPlatformProviderProps, GlassPowerMode, GlassQuality, GlassSurfacePriority, GlassView, GlassViewProps, IS_FULL_GLASS, IS_NO_GLASS, IS_PARTIAL_GLASS, RenderBudgetPolicy, ResolvedGlassStyle, SUPPORTS_BLUR, useBlurSurfaceBudget, useGlassPlatform, useGlassStyle } from 'reactnatively-glass';
8
+ export { FrostPanel, FrostPanelProps, GLASS_CAPABILITY, 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';
8
9
  import { InteractionPolicy } from 'reactnatively-animations';
9
10
  export { HapticIntent, InteractionContextValue, InteractionIntensity, InteractionPolicy, InteractionProvider, InteractionProviderProps, SPRING_BOUNCE, SPRING_LIQUID, SPRING_PRECISE, SPRING_REVEAL, SPRING_SNAPPY, TIMING_ENTER, TIMING_EXIT, TIMING_FAST, TIMING_NORMAL, TIMING_SLOW, useDuration, useEntranceAnimation, useInteraction, usePressAnimation, useReducedMotion, useSpring } from 'reactnatively-animations';
10
11
  import { AccessibilityPolicy } from 'reactnatively-primitives';
11
- export { AccessibilityContextValue, AccessibilityPolicy, AccessibilityProvider, AccessibilityProviderProps, GlassSurfaceConfig, Surface, SurfaceProps, VisuallyHidden, VisuallyHiddenProps, useAccessibilityPolicy } from 'reactnatively-primitives';
12
+ export { AccessibilityContextValue, AccessibilityPolicy, AccessibilityProvider, AccessibilityProviderProps, GlassPressable, GlassPressableProps, GlassSurfaceConfig, GlassText, GlassTextProps, GlassTextVariant, GlassTextWeight, Portal, PortalContextValue, PortalEntry, PortalHost, PortalProvider, Slot, Surface, SurfaceProps, VisuallyHidden, VisuallyHiddenProps, useAccessibilityPolicy, usePortal } from 'reactnatively-primitives';
12
13
  import { StyleProp, ViewStyle, FlexStyle, TextStyle, TextProps as TextProps$1, PressableProps, GestureResponderEvent, TextInputProps as TextInputProps$1, ImageStyle } from 'react-native';
13
14
  import { SharedValue } from 'react-native-reanimated';
15
+ export { BlurTransition, BlurTransitionProps, Fade, FadeProps, MagneticPressable, MagneticPressableProps, Scale, ScaleProps, Slide, SlideDirection, SlideProps } from './animations.mjs';
16
+ export { BlurSurface, BlurSurfaceProps, DockItem, DynamicIsland, DynamicIslandProps, DynamicIslandState, FloatingDock, FloatingDockProps, FloatingMediaPanel, FloatingMediaPanelProps, GlassNavbar, GlassNavbarProps, GlassSidebar, GlassSidebarItem, GlassSidebarProps, InteractiveGlassSurface, InteractiveGlassSurfaceProps, MediaPanelState, MorphingContainer, MorphingContainerProps, MorphingContainerShape } from './glass.mjs';
17
+ export { AccessibilityState, Breakpoint, ContainerBreakpoint, ContainerQueryResult, DimensionsState, HapticImpactStyle, HapticNotificationType, KeyboardState, ScrollHandlerResult, UseControllableOptions, UseDisclosureOptions, UseDisclosureReturn, UseHapticReturn, useAccessibility, useContainerQuery, useContainerQueryFull, useControllable, useDebounce, useDimensions, useDisclosure, useHaptic, useId, useKeyboard, usePrevious, useScrollHandler, useThrottle } from 'reactnatively-hooks';
14
18
 
15
19
  interface ReactnativelyProviderProps<T extends BaseTheme = BaseTheme> {
16
20
  children: ReactNode;
@@ -1331,207 +1335,4 @@ interface HoverCardProps {
1331
1335
 
1332
1336
  declare const HoverCard: React$1.NamedExoticComponent<HoverCardProps>;
1333
1337
 
1334
- interface FadeProps {
1335
- in?: boolean;
1336
- duration?: number;
1337
- delay?: number;
1338
- children: ReactNode;
1339
- style?: StyleProp<ViewStyle>;
1340
- onEntered?: () => void;
1341
- onExited?: () => void;
1342
- }
1343
-
1344
- declare const Fade: React$1.NamedExoticComponent<FadeProps>;
1345
-
1346
- interface ScaleProps {
1347
- in?: boolean;
1348
- from?: number;
1349
- to?: number;
1350
- duration?: number;
1351
- children: ReactNode;
1352
- style?: StyleProp<ViewStyle>;
1353
- }
1354
-
1355
- declare const Scale: React$1.NamedExoticComponent<ScaleProps>;
1356
-
1357
- type SlideDirection = 'up' | 'down' | 'left' | 'right';
1358
- interface SlideProps {
1359
- in?: boolean;
1360
- direction?: SlideDirection;
1361
- distance?: number;
1362
- duration?: number;
1363
- children: ReactNode;
1364
- style?: StyleProp<ViewStyle>;
1365
- }
1366
-
1367
- declare const Slide: React$1.NamedExoticComponent<SlideProps>;
1368
-
1369
- interface BlurTransitionProps {
1370
- in?: boolean;
1371
- blurAmount?: number;
1372
- duration?: number;
1373
- children: ReactNode;
1374
- style?: StyleProp<ViewStyle>;
1375
- }
1376
-
1377
- declare const BlurTransition: React$1.NamedExoticComponent<BlurTransitionProps>;
1378
-
1379
- interface MagneticPressableProps {
1380
- children: ReactNode;
1381
- strength?: number;
1382
- onPress?: () => void;
1383
- style?: StyleProp<ViewStyle>;
1384
- }
1385
-
1386
- declare const MagneticPressable: React$1.NamedExoticComponent<MagneticPressableProps>;
1387
-
1388
- interface BlurSurfaceProps {
1389
- elevation?: 0 | 1 | 2 | 3 | 4 | 5;
1390
- variant?: 'surface' | 'frosted' | 'elevated' | 'ultraThin';
1391
- borderRadius?: number;
1392
- style?: StyleProp<ViewStyle>;
1393
- children?: ReactNode;
1394
- }
1395
-
1396
- /**
1397
- * BlurSurface — thin wrapper around GlassView exposing a clean API.
1398
- * Used as a standalone decorative blur layer. No children required.
1399
- */
1400
- declare const BlurSurface: React$1.NamedExoticComponent<BlurSurfaceProps>;
1401
-
1402
- type DynamicIslandState = 'compact' | 'expanded' | 'minimal';
1403
- interface DynamicIslandProps {
1404
- state?: DynamicIslandState;
1405
- defaultState?: DynamicIslandState;
1406
- onStateChange?: (state: DynamicIslandState) => void;
1407
- /** Small content for compact pill */
1408
- compactContent?: ReactNode;
1409
- /** Rich content for expanded state */
1410
- expandedContent?: ReactNode;
1411
- /** Tiny indicator dot */
1412
- minimalContent?: ReactNode;
1413
- onPress?: () => void;
1414
- style?: StyleProp<ViewStyle>;
1415
- }
1416
-
1417
- /**
1418
- * DynamicIsland — morphing pill that cycles between compact, expanded, and minimal states.
1419
- * Animated width/height transitions via withSpring(SPRING_BOUNCE).
1420
- */
1421
- declare const DynamicIsland: React$1.NamedExoticComponent<DynamicIslandProps>;
1422
-
1423
- interface DockItem {
1424
- icon: ReactNode;
1425
- label: string;
1426
- onPress: () => void;
1427
- }
1428
- interface FloatingDockProps {
1429
- items: DockItem[];
1430
- position?: 'bottom' | 'top';
1431
- glass?: boolean;
1432
- /** Items scale up on touch proximity */
1433
- magnification?: boolean;
1434
- style?: StyleProp<ViewStyle>;
1435
- }
1436
-
1437
- /**
1438
- * FloatingDock — macOS-inspired dock with magnification on touch proximity.
1439
- * GlassView pill container with items in a row.
1440
- */
1441
- declare const FloatingDock: React$1.NamedExoticComponent<FloatingDockProps>;
1442
-
1443
- interface MorphingContainerShape {
1444
- width: number;
1445
- height: number;
1446
- borderRadius: number;
1447
- }
1448
- interface MorphingContainerProps {
1449
- shape?: MorphingContainerShape;
1450
- glass?: boolean;
1451
- children?: ReactNode;
1452
- style?: StyleProp<ViewStyle>;
1453
- }
1454
-
1455
- /**
1456
- * MorphingContainer — GlassView that spring-animates between different shape prop values.
1457
- * All three dimensions (width, height, borderRadius) animate in unison via withSpring.
1458
- */
1459
- declare const MorphingContainer: React$1.NamedExoticComponent<MorphingContainerProps>;
1460
-
1461
- interface GlassNavbarProps {
1462
- title?: string;
1463
- leading?: ReactNode;
1464
- trailing?: ReactNode;
1465
- /** SharedValue from useScrollHandler — controls glass intensity with scroll */
1466
- scrollY?: SharedValue<number>;
1467
- style?: StyleProp<ViewStyle>;
1468
- }
1469
-
1470
- /**
1471
- * GlassNavbar — top navigation bar whose glass intensity scales with scroll position.
1472
- * At scrollY=0: transparent (elevation 0). At scrollY>50: frosted (elevation 2).
1473
- */
1474
- declare const GlassNavbar: React$1.NamedExoticComponent<GlassNavbarProps>;
1475
-
1476
- interface GlassSidebarItem {
1477
- label: string;
1478
- icon: ReactNode;
1479
- value: string;
1480
- badge?: number;
1481
- }
1482
- interface GlassSidebarProps {
1483
- items: GlassSidebarItem[];
1484
- activeItem?: string;
1485
- onItemPress?: (value: string) => void;
1486
- isCollapsed?: boolean;
1487
- width?: number;
1488
- collapsedWidth?: number;
1489
- style?: StyleProp<ViewStyle>;
1490
- }
1491
-
1492
- /**
1493
- * GlassSidebar — persistent (non-modal) sidebar with collapsible animation.
1494
- * Width springs between expanded/collapsed; labels fade out when collapsed.
1495
- */
1496
- declare const GlassSidebar: React$1.NamedExoticComponent<GlassSidebarProps>;
1497
-
1498
- interface InteractiveGlassSurfaceProps {
1499
- children?: ReactNode;
1500
- /** Tilt strength 0–1, default 0.05 */
1501
- parallaxStrength?: number;
1502
- elevation?: 0 | 1 | 2 | 3 | 4 | 5;
1503
- style?: StyleProp<ViewStyle>;
1504
- }
1505
-
1506
- /**
1507
- * InteractiveGlassSurface — GlassView that simulates a gyroscope tilt effect
1508
- * by tracking touch position relative to the component center.
1509
- * Springs back to 0,0 on touch end.
1510
- */
1511
- declare const InteractiveGlassSurface: React$1.NamedExoticComponent<InteractiveGlassSurfaceProps>;
1512
-
1513
- type MediaPanelState = 'mini' | 'expanded';
1514
- interface FloatingMediaPanelProps {
1515
- state?: MediaPanelState;
1516
- defaultState?: MediaPanelState;
1517
- onStateChange?: (state: MediaPanelState) => void;
1518
- /** Album art / thumbnail */
1519
- artwork?: ReactNode;
1520
- title?: string;
1521
- subtitle?: string;
1522
- isPlaying?: boolean;
1523
- onPlayPause?: () => void;
1524
- onNext?: () => void;
1525
- onPrevious?: () => void;
1526
- /** Playback progress 0–1 */
1527
- progress?: number;
1528
- style?: StyleProp<ViewStyle>;
1529
- }
1530
-
1531
- /**
1532
- * FloatingMediaPanel — glass panel that morphs between a slim mini bar and a
1533
- * full expanded player. Drag up to expand, drag down to minimise.
1534
- */
1535
- declare const FloatingMediaPanel: React$1.NamedExoticComponent<FloatingMediaPanelProps>;
1536
-
1537
- export { Accordion, type AccordionItemProps, type AccordionProps, ActionSheet, type ActionSheetAction, type ActionSheetProps, Alert, type AlertProps, type AlertStatus, type AlertVariant, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeStatus, type BadgeVariant, Banner, type BannerProps, type BannerStatus, BlurSurface, type BlurSurfaceProps, BlurTransition, type BlurTransitionProps, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, BottomSheet, type BottomSheetProps, Box, type BoxProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonColor, type ButtonProps, type ButtonSize, type ButtonVariant, Caption, type CaptionProps, Carousel, type CarouselProps, Center, type CenterProps, Checkbox, type CheckboxProps, type CheckboxSize, Chip, type ChipProps, type ChipVariant, Code, type CodeProps, type CommandItem, CommandPalette, type CommandPaletteProps, Container, type ContainerMaxWidth, type ContainerProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, DatePicker, type DatePickerProps, Dialog, type DialogProps, Divider, type DividerProps, type DockItem, Drawer, type DrawerPlacement, type DrawerProps, DynamicIsland, type DynamicIslandProps, type DynamicIslandState, EmptyState, type EmptyStateProps, FAB, type FABPosition, type FABProps, type FABSize, type FABVariant, Fade, type FadeProps, Flex, type FlexProps, FloatingDock, type FloatingDockProps, FloatingMediaPanel, type FloatingMediaPanelProps, FormControl, type FormControlContextValue, type FormControlProps, type GlassButtonConfig, GlassNavbar, type GlassNavbarProps, GlassSidebar, type GlassSidebarItem, type GlassSidebarProps, GradientText, type GradientTextProps, Grid, type GridProps, HStack, Heading, type HeadingLevel, type HeadingProps, HoverCard, type HoverCardProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, InteractiveGlassSurface, type InteractiveGlassSurfaceProps, Link, type LinkProps, LiquidCard, type LiquidCardBodyProps, type LiquidCardFooterProps, type LiquidCardHeaderProps, type LiquidCardImageProps, type LiquidCardProps, List, ListItem, type ListItemProps, type ListProps, type ListSection, MagneticPressable, type MagneticPressableProps, type MediaPanelState, Modal, type ModalProps, type ModalSize, MorphingContainer, type MorphingContainerProps, type MorphingContainerShape, MultiSelect, type MultiSelectProps, OTPInput, type OTPInputProps, Paragraph, type ParagraphProps, type ParagraphSize, PasswordInput, type PasswordInputProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, RangeSlider, type RangeSliderProps, ReactnativelyProvider, type ReactnativelyProviderProps, Scale, type ScaleProps, SearchBar, type SearchBarProps, type SearchBarSize, SegmentedTabs, type SegmentedTabsOption, type SegmentedTabsProps, type SegmentedTabsSize, Select, type SelectOption, type SelectProps, Sidebar, type SidebarProps, Skeleton, type SkeletonProps, type SkeletonVariant, Slide, type SlideDirection, type SlideProps, Slider, type SliderProps, type SnackbarOptions, SnackbarProvider, type SnackbarProviderProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackProps, StatsCard, type StatsCardProps, type StepItem, type StepStatus, Stepper, type StepperProps, Switch, type SwitchColor, type SwitchProps, type SwitchSize, type TabListProps, type TabPanelProps, type TabProps, type TabVariant, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, type TextVariant, type TextWeight, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineItemStatus, type TimelineProps, Toast, type ToastAction, type ToastItem, type ToastOptions, type ToastPosition, ToastProvider, type ToastType, Tooltip, type TooltipPlacement, type TooltipProps, TopNavigation, type TopNavigationProps, type TrendDirection, VStack, snackbar, toast, useFormControl };
1338
+ export { Accordion, type AccordionItemProps, type AccordionProps, ActionSheet, type ActionSheetAction, type ActionSheetProps, Alert, type AlertProps, type AlertStatus, type AlertVariant, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeStatus, type BadgeVariant, Banner, type BannerProps, type BannerStatus, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, BottomSheet, type BottomSheetProps, Box, type BoxProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonColor, type ButtonProps, type ButtonSize, type ButtonVariant, Caption, type CaptionProps, LiquidCard as Card, type LiquidCardProps as CardProps, Carousel, type CarouselProps, Center, type CenterProps, Checkbox, type CheckboxProps, type CheckboxSize, Chip, type ChipProps, type ChipVariant, Code, type CodeProps, type CommandItem, CommandPalette, type CommandPaletteProps, Container, type ContainerMaxWidth, type ContainerProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, DatePicker, type DatePickerProps, Dialog, type DialogProps, Divider, type DividerProps, Drawer, type DrawerPlacement, type DrawerProps, EmptyState, type EmptyStateProps, FAB, type FABPosition, type FABProps, type FABSize, type FABVariant, Flex, type FlexProps, FormControl, type FormControlContextValue, type FormControlProps, type GlassButtonConfig, GradientText, type GradientTextProps, Grid, type GridProps, HStack, Heading, type HeadingLevel, type HeadingProps, HoverCard, type HoverCardProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, Link, type LinkProps, LiquidCard, type LiquidCardBodyProps, type LiquidCardFooterProps, type LiquidCardHeaderProps, type LiquidCardImageProps, type LiquidCardProps, List, ListItem, type ListItemProps, type ListProps, type ListSection, Modal, type ModalProps, type ModalSize, MultiSelect, type MultiSelectProps, OTPInput, type OTPInputProps, Paragraph, type ParagraphProps, type ParagraphSize, PasswordInput, type PasswordInputProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, RangeSlider, type RangeSliderProps, ReactnativelyProvider, type ReactnativelyProviderProps, SearchBar, type SearchBarProps, type SearchBarSize, SegmentedTabs, type SegmentedTabsOption, type SegmentedTabsProps, type SegmentedTabsSize, Select, type SelectOption, type SelectProps, Sidebar, type SidebarProps, Skeleton, type SkeletonProps, type SkeletonVariant, Slider, type SliderProps, type SnackbarOptions, SnackbarProvider, type SnackbarProviderProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackProps, StatsCard, type StatsCardProps, type StepItem, type StepStatus, Stepper, type StepperProps, Switch, type SwitchColor, type SwitchProps, type SwitchSize, type TabListProps, type TabPanelProps, type TabProps, type TabVariant, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, type TextVariant, type TextWeight, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineItemStatus, type TimelineProps, Toast, type ToastAction, type ToastItem, type ToastOptions, type ToastPosition, ToastProvider, type ToastType, Tooltip, type TooltipPlacement, type TooltipProps, TopNavigation, type TopNavigationProps, type TrendDirection, VStack, snackbar, toast, useFormControl };
package/dist/index.d.ts CHANGED
@@ -3,14 +3,18 @@ import React$1, { ReactNode } from 'react';
3
3
  import { BaseTheme, ColorSchemePreference, SpacingKey, RadiiKey, GlassElevation, GlassTintVariant } from 'reactnatively-theme';
4
4
  export { BaseTheme, ColorSchemePreference, ComponentRecipe, DensityMode, GlassElevation, GlassTintVariant, InferTheme, MaterialRecipe, RecipeState, ResolveRecipeOptions, ResolvedColorScheme, ResolvedRecipe, ThemeColors, ThemeProvider, accessibilityTokens, baseTheme, breakpoints, componentTokens, createRecipe, createTheme, density, extendRecipe, glassTokens, hapticTokens, materialTokens, motion, palette, radii, shadows, spacing, springs, stateTokens, typography, useColorScheme, useIsDark, useTheme, useToken, zDepth } from 'reactnatively-theme';
5
5
  import { DeepPartial } from 'reactnatively-utils';
6
+ export { Alignment, DeepPartial, DeepReadonly, ExtractKeys, IS_ANDROID, IS_IOS, IS_NATIVE, IS_WEB, Justify, Orientation, PolymorphicComponentProp, PolymorphicComponentPropWithRef, PolymorphicRef, Prettify, SizeScale, ColorScheme as UtilityColorScheme, WithChildren, WithClassName, WithTestID, deepMerge, defineCompoundVariants, defineVariants, getAndroidVersion, platformSelect, shallowMerge } from 'reactnatively-utils';
6
7
  import { GlassMaterialPolicy, RenderBudgetPolicy } from 'reactnatively-glass';
7
- export { FrostPanel, FrostPanelProps, GLASS_CAPABILITY, GlassConfig, GlassMaterialPolicy, GlassPlatformProvider, GlassPlatformProviderProps, GlassPowerMode, GlassQuality, GlassSurfacePriority, GlassView, GlassViewProps, IS_FULL_GLASS, IS_NO_GLASS, IS_PARTIAL_GLASS, RenderBudgetPolicy, ResolvedGlassStyle, SUPPORTS_BLUR, useBlurSurfaceBudget, useGlassPlatform, useGlassStyle } from 'reactnatively-glass';
8
+ export { FrostPanel, FrostPanelProps, GLASS_CAPABILITY, 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';
8
9
  import { InteractionPolicy } from 'reactnatively-animations';
9
10
  export { HapticIntent, InteractionContextValue, InteractionIntensity, InteractionPolicy, InteractionProvider, InteractionProviderProps, SPRING_BOUNCE, SPRING_LIQUID, SPRING_PRECISE, SPRING_REVEAL, SPRING_SNAPPY, TIMING_ENTER, TIMING_EXIT, TIMING_FAST, TIMING_NORMAL, TIMING_SLOW, useDuration, useEntranceAnimation, useInteraction, usePressAnimation, useReducedMotion, useSpring } from 'reactnatively-animations';
10
11
  import { AccessibilityPolicy } from 'reactnatively-primitives';
11
- export { AccessibilityContextValue, AccessibilityPolicy, AccessibilityProvider, AccessibilityProviderProps, GlassSurfaceConfig, Surface, SurfaceProps, VisuallyHidden, VisuallyHiddenProps, useAccessibilityPolicy } from 'reactnatively-primitives';
12
+ export { AccessibilityContextValue, AccessibilityPolicy, AccessibilityProvider, AccessibilityProviderProps, GlassPressable, GlassPressableProps, GlassSurfaceConfig, GlassText, GlassTextProps, GlassTextVariant, GlassTextWeight, Portal, PortalContextValue, PortalEntry, PortalHost, PortalProvider, Slot, Surface, SurfaceProps, VisuallyHidden, VisuallyHiddenProps, useAccessibilityPolicy, usePortal } from 'reactnatively-primitives';
12
13
  import { StyleProp, ViewStyle, FlexStyle, TextStyle, TextProps as TextProps$1, PressableProps, GestureResponderEvent, TextInputProps as TextInputProps$1, ImageStyle } from 'react-native';
13
14
  import { SharedValue } from 'react-native-reanimated';
15
+ export { BlurTransition, BlurTransitionProps, Fade, FadeProps, MagneticPressable, MagneticPressableProps, Scale, ScaleProps, Slide, SlideDirection, SlideProps } from './animations.js';
16
+ export { BlurSurface, BlurSurfaceProps, DockItem, DynamicIsland, DynamicIslandProps, DynamicIslandState, FloatingDock, FloatingDockProps, FloatingMediaPanel, FloatingMediaPanelProps, GlassNavbar, GlassNavbarProps, GlassSidebar, GlassSidebarItem, GlassSidebarProps, InteractiveGlassSurface, InteractiveGlassSurfaceProps, MediaPanelState, MorphingContainer, MorphingContainerProps, MorphingContainerShape } from './glass.js';
17
+ export { AccessibilityState, Breakpoint, ContainerBreakpoint, ContainerQueryResult, DimensionsState, HapticImpactStyle, HapticNotificationType, KeyboardState, ScrollHandlerResult, UseControllableOptions, UseDisclosureOptions, UseDisclosureReturn, UseHapticReturn, useAccessibility, useContainerQuery, useContainerQueryFull, useControllable, useDebounce, useDimensions, useDisclosure, useHaptic, useId, useKeyboard, usePrevious, useScrollHandler, useThrottle } from 'reactnatively-hooks';
14
18
 
15
19
  interface ReactnativelyProviderProps<T extends BaseTheme = BaseTheme> {
16
20
  children: ReactNode;
@@ -1331,207 +1335,4 @@ interface HoverCardProps {
1331
1335
 
1332
1336
  declare const HoverCard: React$1.NamedExoticComponent<HoverCardProps>;
1333
1337
 
1334
- interface FadeProps {
1335
- in?: boolean;
1336
- duration?: number;
1337
- delay?: number;
1338
- children: ReactNode;
1339
- style?: StyleProp<ViewStyle>;
1340
- onEntered?: () => void;
1341
- onExited?: () => void;
1342
- }
1343
-
1344
- declare const Fade: React$1.NamedExoticComponent<FadeProps>;
1345
-
1346
- interface ScaleProps {
1347
- in?: boolean;
1348
- from?: number;
1349
- to?: number;
1350
- duration?: number;
1351
- children: ReactNode;
1352
- style?: StyleProp<ViewStyle>;
1353
- }
1354
-
1355
- declare const Scale: React$1.NamedExoticComponent<ScaleProps>;
1356
-
1357
- type SlideDirection = 'up' | 'down' | 'left' | 'right';
1358
- interface SlideProps {
1359
- in?: boolean;
1360
- direction?: SlideDirection;
1361
- distance?: number;
1362
- duration?: number;
1363
- children: ReactNode;
1364
- style?: StyleProp<ViewStyle>;
1365
- }
1366
-
1367
- declare const Slide: React$1.NamedExoticComponent<SlideProps>;
1368
-
1369
- interface BlurTransitionProps {
1370
- in?: boolean;
1371
- blurAmount?: number;
1372
- duration?: number;
1373
- children: ReactNode;
1374
- style?: StyleProp<ViewStyle>;
1375
- }
1376
-
1377
- declare const BlurTransition: React$1.NamedExoticComponent<BlurTransitionProps>;
1378
-
1379
- interface MagneticPressableProps {
1380
- children: ReactNode;
1381
- strength?: number;
1382
- onPress?: () => void;
1383
- style?: StyleProp<ViewStyle>;
1384
- }
1385
-
1386
- declare const MagneticPressable: React$1.NamedExoticComponent<MagneticPressableProps>;
1387
-
1388
- interface BlurSurfaceProps {
1389
- elevation?: 0 | 1 | 2 | 3 | 4 | 5;
1390
- variant?: 'surface' | 'frosted' | 'elevated' | 'ultraThin';
1391
- borderRadius?: number;
1392
- style?: StyleProp<ViewStyle>;
1393
- children?: ReactNode;
1394
- }
1395
-
1396
- /**
1397
- * BlurSurface — thin wrapper around GlassView exposing a clean API.
1398
- * Used as a standalone decorative blur layer. No children required.
1399
- */
1400
- declare const BlurSurface: React$1.NamedExoticComponent<BlurSurfaceProps>;
1401
-
1402
- type DynamicIslandState = 'compact' | 'expanded' | 'minimal';
1403
- interface DynamicIslandProps {
1404
- state?: DynamicIslandState;
1405
- defaultState?: DynamicIslandState;
1406
- onStateChange?: (state: DynamicIslandState) => void;
1407
- /** Small content for compact pill */
1408
- compactContent?: ReactNode;
1409
- /** Rich content for expanded state */
1410
- expandedContent?: ReactNode;
1411
- /** Tiny indicator dot */
1412
- minimalContent?: ReactNode;
1413
- onPress?: () => void;
1414
- style?: StyleProp<ViewStyle>;
1415
- }
1416
-
1417
- /**
1418
- * DynamicIsland — morphing pill that cycles between compact, expanded, and minimal states.
1419
- * Animated width/height transitions via withSpring(SPRING_BOUNCE).
1420
- */
1421
- declare const DynamicIsland: React$1.NamedExoticComponent<DynamicIslandProps>;
1422
-
1423
- interface DockItem {
1424
- icon: ReactNode;
1425
- label: string;
1426
- onPress: () => void;
1427
- }
1428
- interface FloatingDockProps {
1429
- items: DockItem[];
1430
- position?: 'bottom' | 'top';
1431
- glass?: boolean;
1432
- /** Items scale up on touch proximity */
1433
- magnification?: boolean;
1434
- style?: StyleProp<ViewStyle>;
1435
- }
1436
-
1437
- /**
1438
- * FloatingDock — macOS-inspired dock with magnification on touch proximity.
1439
- * GlassView pill container with items in a row.
1440
- */
1441
- declare const FloatingDock: React$1.NamedExoticComponent<FloatingDockProps>;
1442
-
1443
- interface MorphingContainerShape {
1444
- width: number;
1445
- height: number;
1446
- borderRadius: number;
1447
- }
1448
- interface MorphingContainerProps {
1449
- shape?: MorphingContainerShape;
1450
- glass?: boolean;
1451
- children?: ReactNode;
1452
- style?: StyleProp<ViewStyle>;
1453
- }
1454
-
1455
- /**
1456
- * MorphingContainer — GlassView that spring-animates between different shape prop values.
1457
- * All three dimensions (width, height, borderRadius) animate in unison via withSpring.
1458
- */
1459
- declare const MorphingContainer: React$1.NamedExoticComponent<MorphingContainerProps>;
1460
-
1461
- interface GlassNavbarProps {
1462
- title?: string;
1463
- leading?: ReactNode;
1464
- trailing?: ReactNode;
1465
- /** SharedValue from useScrollHandler — controls glass intensity with scroll */
1466
- scrollY?: SharedValue<number>;
1467
- style?: StyleProp<ViewStyle>;
1468
- }
1469
-
1470
- /**
1471
- * GlassNavbar — top navigation bar whose glass intensity scales with scroll position.
1472
- * At scrollY=0: transparent (elevation 0). At scrollY>50: frosted (elevation 2).
1473
- */
1474
- declare const GlassNavbar: React$1.NamedExoticComponent<GlassNavbarProps>;
1475
-
1476
- interface GlassSidebarItem {
1477
- label: string;
1478
- icon: ReactNode;
1479
- value: string;
1480
- badge?: number;
1481
- }
1482
- interface GlassSidebarProps {
1483
- items: GlassSidebarItem[];
1484
- activeItem?: string;
1485
- onItemPress?: (value: string) => void;
1486
- isCollapsed?: boolean;
1487
- width?: number;
1488
- collapsedWidth?: number;
1489
- style?: StyleProp<ViewStyle>;
1490
- }
1491
-
1492
- /**
1493
- * GlassSidebar — persistent (non-modal) sidebar with collapsible animation.
1494
- * Width springs between expanded/collapsed; labels fade out when collapsed.
1495
- */
1496
- declare const GlassSidebar: React$1.NamedExoticComponent<GlassSidebarProps>;
1497
-
1498
- interface InteractiveGlassSurfaceProps {
1499
- children?: ReactNode;
1500
- /** Tilt strength 0–1, default 0.05 */
1501
- parallaxStrength?: number;
1502
- elevation?: 0 | 1 | 2 | 3 | 4 | 5;
1503
- style?: StyleProp<ViewStyle>;
1504
- }
1505
-
1506
- /**
1507
- * InteractiveGlassSurface — GlassView that simulates a gyroscope tilt effect
1508
- * by tracking touch position relative to the component center.
1509
- * Springs back to 0,0 on touch end.
1510
- */
1511
- declare const InteractiveGlassSurface: React$1.NamedExoticComponent<InteractiveGlassSurfaceProps>;
1512
-
1513
- type MediaPanelState = 'mini' | 'expanded';
1514
- interface FloatingMediaPanelProps {
1515
- state?: MediaPanelState;
1516
- defaultState?: MediaPanelState;
1517
- onStateChange?: (state: MediaPanelState) => void;
1518
- /** Album art / thumbnail */
1519
- artwork?: ReactNode;
1520
- title?: string;
1521
- subtitle?: string;
1522
- isPlaying?: boolean;
1523
- onPlayPause?: () => void;
1524
- onNext?: () => void;
1525
- onPrevious?: () => void;
1526
- /** Playback progress 0–1 */
1527
- progress?: number;
1528
- style?: StyleProp<ViewStyle>;
1529
- }
1530
-
1531
- /**
1532
- * FloatingMediaPanel — glass panel that morphs between a slim mini bar and a
1533
- * full expanded player. Drag up to expand, drag down to minimise.
1534
- */
1535
- declare const FloatingMediaPanel: React$1.NamedExoticComponent<FloatingMediaPanelProps>;
1536
-
1537
- export { Accordion, type AccordionItemProps, type AccordionProps, ActionSheet, type ActionSheetAction, type ActionSheetProps, Alert, type AlertProps, type AlertStatus, type AlertVariant, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeStatus, type BadgeVariant, Banner, type BannerProps, type BannerStatus, BlurSurface, type BlurSurfaceProps, BlurTransition, type BlurTransitionProps, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, BottomSheet, type BottomSheetProps, Box, type BoxProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonColor, type ButtonProps, type ButtonSize, type ButtonVariant, Caption, type CaptionProps, Carousel, type CarouselProps, Center, type CenterProps, Checkbox, type CheckboxProps, type CheckboxSize, Chip, type ChipProps, type ChipVariant, Code, type CodeProps, type CommandItem, CommandPalette, type CommandPaletteProps, Container, type ContainerMaxWidth, type ContainerProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, DatePicker, type DatePickerProps, Dialog, type DialogProps, Divider, type DividerProps, type DockItem, Drawer, type DrawerPlacement, type DrawerProps, DynamicIsland, type DynamicIslandProps, type DynamicIslandState, EmptyState, type EmptyStateProps, FAB, type FABPosition, type FABProps, type FABSize, type FABVariant, Fade, type FadeProps, Flex, type FlexProps, FloatingDock, type FloatingDockProps, FloatingMediaPanel, type FloatingMediaPanelProps, FormControl, type FormControlContextValue, type FormControlProps, type GlassButtonConfig, GlassNavbar, type GlassNavbarProps, GlassSidebar, type GlassSidebarItem, type GlassSidebarProps, GradientText, type GradientTextProps, Grid, type GridProps, HStack, Heading, type HeadingLevel, type HeadingProps, HoverCard, type HoverCardProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, InteractiveGlassSurface, type InteractiveGlassSurfaceProps, Link, type LinkProps, LiquidCard, type LiquidCardBodyProps, type LiquidCardFooterProps, type LiquidCardHeaderProps, type LiquidCardImageProps, type LiquidCardProps, List, ListItem, type ListItemProps, type ListProps, type ListSection, MagneticPressable, type MagneticPressableProps, type MediaPanelState, Modal, type ModalProps, type ModalSize, MorphingContainer, type MorphingContainerProps, type MorphingContainerShape, MultiSelect, type MultiSelectProps, OTPInput, type OTPInputProps, Paragraph, type ParagraphProps, type ParagraphSize, PasswordInput, type PasswordInputProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, RangeSlider, type RangeSliderProps, ReactnativelyProvider, type ReactnativelyProviderProps, Scale, type ScaleProps, SearchBar, type SearchBarProps, type SearchBarSize, SegmentedTabs, type SegmentedTabsOption, type SegmentedTabsProps, type SegmentedTabsSize, Select, type SelectOption, type SelectProps, Sidebar, type SidebarProps, Skeleton, type SkeletonProps, type SkeletonVariant, Slide, type SlideDirection, type SlideProps, Slider, type SliderProps, type SnackbarOptions, SnackbarProvider, type SnackbarProviderProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackProps, StatsCard, type StatsCardProps, type StepItem, type StepStatus, Stepper, type StepperProps, Switch, type SwitchColor, type SwitchProps, type SwitchSize, type TabListProps, type TabPanelProps, type TabProps, type TabVariant, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, type TextVariant, type TextWeight, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineItemStatus, type TimelineProps, Toast, type ToastAction, type ToastItem, type ToastOptions, type ToastPosition, ToastProvider, type ToastType, Tooltip, type TooltipPlacement, type TooltipProps, TopNavigation, type TopNavigationProps, type TrendDirection, VStack, snackbar, toast, useFormControl };
1338
+ export { Accordion, type AccordionItemProps, type AccordionProps, ActionSheet, type ActionSheetAction, type ActionSheetProps, Alert, type AlertProps, type AlertStatus, type AlertVariant, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeStatus, type BadgeVariant, Banner, type BannerProps, type BannerStatus, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, BottomSheet, type BottomSheetProps, Box, type BoxProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonColor, type ButtonProps, type ButtonSize, type ButtonVariant, Caption, type CaptionProps, LiquidCard as Card, type LiquidCardProps as CardProps, Carousel, type CarouselProps, Center, type CenterProps, Checkbox, type CheckboxProps, type CheckboxSize, Chip, type ChipProps, type ChipVariant, Code, type CodeProps, type CommandItem, CommandPalette, type CommandPaletteProps, Container, type ContainerMaxWidth, type ContainerProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, DatePicker, type DatePickerProps, Dialog, type DialogProps, Divider, type DividerProps, Drawer, type DrawerPlacement, type DrawerProps, EmptyState, type EmptyStateProps, FAB, type FABPosition, type FABProps, type FABSize, type FABVariant, Flex, type FlexProps, FormControl, type FormControlContextValue, type FormControlProps, type GlassButtonConfig, GradientText, type GradientTextProps, Grid, type GridProps, HStack, Heading, type HeadingLevel, type HeadingProps, HoverCard, type HoverCardProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, Link, type LinkProps, LiquidCard, type LiquidCardBodyProps, type LiquidCardFooterProps, type LiquidCardHeaderProps, type LiquidCardImageProps, type LiquidCardProps, List, ListItem, type ListItemProps, type ListProps, type ListSection, Modal, type ModalProps, type ModalSize, MultiSelect, type MultiSelectProps, OTPInput, type OTPInputProps, Paragraph, type ParagraphProps, type ParagraphSize, PasswordInput, type PasswordInputProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, RangeSlider, type RangeSliderProps, ReactnativelyProvider, type ReactnativelyProviderProps, SearchBar, type SearchBarProps, type SearchBarSize, SegmentedTabs, type SegmentedTabsOption, type SegmentedTabsProps, type SegmentedTabsSize, Select, type SelectOption, type SelectProps, Sidebar, type SidebarProps, Skeleton, type SkeletonProps, type SkeletonVariant, Slider, type SliderProps, type SnackbarOptions, SnackbarProvider, type SnackbarProviderProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackProps, StatsCard, type StatsCardProps, type StepItem, type StepStatus, Stepper, type StepperProps, Switch, type SwitchColor, type SwitchProps, type SwitchSize, type TabListProps, type TabPanelProps, type TabProps, type TabVariant, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, type TextVariant, type TextWeight, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineItemStatus, type TimelineProps, Toast, type ToastAction, type ToastItem, type ToastOptions, type ToastPosition, ToastProvider, type ToastType, Tooltip, type TooltipPlacement, type TooltipProps, TopNavigation, type TopNavigationProps, type TrendDirection, VStack, snackbar, toast, useFormControl };