react-native-onboarding-steps 1.0.0

package/lib/commonjs/theme.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.trackWidth = exports.resolveStepsTheme = exports.defaultStepsTheme = void 0;
+/** The look the indicator falls back to when a field is not overridden. */
+const defaultStepsTheme = exports.defaultStepsTheme = {
+  stepSize: 26,
+  dotSize: 11,
+  stepGap: 9,
+  trackColor: '#7ADAA5',
+  activeDotColor: '#fff',
+  inactiveDotColor: '#696969',
+  spring: {
+    damping: 22,
+    stiffness: 180,
+    mass: 1
+  }
+};
+
+/** Fills a partial theme with the defaults, leaving a fully resolved object. */
+const resolveStepsTheme = input => ({
+  ...defaultStepsTheme,
+  ...input
+});
+
+/**
+ * Width of the track once it has swept `progress` steps past the first one.
+ *
+ * At `progress === 0` this is exactly one slot, so the track reads as a circle
+ * behind the first dot; at `progress === 1` it spans two slots plus the gap
+ * between them, visually connecting the two steps.
+ */
+exports.resolveStepsTheme = resolveStepsTheme;
+const trackWidth = (progress, stepSize, stepGap) => {
+  'worklet';
+
+  return (progress + 1) * stepSize + progress * stepGap;
+};
+exports.trackWidth = trackWidth;
+//# sourceMappingURL=theme.js.map

package/lib/commonjs/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultStepsTheme","exports","stepSize","dotSize","stepGap","trackColor","activeDotColor","inactiveDotColor","spring","damping","stiffness","mass","resolveStepsTheme","input","trackWidth","progress"],"sourceRoot":"../../src","sources":["theme.ts"],"mappings":";;;;;;AAEA;AACO,MAAMA,iBAA6B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC3CE,QAAQ,EAAE,EAAE;EACZC,OAAO,EAAE,EAAE;EACXC,OAAO,EAAE,CAAC;EACVC,UAAU,EAAE,SAAS;EACrBC,cAAc,EAAE,MAAM;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,MAAM,EAAE;IACNC,OAAO,EAAE,EAAE;IACXC,SAAS,EAAE,GAAG;IACdC,IAAI,EAAE;EACR;AACF,CAAC;;AAED;AACO,MAAMC,iBAAiB,GAAIC,KAAuB,KAAkB;EACzE,GAAGb,iBAAiB;EACpB,GAAGa;AACL,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AANAZ,OAAA,CAAAW,iBAAA,GAAAA,iBAAA;AAOO,MAAME,UAAU,GAAGA,CAACC,QAAgB,EAAEb,QAAgB,EAAEE,OAAe,KAAK;EACjF,SAAS;;EACT,OAAO,CAACW,QAAQ,GAAG,CAAC,IAAIb,QAAQ,GAAGa,QAAQ,GAAGX,OAAO;AACvD,CAAC;AAACH,OAAA,CAAAa,UAAA,GAAAA,UAAA","ignoreList":[]}

package/lib/commonjs/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/Button.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import { Text, Pressable, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Button = ({
+  label,
+  onPress,
+  variant = 'primary',
+  backgroundColor,
+  labelColor,
+  style
+}) => {
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [styles.container, styles[variant], backgroundColor ? {
+      backgroundColor
+    } : null, style, pressed && styles.pressed],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.text, styles[`${variant}Text`], labelColor ? {
+        color: labelColor
+      } : null],
+      children: label
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    height: 45,
+    borderRadius: 100,
+    paddingHorizontal: 28
+  },
+  pressed: {
+    opacity: 0.7
+  },
+  primary: {
+    backgroundColor: '#4382DF'
+  },
+  secondary: {
+    backgroundColor: '#F1F1F1'
+  },
+  text: {
+    fontSize: 18,
+    fontWeight: '700'
+  },
+  primaryText: {
+    color: '#F7F4ED'
+  },
+  secondaryText: {
+    color: '#1C1C1E'
+  }
+});
+export default Button;
+//# sourceMappingURL=Button.js.map

