@animicons/react-native 0.1.1 → 0.1.2

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 (3) hide show
  1. package/dist/index.esm.js +208 -1
  2. package/dist/index.js +252 -45
  3. package/package.json +15 -6
package/dist/index.esm.js CHANGED
@@ -1,11 +1,216 @@
1
1
  import React6, { useEffect, useCallback } from 'react';
2
2
  import { Circle, Path, Svg } from 'react-native-svg';
3
3
  import Animated4, { useAnimatedProps, useSharedValue, withRepeat, withTiming, Easing, withDelay, runOnJS, cancelAnimation, useAnimatedStyle, withSequence } from 'react-native-reanimated';
4
- import { DURATION, PulsePaths, CheckPaths, LoaderPaths, UploadPaths, WifiPaths, BellPaths, StarPaths, HeartPaths, ECGPaths, HeartRatePaths, LungsPaths, PillPaths, ThermometerPaths, DNAPaths, SyringePaths, BrainPaths, BloodDropPaths, StepsPaths, SleepPaths, OxygenPaths, MedkitPaths } from '@animicons/shared';
5
4
  import { Pressable } from 'react-native';
6
5
 
7
6
  // src/icons/ui/Pulse.tsx
8
7
 
8
+ // ../shared/src/tokens/timing.ts
9
+ var DURATION = {
10
+ slow: { short: 800, medium: 2e3, long: 4e3, stagger: 600 },
11
+ normal: { short: 400, medium: 1e3, long: 2e3, stagger: 300 },
12
+ fast: { short: 200, medium: 500, long: 1e3, stagger: 150 }
13
+ };
14
+
15
+ // ../shared/src/paths/ui/Pulse.ts
16
+ var PulsePaths = {
17
+ viewBox: "0 0 48 48",
18
+ defaultColor: "#ef4444",
19
+ defaultStrokeWidth: 2};
20
+
21
+ // ../shared/src/paths/ui/Check.ts
22
+ var CheckPaths = {
23
+ viewBox: "0 0 48 48",
24
+ defaultColor: "#22c55e",
25
+ defaultStrokeWidth: 2.5,
26
+ circle: "M24 4 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40",
27
+ check: "M14 24 l7 7 l13 -13"
28
+ };
29
+
30
+ // ../shared/src/paths/ui/Loader.ts
31
+ var LoaderPaths = {
32
+ viewBox: "0 0 48 48",
33
+ defaultColor: "#6366f1",
34
+ defaultStrokeWidth: 3,
35
+ arc: "M24 6 a18 18 0 0 1 18 18"
36
+ };
37
+
38
+ // ../shared/src/paths/ui/Upload.ts
39
+ var UploadPaths = {
40
+ viewBox: "0 0 48 48",
41
+ defaultColor: "#3b82f6",
42
+ defaultStrokeWidth: 2.5,
43
+ arrow: "M24 32 L24 10 M14 20 L24 10 L34 20",
44
+ bar: "M10 38 L38 38"};
45
+
46
+ // ../shared/src/paths/ui/Wifi.ts
47
+ var WifiPaths = {
48
+ viewBox: "0 0 48 48",
49
+ defaultColor: "#0ea5e9",
50
+ defaultStrokeWidth: 2.5,
51
+ arc1: "M8 22 Q24 8 40 22",
52
+ arc2: "M13 28 Q24 17 35 28",
53
+ arc3: "M18 34 Q24 27 30 34"};
54
+
55
+ // ../shared/src/paths/ui/Bell.ts
56
+ var BellPaths = {
57
+ viewBox: "0 0 48 48",
58
+ defaultColor: "#f59e0b",
59
+ defaultStrokeWidth: 2,
60
+ bell: "M12 32 C12 20 18 12 24 12 C30 12 36 20 36 32 Z",
61
+ clapper: "M20 36 Q24 40 28 36",
62
+ handle: "M24 8 L24 12"};
63
+
64
+ // ../shared/src/paths/ui/Star.ts
65
+ var StarPaths = {
66
+ viewBox: "0 0 48 48",
67
+ defaultColor: "#f59e0b",
68
+ defaultStrokeWidth: 2,
69
+ star: "M24 6 L28.5 18 L42 18 L31.5 26 L35.5 38 L24 30 L12.5 38 L16.5 26 L6 18 L19.5 18 Z",
70
+ sparkle1: "M8 8 L10 6 L12 8 L10 10 Z",
71
+ sparkle2: "M36 6 L38 4 L40 6 L38 8 Z",
72
+ sparkle3: "M40 28 L42 26 L44 28 L42 30 Z"
73
+ };
74
+
75
+ // ../shared/src/paths/ui/Heart.ts
76
+ var HeartPaths = {
77
+ viewBox: "0 0 48 48",
78
+ defaultColor: "#ef4444",
79
+ defaultStrokeWidth: 2,
80
+ heart: "M24 38 C24 38 6 26 6 16 C6 10 11 6 16 6 C19.5 6 22.5 8 24 11 C25.5 8 28.5 6 32 6 C37 6 42 10 42 16 C42 26 24 38 24 38 Z",
81
+ glow: "M24 40 C24 40 4 27 4 15 C4 8 9 4 15 4 C19 4 22 6 24 10 C26 6 29 4 33 4 C39 4 44 8 44 15 C44 27 24 40 24 40 Z"
82
+ };
83
+
84
+ // ../shared/src/paths/healthcare/ECG.ts
85
+ var ECGPaths = {
86
+ viewBox: "0 0 48 48",
87
+ defaultColor: "#ef4444",
88
+ defaultStrokeWidth: 2,
89
+ line: "M4 24 L12 24 L16 12 L20 36 L24 18 L28 30 L32 24 L44 24"
90
+ };
91
+
92
+ // ../shared/src/paths/healthcare/HeartRate.ts
93
+ var HeartRatePaths = {
94
+ viewBox: "0 0 48 48",
95
+ defaultColor: "#ef4444",
96
+ defaultStrokeWidth: 2,
97
+ heart: "M24 38 C24 38 6 26 6 16 C6 10 11 6 16 6 C19.5 6 22.5 8 24 11 C25.5 8 28.5 6 32 6 C37 6 42 10 42 16 C42 26 24 38 24 38 Z"};
98
+
99
+ // ../shared/src/paths/healthcare/Lungs.ts
100
+ var LungsPaths = {
101
+ viewBox: "0 0 48 48",
102
+ defaultColor: "#ec4899",
103
+ defaultStrokeWidth: 2,
104
+ leftLobe: "M24 10 C24 10 10 14 8 26 C6 36 12 42 18 40 C22 38 24 34 24 34",
105
+ rightLobe: "M24 10 C24 10 38 14 40 26 C42 36 36 42 30 40 C26 38 24 34 24 34",
106
+ trunk: "M24 6 L24 18"
107
+ };
108
+
109
+ // ../shared/src/paths/healthcare/Pill.ts
110
+ var PillPaths = {
111
+ viewBox: "0 0 48 48",
112
+ defaultColor: "#8b5cf6",
113
+ defaultStrokeWidth: 2,
114
+ capsule: "M14 20 Q14 10 24 10 Q34 10 34 20 L34 28 Q34 38 24 38 Q14 38 14 28 Z",
115
+ divider: "M14 24 L34 24",
116
+ shine: "M18 14 Q20 12 24 13"
117
+ };
118
+
119
+ // ../shared/src/paths/healthcare/Thermometer.ts
120
+ var ThermometerPaths = {
121
+ viewBox: "0 0 48 48",
122
+ defaultColor: "#ef4444",
123
+ defaultStrokeWidth: 2,
124
+ tube: "M20 8 L20 30 Q20 38 24 38 Q28 38 28 30 L28 8 Q28 6 24 6 Q20 6 20 8 Z",
125
+ mercury: "M22 30 L22 22 L26 22 L26 30"};
126
+
127
+ // ../shared/src/paths/healthcare/DNA.ts
128
+ var DNAPaths = {
129
+ viewBox: "0 0 48 48",
130
+ defaultColor: "#6366f1",
131
+ defaultStrokeWidth: 2,
132
+ strand1: "M16 6 Q32 14 16 22 Q32 30 16 38 Q32 46 16 48",
133
+ strand2: "M32 6 Q16 14 32 22 Q16 30 32 38 Q16 46 32 48",
134
+ rung1: "M19 12 L29 12",
135
+ rung2: "M19 24 L29 24",
136
+ rung3: "M19 36 L29 36"
137
+ };
138
+
139
+ // ../shared/src/paths/healthcare/Syringe.ts
140
+ var SyringePaths = {
141
+ viewBox: "0 0 48 48",
142
+ defaultColor: "#3b82f6",
143
+ defaultStrokeWidth: 2,
144
+ barrel: "M12 16 L36 16 L36 34 L12 34 Z",
145
+ plunger: "M12 22 L6 22 L6 28 L12 28",
146
+ needle: "M36 24 L44 24",
147
+ liquid: "M14 18 L30 18 L30 32 L14 32 Z",
148
+ drop: "M44 26 Q46 28 44 30 Q42 28 44 26 Z"
149
+ };
150
+
151
+ // ../shared/src/paths/healthcare/Brain.ts
152
+ var BrainPaths = {
153
+ viewBox: "0 0 48 48",
154
+ defaultColor: "#ec4899",
155
+ defaultStrokeWidth: 2,
156
+ left: "M24 36 C24 36 8 34 8 22 C8 14 14 8 20 10 C22 10 24 12 24 12",
157
+ right: "M24 36 C24 36 40 34 40 22 C40 14 34 8 28 10 C26 10 24 12 24 12",
158
+ synapse1: "M19 20 L21 16",
159
+ synapse2: "M27 16 L29 20"
160
+ };
161
+
162
+ // ../shared/src/paths/healthcare/BloodDrop.ts
163
+ var BloodDropPaths = {
164
+ viewBox: "0 0 48 48",
165
+ defaultColor: "#ef4444",
166
+ defaultStrokeWidth: 2,
167
+ drop: "M24 8 Q36 20 36 28 Q36 38 24 38 Q12 38 12 28 Q12 20 24 8 Z"};
168
+
169
+ // ../shared/src/paths/healthcare/Steps.ts
170
+ var StepsPaths = {
171
+ viewBox: "0 0 48 48",
172
+ defaultColor: "#10b981",
173
+ defaultStrokeWidth: 2,
174
+ foot1: "M14 28 Q12 24 14 20 Q18 18 20 22 Q22 26 20 30 Q16 32 14 28 Z",
175
+ foot2: "M28 20 Q26 16 28 12 Q32 10 34 14 Q36 18 34 22 Q30 24 28 20 Z",
176
+ toe1a: "M12 20 Q10 18 12 17",
177
+ toe1b: "M14 19 Q13 17 15 16",
178
+ toe2a: "M26 12 Q24 10 26 9",
179
+ toe2b: "M28 11 Q27 9 29 8"
180
+ };
181
+
182
+ // ../shared/src/paths/healthcare/Sleep.ts
183
+ var SleepPaths = {
184
+ viewBox: "0 0 48 48",
185
+ defaultColor: "#6366f1",
186
+ defaultStrokeWidth: 2,
187
+ moon: "M28 8 Q20 12 20 24 Q20 36 28 40 Q16 40 10 30 Q4 20 10 12 Q16 4 28 8 Z",
188
+ star1: "M36 10 L37 8 L38 10 L40 11 L38 12 L37 14 L36 12 L34 11 Z",
189
+ star2: "M40 22 L41 20 L42 22 L44 23 L42 24 L41 26 L40 24 L38 23 Z",
190
+ z1: "M32 26 L38 26 L32 32 L38 32",
191
+ z2: "M36 20 L40 20 L36 24 L40 24"
192
+ };
193
+
194
+ // ../shared/src/paths/healthcare/Oxygen.ts
195
+ var OxygenPaths = {
196
+ viewBox: "0 0 48 48",
197
+ defaultColor: "#3b82f6",
198
+ defaultStrokeWidth: 2,
199
+ orbit: "M24 24 m-16 0 a16 16 0 1 0 32 0 a16 16 0 1 0 -32 0",
200
+ bond: "M22 20 L26 20"
201
+ };
202
+
203
+ // ../shared/src/paths/healthcare/Medkit.ts
204
+ var MedkitPaths = {
205
+ viewBox: "0 0 48 48",
206
+ defaultColor: "#ef4444",
207
+ defaultStrokeWidth: 2,
208
+ box: "M8 16 Q8 12 12 12 L36 12 Q40 12 40 16 L40 38 Q40 42 36 42 L12 42 Q8 42 8 38 Z",
209
+ handle: "M18 12 L18 8 Q18 6 20 6 L28 6 Q30 6 30 8 L30 12",
210
+ crossV: "M24 20 L24 34",
211
+ crossH: "M17 27 L31 27"
212
+ };
213
+
9
214
  // src/utils/resolveStyle.ts
