@frosted-ui/react-native 0.0.1-canary.91

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 (188) hide show
  1. package/README.md +102 -0
  2. package/dist/components/accordion.d.ts +21 -0
  3. package/dist/components/accordion.d.ts.map +1 -0
  4. package/dist/components/accordion.js +94 -0
  5. package/dist/components/accordion.js.map +1 -0
  6. package/dist/components/alert-dialog.d.ts +67 -0
  7. package/dist/components/alert-dialog.d.ts.map +1 -0
  8. package/dist/components/alert-dialog.js +170 -0
  9. package/dist/components/alert-dialog.js.map +1 -0
  10. package/dist/components/aspect-ratio.d.ts +4 -0
  11. package/dist/components/aspect-ratio.d.ts.map +1 -0
  12. package/dist/components/aspect-ratio.js +4 -0
  13. package/dist/components/aspect-ratio.js.map +1 -0
  14. package/dist/components/avatar.d.ts +23 -0
  15. package/dist/components/avatar.d.ts.map +1 -0
  16. package/dist/components/avatar.js +143 -0
  17. package/dist/components/avatar.js.map +1 -0
  18. package/dist/components/badge.d.ts +17 -0
  19. package/dist/components/badge.d.ts.map +1 -0
  20. package/dist/components/badge.js +95 -0
  21. package/dist/components/badge.js.map +1 -0
  22. package/dist/components/button.d.ts +14 -0
  23. package/dist/components/button.d.ts.map +1 -0
  24. package/dist/components/button.js +85 -0
  25. package/dist/components/button.js.map +1 -0
  26. package/dist/components/callout.d.ts +25 -0
  27. package/dist/components/callout.d.ts.map +1 -0
  28. package/dist/components/callout.js +146 -0
  29. package/dist/components/callout.js.map +1 -0
  30. package/dist/components/card.d.ts +10 -0
  31. package/dist/components/card.d.ts.map +1 -0
  32. package/dist/components/card.js +41 -0
  33. package/dist/components/card.js.map +1 -0
  34. package/dist/components/checkbox.d.ts +13 -0
  35. package/dist/components/checkbox.d.ts.map +1 -0
  36. package/dist/components/checkbox.js +116 -0
  37. package/dist/components/checkbox.js.map +1 -0
  38. package/dist/components/code.d.ts +20 -0
  39. package/dist/components/code.d.ts.map +1 -0
  40. package/dist/components/code.js +83 -0
  41. package/dist/components/code.js.map +1 -0
  42. package/dist/components/context-menu.d.ts +65 -0
  43. package/dist/components/context-menu.d.ts.map +1 -0
  44. package/dist/components/context-menu.js +441 -0
  45. package/dist/components/context-menu.js.map +1 -0
  46. package/dist/components/dialog.d.ts +49 -0
  47. package/dist/components/dialog.d.ts.map +1 -0
  48. package/dist/components/dialog.js +141 -0
  49. package/dist/components/dialog.js.map +1 -0
  50. package/dist/components/dropdown-menu.d.ts +65 -0
  51. package/dist/components/dropdown-menu.d.ts.map +1 -0
  52. package/dist/components/dropdown-menu.js +441 -0
  53. package/dist/components/dropdown-menu.js.map +1 -0
  54. package/dist/components/heading.d.ts +15 -0
  55. package/dist/components/heading.d.ts.map +1 -0
  56. package/dist/components/heading.js +8 -0
  57. package/dist/components/heading.js.map +1 -0
  58. package/dist/components/hover-card.d.ts +24 -0
  59. package/dist/components/hover-card.d.ts.map +1 -0
  60. package/dist/components/hover-card.js +49 -0
  61. package/dist/components/hover-card.js.map +1 -0
  62. package/dist/components/icon-button.d.ts +14 -0
  63. package/dist/components/icon-button.d.ts.map +1 -0
  64. package/dist/components/icon-button.js +85 -0
  65. package/dist/components/icon-button.js.map +1 -0
  66. package/dist/components/icon.d.ts +28 -0
  67. package/dist/components/icon.d.ts.map +1 -0
  68. package/dist/components/icon.js +45 -0
  69. package/dist/components/icon.js.map +1 -0
  70. package/dist/components/index.d.ts +33 -0
  71. package/dist/components/index.d.ts.map +1 -0
  72. package/dist/components/index.js +45 -0
  73. package/dist/components/index.js.map +1 -0
  74. package/dist/components/label.d.ts +8 -0
  75. package/dist/components/label.d.ts.map +1 -0
  76. package/dist/components/label.js +26 -0
  77. package/dist/components/label.js.map +1 -0
  78. package/dist/components/native-only-animated-view.d.ts +223 -0
  79. package/dist/components/native-only-animated-view.d.ts.map +1 -0
  80. package/dist/components/native-only-animated-view.js +26 -0
  81. package/dist/components/native-only-animated-view.js.map +1 -0
  82. package/dist/components/popover.d.ts +24 -0
  83. package/dist/components/popover.d.ts.map +1 -0
  84. package/dist/components/popover.js +52 -0
  85. package/dist/components/popover.js.map +1 -0
  86. package/dist/components/progress.d.ts +15 -0
  87. package/dist/components/progress.d.ts.map +1 -0
  88. package/dist/components/progress.js +68 -0
  89. package/dist/components/progress.js.map +1 -0
  90. package/dist/components/radio-group.d.ts +19 -0
  91. package/dist/components/radio-group.d.ts.map +1 -0
  92. package/dist/components/radio-group.js +138 -0
  93. package/dist/components/radio-group.js.map +1 -0
  94. package/dist/components/segmented-control.d.ts +21 -0
  95. package/dist/components/segmented-control.d.ts.map +1 -0
  96. package/dist/components/segmented-control.js +113 -0
  97. package/dist/components/segmented-control.js.map +1 -0
  98. package/dist/components/select.d.ts +58 -0
  99. package/dist/components/select.d.ts.map +1 -0
  100. package/dist/components/select.js +493 -0
  101. package/dist/components/select.js.map +1 -0
  102. package/dist/components/separator.d.ts +12 -0
  103. package/dist/components/separator.d.ts.map +1 -0
  104. package/dist/components/separator.js +64 -0
  105. package/dist/components/separator.js.map +1 -0
  106. package/dist/components/skeleton.d.ts +28 -0
  107. package/dist/components/skeleton.d.ts.map +1 -0
  108. package/dist/components/skeleton.js +153 -0
  109. package/dist/components/skeleton.js.map +1 -0
  110. package/dist/components/spinner.d.ts +17 -0
  111. package/dist/components/spinner.d.ts.map +1 -0
  112. package/dist/components/spinner.js +199 -0
  113. package/dist/components/spinner.js.map +1 -0
  114. package/dist/components/switch.d.ts +13 -0
  115. package/dist/components/switch.d.ts.map +1 -0
  116. package/dist/components/switch.js +204 -0
  117. package/dist/components/switch.js.map +1 -0
  118. package/dist/components/tabs.d.ts +25 -0
  119. package/dist/components/tabs.d.ts.map +1 -0
  120. package/dist/components/tabs.js +124 -0
  121. package/dist/components/tabs.js.map +1 -0
  122. package/dist/components/text-area.d.ts +16 -0
  123. package/dist/components/text-area.d.ts.map +1 -0
  124. package/dist/components/text-area.js +117 -0
  125. package/dist/components/text-area.js.map +1 -0
  126. package/dist/components/text-field.d.ts +35 -0
  127. package/dist/components/text-field.d.ts.map +1 -0
  128. package/dist/components/text-field.js +256 -0
  129. package/dist/components/text-field.js.map +1 -0
  130. package/dist/components/text.d.ts +23 -0
  131. package/dist/components/text.d.ts.map +1 -0
  132. package/dist/components/text.js +33 -0
  133. package/dist/components/text.js.map +1 -0
  134. package/dist/components/tooltip.d.ts +24 -0
  135. package/dist/components/tooltip.d.ts.map +1 -0
  136. package/dist/components/tooltip.js +63 -0
  137. package/dist/components/tooltip.js.map +1 -0
  138. package/dist/index.d.ts +4 -0
  139. package/dist/index.d.ts.map +1 -0
  140. package/dist/index.js +8 -0
  141. package/dist/index.js.map +1 -0
  142. package/dist/lib/button-styles.d.ts +13 -0
  143. package/dist/lib/button-styles.d.ts.map +1 -0
  144. package/dist/lib/button-styles.js +131 -0
  145. package/dist/lib/button-styles.js.map +1 -0
  146. package/dist/lib/color-utils.d.ts +21 -0
  147. package/dist/lib/color-utils.d.ts.map +1 -0
  148. package/dist/lib/color-utils.js +84 -0
  149. package/dist/lib/color-utils.js.map +1 -0
  150. package/dist/lib/dialog-styles.d.ts +42 -0
  151. package/dist/lib/dialog-styles.d.ts.map +1 -0
  152. package/dist/lib/dialog-styles.js +162 -0
  153. package/dist/lib/dialog-styles.js.map +1 -0
  154. package/dist/lib/native-colors.d.ts +8 -0
  155. package/dist/lib/native-colors.d.ts.map +1 -0
  156. package/dist/lib/native-colors.js +67 -0
  157. package/dist/lib/native-colors.js.map +1 -0
  158. package/dist/lib/panel-styles.d.ts +32 -0
  159. package/dist/lib/panel-styles.d.ts.map +1 -0
  160. package/dist/lib/panel-styles.js +96 -0
  161. package/dist/lib/panel-styles.js.map +1 -0
  162. package/dist/lib/text-input-styles.d.ts +35 -0
  163. package/dist/lib/text-input-styles.d.ts.map +1 -0
  164. package/dist/lib/text-input-styles.js +107 -0
  165. package/dist/lib/text-input-styles.js.map +1 -0
  166. package/dist/lib/theme-vars.d.ts +222 -0
  167. package/dist/lib/theme-vars.d.ts.map +1 -0
  168. package/dist/lib/theme-vars.js +173 -0
  169. package/dist/lib/theme-vars.js.map +1 -0
  170. package/dist/lib/theme.d.ts +57 -0
  171. package/dist/lib/theme.d.ts.map +1 -0
  172. package/dist/lib/theme.js +80 -0
  173. package/dist/lib/theme.js.map +1 -0
  174. package/dist/lib/types.d.ts +14 -0
  175. package/dist/lib/types.d.ts.map +1 -0
  176. package/dist/lib/types.js +2 -0
  177. package/dist/lib/types.js.map +1 -0
  178. package/dist/lib/use-theme-vars.d.ts +325 -0
  179. package/dist/lib/use-theme-vars.d.ts.map +1 -0
  180. package/dist/lib/use-theme-vars.js +17 -0
  181. package/dist/lib/use-theme-vars.js.map +1 -0
  182. package/dist/lib/utils.d.ts +3 -0
  183. package/dist/lib/utils.d.ts.map +1 -0
  184. package/dist/lib/utils.js +17 -0
  185. package/dist/lib/utils.js.map +1 -0
  186. package/global.css +1813 -0
  187. package/package.json +114 -0
  188. package/tailwind-preset.js +310 -0