package/lib/module/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","Pressable","StyleSheet","jsx","_jsx","Button","label","onPress","variant","backgroundColor","labelColor","style","pressed","styles","container","children","text","color","create","flexDirection","justifyContent","alignItems","height","borderRadius","paddingHorizontal","opacity","primary","secondary","fontSize","fontWeight","primaryText","secondaryText"],"sourceRoot":"../../src","sources":["Button.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAwC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAe3F,MAAMC,MAAM,GAAGA,CAAC;EACdC,KAAK;EACLC,OAAO;EACPC,OAAO,GAAG,SAAS;EACnBC,eAAe;EACfC,UAAU;EACVC;AACW,CAAC,KAAK;EACjB,oBACEP,IAAA,CAACH,SAAS;IACRM,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBC,MAAM,CAACC,SAAS,EAChBD,MAAM,CAACL,OAAO,CAAC,EACfC,eAAe,GAAG;MAAEA;IAAgB,CAAC,GAAG,IAAI,EAC5CE,KAAK,EACLC,OAAO,IAAIC,MAAM,CAACD,OAAO,CACzB;IAAAG,QAAA,eAEFX,IAAA,CAACJ,IAAI;MAACW,KAAK,EAAE,CAACE,MAAM,CAACG,IAAI,EAAEH,MAAM,CAAC,GAAGL,OAAO,MAAM,CAAC,EAAEE,UAAU,GAAG;QAAEO,KAAK,EAAEP;MAAW,CAAC,GAAG,IAAI,CAAE;MAAAK,QAAA,EAC7FT;IAAK,CACF;EAAC,CACE,CAAC;AAEhB,CAAC;AAED,MAAMO,MAAM,GAAGX,UAAU,CAACgB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,GAAG;IACjBC,iBAAiB,EAAE;EACrB,CAAC;EACDZ,OAAO,EAAE;IACPa,OAAO,EAAE;EACX,CAAC;EACDC,OAAO,EAAE;IACPjB,eAAe,EAAE;EACnB,CAAC;EACDkB,SAAS,EAAE;IACTlB,eAAe,EAAE;EACnB,CAAC;EACDO,IAAI,EAAE;IACJY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,WAAW,EAAE;IACXb,KAAK,EAAE;EACT,CAAC;EACDc,aAAa,EAAE;IACbd,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAeZ,MAAM","ignoreList":[]}

package/lib/module/Onboarding.js

