@ledgerhq/lumen-ui-rnative 0.1.7 → 0.1.9

package/dist/module/lib/Components/PageIndicator/PageIndicator.js

@@ -0,0 +1,246 @@
+"use strict";
+
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import Animated, { cancelAnimation, interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useStyleSheet, useTheme } from "../../../styles/index.js";
+import { useTimingConfig } from "../../Animations/useTimingConfig.js";
+import { Box } from "../Utility/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedBox = Animated.createAnimatedComponent(Box);
+const MAX_VISIBLE_DOTS = 4;
+const _worklet_15850135437702_init_data = {
+  code: "function PageIndicatorTsx1(){const{interpolateColor,colorProgress,theme,interpolate,shrinkProgress}=this.__closure;const backgroundColor=interpolateColor(colorProgress.value,[0,1],[theme.colors.bg.mutedHover,theme.colors.bg.mutedStrong]);const size=interpolate(shrinkProgress.value,[0,1],[theme.sizes.s6,theme.sizes.s4]);return{backgroundColor:backgroundColor,height:size,width:size};}",
+  location: "/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/PageIndicator/PageIndicator.tsx",
+  sourceMap: "{\"version\":3,\"names\":[\"PageIndicatorTsx1\",\"interpolateColor\",\"colorProgress\",\"theme\",\"interpolate\",\"shrinkProgress\",\"__closure\",\"backgroundColor\",\"value\",\"colors\",\"bg\",\"mutedHover\",\"mutedStrong\",\"size\",\"sizes\",\"s6\",\"s4\",\"height\",\"width\"],\"sources\":[\"/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/PageIndicator/PageIndicator.tsx\"],\"mappings\":\"AA2CyC,SAAAA,iBAAMA,CAAA,QAAAC,gBAAA,CAAAC,aAAA,CAAAC,KAAA,CAAAC,WAAA,CAAAC,cAAA,OAAAC,SAAA,CAC3C,KAAM,CAAAC,eAAe,CAAGN,gBAAgB,CACtCC,aAAa,CAACM,KAAK,CACnB,CAAC,CAAC,CAAE,CAAC,CAAC,CACN,CAACL,KAAK,CAACM,MAAM,CAACC,EAAE,CAACC,UAAU,CAAER,KAAK,CAACM,MAAM,CAACC,EAAE,CAACE,WAAW,CAC1D,CAAC,CACD,KAAM,CAAAC,IAAI,CAAGT,WAAW,CACtBC,cAAc,CAACG,KAAK,CACpB,CAAC,CAAC,CAAE,CAAC,CAAC,CACN,CAACL,KAAK,CAACW,KAAK,CAACC,EAAE,CAAEZ,KAAK,CAACW,KAAK,CAACE,EAAE,CACjC,CAAC,CACD,MAAO,CACLT,eAAe,CAAfA,eAAe,CACfU,MAAM,CAAEJ,IAAI,CACZK,KAAK,CAAEL,IACT,CAAC,CACH\",\"ignoreList\":[]}"
+};
+const useDotAnimation = ({
+  isActive,
+  isShrunk
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const colorProgress = useSharedValue(isActive ? 1 : 0);
+  const shrinkProgress = useSharedValue(isShrunk ? 1 : 0);
+  const timingConfig = useTimingConfig({
+    duration: 200,
+    easing: 'easeInOut'
+  });
+  useEffect(() => {
+    colorProgress.value = withTiming(isActive ? 1 : 0, timingConfig);
+    return () => cancelAnimation(colorProgress);
+  }, [isActive, colorProgress, timingConfig]);
+  useEffect(() => {
+    shrinkProgress.value = withTiming(isShrunk ? 1 : 0, timingConfig);
+    return () => cancelAnimation(shrinkProgress);
+  }, [isShrunk, shrinkProgress, timingConfig]);
+  const animatedStyle = useAnimatedStyle(function PageIndicatorTsx1Factory({
+    _worklet_15850135437702_init_data,
+    interpolateColor,
+    colorProgress,
+    theme,
+    interpolate,
+    shrinkProgress
+  }) {
+    const _e = [new global.Error(), -6, -27];
+    const PageIndicatorTsx1 = function () {
+      const backgroundColor = interpolateColor(colorProgress.value, [0, 1], [theme.colors.bg.mutedHover, theme.colors.bg.mutedStrong]);
+      const size = interpolate(shrinkProgress.value, [0, 1], [theme.sizes.s6, theme.sizes.s4]);
+      return {
+        backgroundColor,
+        height: size,
+        width: size
+      };
+    };
+    PageIndicatorTsx1.__closure = {
+      interpolateColor,
+      colorProgress,
+      theme,
+      interpolate,
+      shrinkProgress
+    };
+    PageIndicatorTsx1.__workletHash = 15850135437702;
+    PageIndicatorTsx1.__pluginVersion = "0.6.1";
+    PageIndicatorTsx1.__initData = _worklet_15850135437702_init_data;
+    PageIndicatorTsx1.__stackDetails = _e;
+    return PageIndicatorTsx1;
+  }({
+    _worklet_15850135437702_init_data,
+    interpolateColor,
+    colorProgress,
+    theme,
+    interpolate,
+    shrinkProgress
+  }), [colorProgress, shrinkProgress, theme]);
+  return {
+    animatedStyle
+  };
+};
+const _worklet_16248974217569_init_data = {
+  code: "function PageIndicatorTsx2(){const{translateX}=this.__closure;return{transform:[{translateX:translateX.value}]};}",
+  location: "/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/PageIndicator/PageIndicator.tsx",
+  sourceMap: "{\"version\":3,\"names\":[\"PageIndicatorTsx2\",\"translateX\",\"__closure\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/PageIndicator/PageIndicator.tsx\"],\"mappings\":\"AA4GI,SAAAA,kBAAA,QAAAC,UAAA,OAAAC,SAAA,OAAO,CACLC,SAAS,CAAE,CAAC,CAAEF,UAAU,CAAEA,UAAU,CAACG,KAAM,CAAC,CAC9C,CAAC\",\"ignoreList\":[]}"
+};
+const useStripAnimation = ({
+  currentPage,
+  totalPages,
+  dotSize,
+  gap
+}) => {
+  const translateX = useSharedValue(0);
+  const prevPage = useRef(currentPage);
+  const direction = currentPage > prevPage.current ? 'forward' : 'backward';
+  useEffect(() => {
+    prevPage.current = currentPage;
+  }, [currentPage]);
+  const forwardAnchor = MAX_VISIBLE_DOTS - 2;
+  const backwardAnchor = 1;
+  const anchorIndex = direction === 'forward' ? forwardAnchor : backwardAnchor;
+  const lastPage = totalPages - 1;
+  const visibleDots = Math.min(totalPages, MAX_VISIBLE_DOTS);
+  const offset = Math.max(0, Math.min(currentPage - anchorIndex, lastPage - (visibleDots - 1)));
+  const dotWidth = dotSize + gap;
+  const timingConfig = useTimingConfig({
+    duration: 200,
+    easing: 'easeInOut'
+  });
+  useEffect(() => {
+    translateX.value = withTiming(-offset * dotWidth, timingConfig);
+    return () => cancelAnimation(translateX);
+  }, [currentPage, totalPages, offset, dotWidth, translateX, timingConfig]);
+  const stripAnimatedStyle = useAnimatedStyle(function PageIndicatorTsx2Factory({
+    _worklet_16248974217569_init_data,
+    translateX
+  }) {
+    const _e = [new global.Error(), -2, -27];
+    const PageIndicatorTsx2 = () => ({
+      transform: [{
+        translateX: translateX.value
+      }]
+    });
+    PageIndicatorTsx2.__closure = {
+      translateX
+    };
+    PageIndicatorTsx2.__workletHash = 16248974217569;
+    PageIndicatorTsx2.__pluginVersion = "0.6.1";
+    PageIndicatorTsx2.__initData = _worklet_16248974217569_init_data;
+    PageIndicatorTsx2.__stackDetails = _e;
+    return PageIndicatorTsx2;
+  }({
+    _worklet_16248974217569_init_data,
+    translateX
+  }), [translateX]);
+  const viewportWidth = Math.max(0, visibleDots * dotSize + (visibleDots - 1) * gap);
+  const firstVisibleIndex = offset;
+  const lastVisibleIndex = offset + visibleDots - 1;
+  const isActive = useCallback(index => index === currentPage, [currentPage]);
+  const isShrunk = useCallback(index => {
+    if (totalPages <= MAX_VISIBLE_DOTS) return false;
+    if (index === firstVisibleIndex && firstVisibleIndex > 0 || index === lastVisibleIndex && lastVisibleIndex < totalPages - 1) {
+      return true;
+    }
+    return false;
+  }, [totalPages, firstVisibleIndex, lastVisibleIndex]);
+  return {
+    viewportWidth,
+    stripAnimatedStyle,
+    isActive,
+    isShrunk
+  };
+};
+const PageIndicatorDot = ({
+  isActive,
+  isShrunk
+}) => {
+  const styles = useDotStyles();
+  const {
+    animatedStyle
+  } = useDotAnimation({
+    isActive,
+    isShrunk
+  });
+  return /*#__PURE__*/_jsx(AnimatedBox, {
+    style: [styles.dot, animatedStyle]
+  });
+};
+
+/**
+ * A page indicator component that shows the current position within a set of pages (e.g. carousel or onboarding).
+ *
+ * Renders a row of dots: the active dot is highlighted, and when there are more pages than visible dots,
+ * edge dots shrink and the strip scrolls to keep the current page in view.
+ */
+export const PageIndicator = ({
+  currentPage,
+  totalPages,
+  lx = {},
+  ref,
+  ...props
+}) => {
+  const styles = usePageIndicatorStyles();
+  const {
+    theme
+  } = useTheme();
+  const currentPageIndex = Math.max(0, Math.min(currentPage - 1, totalPages - 1));
+  const {
+    viewportWidth,
+    stripAnimatedStyle,
+    isActive,
+    isShrunk
+  } = useStripAnimation({
+    currentPage: currentPageIndex,
+    totalPages,
+    dotSize: theme.sizes.s6,
+    gap: theme.spacings.s4
+  });
+  const dotIndexes = useMemo(() => Array.from({
+    length: totalPages
+  }, (_, i) => i), [totalPages]);
+  return /*#__PURE__*/_jsx(Box, {
+    ref: ref,
+    accessibilityRole: "none",
+    lx: {
+      ...lx
+    },
+    style: styles.container,
+    ...props,
+    children: /*#__PURE__*/_jsx(Box, {
+      style: [styles.viewport, {
+        width: viewportWidth
+      }],
+      children: /*#__PURE__*/_jsx(AnimatedBox, {
+        style: [styles.strip, stripAnimatedStyle],
+        children: dotIndexes.map(index => /*#__PURE__*/_jsx(PageIndicatorDot, {
+          isActive: isActive(index),
+          isShrunk: isShrunk(index)
+        }, index))
+      })
+    })
+  });
+};
+PageIndicator.displayName = 'PageIndicator';
+const useDotStyles = () => useStyleSheet(t => ({
+  dot: {
+    height: t.sizes.s6,
+    width: t.sizes.s6,
+    borderRadius: t.borderRadius.full,
+    backgroundColor: t.colors.bg.mutedHover
+  }
+}), []);
+const usePageIndicatorStyles = () => useStyleSheet(t => ({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  viewport: {
+    overflow: 'hidden',
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  strip: {
+    flexDirection: 'row',
+    gap: t.spacings.s4,
+    alignItems: 'center'
+  }
+}), []);
+//# sourceMappingURL=PageIndicator.js.map

package/dist/module/lib/Components/PageIndicator/PageIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","Animated","cancelAnimation","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","useStyleSheet","useTheme","useTimingConfig","Box","jsx","_jsx","AnimatedBox","createAnimatedComponent","MAX_VISIBLE_DOTS","_worklet_15850135437702_init_data","code","location","sourceMap","useDotAnimation","isActive","isShrunk","theme","colorProgress","shrinkProgress","timingConfig","duration","easing","value","animatedStyle","PageIndicatorTsx1Factory","_e","global","Error","PageIndicatorTsx1","backgroundColor","colors","bg","mutedHover","mutedStrong","size","sizes","s6","s4","height","width","__closure","__workletHash","__pluginVersion","__initData","__stackDetails","_worklet_16248974217569_init_data","useStripAnimation","currentPage","totalPages","dotSize","gap","translateX","prevPage","direction","current","forwardAnchor","backwardAnchor","anchorIndex","lastPage","visibleDots","Math","min","offset","max","dotWidth","stripAnimatedStyle","PageIndicatorTsx2Factory","PageIndicatorTsx2","transform","viewportWidth","firstVisibleIndex","lastVisibleIndex","index","PageIndicatorDot","styles","useDotStyles","style","dot","PageIndicator","lx","ref","props","usePageIndicatorStyles","currentPageIndex","spacings","dotIndexes","Array","from","length","_","i","accessibilityRole","container","children","viewport","strip","map","displayName","t","borderRadius","full","alignItems","justifyContent","overflow","flexDirection"],"sourceRoot":"../../../../../src","sources":["lib/Components/PageIndicator/PageIndicator.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/PageIndicator/PageIndicator.mdx

@@ -0,0 +1,124 @@
+import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
+import * as PageIndicatorStories from './PageIndicator.stories';
+import { PageIndicator } from './PageIndicator';
+import { CustomTabs, Tab } from '../../../../.storybook/components';
+import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
+
+<Meta title='Communication/PageIndicator' of={PageIndicatorStories} />
+
+# PageIndicator
+
+<CustomTabs>
+  <Tab label="Overview">
+
+## Introduction
+
+The PageIndicator component displays pagination progress with animated dots representing pages. It shows a maximum of 4 dots on screen at a time, with smooth transitions when navigating through multiple pages.
+
+> View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=11227-7095&m=dev).
+
+## Anatomy
+
+<div style={{ width: '100%' }}>
+  <Canvas of={PageIndicatorStories.Base} />
+</div>
+
+The PageIndicator consists of:
+
+- **Container**: The root wrapper that centers the dots
+- **Viewport**: A fixed-width container showing up to 4 dots
+- **Dots**: Circular indicators representing each page
+- **Active dot**: The current page, displayed with stronger color
+- **Inactive dots**: Other pages, displayed with muted color
+
+## Properties
+
+- **currentPage**: 1-based page number (first page is 1, second is 2, etc.). Valid range: 1 to totalPages.
+- **totalPages**: Total number of pages.
+
+### Overview
+
+<div style={{ width: '100%' }}>
+  <Canvas of={PageIndicatorStories.Base} />
+</div>
+
+<Controls of={PageIndicatorStories.Base} />
+
+### Interactive Example
+
+When there are more than 4 pages, the indicator automatically shows a sliding window of dots. Edge dots shrink to indicate more pages are available in that direction.
+
+<div style={{ width: '100%' }}>
+  <Canvas of={PageIndicatorStories.Interactive} />
+</div>
+
+## Behavior
+
+- **Maximum visible dots**: 4 dots are displayed on screen at once
+- **Smooth animations**: Page transitions are animated with 200ms duration
+- **Smart scrolling**: The indicator automatically scrolls to keep the current page visible
+- **Edge indicators**: Dots at the edges shrink when more pages exist beyond the visible range
+
+## Accessibility
+
+- The component has `accessibilityRole='none'` as it's a visual indicator
+- Ensure surrounding controls (like navigation buttons) have proper accessibility labels
+
+</Tab>
+<Tab label="Implementation">
+
+## Setup
+
+Install and set up the library with our [Setup Guide →](?path=/docs/getting-started-setup--docs).
+
+## Basic Usage
+
+```tsx
+import { PageIndicator } from '@ledgerhq/lumen-ui-rnative';
+import { useState } from 'react';
+
+function MyComponent() {
+  const [currentPage, setCurrentPage] = useState(1);
+  const totalPages = 5;
+
+  return <PageIndicator currentPage={currentPage} totalPages={totalPages} />;
+}
+```
+
+### With Navigation Controls
+
+```tsx
+import { PageIndicator, IconButton, Box } from '@ledgerhq/lumen-ui-rnative';
+import { ArrowLeft, ArrowRight } from '@ledgerhq/lumen-ui-rnative/symbols';
+import { useState } from 'react';
+
+function MyComponent() {
+  const [page, setPage] = useState(1);
+  const totalPages = 9;
+
+  return (
+    <Box lx={{ gap: 's16', alignItems: 'center' }}>
+      <Box lx={{ flexDirection: 'row', gap: 's16', alignItems: 'center' }}>
+        <IconButton
+          icon={ArrowLeft}
+          size='xs'
+          accessibilityLabel='Previous page'
+          onPress={() => setPage((v) => Math.max(1, v - 1))}
+        />
+        <PageIndicator currentPage={page} totalPages={totalPages} />
+        <IconButton
+          icon={ArrowRight}
+          size='xs'
+          accessibilityLabel='Next page'
+          onPress={() => setPage((v) => Math.min(totalPages, v + 1))}
+        />
+      </Box>
+    </Box>
+  );
+}
+```
+
+<CommonRulesDoAndDont />
+
+</Tab>
+</CustomTabs>

package/dist/module/lib/Components/PageIndicator/PageIndicator.stories.js

@@ -0,0 +1,92 @@
+"use strict";
+
+import { useState } from 'react';
+import { Box, Text, IconButton } from "../index.js";
+import { useTheme } from "../../../styles/index.js";
+import { ArrowLeft, ArrowRight } from "../../Symbols/index.js";
+import { PageIndicator } from "./PageIndicator.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Communication/PageIndicator',
+  component: PageIndicator,
+  parameters: {
+    layout: 'centered',
+    backgrounds: {
+      default: 'light'
+    }
+  },
+  argTypes: {
+    currentPage: {
+      control: 'number'
+    },
+    totalPages: {
+      control: 'number'
+    }
+  }
+};
+export default meta;
+export const Base = {
+  args: {
+    currentPage: 1,
+    totalPages: 5
+  }
+};
+const InteractiveComponent = ({
+  totalPages
+}) => {
+  const [page, setPage] = useState(1);
+  const {
+    theme
+  } = useTheme();
+  return /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      gap: 's16',
+      alignItems: 'center',
+      width: 'full'
+    },
+    children: [/*#__PURE__*/_jsxs(Box, {
+      lx: {
+        flexDirection: 'row',
+        gap: 's16',
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: [/*#__PURE__*/_jsx(IconButton, {
+        icon: ArrowLeft,
+        size: "xs",
+        accessibilityLabel: "Previous page",
+        appearance: "transparent",
+        onPress: () => setPage(v => Math.max(1, v - 1))
+      }), /*#__PURE__*/_jsx(Text, {
+        lx: {
+          color: 'base',
+          width: 's28',
+          textAlign: 'center'
+        },
+        style: {
+          ...theme.typographies.heading2SemiBold
+        },
+        children: page
+      }), /*#__PURE__*/_jsx(IconButton, {
+        icon: ArrowRight,
+        size: "xs",
+        accessibilityLabel: "Next page",
+        appearance: "transparent",
+        onPress: () => setPage(v => Math.min(totalPages, v + 1))
+      })]
+    }), /*#__PURE__*/_jsx(PageIndicator, {
+      currentPage: page,
+      totalPages: totalPages
+    })]
+  });
+};
+export const Interactive = {
+  args: {
+    currentPage: 1,
+    totalPages: 9
+  },
+  render: args => /*#__PURE__*/_jsx(InteractiveComponent, {
+    totalPages: args.totalPages
+  })
+};
+//# sourceMappingURL=PageIndicator.stories.js.map

