react-native-onboarding-steps 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2026 Andrew Azevedo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,195 @@
+<div align="center">
+
+<img src="https://raw.githubusercontent.com/ded3zito/react-native-onboarding-steps/main/docs/demo.gif" alt="An onboarding flow where the step indicator's green track grows to connect each completed step" width="280">
+
+# react-native-onboarding-steps
+
+A drop-in onboarding flow for React Native and Expo whose step indicator animates as a single connected track — the pill grows to link every completed step instead of lighting up dots one by one — with the back and continue buttons, labels, colours and spring all customizable from props.
+
+</div>
+
+## Features
+
+- **60fps animations** — the track sweep and the dot crossfade run on the UI thread through [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/) worklets, so they never stutter when JS is busy.
+- **One source of truth** — the track width and every dot colour derive from a single shared value, so they cannot drift apart, including when the user goes backwards.
+- **Cross-platform** — built on core primitives (`View`, `Text`, `Pressable`) plus Reanimated: iOS, Android and Web.
+- **Customizable layout** — override the indicator's sizes, spacing, colours and spring through one `stepsTheme` object; the rest falls back to sensible defaults.
+- **Bring your own buttons** — recolour the stock buttons, or replace either one with a render prop and keep the built-in show/hide animation.
+- **Per-step labels and content** — each step carries its own content and can override the back, continue and finish labels.
+- **TypeScript-first** — every prop is typed and documented inline.
+- **Zero Babel config on Expo SDK 54+** — `babel-preset-expo` wires the Reanimated plugin automatically.
+
+## Installation
+
+```sh
+npm install react-native-onboarding-steps
+```
+
+```sh
+yarn add react-native-onboarding-steps
+```
+
+```sh
+pnpm add react-native-onboarding-steps
+```
+
+This package expects `react-native-reanimated` v4 (and its `react-native-worklets` companion) to be installed in your app. On Expo:
+
+```sh
+npx expo install react-native-reanimated react-native-worklets
+```
+
+## Usage
+
+```tsx
+import { StyleSheet, Text, View } from 'react-native';
+import { Onboarding, type OnboardingStep } from 'react-native-onboarding-steps';
+
+const Slide = ({ title }: { title: string }) => (
+  <View style={styles.slide}>
+    <Text style={styles.title}>{title}</Text>
+  </View>
+);
+
+const steps: OnboardingStep[] = [
+  { id: 'welcome', content: <Slide title="Welcome" /> },
+  { id: 'customize', content: <Slide title="Customize" /> },
+  {
+    id: 'ship',
+    content: <Slide title="Ship it" />,
+    finishButtonLabel: 'Get started',
+  },
+];
+
+export default function Welcome({ onDone }: { onDone: () => void }) {
+  return (
+    <Onboarding
+      steps={steps}
+      onComplete={onDone}
+      onStepChange={(index, step) => console.log('step', index, step.id)}
+    />
+  );
+}
+
+const styles = StyleSheet.create({
+  slide: { flex: 1, justifyContent: 'center', alignItems: 'center' },
+  title: { fontSize: 28, fontWeight: '700' },
+});
+```
+
+`Onboarding` fills its parent, so give it a container with height — a screen,
+a `SafeAreaView`, or any `flex: 1` view.
+
+### Theming the indicator
+
+Pass only what you want to change — everything else comes from `defaultStepsTheme`.
+
+```tsx
+<Onboarding
+  steps={steps}
+  stepsTheme={{
+    trackColor: '#FF6B6B',
+    stepSize: 34,
+    dotSize: 8,
+    stepGap: 16,
+    inactiveDotColor: '#C7C7CC',
+  }}
+  continueButtonColor="#1C1C1E"
+/>
+```
+
+> Hoisting the theme object out of render (or wrapping it in `useMemo`) keeps it from being rebuilt on every render. It is safe either way — the spring is held in a ref so a new object cannot restart an animation in flight.
+
+### Custom buttons
+
+Either button can be replaced entirely. The renderer receives everything it needs to draw itself and act, and the back button still fades in and out with the flow.
+
+```tsx
+<Onboarding
+  steps={steps}
+  backButton={({ label, onPress }) => (
+    <Pressable onPress={onPress} style={styles.customBack}>
+      <Text style={styles.customBackLabel}>← {label}</Text>
+    </Pressable>
+  )}
+/>
+```
+
+## API
+
+Every type below is exported from the package root and documented inline in
+[`src/types.ts`](src/types.ts).
+
+### `<Onboarding />`
+
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `steps` | `OnboardingStep[]` | — | The flow. Nothing renders when empty. |
+| `initialStep` | `number` | `0` | Step to open on. Clamped into range. |
+| `onComplete` | `() => void` | — | Fires when the primary button is pressed on the last step. The flow stays put — navigating away is your call. |
+| `onStepChange` | `(index, step) => void` | — | Fires on every step change, forwards and backwards. |
+| `onBack` | `(index, step) => void` | — | Fires when the back button rewinds a step. `onStepChange` fires too. |
+| `stepsTheme` | `StepsThemeInput` | `defaultStepsTheme` | Partial override of the indicator's look. |
+| `backButtonColor` | `string` | `#F1F1F1` | Background of the stock back button. |
+| `backButtonLabelColor` | `string` | `#1C1C1E` | Label colour of the stock back button. |
+| `backButton` | `OnboardingButtonRenderer` | — | Replaces the stock back button. |
+| `continueButtonColor` | `string` | `#4382DF` | Background of the stock continue/finish button. |
+| `continueButtonLabelColor` | `string` | `#F7F4ED` | Label colour of the stock continue/finish button. |
+| `continueButton` | `OnboardingButtonRenderer` | — | Replaces the stock continue/finish button. |
+| `style` | `StyleProp<ViewStyle>` | — | Style for the outermost container. |
+| `contentStyle` | `StyleProp<ViewStyle>` | — | Style for the region hosting the active step's `content`. |
+
+### `OnboardingStep`
+
+| Field | Type | Description |
+| --- | --- | --- |
+| `id` | `string \| number` | Stable identity, used as the React key. Required. |
+| `content` | `ReactNode` | Fills the area above the indicator while this step is active. |
+| `backButtonLabel` | `string` | Overrides the `"Back"` label on this step. |
+| `continueButtonLabel` | `string` | Overrides the `"Continue"` label on this step. |
+| `finishButtonLabel` | `string` | Overrides the `"Finish"` label. Last step only. |
+
+### `StepsTheme`
+
+Supplied partially as `stepsTheme`; gaps are filled from `defaultStepsTheme`.
+
+| Field | Type | Default | Description |
+| --- | --- | --- | --- |
+| `stepSize` | `number` | `26` | Diameter of a step's slot, and the track's height. |
+| `dotSize` | `number` | `11` | Diameter of the dot inside each slot. |
+| `stepGap` | `number` | `9` | Horizontal space between two slots. |
+| `trackColor` | `string` | `#7ADAA5` | The pill connecting completed steps. |
+| `activeDotColor` | `string` | `#fff` | Dot colour once the track has swept over it. |
+| `inactiveDotColor` | `string` | `#696969` | Dot colour before the track reaches it. |
+| `spring` | `WithSpringConfig` | `{ damping: 22, stiffness: 180, mass: 1 }` | Drives the sweep and the colour crossfade. |
+
+### `OnboardingButtonProps`
+
+What a custom button renderer receives.
+
+| Field | Type | Description |
+| --- | --- | --- |
+| `label` | `string` | Resolved from the step, falling back to the built-in default. |
+| `onPress` | `() => void` | Advances or rewinds the flow. |
+| `currentStep` | `number` | Zero-based index of the active step. |
+| `totalSteps` | `number` | Number of steps in the flow. |
+
+### Also exported
+
+`Steps`, `Step` and `Button` are exported if you want the indicator on its own,
+along with `defaultStepsTheme`, `resolveStepsTheme` and the `trackWidth` worklet.
+
+## Running the example
+
+```sh
+pnpm install
+pnpm example ios     # or: pnpm example android
+```
+
+The example is a standalone Expo app in [`example/`](example/App.tsx). It
+consumes the library through a workspace link, so edits to `src/` show up in
+the running app without a rebuild.
+
+## License
+
+MIT © Andrew Azevedo