@@ -0,0 +1,131 @@
+"use strict";
+
+import { useMemo, useState } from 'react';
+import { View, StyleSheet } from 'react-native';
+import Animated, { FadeIn, FadeOut, LinearTransition } from 'react-native-reanimated';
+import Button from "./Button.js";
+import Steps from "./Steps.js";
+import { resolveStepsTheme } from "./theme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_BACK_LABEL = 'Back';
+const DEFAULT_CONTINUE_LABEL = 'Continue';
+const DEFAULT_FINISH_LABEL = 'Finish';
+const clamp = (value, max) => Math.min(Math.max(value, 0), max);
+const Onboarding = ({
+  steps,
+  initialStep = 0,
+  onComplete,
+  onStepChange,
+  onBack,
+  stepsTheme,
+  backButtonColor,
+  backButtonLabelColor,
+  backButton,
+  continueButtonColor,
+  continueButtonLabelColor,
+  continueButton,
+  style,
+  contentStyle
+}) => {
+  const lastIndex = Math.max(steps.length - 1, 0);
+  const [currentStep, setCurrentStep] = useState(() => clamp(initialStep, lastIndex));
+  const theme = useMemo(() => resolveStepsTheme(stepsTheme), [stepsTheme]);
+
+  // Guard after the hooks so the hook order stays stable for every render.
+  if (steps.length === 0) {
+    return null;
+  }
+  const index = clamp(currentStep, lastIndex);
+  const step = steps[index];
+  const isFirstStep = index === 0;
+  const isLastStep = index === lastIndex;
+  const goToStep = next => {
+    setCurrentStep(next);
+    onStepChange?.(next, steps[next]);
+  };
+  const onPressContinue = () => {
+    // The flow deliberately stays on the last step; where to go next is the
+    // consumer's decision, made inside onComplete.
+    if (isLastStep) {
+      onComplete?.();
+      return;
+    }
+    goToStep(index + 1);
+  };
+  const onPressBack = () => {
+    if (isFirstStep) return;
+    const previous = index - 1;
+    onBack?.(previous, steps[previous]);
+    goToStep(previous);
+  };
+  const continueLabel = isLastStep ? step.finishButtonLabel ?? DEFAULT_FINISH_LABEL : step.continueButtonLabel ?? DEFAULT_CONTINUE_LABEL;
+  const sharedButtonProps = {
+    currentStep: index,
+    totalSteps: steps.length
+  };
+  const backProps = {
+    ...sharedButtonProps,
+    label: step.backButtonLabel ?? DEFAULT_BACK_LABEL,
+    onPress: onPressBack
+  };
+  const continueProps = {
+    ...sharedButtonProps,
+    label: continueLabel,
+    onPress: onPressContinue
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.content, contentStyle],
+      children: step.content
+    }), /*#__PURE__*/_jsx(Steps, {
+      steps: steps,
+      currentStep: index,
+      theme: theme
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.footer,
+      children: [!isFirstStep && /*#__PURE__*/_jsx(Animated.View, {
+        entering: FadeIn.duration(200),
+        exiting: FadeOut.duration(150),
+        children: backButton ? backButton(backProps) : /*#__PURE__*/_jsx(Button, {
+          label: backProps.label,
+          onPress: backProps.onPress,
+          variant: "secondary",
+          backgroundColor: backButtonColor,
+          labelColor: backButtonLabelColor
+        })
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: styles.primaryAction,
+        layout: LinearTransition.duration(250),
+        children: continueButton ? continueButton(continueProps) : /*#__PURE__*/_jsx(Button, {
+          label: continueProps.label,
+          onPress: continueProps.onPress,
+          backgroundColor: continueButtonColor,
+          labelColor: continueButtonLabelColor
+        })
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center'
+  },
+  content: {
+    flex: 1,
+    alignSelf: 'stretch'
+  },
+  footer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10,
+    width: '85%',
+    marginTop: 20
+  },
+  primaryAction: {
+    flex: 1
+  }
+});
+export default Onboarding;
+//# sourceMappingURL=Onboarding.js.map

package/lib/module/Onboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useState","View","StyleSheet","Animated","FadeIn","FadeOut","LinearTransition","Button","Steps","resolveStepsTheme","jsx","_jsx","jsxs","_jsxs","DEFAULT_BACK_LABEL","DEFAULT_CONTINUE_LABEL","DEFAULT_FINISH_LABEL","clamp","value","max","Math","min","Onboarding","steps","initialStep","onComplete","onStepChange","onBack","stepsTheme","backButtonColor","backButtonLabelColor","backButton","continueButtonColor","continueButtonLabelColor","continueButton","style","contentStyle","lastIndex","length","currentStep","setCurrentStep","theme","index","step","isFirstStep","isLastStep","goToStep","next","onPressContinue","onPressBack","previous","continueLabel","finishButtonLabel","continueButtonLabel","sharedButtonProps","totalSteps","backProps","label","backButtonLabel","onPress","continueProps","styles","container","children","content","footer","entering","duration","exiting","variant","backgroundColor","labelColor","primaryAction","layout","create","flex","alignItems","alignSelf","flexDirection","gap","width","marginTop"],"sourceRoot":"../../src","sources":["Onboarding.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACzC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,OAAOC,QAAQ,IAAIC,MAAM,EAAEC,OAAO,EAAEC,gBAAgB,QAAQ,yBAAyB;AACrF,OAAOC,MAAM,MAAM,aAAU;AAC7B,OAAOC,KAAK,MAAM,YAAS;AAC3B,SAASC,iBAAiB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG5C,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,sBAAsB,GAAG,UAAU;AACzC,MAAMC,oBAAoB,GAAG,QAAQ;AAErC,MAAMC,KAAK,GAAGA,CAACC,KAAa,EAAEC,GAAW,KAAKC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACD,GAAG,CAACD,KAAK,EAAE,CAAC,CAAC,EAAEC,GAAG,CAAC;AAE/E,MAAMG,UAAU,GAAGA,CAAC;EAClBC,KAAK;EACLC,WAAW,GAAG,CAAC;EACfC,UAAU;EACVC,YAAY;EACZC,MAAM;EACNC,UAAU;EACVC,eAAe;EACfC,oBAAoB;EACpBC,UAAU;EACVC,mBAAmB;EACnBC,wBAAwB;EACxBC,cAAc;EACdC,KAAK;EACLC;AACe,CAAC,KAAK;EACrB,MAAMC,SAAS,GAAGjB,IAAI,CAACD,GAAG,CAACI,KAAK,CAACe,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC;EAC/C,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGxC,QAAQ,CAAC,MAAMiB,KAAK,CAACO,WAAW,EAAEa,SAAS,CAAC,CAAC;EAEnF,MAAMI,KAAK,GAAG1C,OAAO,CAAC,MAAMU,iBAAiB,CAACmB,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;;EAExE;EACA,IAAIL,KAAK,CAACe,MAAM,KAAK,CAAC,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,MAAMI,KAAK,GAAGzB,KAAK,CAACsB,WAAW,EAAEF,SAAS,CAAC;EAC3C,MAAMM,IAAI,GAAGpB,KAAK,CAACmB,KAAK,CAAC;EACzB,MAAME,WAAW,GAAGF,KAAK,KAAK,CAAC;EAC/B,MAAMG,UAAU,GAAGH,KAAK,KAAKL,SAAS;EAEtC,MAAMS,QAAQ,GAAIC,IAAY,IAAK;IACjCP,cAAc,CAACO,IAAI,CAAC;IACpBrB,YAAY,GAAGqB,IAAI,EAAExB,KAAK,CAACwB,IAAI,CAAC,CAAC;EACnC,CAAC;EAED,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5B;IACA;IACA,IAAIH,UAAU,EAAE;MACdpB,UAAU,GAAG,CAAC;MACd;IACF;IACAqB,QAAQ,CAACJ,KAAK,GAAG,CAAC,CAAC;EACrB,CAAC;EAED,MAAMO,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIL,WAAW,EAAE;IACjB,MAAMM,QAAQ,GAAGR,KAAK,GAAG,CAAC;IAC1Bf,MAAM,GAAGuB,QAAQ,EAAE3B,KAAK,CAAC2B,QAAQ,CAAC,CAAC;IACnCJ,QAAQ,CAACI,QAAQ,CAAC;EACpB,CAAC;EAED,MAAMC,aAAa,GAAGN,UAAU,GAC5BF,IAAI,CAACS,iBAAiB,IAAIpC,oBAAoB,GAC9C2B,IAAI,CAACU,mBAAmB,IAAItC,sBAAsB;EAEtD,MAAMuC,iBAAiB,GAAG;IAAEf,WAAW,EAAEG,KAAK;IAAEa,UAAU,EAAEhC,KAAK,CAACe;EAAO,CAAC;EAE1E,MAAMkB,SAAgC,GAAG;IACvC,GAAGF,iBAAiB;IACpBG,KAAK,EAAEd,IAAI,CAACe,eAAe,IAAI5C,kBAAkB;IACjD6C,OAAO,EAAEV;EACX,CAAC;EAED,MAAMW,aAAoC,GAAG;IAC3C,GAAGN,iBAAiB;IACpBG,KAAK,EAAEN,aAAa;IACpBQ,OAAO,EAAEX;EACX,CAAC;EAED,oBACEnC,KAAA,CAACZ,IAAI;IAACkC,KAAK,EAAE,CAAC0B,MAAM,CAACC,SAAS,EAAE3B,KAAK,CAAE;IAAA4B,QAAA,gBACrCpD,IAAA,CAACV,IAAI;MAACkC,KAAK,EAAE,CAAC0B,MAAM,CAACG,OAAO,EAAE5B,YAAY,CAAE;MAAA2B,QAAA,EAAEpB,IAAI,CAACqB;IAAO,CAAO,CAAC,eAElErD,IAAA,CAACH,KAAK;MAACe,KAAK,EAAEA,KAAM;MAACgB,WAAW,EAAEG,KAAM;MAACD,KAAK,EAAEA;IAAM,CAAE,CAAC,eAEzD5B,KAAA,CAACZ,IAAI;MAACkC,KAAK,EAAE0B,MAAM,CAACI,MAAO;MAAAF,QAAA,GACxB,CAACnB,WAAW,iBACXjC,IAAA,CAACR,QAAQ,CAACF,IAAI;QAACiE,QAAQ,EAAE9D,MAAM,CAAC+D,QAAQ,CAAC,GAAG,CAAE;QAACC,OAAO,EAAE/D,OAAO,CAAC8D,QAAQ,CAAC,GAAG,CAAE;QAAAJ,QAAA,EAC3EhC,UAAU,GACTA,UAAU,CAACyB,SAAS,CAAC,gBAErB7C,IAAA,CAACJ,MAAM;UACLkD,KAAK,EAAED,SAAS,CAACC,KAAM;UACvBE,OAAO,EAAEH,SAAS,CAACG,OAAQ;UAC3BU,OAAO,EAAC,WAAW;UACnBC,eAAe,EAAEzC,eAAgB;UACjC0C,UAAU,EAAEzC;QAAqB,CAClC;MACF,CACY,CAChB,eAEDnB,IAAA,CAACR,QAAQ,CAACF,IAAI;QAACkC,KAAK,EAAE0B,MAAM,CAACW,aAAc;QAACC,MAAM,EAAEnE,gBAAgB,CAAC6D,QAAQ,CAAC,GAAG,CAAE;QAAAJ,QAAA,EAChF7B,cAAc,GACbA,cAAc,CAAC0B,aAAa,CAAC,gBAE7BjD,IAAA,CAACJ,MAAM;UACLkD,KAAK,EAAEG,aAAa,CAACH,KAAM;UAC3BE,OAAO,EAAEC,aAAa,CAACD,OAAQ;UAC/BW,eAAe,EAAEtC,mBAAoB;UACrCuC,UAAU,EAAEtC;QAAyB,CACtC;MACF,CACY,CAAC;IAAA,CACZ,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAM4B,MAAM,GAAG3D,UAAU,CAACwE,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE;EACd,CAAC;EACDZ,OAAO,EAAE;IACPW,IAAI,EAAE,CAAC;IACPE,SAAS,EAAE;EACb,CAAC;EACDZ,MAAM,EAAE;IACNa,aAAa,EAAE,KAAK;IACpBF,UAAU,EAAE,QAAQ;IACpBG,GAAG,EAAE,EAAE;IACPC,KAAK,EAAE,KAAK;IACZC,SAAS,EAAE;EACb,CAAC;EACDT,aAAa,EAAE;IACbG,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,eAAerD,UAAU","ignoreList":[]}

package/lib/module/Step.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import { View } from 'react-native';
+import Animated, { interpolateColor, useAnimatedStyle } from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Step = ({
+  index,
+  progress,
+  theme
+}) => {
+  const {
+    stepSize,
+    dotSize,
+    activeDotColor,
+    inactiveDotColor
+  } = theme;
+
+  // The dot flips colour across the short window where the track's edge is
+  // sweeping over it, so the two always look like one movement.
+  const dotStyle = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(progress.value, [index - 0.65, index - 0.25], [inactiveDotColor, activeDotColor])
+  }));
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: stepSize,
+      height: stepSize
+    },
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        width: dotSize,
+        height: dotSize,
+        borderRadius: dotSize / 2
+      }, dotStyle]
+    })
+  });
+};
+export default Step;
+//# sourceMappingURL=Step.js.map

