@oxyhq/bloom 0.27.0 → 0.28.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 (253) hide show
  1. package/lib/commonjs/animated-check/AnimatedCheck.js +162 -0
  2. package/lib/commonjs/animated-check/AnimatedCheck.js.map +1 -0
  3. package/lib/commonjs/animated-check/index.js +13 -0
  4. package/lib/commonjs/animated-check/index.js.map +1 -0
  5. package/lib/commonjs/dialog/placement.js +9 -7
  6. package/lib/commonjs/dialog/placement.js.map +1 -1
  7. package/lib/commonjs/fill/index.js.map +1 -1
  8. package/lib/commonjs/hooks/index.js +20 -0
  9. package/lib/commonjs/hooks/index.js.map +1 -1
  10. package/lib/commonjs/hooks/useGutters.js +106 -0
  11. package/lib/commonjs/hooks/useGutters.js.map +1 -0
  12. package/lib/commonjs/hooks/useHaptics.js +69 -0
  13. package/lib/commonjs/hooks/useHaptics.js.map +1 -0
  14. package/lib/commonjs/hooks/useInteractionState.js +8 -2
  15. package/lib/commonjs/hooks/useInteractionState.js.map +1 -1
  16. package/lib/commonjs/index.js +155 -63
  17. package/lib/commonjs/index.js.map +1 -1
  18. package/lib/commonjs/index.web.js +155 -63
  19. package/lib/commonjs/index.web.js.map +1 -1
  20. package/lib/commonjs/media-inset-border/MediaInsetBorder.js +50 -0
  21. package/lib/commonjs/media-inset-border/MediaInsetBorder.js.map +1 -0
  22. package/lib/commonjs/media-inset-border/index.js +13 -0
  23. package/lib/commonjs/media-inset-border/index.js.map +1 -0
  24. package/lib/commonjs/motion/ScreenTransition.js +46 -0
  25. package/lib/commonjs/motion/ScreenTransition.js.map +1 -0
  26. package/lib/commonjs/motion/index.js +32 -0
  27. package/lib/commonjs/motion/index.js.map +1 -0
  28. package/lib/commonjs/motion/motion.js +93 -0
  29. package/lib/commonjs/motion/motion.js.map +1 -0
  30. package/lib/commonjs/pressable-scale/PressableScale.js +75 -0
  31. package/lib/commonjs/pressable-scale/PressableScale.js.map +1 -0
  32. package/lib/commonjs/pressable-scale/index.js +13 -0
  33. package/lib/commonjs/pressable-scale/index.js.map +1 -0
  34. package/lib/commonjs/pressable-with-hover/PressableWithHover.js +36 -0
  35. package/lib/commonjs/pressable-with-hover/PressableWithHover.js.map +1 -0
  36. package/lib/commonjs/pressable-with-hover/index.js +13 -0
  37. package/lib/commonjs/pressable-with-hover/index.js.map +1 -0
  38. package/lib/commonjs/styles/breakpoints.js +24 -0
  39. package/lib/commonjs/styles/breakpoints.js.map +1 -0
  40. package/lib/commonjs/styles/index.js +7 -0
  41. package/lib/commonjs/styles/index.js.map +1 -1
  42. package/lib/commonjs/subtle-hover/SubtleHover.js +69 -0
  43. package/lib/commonjs/subtle-hover/SubtleHover.js.map +1 -0
  44. package/lib/commonjs/subtle-hover/index.js +13 -0
  45. package/lib/commonjs/subtle-hover/index.js.map +1 -0
  46. package/lib/commonjs/theme/build-theme.js +2 -0
  47. package/lib/commonjs/theme/build-theme.js.map +1 -1
  48. package/lib/commonjs/theme/gradients.js +39 -0
  49. package/lib/commonjs/theme/gradients.js.map +1 -0
  50. package/lib/commonjs/theme/index.js +7 -0
  51. package/lib/commonjs/theme/index.js.map +1 -1
  52. package/lib/module/animated-check/AnimatedCheck.js +157 -0
  53. package/lib/module/animated-check/AnimatedCheck.js.map +1 -0
  54. package/lib/module/animated-check/index.js +4 -0
  55. package/lib/module/animated-check/index.js.map +1 -0
  56. package/lib/module/dialog/placement.js +9 -7
  57. package/lib/module/dialog/placement.js.map +1 -1
  58. package/lib/module/fill/index.js.map +1 -1
  59. package/lib/module/hooks/index.js +2 -0
  60. package/lib/module/hooks/index.js.map +1 -1
  61. package/lib/module/hooks/useGutters.js +103 -0
  62. package/lib/module/hooks/useGutters.js.map +1 -0
  63. package/lib/module/hooks/useHaptics.js +65 -0
  64. package/lib/module/hooks/useHaptics.js.map +1 -0
  65. package/lib/module/hooks/useInteractionState.js +10 -3
  66. package/lib/module/hooks/useInteractionState.js.map +1 -1
  67. package/lib/module/index.js +10 -1
  68. package/lib/module/index.js.map +1 -1
  69. package/lib/module/index.web.js +10 -1
  70. package/lib/module/index.web.js.map +1 -1
  71. package/lib/module/media-inset-border/MediaInsetBorder.js +47 -0
  72. package/lib/module/media-inset-border/MediaInsetBorder.js.map +1 -0
  73. package/lib/module/media-inset-border/index.js +4 -0
  74. package/lib/module/media-inset-border/index.js.map +1 -0
  75. package/lib/module/motion/ScreenTransition.js +40 -0
  76. package/lib/module/motion/ScreenTransition.js.map +1 -0
  77. package/lib/module/motion/index.js +5 -0
  78. package/lib/module/motion/index.js.map +1 -0
  79. package/lib/module/motion/motion.js +87 -0
  80. package/lib/module/motion/motion.js.map +1 -0
  81. package/lib/module/pressable-scale/PressableScale.js +72 -0
  82. package/lib/module/pressable-scale/PressableScale.js.map +1 -0
  83. package/lib/module/pressable-scale/index.js +4 -0
  84. package/lib/module/pressable-scale/index.js.map +1 -0
  85. package/lib/module/pressable-with-hover/PressableWithHover.js +31 -0
  86. package/lib/module/pressable-with-hover/PressableWithHover.js.map +1 -0
  87. package/lib/module/pressable-with-hover/index.js +4 -0
  88. package/lib/module/pressable-with-hover/index.js.map +1 -0
  89. package/lib/module/styles/breakpoints.js +20 -0
  90. package/lib/module/styles/breakpoints.js.map +1 -0
  91. package/lib/module/styles/index.js +1 -0
  92. package/lib/module/styles/index.js.map +1 -1
  93. package/lib/module/subtle-hover/SubtleHover.js +66 -0
  94. package/lib/module/subtle-hover/SubtleHover.js.map +1 -0
  95. package/lib/module/subtle-hover/index.js +4 -0
  96. package/lib/module/subtle-hover/index.js.map +1 -0
  97. package/lib/module/theme/build-theme.js +2 -0
  98. package/lib/module/theme/build-theme.js.map +1 -1
  99. package/lib/module/theme/gradients.js +35 -0
  100. package/lib/module/theme/gradients.js.map +1 -0
  101. package/lib/module/theme/index.js +1 -0
  102. package/lib/module/theme/index.js.map +1 -1
  103. package/lib/typescript/commonjs/animated-check/AnimatedCheck.d.ts +18 -0
  104. package/lib/typescript/commonjs/animated-check/AnimatedCheck.d.ts.map +1 -0
  105. package/lib/typescript/commonjs/animated-check/index.d.ts +3 -0
  106. package/lib/typescript/commonjs/animated-check/index.d.ts.map +1 -0
  107. package/lib/typescript/commonjs/dialog/placement.d.ts +8 -7
  108. package/lib/typescript/commonjs/dialog/placement.d.ts.map +1 -1
  109. package/lib/typescript/commonjs/fill/index.d.ts +2 -2
  110. package/lib/typescript/commonjs/fill/index.d.ts.map +1 -1
  111. package/lib/typescript/commonjs/hooks/index.d.ts +4 -0
  112. package/lib/typescript/commonjs/hooks/index.d.ts.map +1 -1
  113. package/lib/typescript/commonjs/hooks/useGutters.d.ts +32 -0
  114. package/lib/typescript/commonjs/hooks/useGutters.d.ts.map +1 -0
  115. package/lib/typescript/commonjs/hooks/useHaptics.d.ts +28 -0
  116. package/lib/typescript/commonjs/hooks/useHaptics.d.ts.map +1 -0
  117. package/lib/typescript/commonjs/hooks/useInteractionState.d.ts +6 -0
  118. package/lib/typescript/commonjs/hooks/useInteractionState.d.ts.map +1 -1
  119. package/lib/typescript/commonjs/index.d.ts +16 -0
  120. package/lib/typescript/commonjs/index.d.ts.map +1 -1
  121. package/lib/typescript/commonjs/index.web.d.ts +16 -0
  122. package/lib/typescript/commonjs/index.web.d.ts.map +1 -1
  123. package/lib/typescript/commonjs/media-inset-border/MediaInsetBorder.d.ts +26 -0
  124. package/lib/typescript/commonjs/media-inset-border/MediaInsetBorder.d.ts.map +1 -0
  125. package/lib/typescript/commonjs/media-inset-border/index.d.ts +3 -0
  126. package/lib/typescript/commonjs/media-inset-border/index.d.ts.map +1 -0
  127. package/lib/typescript/commonjs/motion/ScreenTransition.d.ts +33 -0
  128. package/lib/typescript/commonjs/motion/ScreenTransition.d.ts.map +1 -0
  129. package/lib/typescript/commonjs/motion/index.d.ts +4 -0
  130. package/lib/typescript/commonjs/motion/index.d.ts.map +1 -0
  131. package/lib/typescript/commonjs/motion/motion.d.ts +24 -0
  132. package/lib/typescript/commonjs/motion/motion.d.ts.map +1 -0
  133. package/lib/typescript/commonjs/pressable-scale/PressableScale.d.ts +21 -0
  134. package/lib/typescript/commonjs/pressable-scale/PressableScale.d.ts.map +1 -0
  135. package/lib/typescript/commonjs/pressable-scale/index.d.ts +3 -0
  136. package/lib/typescript/commonjs/pressable-scale/index.d.ts.map +1 -0
  137. package/lib/typescript/commonjs/pressable-with-hover/PressableWithHover.d.ts +18 -0
  138. package/lib/typescript/commonjs/pressable-with-hover/PressableWithHover.d.ts.map +1 -0
  139. package/lib/typescript/commonjs/pressable-with-hover/index.d.ts +3 -0
  140. package/lib/typescript/commonjs/pressable-with-hover/index.d.ts.map +1 -0
  141. package/lib/typescript/commonjs/styles/breakpoints.d.ts +18 -0
  142. package/lib/typescript/commonjs/styles/breakpoints.d.ts.map +1 -0
  143. package/lib/typescript/commonjs/styles/index.d.ts +2 -0
  144. package/lib/typescript/commonjs/styles/index.d.ts.map +1 -1
  145. package/lib/typescript/commonjs/subtle-hover/SubtleHover.d.ts +32 -0
  146. package/lib/typescript/commonjs/subtle-hover/SubtleHover.d.ts.map +1 -0
  147. package/lib/typescript/commonjs/subtle-hover/index.d.ts +3 -0
  148. package/lib/typescript/commonjs/subtle-hover/index.d.ts.map +1 -0
  149. package/lib/typescript/commonjs/theme/build-theme.d.ts.map +1 -1
  150. package/lib/typescript/commonjs/theme/gradients.d.ts +12 -0
  151. package/lib/typescript/commonjs/theme/gradients.d.ts.map +1 -0
  152. package/lib/typescript/commonjs/theme/index.d.ts +2 -1
  153. package/lib/typescript/commonjs/theme/index.d.ts.map +1 -1
  154. package/lib/typescript/commonjs/theme/types.d.ts +11 -0
  155. package/lib/typescript/commonjs/theme/types.d.ts.map +1 -1
  156. package/lib/typescript/module/animated-check/AnimatedCheck.d.ts +18 -0
  157. package/lib/typescript/module/animated-check/AnimatedCheck.d.ts.map +1 -0
  158. package/lib/typescript/module/animated-check/index.d.ts +3 -0
  159. package/lib/typescript/module/animated-check/index.d.ts.map +1 -0
  160. package/lib/typescript/module/dialog/placement.d.ts +8 -7
  161. package/lib/typescript/module/dialog/placement.d.ts.map +1 -1
  162. package/lib/typescript/module/fill/index.d.ts +2 -2
  163. package/lib/typescript/module/fill/index.d.ts.map +1 -1
  164. package/lib/typescript/module/hooks/index.d.ts +4 -0
  165. package/lib/typescript/module/hooks/index.d.ts.map +1 -1
  166. package/lib/typescript/module/hooks/useGutters.d.ts +32 -0
  167. package/lib/typescript/module/hooks/useGutters.d.ts.map +1 -0
  168. package/lib/typescript/module/hooks/useHaptics.d.ts +28 -0
  169. package/lib/typescript/module/hooks/useHaptics.d.ts.map +1 -0
  170. package/lib/typescript/module/hooks/useInteractionState.d.ts +6 -0
  171. package/lib/typescript/module/hooks/useInteractionState.d.ts.map +1 -1
  172. package/lib/typescript/module/index.d.ts +16 -0
  173. package/lib/typescript/module/index.d.ts.map +1 -1
  174. package/lib/typescript/module/index.web.d.ts +16 -0
  175. package/lib/typescript/module/index.web.d.ts.map +1 -1
  176. package/lib/typescript/module/media-inset-border/MediaInsetBorder.d.ts +26 -0
  177. package/lib/typescript/module/media-inset-border/MediaInsetBorder.d.ts.map +1 -0
  178. package/lib/typescript/module/media-inset-border/index.d.ts +3 -0
  179. package/lib/typescript/module/media-inset-border/index.d.ts.map +1 -0
  180. package/lib/typescript/module/motion/ScreenTransition.d.ts +33 -0
  181. package/lib/typescript/module/motion/ScreenTransition.d.ts.map +1 -0
  182. package/lib/typescript/module/motion/index.d.ts +4 -0
  183. package/lib/typescript/module/motion/index.d.ts.map +1 -0
  184. package/lib/typescript/module/motion/motion.d.ts +24 -0
  185. package/lib/typescript/module/motion/motion.d.ts.map +1 -0
  186. package/lib/typescript/module/pressable-scale/PressableScale.d.ts +21 -0
  187. package/lib/typescript/module/pressable-scale/PressableScale.d.ts.map +1 -0
  188. package/lib/typescript/module/pressable-scale/index.d.ts +3 -0
  189. package/lib/typescript/module/pressable-scale/index.d.ts.map +1 -0
  190. package/lib/typescript/module/pressable-with-hover/PressableWithHover.d.ts +18 -0
  191. package/lib/typescript/module/pressable-with-hover/PressableWithHover.d.ts.map +1 -0
  192. package/lib/typescript/module/pressable-with-hover/index.d.ts +3 -0
  193. package/lib/typescript/module/pressable-with-hover/index.d.ts.map +1 -0
  194. package/lib/typescript/module/styles/breakpoints.d.ts +18 -0
  195. package/lib/typescript/module/styles/breakpoints.d.ts.map +1 -0
  196. package/lib/typescript/module/styles/index.d.ts +2 -0
  197. package/lib/typescript/module/styles/index.d.ts.map +1 -1
  198. package/lib/typescript/module/subtle-hover/SubtleHover.d.ts +32 -0
  199. package/lib/typescript/module/subtle-hover/SubtleHover.d.ts.map +1 -0
  200. package/lib/typescript/module/subtle-hover/index.d.ts +3 -0
  201. package/lib/typescript/module/subtle-hover/index.d.ts.map +1 -0
  202. package/lib/typescript/module/theme/build-theme.d.ts.map +1 -1
  203. package/lib/typescript/module/theme/gradients.d.ts +12 -0
  204. package/lib/typescript/module/theme/gradients.d.ts.map +1 -0
  205. package/lib/typescript/module/theme/index.d.ts +2 -1
  206. package/lib/typescript/module/theme/index.d.ts.map +1 -1
  207. package/lib/typescript/module/theme/types.d.ts +11 -0
  208. package/lib/typescript/module/theme/types.d.ts.map +1 -1
  209. package/package.json +72 -1
  210. package/src/__tests__/AnimatedCheck.test.tsx +31 -0
  211. package/src/__tests__/MediaInsetBorder.test.tsx +36 -0
  212. package/src/__tests__/Motion.test.tsx +58 -0
  213. package/src/__tests__/PressableScale.test.tsx +29 -0
  214. package/src/__tests__/PressableWithHover.test.tsx +48 -0
  215. package/src/__tests__/SubtleHover.test.tsx +42 -0
  216. package/src/__tests__/theme-gradients.test.ts +31 -0
  217. package/src/__tests__/theme.test.ts +3 -0
  218. package/src/__tests__/useGutters.test.ts +58 -0
  219. package/src/__tests__/useHaptics.test.tsx +58 -0
  220. package/src/__tests__/useInteractionState.test.ts +27 -0
  221. package/src/animated-check/AnimatedCheck.stories.tsx +60 -0
  222. package/src/animated-check/AnimatedCheck.tsx +173 -0
  223. package/src/animated-check/index.ts +2 -0
  224. package/src/dialog/placement.ts +10 -7
  225. package/src/fill/index.tsx +2 -2
  226. package/src/hooks/index.ts +4 -0
  227. package/src/hooks/useGutters.ts +99 -0
  228. package/src/hooks/useHaptics.tsx +69 -0
  229. package/src/hooks/useInteractionState.ts +8 -2
  230. package/src/index.ts +20 -0
  231. package/src/index.web.ts +20 -0
  232. package/src/media-inset-border/MediaInsetBorder.stories.tsx +60 -0
  233. package/src/media-inset-border/MediaInsetBorder.tsx +72 -0
  234. package/src/media-inset-border/index.ts +2 -0
  235. package/src/motion/Motion.stories.tsx +99 -0
  236. package/src/motion/ScreenTransition.tsx +71 -0
  237. package/src/motion/index.ts +3 -0
  238. package/src/motion/motion.ts +75 -0
  239. package/src/pressable-scale/PressableScale.stories.tsx +71 -0
  240. package/src/pressable-scale/PressableScale.tsx +103 -0
  241. package/src/pressable-scale/index.ts +2 -0
  242. package/src/pressable-with-hover/PressableWithHover.stories.tsx +43 -0
  243. package/src/pressable-with-hover/PressableWithHover.tsx +43 -0
  244. package/src/pressable-with-hover/index.ts +2 -0
  245. package/src/styles/breakpoints.ts +18 -0
  246. package/src/styles/index.ts +2 -0
  247. package/src/subtle-hover/SubtleHover.stories.tsx +72 -0
  248. package/src/subtle-hover/SubtleHover.tsx +90 -0
  249. package/src/subtle-hover/index.ts +2 -0
  250. package/src/theme/build-theme.ts +2 -0
  251. package/src/theme/gradients.ts +61 -0
  252. package/src/theme/index.ts +2 -1
  253. package/src/theme/types.ts +13 -0