10
215
  function resolveStyle(props, defaults) {
11
216
  const base = props.color ?? defaults.defaultColor;
@@ -17,6 +222,8 @@ function resolveStyle(props, defaults) {
17
222
  strokeWidth: props.strokeWidth ?? defaults.defaultStrokeWidth
18
223
  };
19
224
  }
225
+
226
+ // src/utils/animDuration.ts
20
227
  function getAnimDuration(speed = "normal") {
21
228
  return DURATION[speed];
22
229
  }
package/dist/index.js CHANGED
@@ -3,7 +3,6 @@
3
3
  var React6 = require('react');
4
4
  var reactNativeSvg = require('react-native-svg');
5
5
  var Animated4 = require('react-native-reanimated');
6
- var shared = require('@animicons/shared');
7
6
  var reactNative = require('react-native');
8
7
 
9
8
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -13,6 +12,212 @@ var Animated4__default = /*#__PURE__*/_interopDefault(Animated4);
13
12
 
14
13
  // src/icons/ui/Pulse.tsx
15
14
 
15
+ // ../shared/src/tokens/timing.ts
16
+ var DURATION = {
17
+ slow: { short: 800, medium: 2e3, long: 4e3, stagger: 600 },
18
+ normal: { short: 400, medium: 1e3, long: 2e3, stagger: 300 },
19
+ fast: { short: 200, medium: 500, long: 1e3, stagger: 150 }
20
+ };
21
+
22
+ // ../shared/src/paths/ui/Pulse.ts
23
+ var PulsePaths = {
24
+ viewBox: "0 0 48 48",
25
+ defaultColor: "#ef4444",
26
+ defaultStrokeWidth: 2};
27
+
28
+ // ../shared/src/paths/ui/Check.ts
29
+ var CheckPaths = {
30
+ viewBox: "0 0 48 48",
31
+ defaultColor: "#22c55e",
32
+ defaultStrokeWidth: 2.5,
33
+ circle: "M24 4 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40",
34
+ check: "M14 24 l7 7 l13 -13"
35
+ };
36
+
37
+ // ../shared/src/paths/ui/Loader.ts
38
+ var LoaderPaths = {
39
+ viewBox: "0 0 48 48",
40
+ defaultColor: "#6366f1",
41
+ defaultStrokeWidth: 3,
42
+ arc: "M24 6 a18 18 0 0 1 18 18"
43
+ };
44
+
45
+ // ../shared/src/paths/ui/Upload.ts
46
+ var UploadPaths = {
47
+ viewBox: "0 0 48 48",
48
+ defaultColor: "#3b82f6",
49
+ defaultStrokeWidth: 2.5,
50
+ arrow: "M24 32 L24 10 M14 20 L24 10 L34 20",
51
+ bar: "M10 38 L38 38"};
52
+
53
+ // ../shared/src/paths/ui/Wifi.ts
54
+ var WifiPaths = {
55
+ viewBox: "0 0 48 48",
56
+ defaultColor: "#0ea5e9",
57
+ defaultStrokeWidth: 2.5,
58
+ arc1: "M8 22 Q24 8 40 22",
59
+ arc2: "M13 28 Q24 17 35 28",
60
+ arc3: "M18 34 Q24 27 30 34"};
61
+
62
+ // ../shared/src/paths/ui/Bell.ts
63
+ var BellPaths = {
64
+ viewBox: "0 0 48 48",
65
+ defaultColor: "#f59e0b",
66
+ defaultStrokeWidth: 2,
67
+ bell: "M12 32 C12 20 18 12 24 12 C30 12 36 20 36 32 Z",
68
+ clapper: "M20 36 Q24 40 28 36",
69
+ handle: "M24 8 L24 12"};
70
+
71
+ // ../shared/src/paths/ui/Star.ts
72
+ var StarPaths = {
73
+ viewBox: "0 0 48 48",
74
+ defaultColor: "#f59e0b",
75
+ defaultStrokeWidth: 2,
76
+ star: "M24 6 L28.5 18 L42 18 L31.5 26 L35.5 38 L24 30 L12.5 38 L16.5 26 L6 18 L19.5 18 Z",
77
+ sparkle1: "M8 8 L10 6 L12 8 L10 10 Z",
78
+ sparkle2: "M36 6 L38 4 L40 6 L38 8 Z",
79
+ sparkle3: "M40 28 L42 26 L44 28 L42 30 Z"
80
+ };
81
+
82
+ // ../shared/src/paths/ui/Heart.ts
83
+ var HeartPaths = {
84
+ viewBox: "0 0 48 48",
85
+ defaultColor: "#ef4444",
86
+ defaultStrokeWidth: 2,
87
+ heart: "M24 38 C24 38 6 26 6 16 C6 10 11 6 16 6 C19.5 6 22.5 8 24 11 C25.5 8 28.5 6 32 6 C37 6 42 10 42 16 C42 26 24 38 24 38 Z",
88
+ glow: "M24 40 C24 40 4 27 4 15 C4 8 9 4 15 4 C19 4 22 6 24 10 C26 6 29 4 33 4 C39 4 44 8 44 15 C44 27 24 40 24 40 Z"
89
+ };
90
+
91
+ // ../shared/src/paths/healthcare/ECG.ts
92
+ var ECGPaths = {
93
+ viewBox: "0 0 48 48",
94
+ defaultColor: "#ef4444",
95
+ defaultStrokeWidth: 2,
96
+ line: "M4 24 L12 24 L16 12 L20 36 L24 18 L28 30 L32 24 L44 24"
97
+ };
98
+
99
+ // ../shared/src/paths/healthcare/HeartRate.ts
100
+ var HeartRatePaths = {
101
+ viewBox: "0 0 48 48",
102
+ defaultColor: "#ef4444",
103
+ defaultStrokeWidth: 2,
104
+ heart: "M24 38 C24 38 6 26 6 16 C6 10 11 6 16 6 C19.5 6 22.5 8 24 11 C25.5 8 28.5 6 32 6 C37 6 42 10 42 16 C42 26 24 38 24 38 Z"};
105
+
106
+ // ../shared/src/paths/healthcare/Lungs.ts
107
+ var LungsPaths = {
108
+ viewBox: "0 0 48 48",
109
+ defaultColor: "#ec4899",
110
+ defaultStrokeWidth: 2,
111
+ leftLobe: "M24 10 C24 10 10 14 8 26 C6 36 12 42 18 40 C22 38 24 34 24 34",
112
+ rightLobe: "M24 10 C24 10 38 14 40 26 C42 36 36 42 30 40 C26 38 24 34 24 34",
113
+ trunk: "M24 6 L24 18"
114
+ };
115
+
116
+ // ../shared/src/paths/healthcare/Pill.ts
117
+ var PillPaths = {
118
+ viewBox: "0 0 48 48",
119
+ defaultColor: "#8b5cf6",
120
+ defaultStrokeWidth: 2,
121
+ capsule: "M14 20 Q14 10 24 10 Q34 10 34 20 L34 28 Q34 38 24 38 Q14 38 14 28 Z",
122
+ divider: "M14 24 L34 24",
123
+ shine: "M18 14 Q20 12 24 13"
124
+ };
125
+
126
+ // ../shared/src/paths/healthcare/Thermometer.ts
127
+ var ThermometerPaths = {
128
+ viewBox: "0 0 48 48",
129
+ defaultColor: "#ef4444",
130
+ defaultStrokeWidth: 2,
131
+ tube: "M20 8 L20 30 Q20 38 24 38 Q28 38 28 30 L28 8 Q28 6 24 6 Q20 6 20 8 Z",
132
+ mercury: "M22 30 L22 22 L26 22 L26 30"};
133
+
134
+ // ../shared/src/paths/healthcare/DNA.ts
135
+ var DNAPaths = {
136
+ viewBox: "0 0 48 48",
137
+ defaultColor: "#6366f1",
138
+ defaultStrokeWidth: 2,
139
+ strand1: "M16 6 Q32 14 16 22 Q32 30 16 38 Q32 46 16 48",
140
+ strand2: "M32 6 Q16 14 32 22 Q16 30 32 38 Q16 46 32 48",
141
+ rung1: "M19 12 L29 12",
142
+ rung2: "M19 24 L29 24",
143
+ rung3: "M19 36 L29 36"
144
+ };
145
+
146
+ // ../shared/src/paths/healthcare/Syringe.ts
147
+ var SyringePaths = {
148
+ viewBox: "0 0 48 48",
149
+ defaultColor: "#3b82f6",
150
+ defaultStrokeWidth: 2,
151
+ barrel: "M12 16 L36 16 L36 34 L12 34 Z",
152
+ plunger: "M12 22 L6 22 L6 28 L12 28",
153
+ needle: "M36 24 L44 24",
154
+ liquid: "M14 18 L30 18 L30 32 L14 32 Z",
155
+ drop: "M44 26 Q46 28 44 30 Q42 28 44 26 Z"
156
+ };
157
+
158
+ // ../shared/src/paths/healthcare/Brain.ts
159
+ var BrainPaths = {
160
+ viewBox: "0 0 48 48",
161
+ defaultColor: "#ec4899",
162
+ defaultStrokeWidth: 2,
163
+ left: "M24 36 C24 36 8 34 8 22 C8 14 14 8 20 10 C22 10 24 12 24 12",
164
+ right: "M24 36 C24 36 40 34 40 22 C40 14 34 8 28 10 C26 10 24 12 24 12",
165
+ synapse1: "M19 20 L21 16",
166
+ synapse2: "M27 16 L29 20"
167
+ };
168
+
169
+ // ../shared/src/paths/healthcare/BloodDrop.ts
170
+ var BloodDropPaths = {
171
+ viewBox: "0 0 48 48",
172
+ defaultColor: "#ef4444",
173
+ defaultStrokeWidth: 2,
174
+ drop: "M24 8 Q36 20 36 28 Q36 38 24 38 Q12 38 12 28 Q12 20 24 8 Z"};
175
+
176
+ // ../shared/src/paths/healthcare/Steps.ts
177
+ var StepsPaths = {
178
+ viewBox: "0 0 48 48",
179
+ defaultColor: "#10b981",
180
+ defaultStrokeWidth: 2,
181
+ foot1: "M14 28 Q12 24 14 20 Q18 18 20 22 Q22 26 20 30 Q16 32 14 28 Z",
182
+ foot2: "M28 20 Q26 16 28 12 Q32 10 34 14 Q36 18 34 22 Q30 24 28 20 Z",
183
+ toe1a: "M12 20 Q10 18 12 17",
184
+ toe1b: "M14 19 Q13 17 15 16",
185
+ toe2a: "M26 12 Q24 10 26 9",
186
+ toe2b: "M28 11 Q27 9 29 8"
187
+ };
188
+
189
+ // ../shared/src/paths/healthcare/Sleep.ts
190
+ var SleepPaths = {
191
+ viewBox: "0 0 48 48",
192
+ defaultColor: "#6366f1",
193
+ defaultStrokeWidth: 2,
194
+ moon: "M28 8 Q20 12 20 24 Q20 36 28 40 Q16 40 10 30 Q4 20 10 12 Q16 4 28 8 Z",
195
+ star1: "M36 10 L37 8 L38 10 L40 11 L38 12 L37 14 L36 12 L34 11 Z",
196
+ star2: "M40 22 L41 20 L42 22 L44 23 L42 24 L41 26 L40 24 L38 23 Z",
197
+ z1: "M32 26 L38 26 L32 32 L38 32",
198
+ z2: "M36 20 L40 20 L36 24 L40 24"
199
+ };
200
+
201
+ // ../shared/src/paths/healthcare/Oxygen.ts
202
+ var OxygenPaths = {
203
+ viewBox: "0 0 48 48",
204
+ defaultColor: "#3b82f6",
205
+ defaultStrokeWidth: 2,
206
+ orbit: "M24 24 m-16 0 a16 16 0 1 0 32 0 a16 16 0 1 0 -32 0",
207
+ bond: "M22 20 L26 20"
208
+ };
209
+
210
+ // ../shared/src/paths/healthcare/Medkit.ts
211
+ var MedkitPaths = {
212
+ viewBox: "0 0 48 48",
213
+ defaultColor: "#ef4444",
214
+ defaultStrokeWidth: 2,
215
+ box: "M8 16 Q8 12 12 12 L36 12 Q40 12 40 16 L40 38 Q40 42 36 42 L12 42 Q8 42 8 38 Z",
216
+ handle: "M18 12 L18 8 Q18 6 20 6 L28 6 Q30 6 30 8 L30 12",
217
+ crossV: "M24 20 L24 34",
218
+ crossH: "M17 27 L31 27"
219
+ };
220
+
16
221
  // src/utils/resolveStyle.ts