package/lib/module/Step.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Animated","interpolateColor","useAnimatedStyle","jsx","_jsx","Step","index","progress","theme","stepSize","dotSize","activeDotColor","inactiveDotColor","dotStyle","backgroundColor","value","style","alignItems","justifyContent","width","height","children","borderRadius"],"sourceRoot":"../../src","sources":["Step.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,QAEX,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUjC,MAAMC,IAAI,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAiB,CAAC,KAAK;EACtD,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,cAAc;IAAEC;EAAiB,CAAC,GAAGJ,KAAK;;EAErE;EACA;EACA,MAAMK,QAAQ,GAAGX,gBAAgB,CAAC,OAAO;IACvCY,eAAe,EAAEb,gBAAgB,CAC/BM,QAAQ,CAACQ,KAAK,EACd,CAACT,KAAK,GAAG,IAAI,EAAEA,KAAK,GAAG,IAAI,CAAC,EAC5B,CAACM,gBAAgB,EAAED,cAAc,CACnC;EACF,CAAC,CAAC,CAAC;EAEH,oBACEP,IAAA,CAACL,IAAI;IAACiB,KAAK,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE,QAAQ;MAAEC,KAAK,EAAEV,QAAQ;MAAEW,MAAM,EAAEX;IAAS,CAAE;IAAAY,QAAA,eACjGjB,IAAA,CAACJ,QAAQ,CAACD,IAAI;MACZiB,KAAK,EAAE,CAAC;QAAEG,KAAK,EAAET,OAAO;QAAEU,MAAM,EAAEV,OAAO;QAAEY,YAAY,EAAEZ,OAAO,GAAG;MAAE,CAAC,EAAEG,QAAQ;IAAE,CACnF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,eAAeR,IAAI","ignoreList":[]}