package/lib/commonjs/Button.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+const Button = ({
+  label,
+  onPress,
+  variant = 'primary',
+  backgroundColor,
+  labelColor,
+  style
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [styles.container, styles[variant], backgroundColor ? {
+      backgroundColor
+    } : null, style, pressed && styles.pressed],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.text, styles[`${variant}Text`], labelColor ? {
+        color: labelColor
+      } : null],
+      children: label
+    })
+  });
+};
+const styles = _reactNative.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'
+  }
+});
+var _default = exports.default = Button;
+//# sourceMappingURL=Button.js.map

package/lib/commonjs/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_jsxRuntime","Button","label","onPress","variant","backgroundColor","labelColor","style","jsx","Pressable","pressed","styles","container","children","Text","text","color","StyleSheet","create","flexDirection","justifyContent","alignItems","height","borderRadius","paddingHorizontal","opacity","primary","secondary","fontSize","fontWeight","primaryText","secondaryText","_default","exports","default"],"sourceRoot":"../../src","sources":["Button.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA2F,IAAAC,WAAA,GAAAD,OAAA;AAe3F,MAAME,MAAM,GAAGA,CAAC;EACdC,KAAK;EACLC,OAAO;EACPC,OAAO,GAAG,SAAS;EACnBC,eAAe;EACfC,UAAU;EACVC;AACW,CAAC,KAAK;EACjB,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAW,SAAS;IACRN,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAEA,CAAC;MAAEG;IAAQ,CAAC,KAAK,CACtBC,MAAM,CAACC,SAAS,EAChBD,MAAM,CAACP,OAAO,CAAC,EACfC,eAAe,GAAG;MAAEA;IAAgB,CAAC,GAAG,IAAI,EAC5CE,KAAK,EACLG,OAAO,IAAIC,MAAM,CAACD,OAAO,CACzB;IAAAG,QAAA,eAEF,IAAAb,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAgB,IAAI;MAACP,KAAK,EAAE,CAACI,MAAM,CAACI,IAAI,EAAEJ,MAAM,CAAC,GAAGP,OAAO,MAAM,CAAC,EAAEE,UAAU,GAAG;QAAEU,KAAK,EAAEV;MAAW,CAAC,GAAG,IAAI,CAAE;MAAAO,QAAA,EAC7FX;IAAK,CACF;EAAC,CACE,CAAC;AAEhB,CAAC;AAED,MAAMS,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,GAAG;IACjBC,iBAAiB,EAAE;EACrB,CAAC;EACDd,OAAO,EAAE;IACPe,OAAO,EAAE;EACX,CAAC;EACDC,OAAO,EAAE;IACPrB,eAAe,EAAE;EACnB,CAAC;EACDsB,SAAS,EAAE;IACTtB,eAAe,EAAE;EACnB,CAAC;EACDU,IAAI,EAAE;IACJa,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,WAAW,EAAE;IACXd,KAAK,EAAE;EACT,CAAC;EACDe,aAAa,EAAE;IACbf,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEYjC,MAAM","ignoreList":[]}

