jfs-components 0.0.78 → 0.0.84

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 (119) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/lib/commonjs/components/AppBar/AppBar.js +56 -6
  3. package/lib/commonjs/components/Attached/Attached.js +183 -0
  4. package/lib/commonjs/components/Card/Card.js +25 -2
  5. package/lib/commonjs/components/Checkbox/Checkbox.js +18 -2
  6. package/lib/commonjs/components/Drawer/Drawer.js +6 -1
  7. package/lib/commonjs/components/DropdownInput/DropdownInput.js +30 -6
  8. package/lib/commonjs/components/ExpandableCheckbox/ExpandableCheckbox.js +17 -11
  9. package/lib/commonjs/components/FormField/FormField.js +1 -14
  10. package/lib/commonjs/components/FullscreenModal/FullscreenModal.js +9 -7
  11. package/lib/commonjs/components/ListItem/ListItem.js +26 -24
  12. package/lib/commonjs/components/MessageField/MessageField.js +1 -13
  13. package/lib/commonjs/components/PaymentFeedback/PaymentFeedback.js +12 -9
  14. package/lib/commonjs/components/PlanComparisonCard/PlanComparisonCard.js +237 -0
  15. package/lib/commonjs/components/Slot/Slot.js +73 -0
  16. package/lib/commonjs/components/Spinner/Spinner.js +217 -0
  17. package/lib/commonjs/components/TextInput/TextInput.js +33 -18
  18. package/lib/commonjs/components/index.js +28 -0
  19. package/lib/commonjs/icons/components/IconArrowdown.js +19 -0
  20. package/lib/commonjs/icons/components/IconArrowup.js +19 -0
  21. package/lib/commonjs/icons/components/IconChevrondowncircle.js +19 -0
  22. package/lib/commonjs/icons/components/IconChevronleftcircle.js +19 -0
  23. package/lib/commonjs/icons/components/IconChevronrightcircle.js +19 -0
  24. package/lib/commonjs/icons/components/IconChevronupcircle.js +19 -0
  25. package/lib/commonjs/icons/components/IconOsnavback.js +19 -0
  26. package/lib/commonjs/icons/components/IconOsnavcenter.js +19 -0
  27. package/lib/commonjs/icons/components/IconOsnavhome.js +19 -0
  28. package/lib/commonjs/icons/components/IconOsnavtask.js +19 -0
  29. package/lib/commonjs/icons/components/IconSignin.js +19 -0
  30. package/lib/commonjs/icons/components/IconSignout.js +19 -0
  31. package/lib/commonjs/icons/components/index.js +132 -0
  32. package/lib/commonjs/icons/registry.js +2 -2
  33. package/lib/module/components/AppBar/AppBar.js +56 -6
  34. package/lib/module/components/Attached/Attached.js +178 -0
  35. package/lib/module/components/Card/Card.js +25 -2
  36. package/lib/module/components/Checkbox/Checkbox.js +18 -2
  37. package/lib/module/components/Drawer/Drawer.js +6 -1
  38. package/lib/module/components/DropdownInput/DropdownInput.js +30 -6
  39. package/lib/module/components/ExpandableCheckbox/ExpandableCheckbox.js +17 -11
  40. package/lib/module/components/FormField/FormField.js +3 -16
  41. package/lib/module/components/FullscreenModal/FullscreenModal.js +9 -7
  42. package/lib/module/components/ListItem/ListItem.js +26 -24
  43. package/lib/module/components/MessageField/MessageField.js +3 -15
  44. package/lib/module/components/PaymentFeedback/PaymentFeedback.js +13 -9
  45. package/lib/module/components/PlanComparisonCard/PlanComparisonCard.js +234 -0
  46. package/lib/module/components/Slot/Slot.js +68 -0
  47. package/lib/module/components/Spinner/Spinner.js +212 -0
  48. package/lib/module/components/TextInput/TextInput.js +34 -19
  49. package/lib/module/components/index.js +4 -0
  50. package/lib/module/icons/components/IconArrowdown.js +12 -0
  51. package/lib/module/icons/components/IconArrowup.js +12 -0
  52. package/lib/module/icons/components/IconChevrondowncircle.js +12 -0
  53. package/lib/module/icons/components/IconChevronleftcircle.js +12 -0
  54. package/lib/module/icons/components/IconChevronrightcircle.js +12 -0
  55. package/lib/module/icons/components/IconChevronupcircle.js +12 -0
  56. package/lib/module/icons/components/IconOsnavback.js +12 -0
  57. package/lib/module/icons/components/IconOsnavcenter.js +12 -0
  58. package/lib/module/icons/components/IconOsnavhome.js +12 -0
  59. package/lib/module/icons/components/IconOsnavtask.js +12 -0
  60. package/lib/module/icons/components/IconSignin.js +12 -0
  61. package/lib/module/icons/components/IconSignout.js +12 -0
  62. package/lib/module/icons/components/index.js +12 -0
  63. package/lib/module/icons/registry.js +2 -2
  64. package/lib/typescript/src/components/AppBar/AppBar.d.ts +12 -1
  65. package/lib/typescript/src/components/Attached/Attached.d.ts +64 -0
  66. package/lib/typescript/src/components/Card/Card.d.ts +9 -2
  67. package/lib/typescript/src/components/DropdownInput/DropdownInput.d.ts +3 -2
  68. package/lib/typescript/src/components/ListItem/ListItem.d.ts +16 -6
  69. package/lib/typescript/src/components/PaymentFeedback/PaymentFeedback.d.ts +5 -1
  70. package/lib/typescript/src/components/PlanComparisonCard/PlanComparisonCard.d.ts +66 -0
  71. package/lib/typescript/src/components/Slot/Slot.d.ts +52 -0
  72. package/lib/typescript/src/components/Spinner/Spinner.d.ts +45 -0
  73. package/lib/typescript/src/components/index.d.ts +4 -0
  74. package/lib/typescript/src/icons/components/IconArrowdown.d.ts +3 -0
  75. package/lib/typescript/src/icons/components/IconArrowup.d.ts +3 -0
  76. package/lib/typescript/src/icons/components/IconChevrondowncircle.d.ts +3 -0
  77. package/lib/typescript/src/icons/components/IconChevronleftcircle.d.ts +3 -0
  78. package/lib/typescript/src/icons/components/IconChevronrightcircle.d.ts +3 -0
  79. package/lib/typescript/src/icons/components/IconChevronupcircle.d.ts +3 -0
  80. package/lib/typescript/src/icons/components/IconOsnavback.d.ts +3 -0
  81. package/lib/typescript/src/icons/components/IconOsnavcenter.d.ts +3 -0
  82. package/lib/typescript/src/icons/components/IconOsnavhome.d.ts +3 -0
  83. package/lib/typescript/src/icons/components/IconOsnavtask.d.ts +3 -0
  84. package/lib/typescript/src/icons/components/IconSignin.d.ts +3 -0
  85. package/lib/typescript/src/icons/components/IconSignout.d.ts +3 -0
  86. package/lib/typescript/src/icons/components/index.d.ts +12 -0
  87. package/lib/typescript/src/icons/registry.d.ts +1 -1
  88. package/package.json +3 -2
  89. package/src/components/AppBar/AppBar.tsx +79 -12
  90. package/src/components/Attached/Attached.tsx +237 -0
  91. package/src/components/Card/Card.tsx +28 -1
  92. package/src/components/Checkbox/Checkbox.tsx +14 -2
  93. package/src/components/Drawer/Drawer.tsx +4 -0
  94. package/src/components/DropdownInput/DropdownInput.tsx +54 -20
  95. package/src/components/ExpandableCheckbox/ExpandableCheckbox.tsx +13 -9
  96. package/src/components/FormField/FormField.tsx +3 -19
  97. package/src/components/FullscreenModal/FullscreenModal.tsx +6 -3
  98. package/src/components/ListItem/ListItem.tsx +42 -25
  99. package/src/components/MessageField/MessageField.tsx +3 -18
  100. package/src/components/PaymentFeedback/PaymentFeedback.tsx +15 -8
  101. package/src/components/PlanComparisonCard/PlanComparisonCard.tsx +316 -0
  102. package/src/components/Slot/Slot.tsx +91 -0
  103. package/src/components/Spinner/Spinner.tsx +273 -0
  104. package/src/components/TextInput/TextInput.tsx +37 -19
  105. package/src/components/index.ts +4 -0
  106. package/src/icons/components/IconArrowdown.tsx +11 -0
  107. package/src/icons/components/IconArrowup.tsx +11 -0
  108. package/src/icons/components/IconChevrondowncircle.tsx +11 -0
  109. package/src/icons/components/IconChevronleftcircle.tsx +11 -0
  110. package/src/icons/components/IconChevronrightcircle.tsx +11 -0
  111. package/src/icons/components/IconChevronupcircle.tsx +11 -0
  112. package/src/icons/components/IconOsnavback.tsx +11 -0
  113. package/src/icons/components/IconOsnavcenter.tsx +11 -0
  114. package/src/icons/components/IconOsnavhome.tsx +11 -0
  115. package/src/icons/components/IconOsnavtask.tsx +11 -0
  116. package/src/icons/components/IconSignin.tsx +11 -0
  117. package/src/icons/components/IconSignout.tsx +11 -0
  118. package/src/icons/components/index.ts +12 -0
  119. package/src/icons/registry.ts +49 -1