package/lib/module/Steps.js

@@ -0,0 +1,60 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+import Step from "./Step.js";
+import { trackWidth } from "./theme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Steps = ({
+  steps,
+  currentStep,
+  theme
+}) => {
+  const {
+    stepSize,
+    stepGap,
+    trackColor,
+    spring
+  } = theme;
+
+  // Leading edge of the track, in step units. Every visual change — the
+  // track's width and each dot's colour — is derived from this one value so
+  // the sweep and the dots stay in sync, including on the way back.
+  const progress = useSharedValue(currentStep);
+
+  // Held in a ref so an inline `stepsTheme={{ ... }}` — which hands us a new
+  // spring object on every render — cannot restart an in-flight animation.
+  // The step change is the only thing that should kick the spring off, and the
+  // ref is always current by the time it does.
+  const springRef = useRef(spring);
+  springRef.current = spring;
+  useEffect(() => {
+    progress.value = withSpring(currentStep, springRef.current);
+  }, [currentStep]);
+  const trackStyle = useAnimatedStyle(() => ({
+    width: trackWidth(progress.value, stepSize, stepGap)
+  }));
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: stepGap
+    },
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        position: 'absolute',
+        left: 0,
+        height: stepSize,
+        borderRadius: stepSize / 2,
+        backgroundColor: trackColor
+      }, trackStyle]
+    }), steps.map((item, index) => /*#__PURE__*/_jsx(Step, {
+      index: index,
+      progress: progress,
+      theme: theme
+    }, item.id))]
+  });
+};
+export default Steps;
+//# sourceMappingURL=Steps.js.map