package/lib/commonjs/Onboarding.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _Button = _interopRequireDefault(require("./Button.js"));
+var _Steps = _interopRequireDefault(require("./Steps.js"));
+var _theme = require("./theme.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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] = (0, _react.useState)(() => clamp(initialStep, lastIndex));
+  const theme = (0, _react.useMemo)(() => (0, _theme.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.content, contentStyle],
+      children: step.content
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Steps.default, {
+      steps: steps,
+      currentStep: index,
+      theme: theme
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.footer,
+      children: [!isFirstStep && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        entering: _reactNativeReanimated.FadeIn.duration(200),
+        exiting: _reactNativeReanimated.FadeOut.duration(150),
+        children: backButton ? backButton(backProps) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          label: backProps.label,
+          onPress: backProps.onPress,
+          variant: "secondary",
+          backgroundColor: backButtonColor,
+          labelColor: backButtonLabelColor
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: styles.primaryAction,
+        layout: _reactNativeReanimated.LinearTransition.duration(250),
+        children: continueButton ? continueButton(continueProps) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          label: continueProps.label,
+          onPress: continueProps.onPress,
+          backgroundColor: continueButtonColor,
+          labelColor: continueButtonLabelColor
+        })
+      })]
+    })]
+  });
+};
+const styles = _reactNative.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
+  }
+});
+var _default = exports.default = Onboarding;
+//# sourceMappingURL=Onboarding.js.map

package/lib/commonjs/Onboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_Button","_interopRequireDefault","_Steps","_theme","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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","useState","theme","useMemo","resolveStepsTheme","index","step","isFirstStep","isLastStep","goToStep","next","onPressContinue","onPressBack","previous","continueLabel","finishButtonLabel","continueButtonLabel","sharedButtonProps","totalSteps","backProps","label","backButtonLabel","onPress","continueProps","jsxs","View","styles","container","children","jsx","content","footer","entering","FadeIn","duration","exiting","FadeOut","variant","backgroundColor","labelColor","primaryAction","layout","LinearTransition","StyleSheet","create","flex","alignItems","alignSelf","flexDirection","gap","width","marginTop","_default","exports"],"sourceRoot":"../../src","sources":["Onboarding.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/Step.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [index - 0.65, index - 0.25], [inactiveDotColor, activeDotColor])
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: stepSize,
+      height: stepSize
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [{
+        width: dotSize,
+        height: dotSize,
+        borderRadius: dotSize / 2
+      }, dotStyle]
+    })
+  });
+};
+var _default = exports.default = Step;
+//# sourceMappingURL=Step.js.map