@@ -0,0 +1,162 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.AnimatedCheck = void 0;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
10
+ var _svgModule = require("../avatar/svg-module.js");
11
+ var _index = require("../theme/index.js");
12
+ var _jsxRuntime = require("react/jsx-runtime");
13
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
14
+ /** The resolved `react-native-svg` module (non-null branch). */
15
+
16
+ /** Square viewBox the ring + check are drawn on. */
17
+ const VIEW_BOX = 52;
18
+ /** Ring radius within the viewBox. */
19
+ const CIRCLE_RADIUS = 24;
20
+ /** Ring circumference (2·π·r ≈ 150.8) rounded up so the dash fully hides it. */
21
+ const CIRCLE_LENGTH = 166;
22
+ /** Approximate path length of the check stroke. */
23
+ const CHECK_LENGTH = 48;
24
+ /** The check glyph, drawn on the 52×52 canvas. */
25
+ const CHECK_PATH = 'M14.1 27.2l7.1 7.2 16.7-16.8';
26
+ const STROKE_WIDTH = 4;
27
+ /** Ring draw-on duration (ms). */
28
+ const CIRCLE_DURATION = 500;
29
+ /** Check draw-on duration (ms), started once the ring completes. */
30
+ const CHECK_DURATION = 300;
31
+ // `Animated.createAnimatedComponent` must be called once per underlying
32
+ // component (calling it per-render would remount and break the animation).
33
+ // react-native-svg is a lazy/optional peer, so we build the animated wrappers
34
+ // the first time it resolves and cache them at module scope.
35
+ function buildAnimatedSvg(svg) {
36
+ return {
37
+ Circle: _reactNativeReanimated.default.createAnimatedComponent(svg.Circle),
38
+ Path: _reactNativeReanimated.default.createAnimatedComponent(svg.Path)
39
+ };
40
+ }
41
+ let animatedSvgCache = null;
42
+ function getAnimatedSvg(svg) {
43
+ if (!animatedSvgCache) animatedSvgCache = buildAnimatedSvg(svg);
44
+ return animatedSvgCache;
45
+ }
46
+ /** The animated SVG implementation, rendered only when react-native-svg exists. */
47
+ const AnimatedCheckSvg = /*#__PURE__*/(0, _react.forwardRef)(function AnimatedCheckSvg({
48
+ size,
49
+ color,
50
+ svg
51
+ }, ref) {
52
+ const {
53
+ default: Svg
54
+ } = svg;
55
+ const {
56
+ Circle,
57
+ Path
58
+ } = getAnimatedSvg(svg);
59
+ const circleProgress = (0, _reactNativeReanimated.useSharedValue)(0);
60
+ const checkProgress = (0, _reactNativeReanimated.useSharedValue)(0);
61
+ const circleAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
62
+ strokeDashoffset: CIRCLE_LENGTH - circleProgress.value * CIRCLE_LENGTH
63
+ }));
64
+ const checkAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
65
+ strokeDashoffset: CHECK_LENGTH - CHECK_LENGTH * checkProgress.value
66
+ }));
67
+ const play = (0, _react.useCallback)(() => {
68
+ circleProgress.value = 0;
69
+ checkProgress.value = 0;
70
+ circleProgress.value = (0, _reactNativeReanimated.withTiming)(1, {
71
+ duration: CIRCLE_DURATION,
72
+ easing: _reactNativeReanimated.Easing.linear
73
+ });
74
+ checkProgress.value = (0, _reactNativeReanimated.withDelay)(CIRCLE_DURATION, (0, _reactNativeReanimated.withTiming)(1, {
75
+ duration: CHECK_DURATION,
76
+ easing: _reactNativeReanimated.Easing.linear
77
+ }));
78
+ }, [circleProgress, checkProgress]);
79
+ (0, _react.useImperativeHandle)(ref, () => ({
80
+ play
81
+ }), [play]);
82
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Svg, {
83
+ fill: "none",
84
+ viewBox: `0 0 ${VIEW_BOX} ${VIEW_BOX}`,
85
+ width: size,
86
+ height: size,
87
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Circle, {
88
+ animatedProps: circleAnimatedProps,
89
+ cx: VIEW_BOX / 2,
90
+ cy: VIEW_BOX / 2,
91
+ r: CIRCLE_RADIUS,
92
+ fill: "none",
93
+ stroke: color,
94
+ strokeWidth: STROKE_WIDTH,
95
+ strokeDasharray: CIRCLE_LENGTH
96
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Path, {
97
+ animatedProps: checkAnimatedProps,
98
+ d: CHECK_PATH,
99
+ stroke: color,
100
+ strokeWidth: STROKE_WIDTH,
101
+ strokeDasharray: CHECK_LENGTH
102
+ })]
103
+ });
104
+ });
105
+ /**
106
+ * Static fallback rendered when react-native-svg is unavailable (e.g. a web
107
+ * bundle that omits the optional peer). Draws a plain Unicode check so the
108
+ * component still communicates "done"; `play()` is a no-op.
109
+ */
110
+ const StaticCheck = /*#__PURE__*/(0, _react.forwardRef)(function StaticCheck({
111
+ size,
112
+ color
113
+ }, ref) {
114
+ (0, _react.useImperativeHandle)(ref, () => ({
115
+ play: () => undefined
116
+ }), []);
117
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
118
+ accessibilityElementsHidden: true,
119
+ style: [styles.staticCheck, {
120
+ width: size,
121
+ fontSize: size * 0.8,
122
+ lineHeight: size,
123
+ color
124
+ }],
125
+ children: '✓'
126
+ });
127
+ });
128
+
129
+ /**
130
+ * A draw-on checkmark: a ring strokes on, then the check strokes in. Expose a
131
+ * ref and call `ref.current?.play()` to (re)play — e.g. on a successful submit.
132
+ * Ported from Bluesky's `AnimatedCheck`.
133
+ */
134
+ const AnimatedCheck = exports.AnimatedCheck = /*#__PURE__*/(0, _react.forwardRef)(function AnimatedCheck({
135
+ size = 24,
136
+ color
137
+ }, ref) {
138
+ const theme = (0, _index.useTheme)();
139
+ const resolvedColor = color ?? theme.colors.success;
140
+ const svg = (0, _react.useMemo)(() => (0, _svgModule.getSvgModule)(), []);
141
+ if (!svg) {
142
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(StaticCheck, {
143
+ ref: ref,
144
+ size: size,
145
+ color: resolvedColor
146
+ });
147
+ }
148
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedCheckSvg, {
149
+ ref: ref,
150
+ size: size,
151
+ color: resolvedColor,
152
+ svg: svg
153
+ });
154
+ });
155
+ AnimatedCheck.displayName = 'AnimatedCheck';
156
+ const styles = _reactNative.StyleSheet.create({
157
+ staticCheck: {
158
+ textAlign: 'center',
159
+ fontWeight: '700'
160
+ }
161
+ });
162
+ //# sourceMappingURL=AnimatedCheck.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_svgModule","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","VIEW_BOX","CIRCLE_RADIUS","CIRCLE_LENGTH","CHECK_LENGTH","CHECK_PATH","STROKE_WIDTH","CIRCLE_DURATION","CHECK_DURATION","buildAnimatedSvg","svg","Circle","Animated","createAnimatedComponent","Path","animatedSvgCache","getAnimatedSvg","AnimatedCheckSvg","forwardRef","size","color","ref","Svg","circleProgress","useSharedValue","checkProgress","circleAnimatedProps","useAnimatedProps","strokeDashoffset","value","checkAnimatedProps","play","useCallback","withTiming","duration","easing","Easing","linear","withDelay","useImperativeHandle","jsxs","fill","viewBox","width","height","children","jsx","animatedProps","cx","cy","stroke","strokeWidth","strokeDasharray","d","StaticCheck","undefined","Text","accessibilityElementsHidden","style","styles","staticCheck","fontSize","lineHeight","AnimatedCheck","exports","theme","useTheme","resolvedColor","colors","success","useMemo","getSvgModule","displayName","StyleSheet","create","textAlign","fontWeight"],"sourceRoot":"../../../src","sources":["animated-check/AnimatedCheck.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "AnimatedCheck", {
7
+ enumerable: true,
8
+ get: function () {
9
+ return _AnimatedCheck.AnimatedCheck;
10
+ }
11
+ });
12
+ var _AnimatedCheck = require("./AnimatedCheck.js");
13
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_AnimatedCheck","require"],"sourceRoot":"../../../src","sources":["animated-check/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}
@@ -7,6 +7,7 @@ exports.SIDE_SHEET_MIN_GUTTER = exports.SHEET_BACKDROP_OPACITY = exports.PANEL_R
7
7
  exports.useResolvedPlacement = useResolvedPlacement;