package/lib/module/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","View","Animated","useAnimatedStyle","useSharedValue","withSpring","Step","trackWidth","jsx","_jsx","jsxs","_jsxs","Steps","steps","currentStep","theme","stepSize","stepGap","trackColor","spring","progress","springRef","current","value","trackStyle","width","style","flexDirection","alignItems","gap","children","position","left","height","borderRadius","backgroundColor","map","item","index","id"],"sourceRoot":"../../src","sources":["Steps.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,OAAOC,IAAI,MAAM,WAAQ;AACzB,SAASC,UAAU,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASrC,MAAMC,KAAK,GAAGA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC;AAAkB,CAAC,KAAK;EAC3D,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAAO,CAAC,GAAGJ,KAAK;;EAEvD;EACA;EACA;EACA,MAAMK,QAAQ,GAAGhB,cAAc,CAACU,WAAW,CAAC;;EAE5C;EACA;EACA;EACA;EACA,MAAMO,SAAS,GAAGrB,MAAM,CAACmB,MAAM,CAAC;EAChCE,SAAS,CAACC,OAAO,GAAGH,MAAM;EAE1BpB,SAAS,CAAC,MAAM;IACdqB,QAAQ,CAACG,KAAK,GAAGlB,UAAU,CAACS,WAAW,EAAEO,SAAS,CAACC,OAAO,CAAC;EAC7D,CAAC,EAAE,CAACR,WAAW,CAAC,CAAC;EAEjB,MAAMU,UAAU,GAAGrB,gBAAgB,CAAC,OAAO;IACzCsB,KAAK,EAAElB,UAAU,CAACa,QAAQ,CAACG,KAAK,EAAEP,QAAQ,EAAEC,OAAO;EACrD,CAAC,CAAC,CAAC;EAEH,oBACEN,KAAA,CAACV,IAAI;IAACyB,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAEZ;IAAQ,CAAE;IAAAa,QAAA,gBACxErB,IAAA,CAACP,QAAQ,CAACD,IAAI;MACZyB,KAAK,EAAE,CACL;QACEK,QAAQ,EAAE,UAAU;QACpBC,IAAI,EAAE,CAAC;QACPC,MAAM,EAAEjB,QAAQ;QAChBkB,YAAY,EAAElB,QAAQ,GAAG,CAAC;QAC1BmB,eAAe,EAAEjB;MACnB,CAAC,EACDM,UAAU;IACV,CACH,CAAC,EACDX,KAAK,CAACuB,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACrB7B,IAAA,CAACH,IAAI;MAAegC,KAAK,EAAEA,KAAM;MAAClB,QAAQ,EAAEA,QAAS;MAACL,KAAK,EAAEA;IAAM,GAAxDsB,IAAI,CAACE,EAAqD,CACtE,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,eAAe3B,KAAK","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { default as Onboarding } from "./Onboarding.js";
+export { default as Steps } from "./Steps.js";
+export { default as Step } from "./Step.js";
+export { default as Button } from "./Button.js";
+export { defaultStepsTheme, resolveStepsTheme, trackWidth } from "./theme.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Onboarding","Steps","Step","Button","defaultStepsTheme","resolveStepsTheme","trackWidth"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AACpD,SAASD,OAAO,IAAIE,KAAK,QAAQ,YAAS;AAC1C,SAASF,OAAO,IAAIG,IAAI,QAAQ,WAAQ;AACxC,SAASH,OAAO,IAAII,MAAM,QAAQ,aAAU;AAE5C,SAASC,iBAAiB,EAAEC,iBAAiB,EAAEC,UAAU,QAAQ,YAAS","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/theme.js

@@ -0,0 +1,36 @@
+"use strict";
+
+/** The look the indicator falls back to when a field is not overridden. */
+export const defaultStepsTheme = {
+  stepSize: 26,
+  dotSize: 11,
+  stepGap: 9,
+  trackColor: '#7ADAA5',
+  activeDotColor: '#fff',
+  inactiveDotColor: '#696969',
+  spring: {
+    damping: 22,
+    stiffness: 180,
+    mass: 1
+  }
+};
+
+/** Fills a partial theme with the defaults, leaving a fully resolved object. */
+export const resolveStepsTheme = input => ({
+  ...defaultStepsTheme,
+  ...input
+});
+
+/**
+ * Width of the track once it has swept `progress` steps past the first one.
+ *
+ * At `progress === 0` this is exactly one slot, so the track reads as a circle
+ * behind the first dot; at `progress === 1` it spans two slots plus the gap
+ * between them, visually connecting the two steps.
+ */
+export const trackWidth = (progress, stepSize, stepGap) => {
+  'worklet';
+
+  return (progress + 1) * stepSize + progress * stepGap;
+};
+//# sourceMappingURL=theme.js.map

package/lib/module/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultStepsTheme","stepSize","dotSize","stepGap","trackColor","activeDotColor","inactiveDotColor","spring","damping","stiffness","mass","resolveStepsTheme","input","trackWidth","progress"],"sourceRoot":"../../src","sources":["theme.ts"],"mappings":";;AAEA;AACA,OAAO,MAAMA,iBAA6B,GAAG;EAC3CC,QAAQ,EAAE,EAAE;EACZC,OAAO,EAAE,EAAE;EACXC,OAAO,EAAE,CAAC;EACVC,UAAU,EAAE,SAAS;EACrBC,cAAc,EAAE,MAAM;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,MAAM,EAAE;IACNC,OAAO,EAAE,EAAE;IACXC,SAAS,EAAE,GAAG;IACdC,IAAI,EAAE;EACR;AACF,CAAC;;AAED;AACA,OAAO,MAAMC,iBAAiB,GAAIC,KAAuB,KAAkB;EACzE,GAAGZ,iBAAiB;EACpB,GAAGY;AACL,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAGA,CAACC,QAAgB,EAAEb,QAAgB,EAAEE,OAAe,KAAK;EACjF,SAAS;;EACT,OAAO,CAACW,QAAQ,GAAG,CAAC,IAAIb,QAAQ,GAAGa,QAAQ,GAAGX,OAAO;AACvD,CAAC","ignoreList":[]}