@@ -0,0 +1,217 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
10
+ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
11
+ var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
12
+ var _JFSThemeProvider = require("../../design-tokens/JFSThemeProvider");
13
+ var _reactUtils = require("../../utils/react-utils");
14
+ var _useReducedMotion = require("../../skeleton/useReducedMotion");
15
+ var _jsxRuntime = require("react/jsx-runtime");
16
+ 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); }
17
+ /**
18
+ * Per-segment colours, resolved from the Figma `spiner/*` tokens. Consumers can
19
+ * override any subset via the `colors` prop.
20
+ */
21
+
22
+ const SEGMENT_COUNT = 3;
23
+ const DEFAULT_SIZE = 72;
24
+ const DEFAULT_DURATION_MS = 1500;
25
+ const DEFAULT_GRAVITY = 0.45;
26
+
27
+ // Stroke thickness as a fraction of the diameter (matches the Figma ring weight).
28
+ const STROKE_RATIO = 0.11;
29
+ // Angular length of each individual segment.
30
+ const ARC_LENGTH_DEG = 100;
31
+ // Spacing between consecutive heads when fully bunched at the top. Small but
32
+ // non-zero so all three colours stay faintly visible as they crest the top.
33
+ const SPREAD_MIN_DEG = 10;
34
+ // Spacing between consecutive heads at full spread. At this extent each segment's
35
+ // tail only overlaps the next head by `ARC_LENGTH_DEG - SPREAD_MAX_DEG` (16°) —
36
+ // the maximum extension the chain reaches while staying connected (never a gap).
37
+ const SPREAD_MAX_DEG = 84;
38
+ // Fraction of each revolution spent gradually fanning *out* (the rest is spent
39
+ // snapping back together over the top).
40
+ //
41
+ // This is the knob that balances "reaches full extension" against "never stalls
42
+ // and never recoils". The tail segment's velocity while spreading is
43
+ // `vLead * (1 - spreadRange / (SPREAD_OUT_FRAC * π))`. Spreading the fan-out over
44
+ // ~3/4 of the turn keeps that factor around ~0.45 (so the tail always carries
45
+ // clear forward momentum — it never crawls to a stall, and never reverses),
46
+ // while still letting the breath reach a full 1.0. The remaining ~1/4 is an
47
+ // energetic gather over the top where the trailing segments whip forward to
48
+ // rejoin the lead. A symmetric (sinusoidal/triangle) breath cannot do all three:
49
+ // reach full extension, avoid recoil, and avoid a sustained stall.
50
+ const SPREAD_OUT_FRAC = 0.75;
51
+ const DEG_TO_RAD = Math.PI / 180;
52
+ const TWO_PI = Math.PI * 2;
53
+ const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
54
+ const toNumber = (value, fallback) => {
55
+ if (typeof value === 'number' && Number.isFinite(value)) {
56
+ return value;
57
+ }
58
+ if (typeof value === 'string') {
59
+ const parsed = Number(value);
60
+ if (Number.isFinite(parsed)) {
61
+ return parsed;
62
+ }
63
+ }
64
+ return fallback;
65
+ };
66
+
67
+ /**
68
+ * Builds the SVG path for a single fixed-length arc whose *head* sits at the
69
+ * top (12 o'clock) and whose body trails counter-clockwise behind it. Rotating
70
+ * the containing view clockwise then places the head at the desired angle.
71
+ */
72
+ const buildArcPath = (center, radius, arcLengthDeg) => {
73
+ const arc = arcLengthDeg * DEG_TO_RAD;
74
+ // Head at the top: phi = 0 -> (center, center - radius).
75
+ const headX = center;
76
+ const headY = center - radius;
77
+ // Tail trails counter-clockwise by `arc`: phi = -arc.
78
+ const tailX = center + radius * Math.sin(-arc);
79
+ const tailY = center - radius * Math.cos(-arc);
80
+ const largeArc = arcLengthDeg > 180 ? 1 : 0;
81
+ // Sweep from tail -> head is clockwise (sweep flag = 1 in SVG y-down space).
82
+ return `M ${tailX} ${tailY} A ${radius} ${radius} 0 ${largeArc} 1 ${headX} ${headY}`;
83
+ };
84
+
85
+ /**
86
+ * Animated rotation for one segment.
87
+ *
88
+ * A single linear clock drives a gravity-warped lead angle: it advances faster
89
+ * over the top and slower through the bottom, giving the fall its weight. Each
90
+ * segment trails the lead by `index * offset`, where `offset` breathes between
91
+ * its bunched (top) and spread (bottom) extents in lock-step with the lead's
92
+ * vertical position. Because the offset is bounded by `SPREAD_MAX_DEG`, the
93
+ * three segments form a continuously-overlapping chain that gathers at the top
94
+ * and fans out — fully connected — through the free fall.
95
+ */
96
+ const useSegmentRotation = (clock, index, gravity, spreadMinRad, spreadMaxRad, spreadOutFrac) => (0, _reactNativeReanimated.useAnimatedStyle)(() => {
97
+ 'worklet';
98
+
99
+ const tau = clock.value * TWO_PI;
100
+ // Lead angle (clockwise from top). d(lead)/dtau = 1 + gravity*cos(tau) is
101
+ // maximal at the top (tau = 0) and minimal at the bottom (tau = PI), giving
102
+ // the fall its weight.
103
+ const lead = tau + gravity * Math.sin(tau);
104
+ // Breathing is an asymmetric saw in the lead angle: it ramps *gradually* from
105
+ // 0 (bunched, top) up to 1 (fully spread) over `spreadOutFrac` of the turn,
106
+ // then drops back to 0 over the remaining arc (the quick gather over the top).
107
+ // The gentle fan-out slope keeps the trailing segment moving forward at a
108
+ // healthy fraction of the lead's speed — it never stalls and never recoils —
109
+ // while still reaching full extension; the steeper gather is a forward whip,
110
+ // so momentum only ever increases there.
111
+ const leadMod = lead - TWO_PI * Math.floor(lead / TWO_PI);
112
+ const splitLead = spreadOutFrac * TWO_PI;
113
+ const breath = leadMod < splitLead ? leadMod / splitLead : (TWO_PI - leadMod) / (TWO_PI - splitLead);
114
+ const offset = spreadMinRad + breath * (spreadMaxRad - spreadMinRad);
115
+ const head = lead - index * offset;
116
+ return {
117
+ transform: [{
118
+ rotate: `${head * 180 / Math.PI}deg`
119
+ }]
120
+ };
121
+ }, [gravity, index, spreadMinRad, spreadMaxRad, spreadOutFrac]);
122
+ const fullSize = {
123
+ ..._reactNative.StyleSheet.absoluteFillObject
124
+ };
125
+ function Spinner({
126
+ size = DEFAULT_SIZE,
127
+ durationMs = DEFAULT_DURATION_MS,
128
+ gravity = DEFAULT_GRAVITY,
129
+ colors,
130
+ animating = true,
131
+ modes: propModes = _reactUtils.EMPTY_MODES,
132
+ style,
133
+ accessibilityLabel = 'Loading',
134
+ ...rest
135
+ }) {
136
+ const {
137
+ modes: globalModes
138
+ } = (0, _JFSThemeProvider.useTokens)();
139
+ const modes = {
140
+ ...globalModes,
141
+ ...propModes
142
+ };
143
+ const systemReducedMotion = (0, _useReducedMotion.useReducedMotion)();
144
+ const isAnimated = animating && !systemReducedMotion;
145
+ const resolvedSize = toNumber(size, DEFAULT_SIZE);
146
+ const safeGravity = clamp(toNumber(gravity, DEFAULT_GRAVITY), 0, 0.9);
147
+ const strokeWidth = Math.max(1, resolvedSize * STROKE_RATIO);
148
+ const radius = Math.max(0, (resolvedSize - strokeWidth) / 2);
149
+ const center = resolvedSize / 2;
150
+ const arcPath = buildArcPath(center, radius, ARC_LENGTH_DEG);
151
+ const segmentColors = [colors?.primary ?? (0, _figmaVariablesResolver.getVariableByName)('spiner/primary/bg', modes) ?? '#d0a259', colors?.secondary ?? (0, _figmaVariablesResolver.getVariableByName)('spiner/secondary/bg', modes) ?? '#5b00b5', colors?.tertiary ?? (0, _figmaVariablesResolver.getVariableByName)('spiner/tertiary/bg', modes) ?? '#066b99'];
152
+ const clock = (0, _reactNativeReanimated.useSharedValue)(0);
153
+ (0, _react.useEffect)(() => {
154
+ if (!isAnimated) {
155
+ (0, _reactNativeReanimated.cancelAnimation)(clock);
156
+ clock.value = 0;
157
+ return;
158
+ }
159
+ clock.value = 0;
160
+ clock.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(1, {
161
+ duration: Math.max(1, durationMs),
162
+ easing: _reactNativeReanimated.Easing.linear
163
+ }), -1, false);
164
+ return () => {
165
+ (0, _reactNativeReanimated.cancelAnimation)(clock);
166
+ };
167
+ }, [isAnimated, durationMs, clock]);
168
+
169
+ // Hooks must run unconditionally and in a stable order, so all three segment
170
+ // styles are always computed even when the spinner renders statically.
171
+ const spreadMinRad = SPREAD_MIN_DEG * DEG_TO_RAD;
172
+ const spreadMaxRad = SPREAD_MAX_DEG * DEG_TO_RAD;
173
+ const style0 = useSegmentRotation(clock, 0, safeGravity, spreadMinRad, spreadMaxRad, SPREAD_OUT_FRAC);
174
+ const style1 = useSegmentRotation(clock, 1, safeGravity, spreadMinRad, spreadMaxRad, SPREAD_OUT_FRAC);
175
+ const style2 = useSegmentRotation(clock, 2, safeGravity, spreadMinRad, spreadMaxRad, SPREAD_OUT_FRAC);
176
+ const animatedStyles = [style0, style1, style2];
177
+
178
+ // Static resting fan (evenly spaced) used when animation is disabled.
179
+ const restingRotations = [0, -120, -240];
180
+ const containerStyle = {
181
+ height: resolvedSize,
182
+ width: resolvedSize,
183
+ position: 'relative'
184
+ };
185
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
186
+ accessibilityRole: "progressbar",
187
+ accessibilityLabel: accessibilityLabel,
188
+ style: [containerStyle, style],
189
+ ...rest,
190
+ children: Array.from({
191
+ length: SEGMENT_COUNT
192
+ }, (_, i) => SEGMENT_COUNT - 1 - i).map(segmentIndex => {
193
+ const segmentStyle = isAnimated ? animatedStyles[segmentIndex] : {
194
+ transform: [{
195
+ rotate: `${restingRotations[segmentIndex]}deg`
196
+ }]
197
+ };
198
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
199
+ style: [fullSize, segmentStyle],
200
+ pointerEvents: "none",
201
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
202
+ width: resolvedSize,
203
+ height: resolvedSize,
204
+ viewBox: `0 0 ${resolvedSize} ${resolvedSize}`,
205
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
206
+ d: arcPath,
207
+ stroke: segmentColors[segmentIndex],
208
+ strokeWidth: strokeWidth,
209
+ strokeLinecap: "round",
210
+ fill: "none"
211
+ })
212
+ })
213
+ }, segmentIndex);
214
+ })
215
+ });
216
+ }
217
+ var _default = exports.default = Spinner;
@@ -43,7 +43,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
43
43
  /**
44
44
  * Helper function to convert a color to a more transparent version for placeholder text.
45
45
  * Takes a color string (hex, rgb, rgba) and returns it with reduced opacity.
46
- */function makePlaceholderColor(color, opacity = 0.5) {
46
+ */const IS_WEB = _reactNative.Platform.OS === 'web';
47
+ function makePlaceholderColor(color, opacity = 0.5) {
47
48
  if (!color || typeof color !== 'string') {
48
49
  return color || '';
49
50
  }
@@ -118,10 +119,9 @@ function TextInput({
118
119
  // Track focus state to hide placeholder when focused
119
120
  const [isFocused, setIsFocused] = (0, _react.useState)(false);
120
121
  const [isHovered, setIsHovered] = (0, _react.useState)(false);
121
- // Ref to the underlying native input so a tap anywhere inside the Pressable
122
- // wrapper can programmatically focus it. Without this, on Android the
123
- // wrapping Pressable becomes the touch responder on the first tap and the
124
- // native input only gains focus on the *second* tap.
122
+ // On web we keep a ref so a click anywhere inside the (Pressable) wrapper can
123
+ // focus the input. On native the wrapper is a plain View and the native
124
+ // input focuses itself on the first tap (see container note below).
125
125
  const inputRef = (0, _react.useRef)(null);
126
126
 
127
127
  // Resolve container tokens
@@ -213,19 +213,18 @@ function TextInput({
213
213
 
214
214
  // Generate default accessibility label from placeholder if not provided
215
215
  const defaultAccessibilityLabel = accessibilityLabel || placeholder || 'Text input';
216
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
217
- style: [containerStyle, focusContainerStyle, hoverStyle, style],
218
- onHoverIn: () => setIsHovered(true),
219
- onHoverOut: () => setIsHovered(false)
220
- // Forward taps on the wrapper (padding, leading icon gutter, etc.) to the
221
- // native input. This guarantees the keyboard opens on the FIRST tap on
222
- // Android instead of requiring a second tap.
223
- ,
224
- onPress: () => inputRef.current?.focus()
225
- // The native input is the real accessible element; don't add a redundant
226
- // focusable node for screen readers.
227
- ,
228
- accessible: false,
216
+
217
+ // IMPORTANT (Android focus reliability):
218
+ // Do NOT wrap the native <TextInput> in a Pressable/Touchable on native.
219
+ // A touch-responder-claiming wrapper steals the first tap, which is the
220
+ // classic cause of the "needs 2–3 taps to focus" Android bug — and forwarding
221
+ // focus from `onPress` is unreliable because the press is cancelled by the
222
+ // tiniest finger movement. A plain <View> does not claim the responder, so
223
+ // the native input receives the tap and focuses on the FIRST tap.
224
+ // On web there is no such issue, so we keep the Pressable for the hover
225
+ // affordance plus click-anywhere-to-focus.
226
+ const containerStyleArray = [containerStyle, focusContainerStyle, hoverStyle, style];
227
+ const inner = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
229
228
  children: [processedLeading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
230
229
  accessibilityElementsHidden: true,
231
230
  importantForAccessibility: "no",
@@ -248,6 +247,22 @@ function TextInput({
248
247
  children: processedTrailing
249
248
  })]
250
249
  });
250
+ if (IS_WEB) {
251
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
252
+ style: containerStyleArray,
253
+ onHoverIn: () => setIsHovered(true),
254
+ onHoverOut: () => setIsHovered(false)
255
+ // Web: clicking the padding / icon gutter focuses the input too.
256
+ ,
257
+ onPress: () => inputRef.current?.focus(),
258
+ accessible: false,
259
+ children: inner
260
+ });
261
+ }
262
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
263
+ style: containerStyleArray,
264
+ children: inner
265
+ });
251
266
  }