17
222
  function resolveStyle(props, defaults) {
18
223
  const base = props.color ?? defaults.defaultColor;
@@ -24,8 +229,10 @@ function resolveStyle(props, defaults) {
24
229
  strokeWidth: props.strokeWidth ?? defaults.defaultStrokeWidth
25
230
  };
26
231
  }
232
+
233
+ // src/utils/animDuration.ts
27
234
  function getAnimDuration(speed = "normal") {
28
- return shared.DURATION[speed];
235
+ return DURATION[speed];
29
236
  }
30
237
 
31
238
  // src/icons/ui/Pulse.tsx
@@ -57,14 +264,14 @@ var Pulse = ({
57
264
  ...colorProps
58
265
  }) => {
59
266
  const d = getAnimDuration(speed);
60
- const s = resolveStyle(colorProps, shared.PulsePaths);
267
+ const s = resolveStyle(colorProps, PulsePaths);
61
268
  const ring1 = usePulseRing(0, d.medium, autoPlay, loop);
62
269
  const ring2 = usePulseRing(d.stagger, d.medium, autoPlay, loop);
63
270
  const ring3 = usePulseRing(d.stagger * 2, d.medium, autoPlay, loop);
64
271
  const ap1 = Animated4.useAnimatedProps(() => ({ r: ring1.r.value, opacity: ring1.opacity.value }));
65
272
  const ap2 = Animated4.useAnimatedProps(() => ({ r: ring2.r.value, opacity: ring2.opacity.value }));
66
273
  const ap3 = Animated4.useAnimatedProps(() => ({ r: ring3.r.value, opacity: ring3.opacity.value }));
67
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.PulsePaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle, { animatedProps: ap1, cx: "24", cy: "24", stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle, { animatedProps: ap2, cx: "24", cy: "24", stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle, { animatedProps: ap3, cx: "24", cy: "24", stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none" }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Circle, { cx: "24", cy: "24", r: 3, fill: s.stroke, opacity: s.opacity }));
274
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: PulsePaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle, { animatedProps: ap1, cx: "24", cy: "24", stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle, { animatedProps: ap2, cx: "24", cy: "24", stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle, { animatedProps: ap3, cx: "24", cy: "24", stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none" }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Circle, { cx: "24", cy: "24", r: 3, fill: s.stroke, opacity: s.opacity }));
68
275
  };
69
276
  var AnimatedPath = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
70
277
  var Check = ({
@@ -79,7 +286,7 @@ var Check = ({
79
286
  const circleProgress = Animated4.useSharedValue(126);
80
287
  const checkProgress = Animated4.useSharedValue(30);
81
288
  const d = getAnimDuration(speed);
82
- const s = resolveStyle(colorProps, shared.CheckPaths);
289
+ const s = resolveStyle(colorProps, CheckPaths);
83
290
  React6.useEffect(() => {
84
291
  if (autoPlay) {
85
292
  if (loop) {
@@ -98,7 +305,7 @@ var Check = ({
98
305
  }, [autoPlay, loop, speed]);
99
306
  const circleProps = Animated4.useAnimatedProps(() => ({ strokeDashoffset: circleProgress.value }));
100
307
  const checkProps = Animated4.useAnimatedProps(() => ({ strokeDashoffset: checkProgress.value }));
101
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.CheckPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath, { animatedProps: circleProps, d: shared.CheckPaths.circle, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeDasharray: 126, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath, { animatedProps: checkProps, d: shared.CheckPaths.check, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeDasharray: 30, strokeLinecap: "round", opacity: s.opacity }));
308
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: CheckPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath, { animatedProps: circleProps, d: CheckPaths.circle, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeDasharray: 126, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath, { animatedProps: checkProps, d: CheckPaths.check, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeDasharray: 30, strokeLinecap: "round", opacity: s.opacity }));
102
309
  };
103
310
  var AnimatedPath2 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
104
311
  var Loader = ({
@@ -112,7 +319,7 @@ var Loader = ({
112
319
  }) => {
113
320
  const rotation = Animated4.useSharedValue(0);
114
321
  const d = getAnimDuration(speed);
115
- const s = resolveStyle(colorProps, shared.LoaderPaths);
322
+ const s = resolveStyle(colorProps, LoaderPaths);
116
323
  React6.useEffect(() => {
117
324
  if (autoPlay) {
118
325
  rotation.value = Animated4.withRepeat(
@@ -135,11 +342,11 @@ var Loader = ({
135
342
  originX: 24,
136
343
  originY: 24
137
344
  }));
138
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.LoaderPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(
345
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: LoaderPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(
139
346
  AnimatedPath2,
140
347
  {
141
348
  animatedProps,
142
- d: shared.LoaderPaths.arc,
349
+ d: LoaderPaths.arc,
143
350
  stroke: s.stroke,
144
351
  strokeWidth: s.strokeWidth,
145
352
  strokeLinecap: "round",
@@ -160,7 +367,7 @@ var Upload = ({
160
367
  const translateY = Animated4.useSharedValue(0);
161
368
  const barDash = Animated4.useSharedValue(28);
162
369
  const d = getAnimDuration(speed);
163
- const s = resolveStyle(colorProps, shared.UploadPaths);
370
+ const s = resolveStyle(colorProps, UploadPaths);
164
371
  React6.useEffect(() => {
165
372
  if (autoPlay) {
166
373
  translateY.value = Animated4.withRepeat(
@@ -180,7 +387,7 @@ var Upload = ({
180
387
  }, [autoPlay, loop, speed]);
181
388
  const arrowStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ translateY: translateY.value }] }));
182
389
  const barProps = Animated4.useAnimatedProps(() => ({ strokeDashoffset: barDash.value }));
183
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.UploadPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: arrowStyle }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.UploadPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.UploadPaths.arrow, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", strokeLinejoin: "round", opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath3, { animatedProps: barProps, d: shared.UploadPaths.bar, stroke: s.stroke, strokeWidth: s.strokeWidth, strokeLinecap: "round", fill: "none", strokeDasharray: 28, opacity: s.opacity }));
390
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: UploadPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: arrowStyle }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: UploadPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: UploadPaths.arrow, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", strokeLinejoin: "round", opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath3, { animatedProps: barProps, d: UploadPaths.bar, stroke: s.stroke, strokeWidth: s.strokeWidth, strokeLinecap: "round", fill: "none", strokeDasharray: 28, opacity: s.opacity }));
184
391
  };
185
392
  var AnimatedPath4 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
186
393
  var Wifi = ({
@@ -195,7 +402,7 @@ var Wifi = ({
195
402
  const op2 = Animated4.useSharedValue(0);
196
403
  const op3 = Animated4.useSharedValue(0);
197
404
  const d = getAnimDuration(speed);
198
- const s = resolveStyle(colorProps, shared.WifiPaths);
405
+ const s = resolveStyle(colorProps, WifiPaths);
199
406
  React6.useEffect(() => {
200
407
  if (autoPlay) {
201
408
  const anim = (sv, delay) => {
@@ -222,7 +429,7 @@ var Wifi = ({
222
429
  const ap1 = Animated4.useAnimatedProps(() => ({ opacity: op1.value }));
223
430
  const ap2 = Animated4.useAnimatedProps(() => ({ opacity: op2.value }));
224
431
  const ap3 = Animated4.useAnimatedProps(() => ({ opacity: op3.value }));
225
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.WifiPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath4, { animatedProps: ap1, d: shared.WifiPaths.arc1, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath4, { animatedProps: ap2, d: shared.WifiPaths.arc2, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath4, { animatedProps: ap3, d: shared.WifiPaths.arc3, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round" }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Circle, { cx: "24", cy: "40", r: 2, fill: s.stroke, opacity: s.opacity }));
432
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: WifiPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath4, { animatedProps: ap1, d: WifiPaths.arc1, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath4, { animatedProps: ap2, d: WifiPaths.arc2, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath4, { animatedProps: ap3, d: WifiPaths.arc3, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round" }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Circle, { cx: "24", cy: "40", r: 2, fill: s.stroke, opacity: s.opacity }));
226
433
  };
227
434
  var Bell = ({
228
435
  size = 48,
@@ -235,7 +442,7 @@ var Bell = ({
235
442
  const rotation = Animated4.useSharedValue(0);
236
443
  const badgeScale = Animated4.useSharedValue(1);
237
444
  const d = getAnimDuration(speed);
238
- const s = resolveStyle(colorProps, shared.BellPaths);
445
+ const s = resolveStyle(colorProps, BellPaths);
239
446
  React6.useEffect(() => {
240
447
  if (autoPlay) {
241
448
  rotation.value = Animated4.withRepeat(
@@ -259,7 +466,7 @@ var Bell = ({
259
466
  }, [autoPlay, loop, speed]);
260
467
  const bellStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ rotate: `${rotation.value}deg` }] }));
261
468
  const badgeStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ scale: badgeScale.value }] }));
262
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.BellPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, bellStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.BellPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.BellPaths.bell, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.BellPaths.clapper, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.BellPaths.handle, stroke: s.stroke, strokeWidth: s.strokeWidth, strokeLinecap: "round", fill: "none", opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, badgeStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.BellPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Circle, { cx: "34", cy: "12", r: 5, fill: s.stroke, opacity: s.opacity }))));
469
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: BellPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, bellStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: BellPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: BellPaths.bell, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: BellPaths.clapper, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: BellPaths.handle, stroke: s.stroke, strokeWidth: s.strokeWidth, strokeLinecap: "round", fill: "none", opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, badgeStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: BellPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Circle, { cx: "34", cy: "12", r: 5, fill: s.stroke, opacity: s.opacity }))));
263
470
  };
264
471
  var AnimatedPath5 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
265
472
  var Star = ({
@@ -273,7 +480,7 @@ var Star = ({
273
480
  const scaleVal = Animated4.useSharedValue(1);
274
481
  const sparkleOp = Animated4.useSharedValue(0);
275
482
  const d = getAnimDuration(speed);
276
- const s = resolveStyle(colorProps, shared.StarPaths);
483
+ const s = resolveStyle(colorProps, StarPaths);
277
484
  const trigger = React6.useCallback(() => {
278
485
  scaleVal.value = Animated4.withTiming(1.3, { duration: d.short * 0.5 }, () => {
279
486
  scaleVal.value = Animated4.withTiming(1, { duration: d.short * 0.5 }, () => {
@@ -293,7 +500,7 @@ var Star = ({
293
500
  }, [autoPlay, trigger]);
294
501
  const starProps = Animated4.useAnimatedProps(() => ({ transform: [{ scale: scaleVal.value }], originX: 24, originY: 24 }));
295
502
  const sparkleProps = Animated4.useAnimatedProps(() => ({ opacity: sparkleOp.value }));
296
- return /* @__PURE__ */ React6__default.default.createElement(reactNative.Pressable, { onPress: trigger, style }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.StarPaths.viewBox }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath5, { animatedProps: starProps, d: shared.StarPaths.star, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath5, { animatedProps: sparkleProps, d: shared.StarPaths.sparkle1, fill: s.stroke, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath5, { animatedProps: sparkleProps, d: shared.StarPaths.sparkle2, fill: s.stroke, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath5, { animatedProps: sparkleProps, d: shared.StarPaths.sparkle3, fill: s.stroke, opacity: s.opacity })));
503
+ return /* @__PURE__ */ React6__default.default.createElement(reactNative.Pressable, { onPress: trigger, style }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: StarPaths.viewBox }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath5, { animatedProps: starProps, d: StarPaths.star, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath5, { animatedProps: sparkleProps, d: StarPaths.sparkle1, fill: s.stroke, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath5, { animatedProps: sparkleProps, d: StarPaths.sparkle2, fill: s.stroke, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath5, { animatedProps: sparkleProps, d: StarPaths.sparkle3, fill: s.stroke, opacity: s.opacity })));
297
504
  };
298
505
  var AnimatedPath6 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
299
506
  var Heart = ({
@@ -307,7 +514,7 @@ var Heart = ({
307
514
  const scaleVal = Animated4.useSharedValue(1);
308
515
  const glowOp = Animated4.useSharedValue(0);
309
516
  const d = getAnimDuration(speed);
310
- const s = resolveStyle(colorProps, shared.HeartPaths);
517
+ const s = resolveStyle(colorProps, HeartPaths);
311
518
  React6.useEffect(() => {
312
519
  if (autoPlay) {
313
520
  const beat = Animated4.withSequence(
@@ -331,7 +538,7 @@ var Heart = ({
331
538
  }, [autoPlay, loop, speed]);
332
539
  const heartStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ scale: scaleVal.value }] }));
333
540
  const glowProps = Animated4.useAnimatedProps(() => ({ opacity: glowOp.value }));
334
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.HeartPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath6, { animatedProps: glowProps, d: shared.HeartPaths.glow, fill: s.secondaryColor, stroke: "none" }), /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, heartStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.HeartPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.HeartPaths.heart, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, opacity: s.opacity }))));
541
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: HeartPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath6, { animatedProps: glowProps, d: HeartPaths.glow, fill: s.secondaryColor, stroke: "none" }), /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, heartStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: HeartPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: HeartPaths.heart, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, opacity: s.opacity }))));
335
542
  };
336
543
  var AnimatedPath7 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
337
544
  var ECG = ({
@@ -346,7 +553,7 @@ var ECG = ({
346
553
  const dashOffset = Animated4.useSharedValue(100);
347
554
  const opacity = Animated4.useSharedValue(1);
348
555
  const d = getAnimDuration(speed);
349
- const s = resolveStyle(colorProps, shared.ECGPaths);
556
+ const s = resolveStyle(colorProps, ECGPaths);
350
557
  React6.useEffect(() => {
351
558
  if (autoPlay) {
352
559
  dashOffset.value = Animated4.withRepeat(
@@ -364,7 +571,7 @@ var ECG = ({
364
571
  }
365
572
  }, [autoPlay, loop, speed, onAnimationEnd]);
366
573
  const animProps = Animated4.useAnimatedProps(() => ({ strokeDashoffset: dashOffset.value, opacity: opacity.value }));
367
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.ECGPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath7, { animatedProps: animProps, d: shared.ECGPaths.line, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: 100 }));
574
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: ECGPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath7, { animatedProps: animProps, d: ECGPaths.line, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: 100 }));
368
575
  };
369
576
  var AnimatedPath8 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
370
577
  var AnimatedCircle2 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Circle);
@@ -381,7 +588,7 @@ var HeartRate = ({
381
588
  const glowR = Animated4.useSharedValue(16);
382
589
  const glowOp = Animated4.useSharedValue(0);
383
590
  const d = getAnimDuration(speed);
384
- const s = resolveStyle(colorProps, shared.HeartRatePaths);
591
+ const s = resolveStyle(colorProps, HeartRatePaths);
385
592
  React6.useEffect(() => {
386
593
  if (autoPlay) {
387
594
  scaleVal.value = Animated4.withRepeat(
@@ -408,7 +615,7 @@ var HeartRate = ({
408
615
  }, [autoPlay, loop, speed, onAnimationEnd]);
409
616
  const heartProps = Animated4.useAnimatedProps(() => ({ transform: [{ scale: scaleVal.value }], originX: 24, originY: 24 }));
410
617
  const glowProps = Animated4.useAnimatedProps(() => ({ r: glowR.value, opacity: glowOp.value }));
411
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.HeartRatePaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle2, { animatedProps: glowProps, cx: "24", cy: "24", fill: s.secondaryColor }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath8, { animatedProps: heartProps, d: shared.HeartRatePaths.heart, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, opacity: s.opacity }));
618
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: HeartRatePaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle2, { animatedProps: glowProps, cx: "24", cy: "24", fill: s.secondaryColor }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath8, { animatedProps: heartProps, d: HeartRatePaths.heart, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, opacity: s.opacity }));
412
619
  };
413
620
  var AnimatedPath9 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
414
621
  var Lungs = ({
@@ -422,7 +629,7 @@ var Lungs = ({
422
629
  const scaleL = Animated4.useSharedValue(1);
423
630
  const scaleR = Animated4.useSharedValue(1);
424
631
  const d = getAnimDuration(speed);
425
- const s = resolveStyle(colorProps, shared.LungsPaths);
632
+ const s = resolveStyle(colorProps, LungsPaths);
426
633
  React6.useEffect(() => {
427
634
  if (autoPlay) {
428
635
  scaleL.value = Animated4.withRepeat(Animated4.withTiming(1.08, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
@@ -434,7 +641,7 @@ var Lungs = ({
434
641
  }, [autoPlay, loop, speed]);
435
642
  const leftProps = Animated4.useAnimatedProps(() => ({ transform: [{ scaleX: scaleL.value }, { scaleY: scaleL.value }], originX: 16, originY: 26 }));
436
643
  const rightProps = Animated4.useAnimatedProps(() => ({ transform: [{ scaleX: scaleR.value }, { scaleY: scaleR.value }], originX: 32, originY: 26 }));
437
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.LungsPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath9, { animatedProps: leftProps, d: shared.LungsPaths.leftLobe, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath9, { animatedProps: rightProps, d: shared.LungsPaths.rightLobe, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.LungsPaths.trunk, stroke: s.stroke, strokeWidth: s.strokeWidth, strokeLinecap: "round", fill: "none", opacity: s.opacity }));
644
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: LungsPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath9, { animatedProps: leftProps, d: LungsPaths.leftLobe, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath9, { animatedProps: rightProps, d: LungsPaths.rightLobe, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: LungsPaths.trunk, stroke: s.stroke, strokeWidth: s.strokeWidth, strokeLinecap: "round", fill: "none", opacity: s.opacity }));
438
645
  };
439
646
  var AnimatedPath10 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
440
647
  var Pill = ({
@@ -448,7 +655,7 @@ var Pill = ({
448
655
  const translateY = Animated4.useSharedValue(0);
449
656
  const shineOp = Animated4.useSharedValue(0);
450
657
  const d = getAnimDuration(speed);
451
- const s = resolveStyle(colorProps, shared.PillPaths);
658
+ const s = resolveStyle(colorProps, PillPaths);
452
659
  React6.useEffect(() => {
453
660
  if (autoPlay) {
454
661
  translateY.value = Animated4.withRepeat(Animated4.withTiming(-5, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
@@ -460,7 +667,7 @@ var Pill = ({
460
667
  }, [autoPlay, loop, speed]);
461
668
  const bodyStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ translateY: translateY.value }] }));
462
669
  const shineProps = Animated4.useAnimatedProps(() => ({ opacity: shineOp.value }));
463
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.PillPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, bodyStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.PillPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.PillPaths.capsule, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.PillPaths.divider, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath10, { animatedProps: shineProps, d: shared.PillPaths.shine, stroke: "white", strokeWidth: 2, fill: "none", strokeLinecap: "round" }));
670
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: PillPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, bodyStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: PillPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: PillPaths.capsule, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: PillPaths.divider, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath10, { animatedProps: shineProps, d: PillPaths.shine, stroke: "white", strokeWidth: 2, fill: "none", strokeLinecap: "round" }));
464
671
  };
465
672
  var AnimatedPath11 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
466
673
  var Thermometer = ({
@@ -474,7 +681,7 @@ var Thermometer = ({
474
681
  const mercuryScale = Animated4.useSharedValue(0.2);
475
682
  const tubeRotation = Animated4.useSharedValue(0);
476
683
  const d = getAnimDuration(speed);
477
- const s = resolveStyle(colorProps, shared.ThermometerPaths);
684
+ const s = resolveStyle(colorProps, ThermometerPaths);
478
685
  React6.useEffect(() => {
479
686
  if (autoPlay) {
480
687
  mercuryScale.value = Animated4.withRepeat(Animated4.withTiming(1, { duration: d.long * 0.7, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
@@ -495,7 +702,7 @@ var Thermometer = ({
495
702
  }, [autoPlay, loop, speed]);
496
703
  const mercuryProps = Animated4.useAnimatedProps(() => ({ transform: [{ scaleY: mercuryScale.value }], originY: 34 }));
497
704
  const tubeStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ rotate: `${tubeRotation.value}deg` }] }));
498
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.ThermometerPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, tubeStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.ThermometerPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.ThermometerPaths.tube, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath11, { animatedProps: mercuryProps, d: shared.ThermometerPaths.mercury, fill: s.fill, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Circle, { cx: "24", cy: "40", r: 5, fill: s.fill, opacity: s.opacity }));
705
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: ThermometerPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, tubeStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: ThermometerPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: ThermometerPaths.tube, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath11, { animatedProps: mercuryProps, d: ThermometerPaths.mercury, fill: s.fill, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Circle, { cx: "24", cy: "40", r: 5, fill: s.fill, opacity: s.opacity }));
499
706
  };
500
707
  var AnimatedPath12 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
501
708
  var DNA = ({
@@ -508,7 +715,7 @@ var DNA = ({
508
715
  }) => {
509
716
  const translateY = Animated4.useSharedValue(0);
510
717
  const d = getAnimDuration(speed);
511
- const s = resolveStyle(colorProps, shared.DNAPaths);
718
+ const s = resolveStyle(colorProps, DNAPaths);
512
719
  React6.useEffect(() => {
513
720
  if (autoPlay) {
514
721
  translateY.value = Animated4.withRepeat(Animated4.withTiming(-16, { duration: d.medium, easing: Animated4.Easing.linear }), loop ? -1 : 1, true);
@@ -517,7 +724,7 @@ var DNA = ({
517
724
  }
518
725
  }, [autoPlay, loop, speed]);
519
726
  const animProps = Animated4.useAnimatedProps(() => ({ transform: [{ translateY: translateY.value }] }));
520
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.DNAPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath12, { animatedProps: animProps, d: shared.DNAPaths.strand1, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath12, { animatedProps: animProps, d: shared.DNAPaths.strand2, stroke: s.secondaryColor, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath12, { animatedProps: animProps, d: `${shared.DNAPaths.rung1} ${shared.DNAPaths.rung2} ${shared.DNAPaths.rung3}`, stroke: s.stroke, strokeWidth: 1.5, fill: "none", strokeLinecap: "round", opacity: s.opacity * 0.6 }));
727
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: DNAPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath12, { animatedProps: animProps, d: DNAPaths.strand1, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath12, { animatedProps: animProps, d: DNAPaths.strand2, stroke: s.secondaryColor, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath12, { animatedProps: animProps, d: `${DNAPaths.rung1} ${DNAPaths.rung2} ${DNAPaths.rung3}`, stroke: s.stroke, strokeWidth: 1.5, fill: "none", strokeLinecap: "round", opacity: s.opacity * 0.6 }));
521
728
  };
522
729
  var AnimatedPath13 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
523
730
  var Syringe = ({
@@ -533,7 +740,7 @@ var Syringe = ({
533
740
  const dropOp = Animated4.useSharedValue(0);
534
741
  const dropY = Animated4.useSharedValue(0);
535
742
  const d = getAnimDuration(speed);
536
- const s = resolveStyle(colorProps, shared.SyringePaths);
743
+ const s = resolveStyle(colorProps, SyringePaths);
537
744
  React6.useEffect(() => {
538
745
  if (autoPlay) {
539
746
  plungerX.value = Animated4.withRepeat(Animated4.withSequence(Animated4.withTiming(8, { duration: d.long * 0.5 }), Animated4.withTiming(0, { duration: d.long * 0.5 })), loop ? -1 : 1);
@@ -550,7 +757,7 @@ var Syringe = ({
550
757
  const plungerStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ translateX: plungerX.value }] }));
551
758
  const liquidProps = Animated4.useAnimatedProps(() => ({ transform: [{ scaleX: liquidScale.value }], originX: 14 }));
552
759
  const dropProps = Animated4.useAnimatedProps(() => ({ opacity: dropOp.value, transform: [{ translateY: dropY.value }] }));
553
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.SyringePaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.SyringePaths.barrel, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath13, { animatedProps: liquidProps, d: shared.SyringePaths.liquid, fill: s.fill, opacity: s.opacity * 0.7 }), /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, plungerStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.SyringePaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.SyringePaths.plunger, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.SyringePaths.needle, stroke: s.stroke, strokeWidth: s.strokeWidth, strokeLinecap: "round", fill: "none", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath13, { animatedProps: dropProps, d: shared.SyringePaths.drop, fill: s.fill }));
760
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: SyringePaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: SyringePaths.barrel, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath13, { animatedProps: liquidProps, d: SyringePaths.liquid, fill: s.fill, opacity: s.opacity * 0.7 }), /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, plungerStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: SyringePaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: SyringePaths.plunger, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: SyringePaths.needle, stroke: s.stroke, strokeWidth: s.strokeWidth, strokeLinecap: "round", fill: "none", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath13, { animatedProps: dropProps, d: SyringePaths.drop, fill: s.fill }));
554
761
  };
555
762
  var AnimatedCircle3 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Circle);
556
763
  var Brain = ({
@@ -568,7 +775,7 @@ var Brain = ({
568
775
  const n3r = Animated4.useSharedValue(3);
569
776
  const n3op = Animated4.useSharedValue(0.2);
570
777
  const d = getAnimDuration(speed);
571
- const s = resolveStyle(colorProps, shared.BrainPaths);
778
+ const s = resolveStyle(colorProps, BrainPaths);
572
779
  React6.useEffect(() => {
573
780
  if (autoPlay) {
574
781
  const fire = (r, op, delay) => {
@@ -588,7 +795,7 @@ var Brain = ({
588
795
  const ap1 = Animated4.useAnimatedProps(() => ({ r: n1r.value, opacity: n1op.value }));
589
796
  const ap2 = Animated4.useAnimatedProps(() => ({ r: n2r.value, opacity: n2op.value }));
590
797
  const ap3 = Animated4.useAnimatedProps(() => ({ r: n3r.value, opacity: n3op.value }));
591
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.BrainPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.BrainPaths.left, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.BrainPaths.right, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: `${shared.BrainPaths.synapse1} ${shared.BrainPaths.synapse2}`, stroke: s.stroke, strokeWidth: 1, fill: "none", opacity: s.opacity * 0.5 }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle3, { animatedProps: ap1, cx: "16", cy: "20", fill: s.fill }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle3, { animatedProps: ap2, cx: "24", cy: "16", fill: s.fill }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle3, { animatedProps: ap3, cx: "32", cy: "20", fill: s.fill }));
798
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: BrainPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: BrainPaths.left, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: BrainPaths.right, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, strokeLinecap: "round", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: `${BrainPaths.synapse1} ${BrainPaths.synapse2}`, stroke: s.stroke, strokeWidth: 1, fill: "none", opacity: s.opacity * 0.5 }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle3, { animatedProps: ap1, cx: "16", cy: "20", fill: s.fill }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle3, { animatedProps: ap2, cx: "24", cy: "16", fill: s.fill }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle3, { animatedProps: ap3, cx: "32", cy: "20", fill: s.fill }));
592
799
  };
593
800
  var AnimatedPath14 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
594
801
  var AnimatedCircle4 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Circle);
@@ -606,7 +813,7 @@ var BloodDrop = ({
606
813
  const r2 = Animated4.useSharedValue(6);
607
814
  const op2 = Animated4.useSharedValue(0.6);
608
815
  const d = getAnimDuration(speed);
609
- const s = resolveStyle(colorProps, shared.BloodDropPaths);
816
+ const s = resolveStyle(colorProps, BloodDropPaths);
610
817
  React6.useEffect(() => {
611
818
  if (autoPlay) {
612
819
  scaleY.value = Animated4.withRepeat(Animated4.withTiming(0.85, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
@@ -621,7 +828,7 @@ var BloodDrop = ({
621
828
  const dropProps = Animated4.useAnimatedProps(() => ({ transform: [{ scaleY: scaleY.value }], originY: 28 }));
622
829
  const rip1Props = Animated4.useAnimatedProps(() => ({ r: r1.value, opacity: op1.value }));
623
830
  const rip2Props = Animated4.useAnimatedProps(() => ({ r: r2.value, opacity: op2.value }));
624
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.BloodDropPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath14, { animatedProps: dropProps, d: shared.BloodDropPaths.drop, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle4, { animatedProps: rip1Props, cx: "24", cy: "42", stroke: s.stroke, strokeWidth: 1.5, fill: "none" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle4, { animatedProps: rip2Props, cx: "24", cy: "42", stroke: s.stroke, strokeWidth: 1.5, fill: "none" }));
831
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: BloodDropPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath14, { animatedProps: dropProps, d: BloodDropPaths.drop, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle4, { animatedProps: rip1Props, cx: "24", cy: "42", stroke: s.stroke, strokeWidth: 1.5, fill: "none" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle4, { animatedProps: rip2Props, cx: "24", cy: "42", stroke: s.stroke, strokeWidth: 1.5, fill: "none" }));
625
832
  };
626
833
  var AnimatedPath15 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
627
834
  var Steps = ({
@@ -635,7 +842,7 @@ var Steps = ({
635
842
  const op1 = Animated4.useSharedValue(0.3);
636
843
  const op2 = Animated4.useSharedValue(1);
637
844
  const d = getAnimDuration(speed);
638
- const s = resolveStyle(colorProps, shared.StepsPaths);
845
+ const s = resolveStyle(colorProps, StepsPaths);
639
846
  React6.useEffect(() => {
640
847
  if (autoPlay) {
641
848
  op1.value = Animated4.withRepeat(Animated4.withTiming(1, { duration: d.medium, easing: Animated4.Easing.ease }), loop ? -1 : 1, true);
@@ -647,7 +854,7 @@ var Steps = ({
647
854
  }, [autoPlay, loop, speed]);
648
855
  const f1Props = Animated4.useAnimatedProps(() => ({ opacity: op1.value }));
649
856
  const f2Props = Animated4.useAnimatedProps(() => ({ opacity: op2.value }));
650
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.StepsPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath15, { animatedProps: f1Props, d: `${shared.StepsPaths.foot1} ${shared.StepsPaths.toe1a} ${shared.StepsPaths.toe1b}`, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, strokeLinecap: "round" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath15, { animatedProps: f2Props, d: `${shared.StepsPaths.foot2} ${shared.StepsPaths.toe2a} ${shared.StepsPaths.toe2b}`, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, strokeLinecap: "round" }));
857
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: StepsPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(AnimatedPath15, { animatedProps: f1Props, d: `${StepsPaths.foot1} ${StepsPaths.toe1a} ${StepsPaths.toe1b}`, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, strokeLinecap: "round" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath15, { animatedProps: f2Props, d: `${StepsPaths.foot2} ${StepsPaths.toe2a} ${StepsPaths.toe2b}`, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.fill, strokeLinecap: "round" }));
651
858
  };
652
859
  var AnimatedPath16 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
653
860
  var Sleep = ({
@@ -666,7 +873,7 @@ var Sleep = ({
666
873
  const z2Y = Animated4.useSharedValue(0);
667
874
  const z2Op = Animated4.useSharedValue(0);
668
875
  const d = getAnimDuration(speed);
669
- const s = resolveStyle(colorProps, shared.SleepPaths);
876
+ const s = resolveStyle(colorProps, SleepPaths);
670
877
  React6.useEffect(() => {
671
878
  if (autoPlay) {
672
879
  moonScale.value = Animated4.withRepeat(Animated4.withTiming(1.05, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
@@ -685,7 +892,7 @@ var Sleep = ({
685
892
  const star2Props = Animated4.useAnimatedProps(() => ({ opacity: star2Op.value }));
686
893
  const z1Props = Animated4.useAnimatedProps(() => ({ opacity: z1Op.value, transform: [{ translateY: z1Y.value }] }));
687
894
  const z2Props = Animated4.useAnimatedProps(() => ({ opacity: z2Op.value, transform: [{ translateY: z2Y.value }] }));
688
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.SleepPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, moonStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.SleepPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.SleepPaths.moon, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath16, { animatedProps: star1Props, d: shared.SleepPaths.star1, fill: s.fill, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath16, { animatedProps: star2Props, d: shared.SleepPaths.star2, fill: s.fill, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath16, { animatedProps: z1Props, d: shared.SleepPaths.z1, stroke: s.stroke, strokeWidth: 2, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath16, { animatedProps: z2Props, d: shared.SleepPaths.z2, stroke: s.stroke, strokeWidth: 1.5, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }));
895
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: SleepPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, moonStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: SleepPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: SleepPaths.moon, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath16, { animatedProps: star1Props, d: SleepPaths.star1, fill: s.fill, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath16, { animatedProps: star2Props, d: SleepPaths.star2, fill: s.fill, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath16, { animatedProps: z1Props, d: SleepPaths.z1, stroke: s.stroke, strokeWidth: 2, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath16, { animatedProps: z2Props, d: SleepPaths.z2, stroke: s.stroke, strokeWidth: 1.5, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }));
689
896
  };
690
897
  var AnimatedCircle5 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Circle);
691
898
  var Oxygen = ({
@@ -698,7 +905,7 @@ var Oxygen = ({
698
905
  }) => {
699
906
  const rotation = Animated4.useSharedValue(0);
700
907
  const d = getAnimDuration(speed);
701
- const s = resolveStyle(colorProps, shared.OxygenPaths);
908
+ const s = resolveStyle(colorProps, OxygenPaths);
702
909
  React6.useEffect(() => {
703
910
  if (autoPlay) {
704
911
  rotation.value = Animated4.withRepeat(Animated4.withTiming(360, { duration: d.long, easing: Animated4.Easing.linear }), loop ? -1 : 1);
@@ -714,7 +921,7 @@ var Oxygen = ({
714
921
  originX: 24,
715
922
  originY: 24
716
923
  }));
717
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.OxygenPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.OxygenPaths.orbit, stroke: s.secondaryColor, strokeWidth: 1, fill: "none", strokeDasharray: "3 3", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Circle, { cx: "18", cy: "20", r: 4, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Circle, { cx: "26", cy: "20", r: 4, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.OxygenPaths.bond, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle5, { animatedProps: electronProps, cx: "40", cy: "24", r: 2.5, fill: s.fill, opacity: s.opacity }));
924
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: OxygenPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: OxygenPaths.orbit, stroke: s.secondaryColor, strokeWidth: 1, fill: "none", strokeDasharray: "3 3", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Circle, { cx: "18", cy: "20", r: 4, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Circle, { cx: "26", cy: "20", r: 4, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: OxygenPaths.bond, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(AnimatedCircle5, { animatedProps: electronProps, cx: "40", cy: "24", r: 2.5, fill: s.fill, opacity: s.opacity }));
718
925
  };
719
926
  var AnimatedPath17 = Animated4__default.default.createAnimatedComponent(reactNativeSvg.Path);
720
927
  var Medkit = ({
@@ -728,7 +935,7 @@ var Medkit = ({
728
935
  const bodyY = Animated4.useSharedValue(0);
729
936
  const crossScale = Animated4.useSharedValue(1);
730
937
  const d = getAnimDuration(speed);
731
- const s = resolveStyle(colorProps, shared.MedkitPaths);
938
+ const s = resolveStyle(colorProps, MedkitPaths);
732
939
  React6.useEffect(() => {
733
940
  if (autoPlay) {
734
941
  bodyY.value = Animated4.withRepeat(Animated4.withTiming(-5, { duration: d.long, easing: Animated4.Easing.inOut(Animated4.Easing.ease) }), loop ? -1 : 1, true);
@@ -740,7 +947,7 @@ var Medkit = ({
740
947
  }, [autoPlay, loop, speed]);
741
948
  const bodyStyle = Animated4.useAnimatedStyle(() => ({ transform: [{ translateY: bodyY.value }] }));
742
949
  const crossProps = Animated4.useAnimatedProps(() => ({ transform: [{ scale: crossScale.value }], originX: 24, originY: 27 }));
743
- return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.MedkitPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, bodyStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: shared.MedkitPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.MedkitPaths.box, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: shared.MedkitPaths.handle, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath17, { animatedProps: crossProps, d: `${shared.MedkitPaths.crossV} ${shared.MedkitPaths.crossH}`, stroke: s.fill, strokeWidth: 3, strokeLinecap: "round", fill: "none", opacity: s.opacity }));
950
+ return /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: MedkitPaths.viewBox, style }, /* @__PURE__ */ React6__default.default.createElement(Animated4__default.default.View, { style: [{ position: "absolute" }, bodyStyle] }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Svg, { width: size, height: size, viewBox: MedkitPaths.viewBox, style: { position: "absolute" } }, /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: MedkitPaths.box, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: s.secondaryColor, opacity: s.opacity }), /* @__PURE__ */ React6__default.default.createElement(reactNativeSvg.Path, { d: MedkitPaths.handle, stroke: s.stroke, strokeWidth: s.strokeWidth, fill: "none", strokeLinecap: "round", opacity: s.opacity }))), /* @__PURE__ */ React6__default.default.createElement(AnimatedPath17, { animatedProps: crossProps, d: `${MedkitPaths.crossV} ${MedkitPaths.crossH}`, stroke: s.fill, strokeWidth: 3, strokeLinecap: "round", fill: "none", opacity: s.opacity }));
744
951
  };
745
952
 
746
953
  exports.Bell = Bell;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@animicons/react-native",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "description": "Animated SVG icon library for React Native",
5
5
  "license": "MIT",
6
6
  "homepage": "https://github.com/prakashs1117/animicons#readme",
@@ -12,7 +12,15 @@
12
12
  "bugs": {
13
13
  "url": "https://github.com/prakashs1117/animicons/issues"
14
14
  },
15
- "keywords": ["animated", "icons", "svg", "react-native", "animation", "reanimated", "healthcare"],
15
+ "keywords": [
16
+ "animated",
17
+ "icons",
18
+ "svg",
19
+ "react-native",
20
+ "animation",
21
+ "reanimated",
22
+ "healthcare"
23
+ ],
16
24
  "main": "dist/index.js",
17
25
  "module": "dist/index.esm.js",
18
26
  "types": "dist/index.d.ts",
@@ -24,7 +32,10 @@
24
32
  }
25
33
  },
26
34
  "sideEffects": false,
27
- "files": ["dist", "README.md"],
35
+ "files": [
36
+ "dist",
37
+ "README.md"
38
+ ],
28
39
  "scripts": {
29
40
  "build": "tsup",
30
41
  "typecheck": "tsc --noEmit"
@@ -45,7 +56,5 @@
45
56
  "tsup": "^8.0.0",
46
57
  "typescript": "^5.4.0"
47
58
  },
48
- "dependencies": {
49
- "@animicons/shared": "*"
50
- }
59
+ "dependencies": {}
51
60
  }