package/lib/module/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/typescript/commonjs/src/Button.d.ts

@@ -0,0 +1,15 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+type ButtonVariant = 'primary' | 'secondary';
+type ButtonProps = {
+    label?: string;
+    onPress: () => void;
+    variant?: ButtonVariant;
+    /** Overrides the variant's background. */
+    backgroundColor?: string;
+    /** Overrides the variant's label colour. */
+    labelColor?: string;
+    style?: StyleProp<ViewStyle>;
+};
+declare const Button: ({ label, onPress, variant, backgroundColor, labelColor, style, }: ButtonProps) => import("react").JSX.Element;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/lib/typescript/commonjs/src/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE3F,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AAE7C,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,kEAOb,WAAW,gCAiBb,CAAC;AAgCF,eAAe,MAAM,CAAC"}

package/lib/typescript/commonjs/src/Onboarding.d.ts

@@ -0,0 +1,4 @@
+import type { OnboardingProps } from './types';
+declare const Onboarding: ({ steps, initialStep, onComplete, onStepChange, onBack, stepsTheme, backButtonColor, backButtonLabelColor, backButton, continueButtonColor, continueButtonLabelColor, continueButton, style, contentStyle, }: OnboardingProps) => import("react").JSX.Element | null;
+export default Onboarding;
+//# sourceMappingURL=Onboarding.d.ts.map

package/lib/typescript/commonjs/src/Onboarding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Onboarding.d.ts","sourceRoot":"","sources":["../../../../src/Onboarding.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAyB,eAAe,EAAE,MAAM,SAAS,CAAC;AAQtE,QAAA,MAAM,UAAU,GAAI,8MAejB,eAAe,uCA8FjB,CAAC;AAuBF,eAAe,UAAU,CAAC"}

package/lib/typescript/commonjs/src/Step.d.ts

@@ -0,0 +1,11 @@
+import { type SharedValue } from 'react-native-reanimated';
+import type { StepsTheme } from './types';
+type StepProps = {
+    index: number;
+    /** Animated position of the track's leading edge, in step units. */
+    progress: SharedValue<number>;
+    theme: StepsTheme;
+};
+declare const Step: ({ index, progress, theme }: StepProps) => import("react").JSX.Element;
+export default Step;
+//# sourceMappingURL=Step.d.ts.map

package/lib/typescript/commonjs/src/Step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/Step.tsx"],"names":[],"mappings":"AACA,OAAiB,EAGf,KAAK,WAAW,EACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,IAAI,GAAI,4BAA4B,SAAS,gCAoBlD,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/typescript/commonjs/src/Steps.d.ts

@@ -0,0 +1,9 @@
+import type { OnboardingStep, StepsTheme } from './types';
+type StepsProps = {
+    steps: OnboardingStep[];
+    currentStep: number;
+    theme: StepsTheme;
+};
+declare const Steps: ({ steps, currentStep, theme }: StepsProps) => import("react").JSX.Element;
+export default Steps;
+//# sourceMappingURL=Steps.d.ts.map