252
267
 
253
268
  /**
@@ -45,6 +45,12 @@ Object.defineProperty(exports, "AppBar", {
45
45
  return _AppBar.default;
46
46
  }
47
47
  });
48
+ Object.defineProperty(exports, "Attached", {
49
+ enumerable: true,
50
+ get: function () {
51
+ return _Attached.default;
52
+ }
53
+ });
48
54
  Object.defineProperty(exports, "Avatar", {
49
55
  enumerable: true,
50
56
  get: function () {
@@ -489,6 +495,12 @@ Object.defineProperty(exports, "PaymentFeedback", {
489
495
  return _PaymentFeedback.default;
490
496
  }
491
497
  });
498
+ Object.defineProperty(exports, "PlanComparisonCard", {
499
+ enumerable: true,
500
+ get: function () {
501
+ return _PlanComparisonCard.default;
502
+ }
503
+ });
492
504
  Object.defineProperty(exports, "Popup", {
493
505
  enumerable: true,
494
506
  get: function () {
@@ -585,6 +597,18 @@ Object.defineProperty(exports, "SegmentedTrackSegment", {
585
597
  return _SegmentedTrack.SegmentedTrackSegment;
586
598
  }
587
599
  });
600
+ Object.defineProperty(exports, "Slot", {
601
+ enumerable: true,
602
+ get: function () {
603
+ return _Slot.default;
604
+ }
605
+ });
606
+ Object.defineProperty(exports, "Spinner", {
607
+ enumerable: true,
608
+ get: function () {
609
+ return _Spinner.default;
610
+ }
611
+ });
588
612
  Object.defineProperty(exports, "StatGroup", {
589
613
  enumerable: true,
590
614
  get: function () {
@@ -797,6 +821,7 @@ Object.defineProperty(exports, "useToast", {
797
821
  });
798
822
  var _AccountCard = _interopRequireDefault(require("./AccountCard/AccountCard"));
799
823
  var _ActionFooter = _interopRequireDefault(require("./ActionFooter/ActionFooter"));
824
+ var _Attached = _interopRequireDefault(require("./Attached/Attached"));
800
825
  var _AppBar = _interopRequireDefault(require("./AppBar/AppBar"));
801
826
  var _Avatar = _interopRequireDefault(require("./Avatar/Avatar"));
802
827
  var _AvatarGroup = _interopRequireDefault(require("./AvatarGroup/AvatarGroup"));
@@ -858,6 +883,8 @@ var _Numpad = _interopRequireDefault(require("./Numpad/Numpad"));
858
883
  var _Title = _interopRequireDefault(require("./Title/Title"));
859
884
  var _Screen = _interopRequireDefault(require("./Screen/Screen"));
860
885
  var _Section = _interopRequireDefault(require("./Section/Section"));
886
+ var _Slot = _interopRequireDefault(require("./Slot/Slot"));
887
+ var _Spinner = _interopRequireDefault(require("./Spinner/Spinner"));
861
888
  var _Stepper = _interopRequireDefault(require("./Stepper/Stepper"));
862
889
  var _Step = require("./Stepper/Step");
863
890
  var _StepLabel = require("./Stepper/StepLabel");
@@ -901,6 +928,7 @@ var _AmountInput = _interopRequireDefault(require("./AmountInput/AmountInput"));
901
928
  var _PageHero = _interopRequireDefault(require("./PageHero/PageHero"));
902
929
  var _Popup = _interopRequireDefault(require("./Popup/Popup"));
903
930
  var _PortfolioHero = _interopRequireDefault(require("./PortfolioHero/PortfolioHero"));
931
+ var _PlanComparisonCard = _interopRequireDefault(require("./PlanComparisonCard/PlanComparisonCard"));
904
932
  var _PoweredByLabel = _interopRequireDefault(require("./PoweredByLabel/PoweredByLabel"));
905
933
  var _ProductLabel = _interopRequireDefault(require("./ProductLabel/ProductLabel"));
906
934
  var _ProductOverview = _interopRequireDefault(require("./ProductOverview/ProductOverview"));
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconArrowdown = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ 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); }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ const IconArrowdown = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
13
+ viewBox: "0 0 24 24",
14
+ ...props,
15
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
16
+ d: "M18.7099 14.29C18.617 14.1963 18.5064 14.1219 18.3845 14.0711C18.2627 14.0203 18.132 13.9942 17.9999 13.9942C17.8679 13.9942 17.7372 14.0203 17.6154 14.0711C17.4935 14.1219 17.3829 14.1963 17.2899 14.29L12.9999 18.59V3C12.9999 2.73478 12.8946 2.48043 12.707 2.29289C12.5195 2.10536 12.2652 2 11.9999 2C11.7347 2 11.4804 2.10536 11.2928 2.29289C11.1053 2.48043 10.9999 2.73478 10.9999 3V18.59L6.70994 14.29C6.52164 14.1017 6.26624 13.9959 5.99994 13.9959C5.73364 13.9959 5.47825 14.1017 5.28994 14.29C5.10164 14.4783 4.99585 14.7337 4.99585 15C4.99585 15.1319 5.02182 15.2624 5.07228 15.3842C5.12274 15.5061 5.1967 15.6168 5.28994 15.71L11.2899 21.71C11.3829 21.8037 11.4935 21.8781 11.6154 21.9289C11.7372 21.9797 11.8679 22.0058 11.9999 22.0058C12.132 22.0058 12.2627 21.9797 12.3845 21.9289C12.5064 21.8781 12.617 21.8037 12.7099 21.71L18.7099 15.71C18.8037 15.617 18.8781 15.5064 18.9288 15.3846C18.9796 15.2627 19.0057 15.132 19.0057 15C19.0057 14.868 18.9796 14.7373 18.9288 14.6154C18.8781 14.4936 18.8037 14.383 18.7099 14.29Z"
17
+ })
18
+ });
19
+ exports.IconArrowdown = IconArrowdown;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconArrowup = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ 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); }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ const IconArrowup = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
13
+ viewBox: "0 0 24 24",
14
+ ...props,
15
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
16
+ d: "M18.7099 8.28994L12.7099 2.28994C12.617 2.19621 12.5064 2.12182 12.3845 2.07105C12.2627 2.02028 12.132 1.99414 11.9999 1.99414C11.8679 1.99414 11.7372 2.02028 11.6154 2.07105C11.4935 2.12182 11.3829 2.19621 11.2899 2.28994L5.28994 8.28994C5.10164 8.47824 4.99585 8.73364 4.99585 8.99994C4.99585 9.26624 5.10164 9.52164 5.28994 9.70994C5.47825 9.89824 5.73364 10.004 5.99994 10.004C6.26624 10.004 6.52164 9.89824 6.70994 9.70994L10.9999 5.40994V20.9999C10.9999 21.2652 11.1053 21.5195 11.2928 21.707C11.4804 21.8946 11.7347 21.9999 11.9999 21.9999C12.2652 21.9999 12.5195 21.8946 12.707 21.707C12.8946 21.5195 12.9999 21.2652 12.9999 20.9999V5.40994L17.2899 9.70994C17.3829 9.80367 17.4935 9.87806 17.6154 9.92883C17.7372 9.9796 17.8679 10.0057 17.9999 10.0057C18.132 10.0057 18.2627 9.9796 18.3845 9.92883C18.5064 9.87806 18.617 9.80367 18.7099 9.70994C18.8037 9.61698 18.8781 9.50637 18.9288 9.38452C18.9796 9.26266 19.0057 9.13195 19.0057 8.99994C19.0057 8.86793 18.9796 8.73722 18.9288 8.61536C18.8781 8.4935 18.8037 8.3829 18.7099 8.28994Z"
17
+ })
18
+ });
19
+ exports.IconArrowup = IconArrowup;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconChevrondowncircle = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ 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); }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ const IconChevrondowncircle = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
13
+ viewBox: "0 0 24 24",
14
+ ...props,
15
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
16
+ d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM16.71 11.21L12.71 15.21C12.617 15.3037 12.5064 15.3781 12.3846 15.4289C12.2627 15.4797 12.132 15.5058 12 15.5058C11.868 15.5058 11.7373 15.4797 11.6154 15.4289C11.4936 15.3781 11.383 15.3037 11.29 15.21L7.29 11.21C7.19677 11.1168 7.12281 11.0061 7.07234 10.8842C7.02188 10.7624 6.99591 10.6319 6.99591 10.5C6.99591 10.3681 7.02188 10.2376 7.07234 10.1158C7.12281 9.99393 7.19677 9.88324 7.29 9.79C7.38324 9.69676 7.49393 9.6228 7.61576 9.57234C7.73758 9.52188 7.86814 9.49591 8 9.49591C8.13186 9.49591 8.26243 9.52188 8.38425 9.57234C8.50608 9.6228 8.61677 9.69676 8.71 9.79L12 13.09L15.29 9.79C15.4783 9.6017 15.7337 9.49591 16 9.49591C16.2663 9.49591 16.5217 9.6017 16.71 9.79C16.8983 9.9783 17.0041 10.2337 17.0041 10.5C17.0041 10.7663 16.8983 11.0217 16.71 11.21Z"
17
+ })
18
+ });
19
+ exports.IconChevrondowncircle = IconChevrondowncircle;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconChevronleftcircle = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ 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); }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ const IconChevronleftcircle = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
13
+ viewBox: "0 0 24 24",
14
+ ...props,
15
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
16
+ d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM14.21 15.29C14.3037 15.383 14.3781 15.4936 14.4289 15.6154C14.4797 15.7373 14.5058 15.868 14.5058 16C14.5058 16.132 14.4797 16.2627 14.4289 16.3846C14.3781 16.5064 14.3037 16.617 14.21 16.71C14.117 16.8037 14.0064 16.8781 13.8846 16.9289C13.7627 16.9797 13.632 17.0058 13.5 17.0058C13.368 17.0058 13.2373 16.9797 13.1154 16.9289C12.9936 16.8781 12.883 16.8037 12.79 16.71L8.79 12.71C8.69628 12.617 8.62188 12.5064 8.57111 12.3846C8.52034 12.2627 8.49421 12.132 8.49421 12C8.49421 11.868 8.52034 11.7373 8.57111 11.6154C8.62188 11.4936 8.69628 11.383 8.79 11.29L12.79 7.29C12.8832 7.19676 12.9939 7.1228 13.1158 7.07234C13.2376 7.02188 13.3681 6.99591 13.5 6.99591C13.6319 6.99591 13.7624 7.02188 13.8843 7.07234C14.0061 7.1228 14.1168 7.19676 14.21 7.29C14.3032 7.38324 14.3772 7.49393 14.4277 7.61575C14.4781 7.73757 14.5041 7.86814 14.5041 8C14.5041 8.13186 14.4781 8.26243 14.4277 8.38425C14.3772 8.50607 14.3032 8.61676 14.21 8.71L10.91 12L14.21 15.29Z"
17
+ })
18
+ });
19
+ exports.IconChevronleftcircle = IconChevronleftcircle;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconChevronrightcircle = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ 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); }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ const IconChevronrightcircle = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
13
+ viewBox: "0 0 24 24",
14
+ ...props,
15
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
16
+ d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM15.21 12.71L11.21 16.71C11.117 16.8037 11.0064 16.8781 10.8846 16.9289C10.7627 16.9797 10.632 17.0058 10.5 17.0058C10.368 17.0058 10.2373 16.9797 10.1154 16.9289C9.99357 16.8781 9.88297 16.8037 9.79 16.71C9.69628 16.617 9.62188 16.5064 9.57111 16.3846C9.52034 16.2627 9.49421 16.132 9.49421 16C9.49421 15.868 9.52034 15.7373 9.57111 15.6154C9.62188 15.4936 9.69628 15.383 9.79 15.29L13.09 12L9.79 8.71C9.69677 8.61676 9.6228 8.50607 9.57234 8.38425C9.52188 8.26243 9.49591 8.13186 9.49591 8C9.49591 7.86814 9.52188 7.73757 9.57234 7.61575C9.6228 7.49393 9.69677 7.38324 9.79 7.29C9.88324 7.19676 9.99393 7.1228 10.1158 7.07234C10.2376 7.02188 10.3681 6.99591 10.5 6.99591C10.6319 6.99591 10.7624 7.02188 10.8843 7.07234C11.0061 7.1228 11.1168 7.19676 11.21 7.29L15.21 11.29C15.3037 11.383 15.3781 11.4936 15.4289 11.6154C15.4797 11.7373 15.5058 11.868 15.5058 12C15.5058 12.132 15.4797 12.2627 15.4289 12.3846C15.3781 12.5064 15.3037 12.617 15.21 12.71Z"
17
+ })
18
+ });
19
+ exports.IconChevronrightcircle = IconChevronrightcircle;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconChevronupcircle = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ 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); }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ const IconChevronupcircle = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
13
+ viewBox: "0 0 24 24",
14
+ ...props,
15
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
16
+ d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM16.71 14.21C16.617 14.3037 16.5064 14.3781 16.3846 14.4289C16.2627 14.4797 16.132 14.5058 16 14.5058C15.868 14.5058 15.7373 14.4797 15.6154 14.4289C15.4936 14.3781 15.383 14.3037 15.29 14.21L12 10.91L8.71 14.21C8.61677 14.3032 8.50608 14.3772 8.38425 14.4277C8.26243 14.4781 8.13186 14.5041 8 14.5041C7.86814 14.5041 7.73758 14.4781 7.61576 14.4277C7.49393 14.3772 7.38324 14.3032 7.29 14.21C7.19677 14.1168 7.12281 14.0061 7.07234 13.8842C7.02188 13.7624 6.99591 13.6319 6.99591 13.5C6.99591 13.3681 7.02188 13.2376 7.07234 13.1158C7.12281 12.9939 7.19677 12.8832 7.29 12.79L11.29 8.79C11.383 8.69627 11.4936 8.62188 11.6154 8.57111C11.7373 8.52034 11.868 8.4942 12 8.4942C12.132 8.4942 12.2627 8.52034 12.3846 8.57111C12.5064 8.62188 12.617 8.69627 12.71 8.79L16.71 12.79C16.8037 12.883 16.8781 12.9936 16.9289 13.1154C16.9797 13.2373 17.0058 13.368 17.0058 13.5C17.0058 13.632 16.9797 13.7627 16.9289 13.8846C16.8781 14.0064 16.8037 14.117 16.71 14.21Z"
17
+ })
18
+ });
19
+ exports.IconChevronupcircle = IconChevronupcircle;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconOsnavback = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ 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); }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ const IconOsnavback = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
13
+ viewBox: "0 0 24 24",
14
+ ...props,
15
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
16
+ d: "M14.32 3.37L4.35001 10.38C3.23001 11.17 3.23001 12.82 4.35001 13.61L14.32 20.62C15.65 21.56 17.5 20.62 17.5 19.01V4.99C17.5 3.38 15.65 2.44 14.32 3.38V3.37Z"
17
+ })
18
+ });
19
+ exports.IconOsnavback = IconOsnavback;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconOsnavcenter = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ 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); }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ const IconOsnavcenter = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
13
+ viewBox: "0 0 24 24",
14
+ ...props,
15
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
16
+ d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z"
17
+ })
18
+ });
19
+ exports.IconOsnavcenter = IconOsnavcenter;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconOsnavhome = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ 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); }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ const IconOsnavhome = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
13
+ viewBox: "0 0 24 24",
14
+ ...props,
15
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
16
+ d: "M10.67 2.50982L4.01 8.42982C3.37 8.99982 3 9.81982 3 10.6698V17.9998C3 19.6598 4.34 20.9998 6 20.9998H18C19.66 20.9998 21 19.6598 21 17.9998V10.6698C21 9.80982 20.63 8.99982 19.99 8.42982L13.33 2.50982C12.57 1.83982 11.43 1.83982 10.67 2.50982Z"
17
+ })
18
+ });
19
+ exports.IconOsnavhome = IconOsnavhome;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconOsnavtask = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ 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); }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ const IconOsnavtask = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
13
+ viewBox: "0 0 24 24",
14
+ ...props,
15
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
16
+ d: "M18 3H6C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3Z"
17
+ })
18
+ });
19
+ exports.IconOsnavtask = IconOsnavtask;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconSignin = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
9
+ var _jsxRuntime = require("react/jsx-runtime");
10
+ 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); }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ const IconSignin = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
13
+ viewBox: "0 0 24 24",
14
+ ...props,
15
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
16
+ d: "M10.29 14.29C10.1963 14.383 10.1219 14.4936 10.0711 14.6154C10.0203 14.7373 9.9942 14.868 9.9942 15C9.9942 15.132 10.0203 15.2627 10.0711 15.3846C10.1219 15.5064 10.1963 15.617 10.29 15.71C10.383 15.8037 10.4936 15.8781 10.6154 15.9289C10.7373 15.9797 10.868 16.0058 11 16.0058C11.132 16.0058 11.2627 15.9797 11.3846 15.9289C11.5064 15.8781 11.617 15.8037 11.71 15.71L14.71 12.71C14.8037 12.617 14.8781 12.5064 14.9289 12.3846C14.9797 12.2627 15.0058 12.132 15.0058 12C15.0058 11.868 14.9797 11.7373 14.9289 11.6154C14.8781 11.4936 14.8037 11.383 14.71 11.29L11.71 8.29C11.5217 8.1017 11.2663 7.99591 11 7.99591C10.7337 7.99591 10.4783 8.1017 10.29 8.29C10.1017 8.47831 9.99591 8.7337 9.99591 9C9.99591 9.2663 10.1017 9.5217 10.29 9.71L11.59 11H3C2.73478 11 2.48043 11.1054 2.29289 11.2929C2.10536 11.4804 2 11.7348 2 12C2 12.2652 2.10536 12.5196 2.29289 12.7071C2.48043 12.8946 2.73478 13 3 13H11.59L10.29 14.29ZM12 2C10.4221 2.00572 8.8677 2.38253 7.46234 3.09997C6.05699 3.81741 4.8401 4.85538 3.91 6.13C3.83225 6.23627 3.77626 6.35685 3.74523 6.48482C3.7142 6.61279 3.70875 6.74562 3.72919 6.8757C3.74963 7.00578 3.79556 7.13054 3.86434 7.24282C3.93312 7.35511 4.0234 7.4527 4.13 7.53C4.23627 7.60775 4.35685 7.66375 4.48482 7.69478C4.61278 7.7258 4.74562 7.73125 4.8757 7.71081C5.00578 7.69037 5.13054 7.64444 5.24282 7.57566C5.3551 7.50688 5.4527 7.4166 5.53 7.31C6.52119 5.94029 7.92085 4.91982 9.52809 4.39507C11.1353 3.87032 12.8675 3.86827 14.476 4.38921C16.0844 4.91015 17.4865 5.92729 18.4809 7.29465C19.4754 8.66201 20.011 10.3093 20.011 12C20.011 13.6907 19.4754 15.338 18.4809 16.7054C17.4865 18.0727 16.0844 19.0899 14.476 19.6108C12.8675 20.1317 11.1353 20.1297 9.52809 19.6049C7.92085 19.0802 6.52119 18.0597 5.53 16.69C5.37352 16.4752 5.13811 16.3313 4.87556 16.2901C4.61301 16.2488 4.34483 16.3135 4.13 16.47C3.91517 16.6265 3.77131 16.8619 3.73005 17.1244C3.68879 17.387 3.75352 17.6552 3.91 17.87C4.91474 19.2557 6.25836 20.3604 7.81223 21.0782C9.3661 21.796 11.0782 22.1029 12.7847 21.9696C14.4911 21.8363 16.1348 21.2672 17.5584 20.3168C18.9819 19.3664 20.1377 18.0666 20.9151 16.5416C21.6924 15.0167 22.0654 13.3177 21.9982 11.6074C21.931 9.89704 21.4259 8.23258 20.5312 6.77333C19.6366 5.31408 18.3824 4.10889 16.8887 3.27312C15.3949 2.43736 13.7117 1.999 12 2Z"
17
+ })
18
+ });
19
+ exports.IconSignin = IconSignin;