@blazejkustra/react-native-onboarding 0.1.1

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 (100) hide show
  1. package/LICENSE +20 -0
  2. package/README.md +360 -0
  3. package/lib/module/index.js +23 -0
  4. package/lib/module/index.js.map +1 -0
  5. package/lib/module/package.json +1 -0
  6. package/lib/module/spill-onboarding/adapters/expo-image.js +13 -0
  7. package/lib/module/spill-onboarding/adapters/expo-image.js.map +1 -0
  8. package/lib/module/spill-onboarding/adapters/react-native-svg.js +16 -0
  9. package/lib/module/spill-onboarding/adapters/react-native-svg.js.map +1 -0
  10. package/lib/module/spill-onboarding/buttons/PrimaryButton.js +50 -0
  11. package/lib/module/spill-onboarding/buttons/PrimaryButton.js.map +1 -0
  12. package/lib/module/spill-onboarding/buttons/SecondaryButton.js +51 -0
  13. package/lib/module/spill-onboarding/buttons/SecondaryButton.js.map +1 -0
  14. package/lib/module/spill-onboarding/buttons/SkipButton.js +35 -0
  15. package/lib/module/spill-onboarding/buttons/SkipButton.js.map +1 -0
  16. package/lib/module/spill-onboarding/components/OnboardingImageContainer.js +117 -0
  17. package/lib/module/spill-onboarding/components/OnboardingImageContainer.js.map +1 -0
  18. package/lib/module/spill-onboarding/components/OnboardingIntroPanel.js +97 -0
  19. package/lib/module/spill-onboarding/components/OnboardingIntroPanel.js.map +1 -0
  20. package/lib/module/spill-onboarding/components/OnboardingModal.js +69 -0
  21. package/lib/module/spill-onboarding/components/OnboardingModal.js.map +1 -0
  22. package/lib/module/spill-onboarding/components/OnboardingStepContainer.js +60 -0
  23. package/lib/module/spill-onboarding/components/OnboardingStepContainer.js.map +1 -0
  24. package/lib/module/spill-onboarding/components/OnboardingStepPanel.js +122 -0
  25. package/lib/module/spill-onboarding/components/OnboardingStepPanel.js.map +1 -0
  26. package/lib/module/spill-onboarding/hooks/useMeasureHeight.js +18 -0
  27. package/lib/module/spill-onboarding/hooks/useMeasureHeight.js.map +1 -0
  28. package/lib/module/spill-onboarding/icons/ArrowLeftIcon.js +57 -0
  29. package/lib/module/spill-onboarding/icons/ArrowLeftIcon.js.map +1 -0
  30. package/lib/module/spill-onboarding/icons/CloseIcon.js +49 -0
  31. package/lib/module/spill-onboarding/icons/CloseIcon.js.map +1 -0
  32. package/lib/module/spill-onboarding/index.js +181 -0
  33. package/lib/module/spill-onboarding/index.js.map +1 -0
  34. package/lib/module/spill-onboarding/types.js +4 -0
  35. package/lib/module/spill-onboarding/types.js.map +1 -0
  36. package/lib/module/utils/ThemeContext.js +78 -0
  37. package/lib/module/utils/ThemeContext.js.map +1 -0
  38. package/lib/module/utils/fontStyles.js +21 -0
  39. package/lib/module/utils/fontStyles.js.map +1 -0
  40. package/lib/module/utils/theme.js +27 -0
  41. package/lib/module/utils/theme.js.map +1 -0
  42. package/lib/typescript/package.json +1 -0
  43. package/lib/typescript/src/index.d.ts +5 -0
  44. package/lib/typescript/src/index.d.ts.map +1 -0
  45. package/lib/typescript/src/spill-onboarding/adapters/expo-image.d.ts +4 -0
  46. package/lib/typescript/src/spill-onboarding/adapters/expo-image.d.ts.map +1 -0
  47. package/lib/typescript/src/spill-onboarding/adapters/react-native-svg.d.ts +5 -0
  48. package/lib/typescript/src/spill-onboarding/adapters/react-native-svg.d.ts.map +1 -0
  49. package/lib/typescript/src/spill-onboarding/buttons/PrimaryButton.d.ts +13 -0
  50. package/lib/typescript/src/spill-onboarding/buttons/PrimaryButton.d.ts.map +1 -0
  51. package/lib/typescript/src/spill-onboarding/buttons/SecondaryButton.d.ts +13 -0
  52. package/lib/typescript/src/spill-onboarding/buttons/SecondaryButton.d.ts.map +1 -0
  53. package/lib/typescript/src/spill-onboarding/buttons/SkipButton.d.ts +6 -0
  54. package/lib/typescript/src/spill-onboarding/buttons/SkipButton.d.ts.map +1 -0
  55. package/lib/typescript/src/spill-onboarding/components/OnboardingImageContainer.d.ts +18 -0
  56. package/lib/typescript/src/spill-onboarding/components/OnboardingImageContainer.d.ts.map +1 -0
  57. package/lib/typescript/src/spill-onboarding/components/OnboardingIntroPanel.d.ts +4 -0
  58. package/lib/typescript/src/spill-onboarding/components/OnboardingIntroPanel.d.ts.map +1 -0
  59. package/lib/typescript/src/spill-onboarding/components/OnboardingModal.d.ts +8 -0
  60. package/lib/typescript/src/spill-onboarding/components/OnboardingModal.d.ts.map +1 -0
  61. package/lib/typescript/src/spill-onboarding/components/OnboardingStepContainer.d.ts +16 -0
  62. package/lib/typescript/src/spill-onboarding/components/OnboardingStepContainer.d.ts.map +1 -0
  63. package/lib/typescript/src/spill-onboarding/components/OnboardingStepPanel.d.ts +4 -0
  64. package/lib/typescript/src/spill-onboarding/components/OnboardingStepPanel.d.ts.map +1 -0
  65. package/lib/typescript/src/spill-onboarding/hooks/useMeasureHeight.d.ts +9 -0
  66. package/lib/typescript/src/spill-onboarding/hooks/useMeasureHeight.d.ts.map +1 -0
  67. package/lib/typescript/src/spill-onboarding/icons/ArrowLeftIcon.d.ts +7 -0
  68. package/lib/typescript/src/spill-onboarding/icons/ArrowLeftIcon.d.ts.map +1 -0
  69. package/lib/typescript/src/spill-onboarding/icons/CloseIcon.d.ts +7 -0
  70. package/lib/typescript/src/spill-onboarding/icons/CloseIcon.d.ts.map +1 -0
  71. package/lib/typescript/src/spill-onboarding/index.d.ts +4 -0
  72. package/lib/typescript/src/spill-onboarding/index.d.ts.map +1 -0
  73. package/lib/typescript/src/spill-onboarding/types.d.ts +187 -0
  74. package/lib/typescript/src/spill-onboarding/types.d.ts.map +1 -0
  75. package/lib/typescript/src/utils/ThemeContext.d.ts +14 -0
  76. package/lib/typescript/src/utils/ThemeContext.d.ts.map +1 -0
  77. package/lib/typescript/src/utils/fontStyles.d.ts +19 -0
  78. package/lib/typescript/src/utils/fontStyles.d.ts.map +1 -0
  79. package/lib/typescript/src/utils/theme.d.ts +30 -0
  80. package/lib/typescript/src/utils/theme.d.ts.map +1 -0
  81. package/package.json +171 -0
  82. package/src/index.tsx +29 -0
  83. package/src/spill-onboarding/adapters/expo-image.ts +12 -0
  84. package/src/spill-onboarding/adapters/react-native-svg.ts +17 -0
  85. package/src/spill-onboarding/buttons/PrimaryButton.tsx +70 -0
  86. package/src/spill-onboarding/buttons/SecondaryButton.tsx +71 -0
  87. package/src/spill-onboarding/buttons/SkipButton.tsx +34 -0
  88. package/src/spill-onboarding/components/OnboardingImageContainer.tsx +166 -0
  89. package/src/spill-onboarding/components/OnboardingIntroPanel.tsx +105 -0
  90. package/src/spill-onboarding/components/OnboardingModal.tsx +75 -0
  91. package/src/spill-onboarding/components/OnboardingStepContainer.tsx +85 -0
  92. package/src/spill-onboarding/components/OnboardingStepPanel.tsx +118 -0
  93. package/src/spill-onboarding/hooks/useMeasureHeight.ts +21 -0
  94. package/src/spill-onboarding/icons/ArrowLeftIcon.tsx +69 -0
  95. package/src/spill-onboarding/icons/CloseIcon.tsx +55 -0
  96. package/src/spill-onboarding/index.tsx +220 -0
  97. package/src/spill-onboarding/types.ts +237 -0
  98. package/src/utils/ThemeContext.tsx +87 -0
  99. package/src/utils/fontStyles.ts +19 -0
  100. package/src/utils/theme.ts +29 -0