@@ -0,0 +1,223 @@
1
+ import React from 'react';
2
+ /**
3
+ * This component is used to wrap animated views that should only be animated on native.
4
+ * @param props - The props for the animated view.
5
+ * @returns The animated view if the platform is native, otherwise the children.
6
+ * @example
7
+ * <NativeOnlyAnimatedView entering={FadeIn} exiting={FadeOut}>
8
+ * <Text>I am only animated on native</Text>
9
+ * </NativeOnlyAnimatedView>
10
+ */
11
+ declare const NativeOnlyAnimatedView: React.ForwardRefExoticComponent<{
12
+ children?: React.ReactNode | import("react-native-reanimated").SharedValue<React.ReactNode>;
13
+ hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
14
+ id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
15
+ needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
16
+ onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
17
+ pointerEvents?: "none" | "auto" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"none" | "auto" | "box-none" | "box-only" | undefined> | undefined;
18
+ removeClippedSubviews?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
19
+ testID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
20
+ nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
21
+ collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
22
+ collapsableChildren?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
23
+ className?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
24
+ cssInterop?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
25
+ onBlur?: ((e: import("react-native").BlurEvent) => void) | import("react-native-reanimated").SharedValue<((e: import("react-native").BlurEvent) => void) | null | undefined> | null | undefined;
26
+ onFocus?: ((e: import("react-native").FocusEvent) => void) | import("react-native-reanimated").SharedValue<((e: import("react-native").FocusEvent) => void) | null | undefined> | null | undefined;
27
+ renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
28
+ focusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
29
+ tabIndex?: 0 | -1 | import("react-native-reanimated").SharedValue<0 | -1 | undefined> | undefined;
30
+ shouldRasterizeIOS?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
31
+ isTVSelectable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
32
+ hasTVPreferredFocus?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
33
+ tvParallaxShiftDistanceX?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
34
+ tvParallaxShiftDistanceY?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
35
+ tvParallaxTiltAngle?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
36
+ tvParallaxMagnification?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
37
+ onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
38
+ onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
39
+ onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
40
+ onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
41
+ onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
42
+ onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
43
+ onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
44
+ onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
45
+ onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
46
+ onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
47
+ onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
48
+ onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
49
+ onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
50
+ onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
51
+ onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
52
+ onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
53
+ onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
54
+ onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
55
+ onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
56
+ onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
57
+ onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
58
+ onPointerMove?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
59
+ onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
60
+ onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
61
+ onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
62
+ onPointerDown?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
63
+ onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
64
+ onPointerUp?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
65
+ onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
66
+ accessible?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
67
+ accessibilityActions?: readonly Readonly<{
68
+ name: import("react-native").AccessibilityActionName | string;
69
+ label?: string | undefined;
70
+ }>[] | import("react-native-reanimated").SharedValue<readonly Readonly<{
71
+ name: import("react-native").AccessibilityActionName | string;
72
+ label?: string | undefined;
73
+ }>[] | undefined> | undefined;
74
+ accessibilityLabel?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
75
+ 'aria-label'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
76
+ accessibilityRole?: import("react-native").AccessibilityRole | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityRole | undefined> | undefined;
77
+ accessibilityState?: import("react-native").AccessibilityState | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityState | undefined> | undefined;
78
+ 'aria-busy'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
79
+ 'aria-checked'?: boolean | "mixed" | import("react-native-reanimated").SharedValue<boolean | "mixed" | undefined> | undefined;
80
+ 'aria-disabled'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
81
+ 'aria-expanded'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
82
+ 'aria-selected'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
83
+ accessibilityHint?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
84
+ accessibilityValue?: import("react-native").AccessibilityValue | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityValue | undefined> | undefined;
85
+ 'aria-valuemax'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
86
+ 'aria-valuemin'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
87
+ 'aria-valuenow'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
88
+ 'aria-valuetext'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
89
+ onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
90
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | import("react-native-reanimated").SharedValue<"auto" | "yes" | "no" | "no-hide-descendants" | undefined> | undefined;
91
+ 'aria-hidden'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
92
+ 'aria-modal'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
93
+ role?: import("react-native").Role | import("react-native-reanimated").SharedValue<import("react-native").Role | undefined> | undefined;
94
+ accessibilityLabelledBy?: string | string[] | import("react-native-reanimated").SharedValue<string | string[] | undefined> | undefined;
95
+ 'aria-labelledby'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
96
+ accessibilityLiveRegion?: "none" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
97
+ 'aria-live'?: "polite" | "assertive" | "off" | import("react-native-reanimated").SharedValue<"polite" | "assertive" | "off" | undefined> | undefined;
98
+ screenReaderFocusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
99
+ accessibilityElementsHidden?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
100
+ accessibilityViewIsModal?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
101
+ onAccessibilityEscape?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
102
+ onAccessibilityTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
103
+ onMagicTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
104
+ accessibilityIgnoresInvertColors?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
105
+ accessibilityLanguage?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
106
+ accessibilityShowsLargeContentViewer?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
107
+ accessibilityLargeContentTitle?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
108
+ accessibilityRespondsToUserInteraction?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
109
+ } & {
110
+ style?: import("react-native").StyleProp<import("react-native-reanimated").AnimatedStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
111
+ } & {
112
+ layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder;
113
+ entering?: import("react-native-reanimated").EntryOrExitLayoutType;
114
+ exiting?: import("react-native-reanimated").EntryOrExitLayoutType;
115
+ } & {
116
+ animatedProps?: import("react-native-reanimated/lib/typescript/css/types").AddArrayPropertyType<Partial<{
117
+ children?: React.ReactNode | import("react-native-reanimated").SharedValue<React.ReactNode>;
118
+ hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
119
+ id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
120
+ needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
121
+ onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
122
+ pointerEvents?: "none" | "auto" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"none" | "auto" | "box-none" | "box-only" | undefined> | undefined;
123
+ removeClippedSubviews?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
124
+ testID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
125
+ nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
126
+ collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
127
+ collapsableChildren?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
128
+ className?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
129
+ cssInterop?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
130
+ onBlur?: ((e: import("react-native").BlurEvent) => void) | import("react-native-reanimated").SharedValue<((e: import("react-native").BlurEvent) => void) | null | undefined> | null | undefined;
131
+ onFocus?: ((e: import("react-native").FocusEvent) => void) | import("react-native-reanimated").SharedValue<((e: import("react-native").FocusEvent) => void) | null | undefined> | null | undefined;
132
+ renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
133
+ focusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
134
+ tabIndex?: 0 | -1 | import("react-native-reanimated").SharedValue<0 | -1 | undefined> | undefined;
135
+ shouldRasterizeIOS?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
136
+ isTVSelectable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
137
+ hasTVPreferredFocus?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
138
+ tvParallaxShiftDistanceX?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
139
+ tvParallaxShiftDistanceY?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
140
+ tvParallaxTiltAngle?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
141
+ tvParallaxMagnification?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
142
+ onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
143
+ onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
144
+ onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
145
+ onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
146
+ onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
147
+ onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
148
+ onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
149
+ onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
150
+ onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
151
+ onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
152
+ onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
153
+ onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
154
+ onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
155
+ onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
156
+ onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
157
+ onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
158
+ onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
159
+ onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
160
+ onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
161
+ onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
162
+ onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
163
+ onPointerMove?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
164
+ onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
165
+ onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
166
+ onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
167
+ onPointerDown?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
168
+ onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
169
+ onPointerUp?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
170
+ onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
171
+ accessible?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
172
+ accessibilityActions?: readonly Readonly<{
173
+ name: import("react-native").AccessibilityActionName | string;
174
+ label?: string | undefined;
175
+ }>[] | import("react-native-reanimated").SharedValue<readonly Readonly<{
176
+ name: import("react-native").AccessibilityActionName | string;
177
+ label?: string | undefined;
178
+ }>[] | undefined> | undefined;
179
+ accessibilityLabel?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
180
+ 'aria-label'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
181
+ accessibilityRole?: import("react-native").AccessibilityRole | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityRole | undefined> | undefined;
182
+ accessibilityState?: import("react-native").AccessibilityState | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityState | undefined> | undefined;
183
+ 'aria-busy'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
184
+ 'aria-checked'?: boolean | "mixed" | import("react-native-reanimated").SharedValue<boolean | "mixed" | undefined> | undefined;
185
+ 'aria-disabled'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
186
+ 'aria-expanded'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
187
+ 'aria-selected'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
188
+ accessibilityHint?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
189
+ accessibilityValue?: import("react-native").AccessibilityValue | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityValue | undefined> | undefined;
190
+ 'aria-valuemax'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
191
+ 'aria-valuemin'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
192
+ 'aria-valuenow'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
193
+ 'aria-valuetext'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
194
+ onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
195
+ importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | import("react-native-reanimated").SharedValue<"auto" | "yes" | "no" | "no-hide-descendants" | undefined> | undefined;
196
+ 'aria-hidden'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
197
+ 'aria-modal'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
198
+ role?: import("react-native").Role | import("react-native-reanimated").SharedValue<import("react-native").Role | undefined> | undefined;
199
+ accessibilityLabelledBy?: string | string[] | import("react-native-reanimated").SharedValue<string | string[] | undefined> | undefined;
200
+ 'aria-labelledby'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
201
+ accessibilityLiveRegion?: "none" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
202
+ 'aria-live'?: "polite" | "assertive" | "off" | import("react-native-reanimated").SharedValue<"polite" | "assertive" | "off" | undefined> | undefined;
203
+ screenReaderFocusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
204
+ accessibilityElementsHidden?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
205
+ accessibilityViewIsModal?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
206
+ onAccessibilityEscape?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
207
+ onAccessibilityTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
208
+ onMagicTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
209
+ accessibilityIgnoresInvertColors?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
210
+ accessibilityLanguage?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
211
+ accessibilityShowsLargeContentViewer?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
212
+ accessibilityLargeContentTitle?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
213
+ accessibilityRespondsToUserInteraction?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
214
+ } & {
215
+ style?: import("react-native").StyleProp<import("react-native-reanimated").AnimatedStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
216
+ } & {
217
+ layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder;
218
+ entering?: import("react-native-reanimated").EntryOrExitLayoutType;
219
+ exiting?: import("react-native-reanimated").EntryOrExitLayoutType;
220
+ }> | import("react-native-reanimated").CSSStyle<import("react-native").ViewProps>> | undefined;
221
+ } & React.RefAttributes<any>>;
222
+ export { NativeOnlyAnimatedView };
223
+ //# sourceMappingURL=native-only-animated-view.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-only-animated-view.d.ts","sourceRoot":"","sources":["../../src/components/native-only-animated-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;GAQG;AAEH,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAc3B,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import { Platform } from 'react-native';
3
+ import Animated from 'react-native-reanimated';
4
+ /**
5
+ * This component is used to wrap animated views that should only be animated on native.
6
+ * @param props - The props for the animated view.
7
+ * @returns The animated view if the platform is native, otherwise the children.
8
+ * @example
9
+ * <NativeOnlyAnimatedView entering={FadeIn} exiting={FadeOut}>
10
+ * <Text>I am only animated on native</Text>
11
+ * </NativeOnlyAnimatedView>
12
+ */
13
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Animated.View ref types don't align with React's forwardRef
14
+ const NativeOnlyAnimatedView = React.forwardRef(({ children, ...rest }, ref) => {
15
+ if (Platform.OS === 'web') {
16
+ return <>{children}</>;
17
+ }
18
+ // Animated.View expects its own ref type; cast to satisfy differing React typings.
19
+ return (
20
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any -- ref type mismatch between React and Reanimated
21
+ <Animated.View ref={ref} {...rest}>
22
+ {children}
23
+ </Animated.View>);
24
+ });
25
+ export { NativeOnlyAnimatedView };
26
+ //# sourceMappingURL=native-only-animated-view.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-only-animated-view.js","sourceRoot":"","sources":["../../src/components/native-only-animated-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAI/C;;;;;;;;GAQG;AACH,6HAA6H;AAC7H,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAC7C,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7B,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,EAAE,CAAC,QAA2B,CAAC,GAAG,CAAC;IAC5C,CAAC;IAED,mFAAmF;IACnF,OAAO;IACL,gHAAgH;IAChH,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAU,CAAC,CAAC,IAAI,IAAI,CAAC,CACvC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { type PanelSize, type PanelVariant } from '../lib/panel-styles';
2
+ import * as PopoverPrimitive from '@rn-primitives/popover';
3
+ import * as React from 'react';
4
+ type PopoverSize = PanelSize;
5
+ type PopoverVariant = PanelVariant;
6
+ type PopoverRootProps = PopoverPrimitive.RootProps;
7
+ declare const PopoverRoot: typeof PopoverPrimitive.Root;
8
+ declare const PopoverTrigger: typeof PopoverPrimitive.Trigger;
9
+ declare const PopoverClose: typeof PopoverPrimitive.Close;
10
+ type PopoverContentProps = PopoverPrimitive.ContentProps & {
11
+ size?: PopoverSize;
12
+ variant?: PopoverVariant;
13
+ portalHost?: string;
14
+ };
15
+ declare function PopoverContent({ size, variant, align, sideOffset, portalHost, style, children, ...props }: PopoverContentProps): React.JSX.Element;
16
+ declare const Popover: {
17
+ Root: typeof PopoverRoot;
18
+ Trigger: typeof PopoverTrigger;
19
+ Close: typeof PopoverClose;
20
+ Content: typeof PopoverContent;
21
+ };
22
+ export { Popover, PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger };
23
+ export type { PopoverContentProps, PopoverRootProps, PopoverSize, PopoverVariant };
24
+ //# sourceMappingURL=popover.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE7F,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,WAAW,GAAG,SAAS,CAAC;AAC7B,KAAK,cAAc,GAAG,YAAY,CAAC;AAMnC,KAAK,gBAAgB,GAAG,gBAAgB,CAAC,SAAS,CAAC;AAEnD,QAAA,MAAM,WAAW,EAAE,OAAO,gBAAgB,CAAC,IAA4B,CAAC;AAMxE,QAAA,MAAM,cAAc,EAAE,OAAO,gBAAgB,CAAC,OAAkC,CAAC;AAMjF,QAAA,MAAM,YAAY,EAAE,OAAO,gBAAgB,CAAC,KAA8B,CAAC;AAQ3E,KAAK,mBAAmB,GAAG,gBAAgB,CAAC,YAAY,GAAG;IACzD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,iBAAS,cAAc,CAAC,EACtB,IAAU,EACV,OAAuB,EACvB,KAAe,EACf,UAAc,EACd,UAAU,EACV,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,qBA2BrB;AAMD,QAAA,MAAM,OAAO,EAAE;IACb,IAAI,EAAE,OAAO,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,cAAc,CAAC;IAC/B,KAAK,EAAE,OAAO,YAAY,CAAC;IAC3B,OAAO,EAAE,OAAO,cAAc,CAAC;CAMhC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AAC9E,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}
@@ -0,0 +1,52 @@
1
+ import { NativeOnlyAnimatedView } from '../components/native-only-animated-view';
2
+ import { getPanelContentStyle } from '../lib/panel-styles';
3
+ import { useThemeVars } from '../lib/use-theme-vars';
4
+ import * as PopoverPrimitive from '@rn-primitives/popover';
5
+ import * as React from 'react';
6
+ import { Platform, StyleSheet, View } from 'react-native';
7
+ import { FadeIn, FadeOut } from 'react-native-reanimated';
8
+ import { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';
9
+ const PopoverRoot = PopoverPrimitive.Root;
10
+ // ============================================================================
11
+ // Popover.Trigger
12
+ // ============================================================================
13
+ const PopoverTrigger = PopoverPrimitive.Trigger;
14
+ // ============================================================================
15
+ // Popover.Close
16
+ // ============================================================================
17
+ const PopoverClose = PopoverPrimitive.Close;
18
+ // ============================================================================
19
+ // Popover.Content
20
+ // ============================================================================
21
+ const FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fragment;
22
+ function PopoverContent({ size = '2', variant = 'translucent', align = 'start', sideOffset = 8, portalHost, style, children, ...props }) {
23
+ const { colors, isDark } = useThemeVars();
24
+ const contentStyle = getPanelContentStyle({
25
+ size,
26
+ variant,
27
+ colors,
28
+ isDark,
29
+ });
30
+ return (<PopoverPrimitive.Portal hostName={portalHost}>
31
+ <FullWindowOverlay>
32
+ <PopoverPrimitive.Overlay style={Platform.select({ native: StyleSheet.absoluteFill })}>
33
+ <NativeOnlyAnimatedView entering={FadeIn.duration(200)} exiting={FadeOut}>
34
+ <PopoverPrimitive.Content align={align} insets={{ top: 8, right: 8, bottom: 8, left: 8 }} sideOffset={sideOffset} {...props}>
35
+ <View style={[contentStyle, style]}>{children}</View>
36
+ </PopoverPrimitive.Content>
37
+ </NativeOnlyAnimatedView>
38
+ </PopoverPrimitive.Overlay>
39
+ </FullWindowOverlay>
40
+ </PopoverPrimitive.Portal>);
41
+ }
42
+ // ============================================================================
43
+ // Export composite component
44
+ // ============================================================================
45
+ const Popover = {
46
+ Root: PopoverRoot,
47
+ Trigger: PopoverTrigger,
48
+ Close: PopoverClose,
49
+ Content: PopoverContent,
50
+ };
51
+ export { Popover, PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger };
52
+ //# sourceMappingURL=popover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import type { Color } from '../lib/types';
2
+ import * as React from 'react';
3
+ import { type ViewProps } from 'react-native';
4
+ declare const progressSizes: readonly ["1", "2", "3", "4", "5", "6"];
5
+ type ProgressSize = (typeof progressSizes)[number];
6
+ type ProgressProps = ViewProps & {
7
+ size?: ProgressSize;
8
+ color?: Color;
9
+ value?: number;
10
+ max?: number;
11
+ };
12
+ declare function Progress({ size, color, value, max, style, ...props }: ProgressProps): React.JSX.Element;
13
+ export { Progress };
14
+ export type { ProgressProps };
15
+ //# sourceMappingURL=progress.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,KAAK,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAEpE,QAAA,MAAM,aAAa,yCAA0C,CAAC;AAE9D,KAAK,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAqCnD,KAAK,aAAa,GAAG,SAAS,GAAG;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,IAAU,EAAE,KAAK,EAAE,KAAS,EAAE,GAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAyC5F;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
@@ -0,0 +1,68 @@
1
+ import { useThemeVars } from '../lib/use-theme-vars';
2
+ import * as React from 'react';
3
+ import { View } from 'react-native';
4
+ const progressSizes = ['1', '2', '3', '4', '5', '6'];
5
+ function resolveAccentFromColor(color) {
6
+ if (!color)
7
+ return 'blue';
8
+ switch (color) {
9
+ case 'danger':
10
+ return 'red';
11
+ case 'warning':
12
+ return 'amber';
13
+ case 'success':
14
+ return 'green';
15
+ case 'info':
16
+ return 'blue';
17
+ default:
18
+ return color;
19
+ }
20
+ }
21
+ // Size styles from CSS:
22
+ // Size 1: 2px, Size 2: 4px, Size 3: 6px, Size 4: 8px, Size 5: 12px, Size 6: 16px
23
+ function getHeight(size) {
24
+ switch (size) {
25
+ case '1':
26
+ return 2;
27
+ case '2':
28
+ return 4;
29
+ case '3':
30
+ return 6;
31
+ case '4':
32
+ return 8;
33
+ case '5':
34
+ return 12;
35
+ case '6':
36
+ return 16;
37
+ }
38
+ }
39
+ function Progress({ size = '6', color, value = 0, max = 100, style, ...props }) {
40
+ const { colors } = useThemeVars();
41
+ const accentColor = resolveAccentFromColor(color);
42
+ const palette = colors.palettes[accentColor];
43
+ const gray = colors.palettes.gray;
44
+ const height = getHeight(size);
45
+ // Calculate progress percentage
46
+ const progress = Math.max(0, Math.min((value || 0) / max, 1));
47
+ const progressPercent = progress * 100;
48
+ // Track style
49
+ const trackStyle = {
50
+ width: '100%',
51
+ height,
52
+ borderRadius: height / 2, // Fully rounded (radius-thumb)
53
+ backgroundColor: gray.a4,
54
+ overflow: 'hidden',
55
+ };
56
+ // Indicator style
57
+ const indicatorStyle = {
58
+ height: '100%',
59
+ width: `${progressPercent}%`,
60
+ backgroundColor: palette['9'],
61
+ borderRadius: height / 2,
62
+ };
63
+ return (<View role="progressbar" aria-valuemin={0} aria-valuemax={max} aria-valuenow={value} style={[trackStyle, style]} {...props}>
64
+ <View style={indicatorStyle}/>
65
+ </View>);
66
+ }
67
+ export { Progress };
68
+ //# sourceMappingURL=progress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,19 @@
1
+ import type { Color } from '../lib/types';
2
+ import * as RadioGroupPrimitive from '@rn-primitives/radio-group';
3
+ import * as React from 'react';
4
+ declare const radioSizes: readonly ["1", "2", "3"];
5
+ type RadioSize = (typeof radioSizes)[number];
6
+ type RadioGroupRootProps = RadioGroupPrimitive.RootProps & {
7
+ size?: RadioSize;
8
+ color?: Color;
9
+ };
10
+ declare function RadioGroupRoot({ size, color, value, ...props }: RadioGroupRootProps): React.JSX.Element;
11
+ type RadioGroupItemProps = Omit<RadioGroupPrimitive.ItemProps, 'children'>;
12
+ declare function RadioGroupItem({ value, disabled, onFocus, onBlur, ...props }: RadioGroupItemProps): React.JSX.Element;
13
+ declare const RadioGroup: {
14
+ Root: typeof RadioGroupRoot;
15
+ Item: typeof RadioGroupItem;
16
+ };
17
+ export { RadioGroup, RadioGroupItem, RadioGroupRoot };
18
+ export type { RadioGroupItemProps, RadioGroupRootProps };
19
+ //# sourceMappingURL=radio-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,KAAK,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,KAAK,mBAAmB,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,UAAU,0BAA2B,CAAC;AAE5C,KAAK,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AA4C7C,KAAK,mBAAmB,GAAG,mBAAmB,CAAC,SAAS,GAAG;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,cAAc,CAAC,EAAE,IAAU,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAalF;AAED,KAAK,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBA8G1F;AAED,QAAA,MAAM,UAAU;;;CAGf,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAC"}