8
8
  var _react = require("react");
9
9
  var _reactNative = require("react-native");
10
+ var _breakpoints = require("../styles/breakpoints.js");
10
11
  /**
11
12
  * Anchor a `<Dialog>` can render against.
12
13
  *
@@ -27,14 +28,15 @@ var _reactNative = require("react-native");
27
28
  */
28
29
 
29
30
  /**
30
- * Tailwind-default breakpoints (px). A responsive `placement` map resolves to
31
- * the value for the largest key whose min-width is `<=` the current viewport
32
- * width, falling back to `base`.
31
+ * Tailwind-default breakpoints (px), re-exported from the canonical
32
+ * {@link BREAKPOINTS} source. A responsive `placement` map resolves to the value
33
+ * for the largest key whose min-width is `<=` the current viewport width,
34
+ * falling back to `base`.
33
35
  */
34
- const BREAKPOINT_SM = exports.BREAKPOINT_SM = 640;
35
- const BREAKPOINT_MD = exports.BREAKPOINT_MD = 768;
36
- const BREAKPOINT_LG = exports.BREAKPOINT_LG = 1024;
37
- const BREAKPOINT_XL = exports.BREAKPOINT_XL = 1280;
36
+ const BREAKPOINT_SM = exports.BREAKPOINT_SM = _breakpoints.BREAKPOINTS.sm;
37
+ const BREAKPOINT_MD = exports.BREAKPOINT_MD = _breakpoints.BREAKPOINTS.md;
38
+ const BREAKPOINT_LG = exports.BREAKPOINT_LG = _breakpoints.BREAKPOINTS.lg;
39
+ const BREAKPOINT_XL = exports.BREAKPOINT_XL = _breakpoints.BREAKPOINTS.xl;
38
40
 