package/dist/module/lib/Components/PageIndicator/PageIndicator.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Box","Text","IconButton","useTheme","ArrowLeft","ArrowRight","PageIndicator","jsx","_jsx","jsxs","_jsxs","meta","title","component","parameters","layout","backgrounds","default","argTypes","currentPage","control","totalPages","Base","args","InteractiveComponent","page","setPage","theme","lx","gap","alignItems","width","children","flexDirection","justifyContent","icon","size","accessibilityLabel","appearance","onPress","v","Math","max","color","textAlign","style","typographies","heading2SemiBold","min","Interactive","render"],"sourceRoot":"../../../../../src","sources":["lib/Components/PageIndicator/PageIndicator.stories.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/PageIndicator/PageIndicator.test.js

@@ -0,0 +1,155 @@
+"use strict";
+
+import { describe, expect, it } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { render, screen } from '@testing-library/react-native';
+import React from 'react';
+import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
+import { PageIndicator } from "./PageIndicator.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const renderWithProvider = component => {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    themes: ledgerLiveThemes,
+    colorScheme: "dark",
+    locale: "en",
+    children: component
+  }));
+};
+describe('PageIndicator Component', () => {
+  describe('Rendering', () => {
+    it('should render with required props', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        testID: "page-indicator",
+        currentPage: 1,
+        totalPages: 5
+      }));
+      expect(screen.getByTestId('page-indicator')).toBeTruthy();
+    });
+    it('should have correct accessibility role', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        testID: "page-indicator",
+        currentPage: 1,
+        totalPages: 5
+      }));
+      const indicator = screen.getByTestId('page-indicator');
+      expect(indicator.props.accessibilityRole).toBe('none');
+    });
+    it('should render all dots when totalPages is less than max visible', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        testID: "page-indicator",
+        currentPage: 1,
+        totalPages: 3
+      }));
+      // Should render 3 dots (less than MAX_VISIBLE_DOTS which is 4)
+      expect(screen.getByTestId('page-indicator')).toBeTruthy();
+    });
+    it('should render max visible dots when totalPages exceeds max', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        testID: "page-indicator",
+        currentPage: 1,
+        totalPages: 10
+      }));
+      // Should render 10 dots but only 4 visible in viewport
+      expect(screen.getByTestId('page-indicator')).toBeTruthy();
+    });
+  });
+  describe('Page States', () => {
+    it('should render with first page active', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        testID: "page-indicator",
+        currentPage: 1,
+        totalPages: 5
+      }));
+      expect(screen.getByTestId('page-indicator')).toBeTruthy();
+    });
+    it('should render with middle page active', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        testID: "page-indicator",
+        currentPage: 3,
+        totalPages: 5
+      }));
+      expect(screen.getByTestId('page-indicator')).toBeTruthy();
+    });
+    it('should render with last page active', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        testID: "page-indicator",
+        currentPage: 5,
+        totalPages: 5
+      }));
+      expect(screen.getByTestId('page-indicator')).toBeTruthy();
+    });
+  });
+  describe('Edge Cases', () => {
+    it('should render with single page', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        testID: "page-indicator",
+        currentPage: 1,
+        totalPages: 1
+      }));
+      expect(screen.getByTestId('page-indicator')).toBeTruthy();
+    });
+    it('should render with two pages', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        testID: "page-indicator",
+        currentPage: 1,
+        totalPages: 2
+      }));
+      expect(screen.getByTestId('page-indicator')).toBeTruthy();
+    });
+    it('should render with many pages', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        testID: "page-indicator",
+        currentPage: 6,
+        totalPages: 20
+      }));
+      expect(screen.getByTestId('page-indicator')).toBeTruthy();
+    });
+  });
+  describe('Custom Styling', () => {
+    it('should accept lx prop for custom styling', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        testID: "page-indicator",
+        currentPage: 1,
+        totalPages: 5,
+        lx: {
+          marginTop: 's16'
+        }
+      }));
+      expect(screen.getByTestId('page-indicator')).toBeTruthy();
+    });
+    it('should accept style prop for custom styling', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        testID: "page-indicator",
+        currentPage: 1,
+        totalPages: 5,
+        style: {
+          marginTop: 16
+        }
+      }));
+      expect(screen.getByTestId('page-indicator')).toBeTruthy();
+    });
+  });
+  describe('Props', () => {
+    it('should accept ref prop', () => {
+      const ref = /*#__PURE__*/React.createRef();
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        ref: ref,
+        testID: "page-indicator",
+        currentPage: 1,
+        totalPages: 5
+      }));
+      expect(screen.getByTestId('page-indicator')).toBeTruthy();
+    });
+    it('should accept additional props', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(PageIndicator, {
+        testID: "page-indicator",
+        currentPage: 1,
+        totalPages: 5,
+        accessibilityLabel: "Page indicator"
+      }));
+      const indicator = screen.getByTestId('page-indicator');
+      expect(indicator.props.accessibilityLabel).toBe('Page indicator');
+    });
+  });
+});
+//# sourceMappingURL=PageIndicator.test.js.map

package/dist/module/lib/Components/PageIndicator/PageIndicator.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","ledgerLiveThemes","render","screen","React","ThemeProvider","PageIndicator","jsx","_jsx","renderWithProvider","component","themes","colorScheme","locale","children","testID","currentPage","totalPages","getByTestId","toBeTruthy","indicator","props","accessibilityRole","toBe","lx","marginTop","style","ref","createRef","accessibilityLabel"],"sourceRoot":"../../../../../src","sources":["lib/Components/PageIndicator/PageIndicator.test.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/PageIndicator/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./PageIndicator.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/module/lib/Components/PageIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/PageIndicator/index.ts"],"mappings":";;AAAA,cAAc,oBAAiB;AAC/B,cAAc,YAAS","ignoreList":[]}

package/dist/module/lib/Components/PageIndicator/types.js

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