package/lib/typescript/commonjs/src/Steps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../../../src/Steps.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1D,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,KAAK,GAAI,+BAA+B,UAAU,gCA0CvD,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/typescript/commonjs/src/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Onboarding } from './Onboarding';
+export { default as Steps } from './Steps';
+export { default as Step } from './Step';
+export { default as Button } from './Button';
+export { defaultStepsTheme, resolveStepsTheme, trackWidth } from './theme';
+export type { OnboardingProps, OnboardingStep, OnboardingButtonProps, OnboardingButtonRenderer, StepsTheme, StepsThemeInput, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE3E,YAAY,EACV,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,wBAAwB,EACxB,UAAU,EACV,eAAe,GAChB,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/src/theme.d.ts

@@ -0,0 +1,14 @@
+import type { StepsTheme, StepsThemeInput } from './types';
+/** The look the indicator falls back to when a field is not overridden. */
+export declare const defaultStepsTheme: StepsTheme;
+/** Fills a partial theme with the defaults, leaving a fully resolved object. */
+export declare const resolveStepsTheme: (input?: StepsThemeInput) => StepsTheme;
+/**
+ * Width of the track once it has swept `progress` steps past the first one.
+ *
+ * At `progress === 0` this is exactly one slot, so the track reads as a circle
+ * behind the first dot; at `progress === 1` it spans two slots plus the gap
+ * between them, visually connecting the two steps.
+ */
+export declare const trackWidth: (progress: number, stepSize: number, stepGap: number) => number;
+//# sourceMappingURL=theme.d.ts.map

package/lib/typescript/commonjs/src/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE3D,2EAA2E;AAC3E,eAAO,MAAM,iBAAiB,EAAE,UAY/B,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,eAAe,KAAG,UAG1D,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,UAAU,MAAM,EAAE,UAAU,MAAM,EAAE,SAAS,MAAM,WAG7E,CAAC"}

package/lib/typescript/commonjs/src/types.d.ts

@@ -0,0 +1,90 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { WithSpringConfig } from 'react-native-reanimated';
+/**
+ * A single step of the onboarding flow.
+ *
+ * Everything except `id` is optional so a flow can be as thin as
+ * `[{ id: 0 }, { id: 1 }]` and still render.
+ */
+export type OnboardingStep = {
+    /** Stable identity for this step. Used as the React key. */
+    id: string | number;
+    /** What fills the area above the step indicator while this step is active. */
+    content?: ReactNode;
+    /** Overrides the default "Back" label while this step is active. */
+    backButtonLabel?: string;
+    /** Overrides the default "Continue" label while this step is active. */
+    continueButtonLabel?: string;
+    /** Overrides the default "Finish" label. Only used on the last step. */
+    finishButtonLabel?: string;
+};
+/**
+ * Fully resolved look of the animated step indicator. Every field is required
+ * here; consumers supply a `StepsThemeInput` and the gaps are filled from
+ * `defaultStepsTheme`.
+ */
+export type StepsTheme = {
+    /** Diameter of a step's slot — also the height of the track. */
+    stepSize: number;
+    /** Diameter of the dot drawn inside each slot. */
+    dotSize: number;
+    /** Horizontal space between two step slots. */
+    stepGap: number;
+    /** Colour of the pill that connects completed steps. */
+    trackColor: string;
+    /** Dot colour once the track has swept over it. */
+    activeDotColor: string;
+    /** Dot colour before the track reaches it. */
+    inactiveDotColor: string;
+    /** Spring driving the track's sweep and the dot colour crossfade. */
+    spring: WithSpringConfig;
+};
+/** Partial theme accepted from consumers; merged over `defaultStepsTheme`. */
+export type StepsThemeInput = Partial<StepsTheme>;
+/** Everything a custom button renderer needs to draw itself and act. */
+export type OnboardingButtonProps = {
+    /** Label resolved from the step, falling back to the built-in default. */
+    label: string;
+    /** Advances or rewinds the flow. Call this from your own component. */
+    onPress: () => void;
+    /** Zero-based index of the active step. */
+    currentStep: number;
+    /** Total number of steps in the flow. */
+    totalSteps: number;
+};
+/** A function returning the React element to use in place of a stock button. */
+export type OnboardingButtonRenderer = (props: OnboardingButtonProps) => ReactNode;
+export type OnboardingProps = {
+    /** The flow. Rendering is skipped entirely when this is empty. */
+    steps: OnboardingStep[];
+    /** Step to open on. Clamped into range. Defaults to 0. */
+    initialStep?: number;
+    /** Called when the primary button is pressed on the last step. The flow
+     *  stays on that step — navigating away is the consumer's call. */
+    onComplete?: () => void;
+    /** Called on every step change, forwards and backwards. */
+    onStepChange?: (index: number, step: OnboardingStep) => void;
+    /** Called when the back button moves the flow to a previous step.
+     *  `onStepChange` fires as well. */
+    onBack?: (index: number, step: OnboardingStep) => void;
+    /** Partial override of the step indicator's look. */
+    stepsTheme?: StepsThemeInput;
+    /** Background of the stock back button. */
+    backButtonColor?: string;
+    /** Label colour of the stock back button. */
+    backButtonLabelColor?: string;
+    /** Replaces the stock back button. Still fades in/out with the flow. */
+    backButton?: OnboardingButtonRenderer;
+    /** Background of the stock continue/finish button. */
+    continueButtonColor?: string;
+    /** Label colour of the stock continue/finish button. */
+    continueButtonLabelColor?: string;
+    /** Replaces the stock continue/finish button. */
+    continueButton?: OnboardingButtonRenderer;
+    /** Style for the outermost container. */
+    style?: StyleProp<ViewStyle>;
+    /** Style for the region that hosts the active step's `content`. */
+    contentStyle?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,4DAA4D;IAC5D,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,gEAAgE;IAChE,QAAQ,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,+CAA+C;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,UAAU,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,cAAc,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,gBAAgB,EAAE,MAAM,CAAC;IACzB,qEAAqE;IACrE,MAAM,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,8EAA8E;AAC9E,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAElD,wEAAwE;AACxE,MAAM,MAAM,qBAAqB,GAAG;IAClC,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,gFAAgF;AAChF,MAAM,MAAM,wBAAwB,GAAG,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC;AAEnF,MAAM,MAAM,eAAe,GAAG;IAC5B,kEAAkE;IAClE,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;uEACmE;IACnE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7D;wCACoC;IACpC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAEvD,qDAAqD;IACrD,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6CAA6C;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wEAAwE;IACxE,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,wDAAwD;IACxD,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,iDAAiD;IACjD,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAE1C,yCAAyC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC,CAAC"}

package/lib/typescript/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}