39
41
  /** Ordered breakpoint table, widest first, so the first match wins. */
40
42
  const RESPONSIVE_KEYS = [['xl', BREAKPOINT_XL], ['lg', BREAKPOINT_LG], ['md', BREAKPOINT_MD], ['sm', BREAKPOINT_SM]];
@@ -1 +1 @@
1
- {"version":3,"names":["_react","require","_reactNative","BREAKPOINT_SM","exports","BREAKPOINT_MD","BREAKPOINT_LG","BREAKPOINT_XL","RESPONSIVE_KEYS","DEFAULT_SIDE_WIDTH","DEFAULT_CENTER_MAX_WIDTH","DEFAULT_MAX_HEIGHT_RATIO","PANEL_RADIUS","DEFAULT_DIALOG_CONTENT_PADDING","ANIMATION_DURATION","CENTER_FADE_OUT_DURATION","EASE_OUT","SHEET_BACKDROP_OPACITY","DIALOG_SHEET_BACKDROP_TESTID","HANDLE_WIDTH","HANDLE_HEIGHT","HANDLE_RADIUS","SIDE_SHEET_MIN_GUTTER","useResolvedPlacement","placement","width","useWindowDimensions","useMemo","undefined","key","minWidth","value","base"],"sourceRoot":"../../../src","sources":["dialog/placement.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACO,MAAME,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,GAAG;AACzB,MAAME,aAAa,GAAAD,OAAA,CAAAC,aAAA,GAAG,GAAG;AACzB,MAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG,IAAI;AAC1B,MAAMC,aAAa,GAAAH,OAAA,CAAAG,aAAA,GAAG,IAAI;;AAEjC;AACA,MAAMC,eAAe,GAAG,CACtB,CAAC,IAAI,EAAED,aAAa,CAAC,EACrB,CAAC,IAAI,EAAED,aAAa,CAAC,EACrB,CAAC,IAAI,EAAED,aAAa,CAAC,EACrB,CAAC,IAAI,EAAEF,aAAa,CAAC,CACb;;AAEV;AACO,MAAMM,kBAAkB,GAAAL,OAAA,CAAAK,kBAAA,GAAG,GAAG;;AAErC;AACO,MAAMC,wBAAwB,GAAAN,OAAA,CAAAM,wBAAA,GAAG,GAAG;;AAE3C;AACO,MAAMC,wBAAwB,GAAAP,OAAA,CAAAO,wBAAA,GAAG,GAAG;;AAE3C;AACO,MAAMC,YAAY,GAAAR,OAAA,CAAAQ,YAAA,GAAG,EAAE;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,8BAA8B,GAAAT,OAAA,CAAAS,8BAAA,GAAG,EAAE;;AAEhD;AACO,MAAMC,kBAAkB,GAAAV,OAAA,CAAAU,kBAAA,GAAG,GAAG;;AAErC;AACO,MAAMC,wBAAwB,GAAAX,OAAA,CAAAW,wBAAA,GAAG,GAAG;;AAE3C;AACO,MAAMC,QAAQ,GAAAZ,OAAA,CAAAY,QAAA,GAAG,gCAAgC;;AAExD;AACO,MAAMC,sBAAsB,GAAAb,OAAA,CAAAa,sBAAA,GAAG,GAAG;;AAEzC;AACO,MAAMC,4BAA4B,GAAAd,OAAA,CAAAc,4BAAA,GAAG,6BAA6B;;AAEzE;AACO,MAAMC,YAAY,GAAAf,OAAA,CAAAe,YAAA,GAAG,EAAE;AACvB,MAAMC,aAAa,GAAAhB,OAAA,CAAAgB,aAAA,GAAG,CAAC;AACvB,MAAMC,aAAa,GAAAjB,OAAA,CAAAiB,aAAA,GAAG,CAAC;;AAE9B;AACA;AACA;AACA;AACO,MAAMC,qBAAqB,GAAAlB,OAAA,CAAAkB,qBAAA,GAAG,EAAE;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,oBAAoBA,CAClCC,SAAgD,EAC/B;EACjB,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAEvC,OAAO,IAAAC,cAAO,EAAkB,MAAM;IACpC,IAAIH,SAAS,KAAKI,SAAS,EAAE,OAAO,QAAQ;IAC5C,IAAI,OAAOJ,SAAS,KAAK,QAAQ,EAAE,OAAOA,SAAS;IACnD,KAAK,MAAM,CAACK,GAAG,EAAEC,QAAQ,CAAC,IAAItB,eAAe,EAAE;MAC7C,IAAIiB,KAAK,IAAIK,QAAQ,EAAE;QACrB,MAAMC,KAAK,GAAGP,SAAS,CAACK,GAAG,CAAC;QAC5B,IAAIE,KAAK,KAAKH,SAAS,EAAE,OAAOG,KAAK;MACvC;IACF;IACA,OAAOP,SAAS,CAACQ,IAAI;EACvB,CAAC,EAAE,CAACR,SAAS,EAAEC,KAAK,CAAC,CAAC;AACxB","ignoreList":[]}
1
+ {"version":3,"names":["_react","require","_reactNative","_breakpoints","BREAKPOINT_SM","exports","BREAKPOINTS","sm","BREAKPOINT_MD","md","BREAKPOINT_LG","lg","BREAKPOINT_XL","xl","RESPONSIVE_KEYS","DEFAULT_SIDE_WIDTH","DEFAULT_CENTER_MAX_WIDTH","DEFAULT_MAX_HEIGHT_RATIO","PANEL_RADIUS","DEFAULT_DIALOG_CONTENT_PADDING","ANIMATION_DURATION","CENTER_FADE_OUT_DURATION","EASE_OUT","SHEET_BACKDROP_OPACITY","DIALOG_SHEET_BACKDROP_TESTID","HANDLE_WIDTH","HANDLE_HEIGHT","HANDLE_RADIUS","SIDE_SHEET_MIN_GUTTER","useResolvedPlacement","placement","width","useWindowDimensions","useMemo","undefined","key","minWidth","value","base"],"sourceRoot":"../../../src","sources":["dialog/placement.ts"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FillComponent","Fill","children","style","jsx","View","fillStyles","base","exports","memo","displayName","StyleSheet","create","position","top","right","bottom","left"],"sourceRoot":"../../../src","sources":["fill/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAgE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEhE,MAAMkB,aAAa,GAAG,SAASC,IAAIA,CAAC;EAClCC,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,oBACE,IAAAvB,WAAA,CAAAwB,GAAA,EAACzB,YAAA,CAAA0B,IAAI;IAACF,KAAK,EAAE,CAACG,UAAU,CAACC,IAAI,EAAEJ,KAAK,CAAE;IAAAD,QAAA,EACnCA;EAAQ,CACL,CAAC;AAEX,CAAC;AAEM,MAAMD,IAAI,GAAAO,OAAA,CAAAP,IAAA,gBAAG,IAAAQ,WAAI,EAACT,aAAa,CAAC;AACvCC,IAAI,CAACS,WAAW,GAAG,MAAM;AAEzB,MAAMJ,UAAU,GAAGK,uBAAU,CAACC,MAAM,CAAC;EACnCL,IAAI,EAAE;IACJM,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FillComponent","Fill","children","style","jsx","View","fillStyles","base","exports","memo","displayName","StyleSheet","create","position","top","right","bottom","left"],"sourceRoot":"../../../src","sources":["fill/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAgF,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEhF,MAAMkB,aAAa,GAAG,SAASC,IAAIA,CAAC;EAClCC,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,oBACE,IAAAvB,WAAA,CAAAwB,GAAA,EAACzB,YAAA,CAAA0B,IAAI;IAACF,KAAK,EAAE,CAACG,UAAU,CAACC,IAAI,EAAEJ,KAAK,CAAE;IAAAD,QAAA,EACnCA;EAAQ,CACL,CAAC;AAEX,CAAC;AAEM,MAAMD,IAAI,GAAAO,OAAA,CAAAP,IAAA,gBAAG,IAAAQ,WAAI,EAACT,aAAa,CAAC;AACvCC,IAAI,CAACS,WAAW,GAAG,MAAM;AAEzB,MAAMJ,UAAU,GAAGK,uBAAU,CAACC,MAAM,CAAC;EACnCL,IAAI,EAAE;IACJM,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
@@ -3,6 +3,12 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
+ Object.defineProperty(exports, "BloomHapticsProvider", {
7
+ enumerable: true,
8
+ get: function () {
9
+ return _useHaptics.BloomHapticsProvider;
10
+ }
11
+ });
6
12
  Object.defineProperty(exports, "mergeRefs", {
7
13
  enumerable: true,
8
14
  get: function () {
@@ -15,6 +21,18 @@ Object.defineProperty(exports, "useDelayedLoading", {
15
21
  return _useDelayedLoading.useDelayedLoading;
16
22
  }
17
23
  });
24
+ Object.defineProperty(exports, "useGutters", {
25
+ enumerable: true,
26
+ get: function () {
27
+ return _useGutters.useGutters;
28
+ }
29
+ });
30
+ Object.defineProperty(exports, "useHaptics", {
31
+ enumerable: true,
32
+ get: function () {
33
+ return _useHaptics.useHaptics;
34
+ }
35
+ });
18
36
  Object.defineProperty(exports, "useInteractionState", {
19
37
  enumerable: true,
20
38
  get: function () {
@@ -44,4 +62,6 @@ var _useDelayedLoading = require("./useDelayedLoading.js");
44
62
  var _useThrottledValue = require("./useThrottledValue.js");
45
63
  var _usePressAnimation = require("./usePressAnimation.js");
46
64
  var _mergeRefs = require("./mergeRefs.js");
65
+ var _useHaptics = require("./useHaptics.js");
66
+ var _useGutters = require("./useGutters.js");
47
67
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_useInteractionState","require","_useDelayedLoading","_useThrottledValue","_usePressAnimation","_mergeRefs"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA","ignoreList":[]}
1
+ {"version":3,"names":["_useInteractionState","require","_useDelayedLoading","_useThrottledValue","_usePressAnimation","_mergeRefs","_useHaptics","_useGutters"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAEA,IAAAM,WAAA,GAAAN,OAAA","ignoreList":[]}
@@ -0,0 +1,106 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useGutters = useGutters;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ var _breakpoints = require("../styles/breakpoints.js");
10
+ var _tokens = require("../styles/tokens.js");
11
+ /**
12
+ * A named gutter size, or `0` for no padding on that edge.
13
+ *
14
+ * - `'compact'` — tight gutter (dense lists, chips).
15
+ * - `'base'` — the default page gutter.
16
+ * - `'wide'` — roomy gutter (marketing / hero surfaces).
17
+ */
18
+
19
+ /** Resolved edge padding in px — one value per side, ready to spread onto a style. */
20
+
21
+ /** The active viewport tier: the widest matched breakpoint, or `'base'` below `sm`. */
22
+
23
+ /**
24
+ * Per-size gutter padding (px) at each viewport tier. Padding steps up around
25
+ * tablet width (`md`), mirroring the design-system scale: phones get a tighter
26
+ * gutter, wider screens a roomier one. Values come from the shared `space`
27
+ * tokens so gutters stay on the spacing grid.
28
+ */
29
+ const GUTTER_SCALE = {
30
+ compact: {
31
+ base: _tokens.space.sm,
32
+ sm: _tokens.space.sm,
33
+ md: _tokens.space.md,
34
+ lg: _tokens.space.md,
35
+ xl: _tokens.space.md
36
+ },
37
+ base: {
38
+ base: _tokens.space.lg,
39
+ sm: _tokens.space.lg,
40
+ md: _tokens.space.xl,
41
+ lg: _tokens.space.xl,
42
+ xl: _tokens.space.xl
43
+ },
44
+ wide: {
45
+ base: _tokens.space.xl,
46
+ sm: _tokens.space.xl,
47
+ md: _tokens.space._3xl,
48
+ lg: _tokens.space._3xl,
49
+ xl: _tokens.space._3xl
50
+ }
51
+ };
52
+
53
+ /** Widest-first breakpoint table so the first match wins. */
54
+ const TIERS = [['xl', _breakpoints.BREAKPOINTS.xl], ['lg', _breakpoints.BREAKPOINTS.lg], ['md', _breakpoints.BREAKPOINTS.md], ['sm', _breakpoints.BREAKPOINTS.sm]];
55
+ function resolveTier(width) {
56
+ for (const [tier, minWidth] of TIERS) {
57
+ if (width >= minWidth) return tier;
58
+ }
59
+ return 'base';
60
+ }
61
+ function resolveEdge(size, tier) {
62
+ return size === 0 ? 0 : GUTTER_SCALE[size][tier];
63
+ }
64
+
65
+ /**
66
+ * Expand a 1/2/4-arg CSS-shorthand gutter list into `[top, right, bottom, left]`.
67
+ * `??` (not `||`) so an explicit `0` is preserved rather than falling through.
68
+ */
69
+ function normalizeShorthand(gutters) {
70
+ const top = gutters[0] ?? 0;
71
+ const right = gutters[1] ?? top;
72
+ const bottom = gutters[2] ?? top;
73
+ const left = gutters[3] ?? right;
74
+ return [top, right, bottom, left];
75
+ }
76
+
77
+ /**
78
+ * Breakpoint-aware gutter padding. Give it CSS-shorthand gutter sizes and it
79
+ * returns resolved `padding*` values for the current viewport width, recomputed
80
+ * as the window crosses a breakpoint.
81
+ *
82
+ * @example
83
+ * ```tsx
84
+ * const gutters = useGutters(['base']); // uniform
85
+ * const gutters = useGutters([0, 'wide']); // no vertical, wide horizontal
86
+ * const gutters = useGutters(['compact', 'base', 0, 'base']); // t / r / b / l
87
+ * <View style={gutters} />
88
+ * ```
89
+ */
90
+
91
+ function useGutters(gutters) {
92
+ const {
93
+ width
94
+ } = (0, _reactNative.useWindowDimensions)();
95
+ const [top, right, bottom, left] = normalizeShorthand(gutters);
96
+ return (0, _react.useMemo)(() => {
97
+ const tier = resolveTier(width);
98
+ return {
99
+ paddingTop: resolveEdge(top, tier),
100
+ paddingRight: resolveEdge(right, tier),
101
+ paddingBottom: resolveEdge(bottom, tier),
102
+ paddingLeft: resolveEdge(left, tier)
103
+ };
104
+ }, [width, top, right, bottom, left]);
105
+ }
106
+ //# sourceMappingURL=useGutters.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","_breakpoints","_tokens","GUTTER_SCALE","compact","base","space","sm","md","lg","xl","wide","_3xl","TIERS","BREAKPOINTS","resolveTier","width","tier","minWidth","resolveEdge","size","normalizeShorthand","gutters","top","right","bottom","left","useGutters","useWindowDimensions","useMemo","paddingTop","paddingRight","paddingBottom","paddingLeft"],"sourceRoot":"../../../src","sources":["hooks/useGutters.ts"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,69 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.BloomHapticsProvider = BloomHapticsProvider;
7
+ exports.useHaptics = useHaptics;
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _reactNative = require("react-native");
10
+ var _lazyRequire = require("../utils/lazy-require.js");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
13
+ /**
14
+ * Lazily loads `expo-haptics`, returning `null` when it is not installed. The
15
+ * dependency is an optional peer, so calls degrade to a no-op when absent.
16
+ */const getHapticsModule = (0, _lazyRequire.lazyRequire)('expo-haptics');
17
+
18
+ /** Impact strength requested by a caller. */
19
+
20
+ const BloomHapticsContext = /*#__PURE__*/(0, _react.createContext)({
21
+ enabled: true
22
+ });
23
+ /**
24
+ * Optional provider that toggles haptic feedback for its subtree — e.g. to honour
25
+ * a user "reduce haptics" preference. `useHaptics` defaults to enabled when no
26
+ * provider is present.
27
+ */
28
+ function BloomHapticsProvider({
29
+ enabled = true,
30
+ children
31
+ }) {
32
+ const value = (0, _react.useMemo)(() => ({
33
+ enabled
34
+ }), [enabled]);
35
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(BloomHapticsContext.Provider, {
36
+ value: value,
37
+ children: children
38
+ });
39
+ }
40
+ BloomHapticsProvider.displayName = 'BloomHapticsProvider';
41
+
42
+ /**
43
+ * Returns a function that fires a haptic impact. The returned callback no-ops on
44
+ * web, when haptics are disabled via {@link BloomHapticsProvider}, or when the
45
+ * optional `expo-haptics` peer is not installed.
46
+ *
47
+ * `strength` defaults to `'light'`. Android is clamped to the light impact style
48
+ * regardless of `strength` — its medium/heavy motors read as too strong for UI
49
+ * feedback (tuned to match iOS perceived intensity).
50
+ */
51
+ function useHaptics() {
52
+ const {
53
+ enabled
54
+ } = (0, _react.useContext)(BloomHapticsContext);
55
+ return (0, _react.useCallback)((strength = 'light') => {
56
+ if (!enabled || _reactNative.Platform.OS === 'web') return;
57
+ const haptics = getHapticsModule();
58
+ if (!haptics) return;
59
+ const {
60
+ ImpactFeedbackStyle
61
+ } = haptics;
62
+ let style = ImpactFeedbackStyle.Light;
63
+ if (_reactNative.Platform.OS !== 'android') {
64
+ if (strength === 'medium') style = ImpactFeedbackStyle.Medium;else if (strength === 'heavy') style = ImpactFeedbackStyle.Heavy;
65
+ }
66
+ void haptics.impactAsync(style);
67
+ }, [enabled]);
68
+ }
69
+ //# sourceMappingURL=useHaptics.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_lazyRequire","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getHapticsModule","lazyRequire","BloomHapticsContext","createContext","enabled","BloomHapticsProvider","children","value","useMemo","jsx","Provider","displayName","useHaptics","useContext","useCallback","strength","Platform","OS","haptics","ImpactFeedbackStyle","style","Light","Medium","Heavy","impactAsync"],"sourceRoot":"../../../src","sources":["hooks/useHaptics.tsx"],"mappings":"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","ignoreList":[]}
@@ -6,6 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.useInteractionState = useInteractionState;
7
7
  exports.useInteractionStates = useInteractionStates;
8
8
  var _react = require("react");
9
+ /**
10
+ * Tracks a single boolean interaction flag (hovered / focused / pressed).
11
+ *
12
+ * Returns a memoized `{ state, onIn, onOut }` with stable handler identities,
13
+ * suitable for spreading onto Pressable-like components.
14
+ */
9
15
  function useInteractionState() {
10
16
  const [state, setState] = (0, _react.useState)(false);
11
17
  const onIn = (0, _react.useCallback)(() => {
@@ -14,11 +20,11 @@ function useInteractionState() {
14
20
  const onOut = (0, _react.useCallback)(() => {
15
21
  setState(false);
16
22
  }, []);
17
- return {
23
+ return (0, _react.useMemo)(() => ({
18
24
  state,
19
25
  onIn,
20
26
  onOut
21
- };
27
+ }), [state, onIn, onOut]);
22
28
  }
23
29
 
24
30
  /**
@@ -1 +1 @@
1
- {"version":3,"names":["_react","require","useInteractionState","state","setState","useState","onIn","useCallback","onOut","useInteractionStates","hovered","onHoverIn","onHoverOut","focused","onFocus","onBlur","pressed","onPressIn","onPressOut","hoverHandlers","focusHandlers","pressHandlers"],"sourceRoot":"../../../src","sources":["hooks/useInteractionState.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,mBAAmBA,CAAA,EAAG;EACpC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEzC,MAAMC,IAAI,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC7BH,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EACN,MAAMI,KAAK,GAAG,IAAAD,kBAAW,EAAC,MAAM;IAC9BH,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAED,KAAK;IAAEG,IAAI;IAAEE;EAAM,CAAC;AAC/B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,oBAAoBA,CAAA,EAAG;EACrC,MAAM;IAAEN,KAAK,EAAEO,OAAO;IAAEJ,IAAI,EAAEK,SAAS;IAAEH,KAAK,EAAEI;EAAW,CAAC,GAAGV,mBAAmB,CAAC,CAAC;EACpF,MAAM;IAAEC,KAAK,EAAEU,OAAO;IAAEP,IAAI,EAAEQ,OAAO;IAAEN,KAAK,EAAEO;EAAO,CAAC,GAAGb,mBAAmB,CAAC,CAAC;EAC9E,MAAM;IAAEC,KAAK,EAAEa,OAAO;IAAEV,IAAI,EAAEW,SAAS;IAAET,KAAK,EAAEU;EAAW,CAAC,GAAGhB,mBAAmB,CAAC,CAAC;EAEpF,OAAO;IACLQ,OAAO;IACPG,OAAO;IACPG,OAAO;IACPG,aAAa,EAAE;MAAER,SAAS;MAAEC;IAAW,CAAU;IACjDQ,aAAa,EAAE;MAAEN,OAAO;MAAEC;IAAO,CAAU;IAC3CM,aAAa,EAAE;MAAEJ,SAAS;MAAEC;IAAW;EACzC,CAAC;AACH","ignoreList":[]}
1
+ {"version":3,"names":["_react","require","useInteractionState","state","setState","useState","onIn","useCallback","onOut","useMemo","useInteractionStates","hovered","onHoverIn","onHoverOut","focused","onFocus","onBlur","pressed","onPressIn","onPressOut","hoverHandlers","focusHandlers","pressHandlers"],"sourceRoot":"../../../src","sources":["hooks/useInteractionState.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,mBAAmBA,CAAA,EAAG;EACpC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEzC,MAAMC,IAAI,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC7BH,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EACN,MAAMI,KAAK,GAAG,IAAAD,kBAAW,EAAC,MAAM;IAC9BH,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAAK,cAAO,EAAC,OAAO;IAAEN,KAAK;IAAEG,IAAI;IAAEE;EAAM,CAAC,CAAC,EAAE,CAACL,KAAK,EAAEG,IAAI,EAAEE,KAAK,CAAC,CAAC;AACtE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,oBAAoBA,CAAA,EAAG;EACrC,MAAM;IAAEP,KAAK,EAAEQ,OAAO;IAAEL,IAAI,EAAEM,SAAS;IAAEJ,KAAK,EAAEK;EAAW,CAAC,GAAGX,mBAAmB,CAAC,CAAC;EACpF,MAAM;IAAEC,KAAK,EAAEW,OAAO;IAAER,IAAI,EAAES,OAAO;IAAEP,KAAK,EAAEQ;EAAO,CAAC,GAAGd,mBAAmB,CAAC,CAAC;EAC9E,MAAM;IAAEC,KAAK,EAAEc,OAAO;IAAEX,IAAI,EAAEY,SAAS;IAAEV,KAAK,EAAEW;EAAW,CAAC,GAAGjB,mBAAmB,CAAC,CAAC;EAEpF,OAAO;IACLS,OAAO;IACPG,OAAO;IACPG,OAAO;IACPG,aAAa,EAAE;MAAER,SAAS;MAAEC;IAAW,CAAU;IACjDQ,aAAa,EAAE;MAAEN,OAAO;MAAEC;IAAO,CAAU;IAC3CM,aAAa,EAAE;MAAEJ,SAAS;MAAEC;IAAW;EACzC,CAAC;AACH","ignoreList":[]}