package/lib/commonjs/Step.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Step","index","progress","theme","stepSize","dotSize","activeDotColor","inactiveDotColor","dotStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","jsx","View","style","alignItems","justifyContent","width","height","children","borderRadius","_default","exports"],"sourceRoot":"../../src","sources":["Step.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAIiC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAUjC,MAAMkB,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,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IACvCC,eAAe,EAAE,IAAAC,uCAAgB,EAC/BT,QAAQ,CAACU,KAAK,EACd,CAACX,KAAK,GAAG,IAAI,EAAEA,KAAK,GAAG,IAAI,CAAC,EAC5B,CAACM,gBAAgB,EAAED,cAAc,CACnC;EACF,CAAC,CAAC,CAAC;EAEH,oBACE,IAAA1B,WAAA,CAAAiC,GAAA,EAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE,QAAQ;MAAEC,KAAK,EAAEd,QAAQ;MAAEe,MAAM,EAAEf;IAAS,CAAE;IAAAgB,QAAA,eACjG,IAAAxC,WAAA,CAAAiC,GAAA,EAACnC,sBAAA,CAAAa,OAAQ,CAACuB,IAAI;MACZC,KAAK,EAAE,CAAC;QAAEG,KAAK,EAAEb,OAAO;QAAEc,MAAM,EAAEd,OAAO;QAAEgB,YAAY,EAAEhB,OAAO,GAAG;MAAE,CAAC,EAAEG,QAAQ;IAAE,CACnF;EAAC,CACE,CAAC;AAEX,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEaS,IAAI","ignoreList":[]}

package/lib/commonjs/Steps.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _Step = _interopRequireDefault(require("./Step.js"));
+var _theme = require("./theme.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 = (0, _reactNativeReanimated.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 = (0, _react.useRef)(spring);
+  springRef.current = spring;
+  (0, _react.useEffect)(() => {
+    progress.value = (0, _reactNativeReanimated.withSpring)(currentStep, springRef.current);
+  }, [currentStep]);
+  const trackStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    width: (0, _theme.trackWidth)(progress.value, stepSize, stepGap)
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: stepGap
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [{
+        position: 'absolute',
+        left: 0,
+        height: stepSize,
+        borderRadius: stepSize / 2,
+        backgroundColor: trackColor
+      }, trackStyle]
+    }), steps.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Step.default, {
+      index: index,
+      progress: progress,
+      theme: theme
+    }, item.id))]
+  });
+};
+var _default = exports.default = Steps;
+//# sourceMappingURL=Steps.js.map

package/lib/commonjs/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_Step","_interopRequireDefault","_theme","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Steps","steps","currentStep","theme","stepSize","stepGap","trackColor","spring","progress","useSharedValue","springRef","useRef","current","useEffect","value","withSpring","trackStyle","useAnimatedStyle","width","trackWidth","jsxs","View","style","flexDirection","alignItems","gap","children","jsx","position","left","height","borderRadius","backgroundColor","map","item","index","id","_default","exports"],"sourceRoot":"../../src","sources":["Steps.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _Button.default;
+  }
+});
+Object.defineProperty(exports, "Onboarding", {
+  enumerable: true,
+  get: function () {
+    return _Onboarding.default;
+  }
+});
+Object.defineProperty(exports, "Step", {
+  enumerable: true,
+  get: function () {
+    return _Step.default;
+  }
+});
+Object.defineProperty(exports, "Steps", {
+  enumerable: true,
+  get: function () {
+    return _Steps.default;
+  }
+});
+Object.defineProperty(exports, "defaultStepsTheme", {
+  enumerable: true,
+  get: function () {
+    return _theme.defaultStepsTheme;
+  }
+});
+Object.defineProperty(exports, "resolveStepsTheme", {
+  enumerable: true,
+  get: function () {
+    return _theme.resolveStepsTheme;
+  }
+});
+Object.defineProperty(exports, "trackWidth", {
+  enumerable: true,
+  get: function () {
+    return _theme.trackWidth;
+  }
+});
+var _Onboarding = _interopRequireDefault(require("./Onboarding.js"));
+var _Steps = _interopRequireDefault(require("./Steps.js"));
+var _Step = _interopRequireDefault(require("./Step.js"));
+var _Button = _interopRequireDefault(require("./Button.js"));
+var _theme = require("./theme.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Onboarding","_interopRequireDefault","require","_Steps","_Step","_Button","_theme","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAA2E,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/package.json

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