@@ -0,0 +1,181 @@
1
+ "use strict";
2
+
3
+ import { useMemo, useState, useEffect, useCallback } from 'react';
4
+ import { View, BackHandler, Platform, StyleSheet } from 'react-native';
5
+ import { useTheme } from "../utils/ThemeContext.js";
6
+ import OnboardingIntroPanel from "./components/OnboardingIntroPanel.js";
7
+ import { useSharedValue, withTiming } from 'react-native-reanimated';
8
+ import OnboardingStepPanel from "./components/OnboardingStepPanel.js";
9
+ import OnboardingStepContainer from "./components/OnboardingStepContainer.js";
10
+ import OnboardingImageContainer from "./components/OnboardingImageContainer.js";
11
+ import OnboardingModal from "./components/OnboardingModal.js";
12
+ import { useWindowDimensions } from 'react-native';
13
+ import useMeasureHeight from "./hooks/useMeasureHeight.js";
14
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
15
+ function SpillOnboarding({
16
+ animationDuration = 500,
17
+ introPanel: introPanelProps,
18
+ steps,
19
+ onComplete,
20
+ onSkip,
21
+ onStepChange: onStepChangeProps,
22
+ showCloseButton = true,
23
+ showBackButton = true,
24
+ wrapInModalOnWeb = true,
25
+ background,
26
+ skipButton
27
+ }) {
28
+ const {
29
+ theme
30
+ } = useTheme();
31
+ const {
32
+ width: screenWidth
33
+ } = useWindowDimensions();
34
+ const styles = useMemo(() => createStyles(theme), [theme]);
35
+ const backgroundSpillProgress = useSharedValue(0);
36
+ const [step, setStep] = useState(-1);
37
+ const currentStep = step >= 0 ? steps[step] : undefined;
38
+ const firstStep = steps[0];
39
+ const onStepChange = useCallback(stepNumber => {
40
+ setStep(stepNumber);
41
+ onStepChangeProps?.(stepNumber);
42
+ }, [onStepChangeProps]);
43
+ useEffect(() => {
44
+ const backHandler = BackHandler.addEventListener('hardwareBackPress', () => {
45
+ if (step > 0) {
46
+ onStepChange(step - 1);
47
+ return true;
48
+ } else if (step === 0) {
49
+ backgroundSpillProgress.set(withTiming(0, {
50
+ duration: animationDuration
51
+ }));
52
+ setTimeout(() => setStep(-1), animationDuration / 2);
53
+ onStepChange(-1);
54
+ return true;
55
+ }
56
+
57
+ // stepNumber === -1 (intro panel) - allow default back action
58
+ return false;
59
+ });
60
+ return () => backHandler.remove();
61
+ }, [step, backgroundSpillProgress, onStepChange, animationDuration]);
62
+ const introPanel = useMeasureHeight();
63
+ const stepPanel = useMeasureHeight();
64
+ const screen = useMeasureHeight();
65
+ const onPressStart = () => {
66
+ backgroundSpillProgress.set(withTiming(1, {
67
+ duration: animationDuration
68
+ }));
69
+ onStepChange(0);
70
+ };
71
+ const onNextPress = () => {
72
+ if (step === steps.length - 1) {
73
+ return onComplete();
74
+ }
75
+ onStepChange(step + 1);
76
+ };
77
+ const onBackPress = () => {
78
+ if (step === 0) {
79
+ backgroundSpillProgress.set(withTiming(0, {
80
+ duration: animationDuration
81
+ }));
82
+ onStepChange(-1);
83
+ return;
84
+ }
85
+ onStepChange(step - 1);
86
+ };
87
+ const renderIntroPanel = () => {
88
+ if (typeof introPanelProps === 'function') {
89
+ return introPanelProps({
90
+ onPressStart
91
+ });
92
+ }
93
+ return /*#__PURE__*/_jsx(OnboardingIntroPanel, {
94
+ onPressStart: onPressStart,
95
+ title: introPanelProps.title,
96
+ subtitle: introPanelProps.subtitle,
97
+ button: introPanelProps.button,
98
+ image: introPanelProps.image
99
+ });
100
+ };
101
+ const renderStepContent = () => {
102
+ if (!currentStep) {
103
+ return null;
104
+ }
105
+ if (typeof currentStep.component === 'function') {
106
+ return currentStep.component({
107
+ onNext: onNextPress,
108
+ onBack: onBackPress,
109
+ isLast: step === steps.length - 1
110
+ });
111
+ }
112
+ return /*#__PURE__*/_jsx(OnboardingStepPanel, {
113
+ label: currentStep.label,
114
+ title: currentStep.title,
115
+ description: currentStep.description,
116
+ buttonLabel: currentStep.buttonLabel,
117
+ onBackPress: onBackPress,
118
+ onNextPress: onNextPress,
119
+ buttonPrimary: step === steps.length - 1,
120
+ showBackButton: showBackButton
121
+ });
122
+ };
123
+ const currentStepImage = useMemo(() => {
124
+ if (!currentStep) {
125
+ return firstStep?.image;
126
+ }
127
+ return currentStep.image;
128
+ }, [currentStep, firstStep?.image]);
129
+ const onboardingContent = /*#__PURE__*/_jsxs(View, {
130
+ style: styles.container,
131
+ ref: screen.ref,
132
+ children: [/*#__PURE__*/_jsx(View, {
133
+ ref: introPanel.ref,
134
+ style: styles.bottomPanel,
135
+ children: renderIntroPanel()
136
+ }), /*#__PURE__*/_jsx(OnboardingImageContainer, {
137
+ currentStep: currentStep,
138
+ currentStepImage: currentStepImage,
139
+ position: currentStep?.position ?? firstStep?.position ?? 'top',
140
+ animationDuration: animationDuration,
141
+ backgroundSpillProgress: backgroundSpillProgress,
142
+ screenHeight: screen.height,
143
+ introPanel: introPanel,
144
+ stepPanel: stepPanel,
145
+ background: background
146
+ }), /*#__PURE__*/_jsx(OnboardingStepContainer, {
147
+ currentStep: currentStep,
148
+ animationDuration: animationDuration,
149
+ showCloseButton: showCloseButton,
150
+ renderStepContent: renderStepContent,
151
+ onSkip: onSkip,
152
+ ref: stepPanel.ref,
153
+ skipButton: skipButton
154
+ })]
155
+ });
156
+
157
+ // On web, wrap in modal; on mobile, render directly
158
+ if (Platform.OS === 'web' && screenWidth >= 600 && wrapInModalOnWeb) {
159
+ return /*#__PURE__*/_jsx(OnboardingModal, {
160
+ onSkip: onSkip,
161
+ children: onboardingContent
162
+ });
163
+ }
164
+ return onboardingContent;
165
+ }
166
+ export default SpillOnboarding;
167
+ const createStyles = theme => StyleSheet.create({
168
+ container: {
169
+ flex: 1,
170
+ backgroundColor: theme.bg.secondary
171
+ },
172
+ bottomPanel: {
173
+ paddingHorizontal: 16,
174
+ paddingBottom: 16 + theme.insets.bottom,
175
+ position: 'absolute',
176
+ bottom: 0,
177
+ left: 0,
178
+ right: 0
179
+ }
180
+ });
181
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useMemo","useState","useEffect","useCallback","View","BackHandler","Platform","StyleSheet","useTheme","OnboardingIntroPanel","useSharedValue","withTiming","OnboardingStepPanel","OnboardingStepContainer","OnboardingImageContainer","OnboardingModal","useWindowDimensions","useMeasureHeight","jsx","_jsx","jsxs","_jsxs","SpillOnboarding","animationDuration","introPanel","introPanelProps","steps","onComplete","onSkip","onStepChange","onStepChangeProps","showCloseButton","showBackButton","wrapInModalOnWeb","background","skipButton","theme","width","screenWidth","styles","createStyles","backgroundSpillProgress","step","setStep","currentStep","undefined","firstStep","stepNumber","backHandler","addEventListener","set","duration","setTimeout","remove","stepPanel","screen","onPressStart","onNextPress","length","onBackPress","renderIntroPanel","title","subtitle","button","image","renderStepContent","component","onNext","onBack","isLast","label","description","buttonLabel","buttonPrimary","currentStepImage","onboardingContent","style","container","ref","children","bottomPanel","position","screenHeight","height","OS","create","flex","backgroundColor","bg","secondary","paddingHorizontal","paddingBottom","insets","bottom","left","right"],"sourceRoot":"../../../src","sources":["spill-onboarding/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ export {};
4
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../src","sources":["spill-onboarding/types.ts"],"mappings":"","ignoreList":[]}
@@ -0,0 +1,78 @@
1
+ "use strict";
2
+
3
+ import React, { createContext, useContext, useMemo } from 'react';
4
+ import { defaultTheme } from "./theme.js";
5
+ import { useSafeAreaInsets } from 'react-native-safe-area-context';
6
+ import { jsx as _jsx } from "react/jsx-runtime";
7
+ const ThemeContext = /*#__PURE__*/createContext({
8
+ theme: {
9
+ ...defaultTheme,
10
+ insets: {
11
+ top: 0,
12
+ bottom: 0,
13
+ left: 0,
14
+ right: 0
15
+ }
16
+ }
17
+ });
18
+ export default function ThemeProvider({
19
+ children,
20
+ colors: customColors,
21
+ fonts: customFonts
22
+ }) {
23
+ const insets = useSafeAreaInsets();
24
+ const theme = useMemo(() => {
25
+ const fonts = typeof customFonts === 'string' ? {
26
+ introTitle: customFonts,
27
+ introSubtitle: customFonts,
28
+ introButton: customFonts,
29
+ stepLabel: customFonts,
30
+ stepTitle: customFonts,
31
+ stepDescription: customFonts,
32
+ stepButton: customFonts,
33
+ primaryButton: customFonts,
34
+ secondaryButton: customFonts
35
+ } : {
36
+ introTitle: customFonts?.introTitle ?? defaultTheme.fonts.introTitle,
37
+ introSubtitle: customFonts?.introSubtitle ?? defaultTheme.fonts.introSubtitle,
38
+ introButton: customFonts?.introButton ?? defaultTheme.fonts.introButton,
39
+ stepLabel: customFonts?.stepLabel ?? defaultTheme.fonts.stepLabel,
40
+ stepTitle: customFonts?.stepTitle ?? defaultTheme.fonts.stepTitle,
41
+ stepDescription: customFonts?.stepDescription ?? defaultTheme.fonts.stepDescription,
42
+ stepButton: customFonts?.stepButton ?? defaultTheme.fonts.stepButton,
43
+ primaryButton: customFonts?.primaryButton ?? defaultTheme.fonts.primaryButton,
44
+ secondaryButton: customFonts?.secondaryButton ?? defaultTheme.fonts.secondaryButton
45
+ };
46
+ const {
47
+ background,
48
+ text: textColors
49
+ } = customColors ?? {};
50
+ const bg = {
51
+ primary: background?.primary ?? defaultTheme.bg.primary,
52
+ secondary: background?.secondary ?? defaultTheme.bg.secondary,
53
+ label: background?.label ?? defaultTheme.bg.label,
54
+ accent: background?.accent ?? defaultTheme.bg.accent
55
+ };
56
+ const text = {
57
+ primary: textColors?.primary ?? defaultTheme.text.primary,
58
+ secondary: textColors?.secondary ?? defaultTheme.text.secondary,
59
+ contrast: textColors?.contrast ?? defaultTheme.text.contrast
60
+ };
61
+ return {
62
+ bg,
63
+ text,
64
+ fonts,
65
+ insets
66
+ };
67
+ }, [insets, customColors, customFonts]);
68
+ return /*#__PURE__*/_jsx(ThemeContext.Provider, {
69
+ value: {
70
+ theme
71
+ },
72
+ children: children
73
+ });
74
+ }
75
+ export function useTheme() {
76
+ return useContext(ThemeContext);
77
+ }
78
+ //# sourceMappingURL=ThemeContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","createContext","useContext","useMemo","defaultTheme","useSafeAreaInsets","jsx","_jsx","ThemeContext","theme","insets","top","bottom","left","right","ThemeProvider","children","colors","customColors","fonts","customFonts","introTitle","introSubtitle","introButton","stepLabel","stepTitle","stepDescription","stepButton","primaryButton","secondaryButton","background","text","textColors","bg","primary","secondary","label","accent","contrast","Provider","value","useTheme"],"sourceRoot":"../../../src","sources":["utils/ThemeContext.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACjE,SAASC,YAAY,QAAoB,YAAS;AAClD,SAASC,iBAAiB,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMnE,MAAMC,YAAY,gBAAGP,aAAa,CAAmB;EACnDQ,KAAK,EAAE;IACL,GAAGL,YAAY;IACfM,MAAM,EAAE;MAAEC,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE;EACjD;AACF,CAAC,CAAC;AAQF,eAAe,SAASC,aAAaA,CAAC;EACpCC,QAAQ;EACRC,MAAM,EAAEC,YAAY;EACpBC,KAAK,EAAEC;AACW,CAAC,EAAE;EACrB,MAAMV,MAAM,GAAGL,iBAAiB,CAAC,CAAC;EAElC,MAAMI,KAAY,GAAGN,OAAO,CAAC,MAAM;IACjC,MAAMgB,KAAK,GACT,OAAOC,WAAW,KAAK,QAAQ,GAC3B;MACEC,UAAU,EAAED,WAAW;MACvBE,aAAa,EAAEF,WAAW;MAC1BG,WAAW,EAAEH,WAAW;MACxBI,SAAS,EAAEJ,WAAW;MACtBK,SAAS,EAAEL,WAAW;MACtBM,eAAe,EAAEN,WAAW;MAC5BO,UAAU,EAAEP,WAAW;MACvBQ,aAAa,EAAER,WAAW;MAC1BS,eAAe,EAAET;IACnB,CAAC,GACD;MACEC,UAAU,EACRD,WAAW,EAAEC,UAAU,IAAIjB,YAAY,CAACe,KAAK,CAACE,UAAU;MAC1DC,aAAa,EACXF,WAAW,EAAEE,aAAa,IAAIlB,YAAY,CAACe,KAAK,CAACG,aAAa;MAChEC,WAAW,EACTH,WAAW,EAAEG,WAAW,IAAInB,YAAY,CAACe,KAAK,CAACI,WAAW;MAC5DC,SAAS,EAAEJ,WAAW,EAAEI,SAAS,IAAIpB,YAAY,CAACe,KAAK,CAACK,SAAS;MACjEC,SAAS,EAAEL,WAAW,EAAEK,SAAS,IAAIrB,YAAY,CAACe,KAAK,CAACM,SAAS;MACjEC,eAAe,EACbN,WAAW,EAAEM,eAAe,IAC5BtB,YAAY,CAACe,KAAK,CAACO,eAAe;MACpCC,UAAU,EACRP,WAAW,EAAEO,UAAU,IAAIvB,YAAY,CAACe,KAAK,CAACQ,UAAU;MAC1DC,aAAa,EACXR,WAAW,EAAEQ,aAAa,IAAIxB,YAAY,CAACe,KAAK,CAACS,aAAa;MAChEC,eAAe,EACbT,WAAW,EAAES,eAAe,IAC5BzB,YAAY,CAACe,KAAK,CAACU;IACvB,CAAC;IAEP,MAAM;MAAEC,UAAU;MAAEC,IAAI,EAAEC;IAAW,CAAC,GAAGd,YAAY,IAAI,CAAC,CAAC;IAC3D,MAAMe,EAAE,GAAG;MACTC,OAAO,EAAEJ,UAAU,EAAEI,OAAO,IAAI9B,YAAY,CAAC6B,EAAE,CAACC,OAAO;MACvDC,SAAS,EAAEL,UAAU,EAAEK,SAAS,IAAI/B,YAAY,CAAC6B,EAAE,CAACE,SAAS;MAC7DC,KAAK,EAAEN,UAAU,EAAEM,KAAK,IAAIhC,YAAY,CAAC6B,EAAE,CAACG,KAAK;MACjDC,MAAM,EAAEP,UAAU,EAAEO,MAAM,IAAIjC,YAAY,CAAC6B,EAAE,CAACI;IAChD,CAAC;IACD,MAAMN,IAAI,GAAG;MACXG,OAAO,EAAEF,UAAU,EAAEE,OAAO,IAAI9B,YAAY,CAAC2B,IAAI,CAACG,OAAO;MACzDC,SAAS,EAAEH,UAAU,EAAEG,SAAS,IAAI/B,YAAY,CAAC2B,IAAI,CAACI,SAAS;MAC/DG,QAAQ,EAAEN,UAAU,EAAEM,QAAQ,IAAIlC,YAAY,CAAC2B,IAAI,CAACO;IACtD,CAAC;IAED,OAAO;MAAEL,EAAE;MAAEF,IAAI;MAAEZ,KAAK;MAAET;IAAO,CAAC;EACpC,CAAC,EAAE,CAACA,MAAM,EAAEQ,YAAY,EAAEE,WAAW,CAAC,CAAC;EAEvC,oBACEb,IAAA,CAACC,YAAY,CAAC+B,QAAQ;IAACC,KAAK,EAAE;MAAE/B;IAAM,CAAE;IAAAO,QAAA,EAAEA;EAAQ,CAAwB,CAAC;AAE/E;AAEA,OAAO,SAASyB,QAAQA,CAAA,EAAG;EACzB,OAAOvC,UAAU,CAACM,YAAY,CAAC;AACjC","ignoreList":[]}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ export const fontSizes = {
4
+ xxl: 34,
5
+ xl: 22,
6
+ lg: 18,
7
+ md: 16,
8
+ sm: 14,
9
+ xs: 12,
10
+ xxs: 10
11
+ };
12
+ export const lineHeights = {
13
+ xxl: 40,
14
+ xl: 28,
15
+ lg: 24,
16
+ md: 24,
17
+ sm: 20,
18
+ xs: 16,
19
+ xxs: 12
20
+ };
21
+ //# sourceMappingURL=fontStyles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["fontSizes","xxl","xl","lg","md","sm","xs","xxs","lineHeights"],"sourceRoot":"../../../src","sources":["utils/fontStyles.ts"],"mappings":";;AAAA,OAAO,MAAMA,SAAS,GAAG;EACvBC,GAAG,EAAE,EAAE;EACPC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,GAAG,EAAE;AACP,CAAC;AAED,OAAO,MAAMC,WAAW,GAAG;EACzBP,GAAG,EAAE,EAAE;EACPC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,GAAG,EAAE;AACP,CAAC","ignoreList":[]}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ export const defaultTheme = {
4
+ bg: {
5
+ primary: '#007AFF',
6
+ secondary: '#FFFFFF',
7
+ label: '#F2F2F7',
8
+ accent: '#1C1C1E'
9
+ },
10
+ text: {
11
+ primary: '#1C1C1E',
12
+ secondary: '#8E8E93',
13
+ contrast: '#FFFFFF'
14
+ },
15
+ fonts: {
16
+ introTitle: 'System',
17
+ introSubtitle: 'System',
18
+ introButton: 'System',
19
+ stepLabel: 'System',
20
+ stepTitle: 'System',
21
+ stepDescription: 'System',
22
+ stepButton: 'System',
23
+ primaryButton: 'System',
24
+ secondaryButton: 'System'
25
+ }
26
+ };
27
+ //# sourceMappingURL=theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["defaultTheme","bg","primary","secondary","label","accent","text","contrast","fonts","introTitle","introSubtitle","introButton","stepLabel","stepTitle","stepDescription","stepButton","primaryButton","secondaryButton"],"sourceRoot":"../../../src","sources":["utils/theme.ts"],"mappings":";;AAEA,OAAO,MAAMA,YAAY,GAAG;EAC1BC,EAAE,EAAE;IACFC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAS;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJJ,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAS;IACpBI,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,QAAQ;IACvBC,WAAW,EAAE,QAAQ;IACrBC,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE,QAAQ;IACzBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,QAAQ;IACvBC,eAAe,EAAE;EACnB;AACF,CAAC","ignoreList":[]}
@@ -0,0 +1 @@
1
+ {"type":"module"}
@@ -0,0 +1,5 @@
1
+ import { type OnboardingProps, type OnboardingColors, type OnboardingFonts, type OnboardingIntroPanelProps, type OnboardingStepPanelProps } from './spill-onboarding/types';
2
+ declare function Onboarding({ colors, fonts, ...props }: OnboardingProps): import("react/jsx-runtime").JSX.Element;
3
+ export default Onboarding;
4
+ export type { OnboardingProps, OnboardingColors, OnboardingFonts, OnboardingIntroPanelProps, OnboardingStepPanelProps, };
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC9B,MAAM,0BAA0B,CAAC;AAGlC,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQ/D;AAED,eAAe,UAAU,CAAC;AAC1B,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,yBAAyB,EACzB,wBAAwB,GACzB,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { type Image as ExpoImageType } from 'expo-image';
2
+ declare let ExpoImage: typeof ExpoImageType | null;
3
+ export { ExpoImage };
4
+ //# sourceMappingURL=expo-image.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"expo-image.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/adapters/expo-image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AAEzD,QAAA,IAAI,SAAS,EAAE,OAAO,aAAa,GAAG,IAAW,CAAC;AASlD,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { type Svg as RNSVGType, type Path as RNSVGPathType } from 'react-native-svg';
2
+ declare let ReactNativeSVG: typeof RNSVGType | null;
3
+ declare let ReactNativeSVGPath: typeof RNSVGPathType | null;
4
+ export { ReactNativeSVG, ReactNativeSVGPath };
5
+ //# sourceMappingURL=react-native-svg.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"react-native-svg.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/adapters/react-native-svg.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,IAAI,SAAS,EACrB,KAAK,IAAI,IAAI,aAAa,EAC3B,MAAM,kBAAkB,CAAC;AAE1B,QAAA,IAAI,cAAc,EAAE,OAAO,SAAS,GAAG,IAAW,CAAC;AACnD,QAAA,IAAI,kBAAkB,EAAE,OAAO,aAAa,GAAG,IAAW,CAAC;AAU3D,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { type ViewStyle, type TextStyle, type GestureResponderEvent } from 'react-native';
3
+ interface Props {
4
+ text: string;
5
+ onPress: (event: GestureResponderEvent) => void;
6
+ icon?: React.ReactNode;
7
+ disabled?: boolean;
8
+ style?: ViewStyle;
9
+ textStyle?: TextStyle;
10
+ }
11
+ declare const PrimaryButton: ({ text, onPress, icon, disabled, style, textStyle, }: Props) => import("react/jsx-runtime").JSX.Element;
12
+ export default PrimaryButton;
13
+ //# sourceMappingURL=PrimaryButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/buttons/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,qBAAqB,EAC3B,MAAM,cAAc,CAAC;AAKtB,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,yDAOhB,KAAK,4CAiBP,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { type ViewStyle, type TextStyle, type GestureResponderEvent } from 'react-native';
3
+ interface Props {
4
+ text: string;
5
+ onPress: (event: GestureResponderEvent) => void;
6
+ icon?: React.ReactNode;
7
+ disabled?: boolean;
8
+ style?: ViewStyle;
9
+ textStyle?: TextStyle;
10
+ }
11
+ declare const SecondaryButton: ({ text, onPress, icon, disabled, style, textStyle, }: Props) => import("react/jsx-runtime").JSX.Element;
12
+ export default SecondaryButton;
13
+ //# sourceMappingURL=SecondaryButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/buttons/SecondaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,qBAAqB,EAC3B,MAAM,cAAc,CAAC;AAKtB,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,QAAA,MAAM,eAAe,yDAOlB,KAAK,4CAiBP,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -0,0 +1,6 @@
1
+ interface Props {
2
+ onPress: () => void;
3
+ }
4
+ declare function SkipButton({ onPress }: Props): import("react/jsx-runtime").JSX.Element;
5
+ export default SkipButton;
6
+ //# sourceMappingURL=SkipButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SkipButton.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/buttons/SkipButton.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,iBAAS,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,2CASrC;AAED,eAAe,UAAU,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { type ReactNode } from 'react';
2
+ import { type ImageSourcePropType } from 'react-native';
3
+ import { type SharedValue } from 'react-native-reanimated';
4
+ import type { OnboardingStep } from '../types';
5
+ interface OnboardingImageContainerProps {
6
+ currentStep: OnboardingStep | undefined;
7
+ currentStepImage: ImageSourcePropType | undefined;
8
+ position: 'top' | 'bottom';
9
+ animationDuration: number;
10
+ backgroundSpillProgress: SharedValue<number>;
11
+ introPanel: any;
12
+ stepPanel: any;
13
+ screenHeight: number;
14
+ background?: () => ReactNode;
15
+ }
16
+ declare function OnboardingImageContainer({ currentStep, currentStepImage, position, animationDuration, backgroundSpillProgress, introPanel, stepPanel, screenHeight, background, }: OnboardingImageContainerProps): import("react/jsx-runtime").JSX.Element;
17
+ export default OnboardingImageContainer;
18
+ //# sourceMappingURL=OnboardingImageContainer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OnboardingImageContainer.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingImageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAEL,KAAK,mBAAmB,EAIzB,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,6BAA6B;IACrC,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,gBAAgB,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAClD,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,UAAU,EAAE,GAAG,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,SAAS,CAAC;CAC9B;AAED,iBAAS,wBAAwB,CAAC,EAChC,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,EACjB,uBAAuB,EACvB,UAAU,EACV,SAAS,EACT,YAAY,EACZ,UAAU,GACX,EAAE,6BAA6B,2CAmG/B;AAED,eAAe,wBAAwB,CAAC"}
@@ -0,0 +1,4 @@
1
+ import type { OnboardingIntroPanelProps } from '../types';
2
+ declare function OnboardingIntroPanel({ onPressStart, title, subtitle, button, image, }: OnboardingIntroPanelProps): import("react/jsx-runtime").JSX.Element;
3
+ export default OnboardingIntroPanel;
4
+ //# sourceMappingURL=OnboardingIntroPanel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OnboardingIntroPanel.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingIntroPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,iBAAS,oBAAoB,CAAC,EAC5B,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,GACN,EAAE,yBAAyB,2CAwD3B;AAED,eAAe,oBAAoB,CAAC"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ interface OnboardingModalProps {
3
+ onSkip?: () => void;
4
+ children: React.ReactNode;
5
+ }
6
+ export default function OnboardingModal({ onSkip, children, }: OnboardingModalProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};
8
+ //# sourceMappingURL=OnboardingModal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OnboardingModal.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,QAAQ,GACT,EAAE,oBAAoB,2CAoBtB"}
@@ -0,0 +1,16 @@
1
+ import React, { type ReactNode } from 'react';
2
+ import type { OnboardingStep } from '../types';
3
+ interface OnboardingStepContainerProps {
4
+ currentStep: OnboardingStep | undefined;
5
+ showCloseButton?: boolean;
6
+ animationDuration: number;
7
+ onSkip?: () => void;
8
+ ref: React.RefObject<any>;
9
+ renderStepContent: () => React.ReactNode;
10
+ skipButton?: ({ onPress }: {
11
+ onPress: () => void;
12
+ }) => ReactNode;
13
+ }
14
+ declare function OnboardingStepContainer({ currentStep, showCloseButton, animationDuration, onSkip, ref, renderStepContent, skipButton, }: OnboardingStepContainerProps): import("react/jsx-runtime").JSX.Element | null;
15
+ export default OnboardingStepContainer;
16
+ //# sourceMappingURL=OnboardingStepContainer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OnboardingStepContainer.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingStepContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,4BAA4B;IACpC,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC1B,iBAAiB,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC;CAClE;AAED,iBAAS,uBAAuB,CAAC,EAC/B,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,MAAM,EACN,GAAG,EACH,iBAAiB,EACjB,UAAU,GACX,EAAE,4BAA4B,kDAkC9B;AAED,eAAe,uBAAuB,CAAC"}
@@ -0,0 +1,4 @@
1
+ import type { OnboardingStepPanelProps } from '../types';
2
+ declare function OnboardingStepPanel({ label, title, description, buttonLabel, onBackPress, onNextPress, buttonPrimary, showBackButton, }: OnboardingStepPanelProps): import("react/jsx-runtime").JSX.Element;
3
+ export default OnboardingStepPanel;
4
+ //# sourceMappingURL=OnboardingStepPanel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OnboardingStepPanel.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingStepPanel.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEzD,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,cAAqB,GACtB,EAAE,wBAAwB,2CAuC1B;AAED,eAAe,mBAAmB,CAAC"}
@@ -0,0 +1,9 @@
1
+ import type { View } from 'react-native';
2
+ import type Reanimated from 'react-native-reanimated';
3
+ export type ViewRef = React.ComponentRef<typeof Reanimated.View> & React.ComponentRef<typeof View>;
4
+ declare function useMeasureHeight(): {
5
+ ref: import("react").RefObject<ViewRef | null>;
6
+ height: number;
7
+ };
8
+ export default useMeasureHeight;
9
+ //# sourceMappingURL=useMeasureHeight.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useMeasureHeight.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/hooks/useMeasureHeight.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,UAAU,MAAM,yBAAyB,CAAC;AAEtD,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,GAC9D,KAAK,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AAElC,iBAAS,gBAAgB;;;EAWxB;AAED,eAAe,gBAAgB,CAAC"}
@@ -0,0 +1,7 @@
1
+ interface ArrowLeftIconProps {
2
+ size?: number;
3
+ color?: string;
4
+ }
5
+ export default function ArrowLeftIcon({ size, color, }: ArrowLeftIconProps): import("react/jsx-runtime").JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=ArrowLeftIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ArrowLeftIcon.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/icons/ArrowLeftIcon.tsx"],"names":[],"mappings":"AAOA,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,IAAS,EACT,KAAc,GACf,EAAE,kBAAkB,2CA4CpB"}
@@ -0,0 +1,7 @@
1
+ interface CloseIconProps {
2
+ size?: number;
3
+ color?: string;
4
+ }
5
+ export default function CloseIcon({ size, color, }: CloseIconProps): import("react/jsx-runtime").JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=CloseIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/icons/CloseIcon.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAS,EACT,KAAc,GACf,EAAE,cAAc,2CAkChB"}
@@ -0,0 +1,4 @@
1
+ import { type OnboardingProps } from './types';
2
+ declare function SpillOnboarding({ animationDuration, introPanel: introPanelProps, steps, onComplete, onSkip, onStepChange: onStepChangeProps, showCloseButton, showBackButton, wrapInModalOnWeb, background, skipButton, }: OnboardingProps): import("react/jsx-runtime").JSX.Element;
3
+ export default SpillOnboarding;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,iBAAS,eAAe,CAAC,EACvB,iBAAuB,EACvB,UAAU,EAAE,eAAe,EAC3B,KAAK,EACL,UAAU,EACV,MAAM,EACN,YAAY,EAAE,iBAAiB,EAC/B,eAAsB,EACtB,cAAqB,EACrB,gBAAuB,EACvB,UAAU,EACV,UAAU,GACX,EAAE,eAAe,2CAyKjB;AAED,eAAe,eAAe,CAAC"}