@impulse-ui-native/pagination 5.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ImpulseUI Native contributors
+
+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,41 @@
+# @impulse-ui-native/pagination
+
+Token-aware page navigation for React Native mobile applications.
+
+## Installation
+
+```sh
+pnpm add @impulse-ui-native/pagination
+```
+
+Render the component inside `ThemeProvider` from `@impulse-ui-native/theme`.
+The package expects compatible `react`, `react-native`, and `react-native-svg`
+peer dependencies in the host application.
+
+## Usage
+
+```tsx
+import { Pagination } from "@impulse-ui-native/pagination";
+
+export function ResultsPagination() {
+  return <Pagination defaultPage={1} pageCount={12} />;
+}
+```
+
+Use `page` and `onPageChange` for controlled state, or `defaultPage` for
+uncontrolled state. Page values are normalized to the available range.
+
+Set `compact` for the mobile-friendly previous/status/next layout:
+
+```tsx
+<Pagination compact defaultPage={3} pageCount={12} />
+```
+
+The control supports `small`, `medium`, and `large` sizes. Its visible page
+window adapts to the measured width: it shows up to seven page items, condenses
+to five items around the current page, and falls back to the compact status
+layout when space is tighter. Set `compact` to force that layout. Override
+`getCompactLabel` to localize the visible compact status text.
+
+Pagination items use the shared primitives `Pressable`; pressed feedback comes
+from that primitive and is not modeled as Pagination state or theme tokens.

package/dist/components/index.d.mts

@@ -0,0 +1,6 @@
+export { Pagination } from './pagination.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import '../types/pagination.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/theme';

package/dist/components/index.js

@@ -0,0 +1,5 @@
+import { Pagination } from "./pagination";
+export {
+  Pagination
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export { Pagination } from \"./pagination\";\n"],"mappings":"AAAA,SAAS,kBAAkB;","names":[]}

package/dist/components/pagination-button.d.mts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IconProps } from '@impulse-ui-native/icon/types';
+import { ComponentSize } from '@impulse-ui-native/theme';
+
+interface PaginationButtonProps {
+    current?: boolean;
+    disabled?: boolean;
+    Icon?: IconProps["icon"];
+    label?: number;
+    onSelect: (page: number) => void;
+    size: ComponentSize;
+    targetPage: number;
+}
+declare const PaginationButton: react.MemoExoticComponent<({ current, disabled, Icon: IconComponent, label, onSelect, size, targetPage, }: PaginationButtonProps) => react_jsx_runtime.JSX.Element>;
+
+export { PaginationButton };

package/dist/components/pagination-button.js

@@ -0,0 +1,77 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { StyleSheet } from "react-native";
+import { useEventCallback } from "@impulse-ui-native/core";
+import { Icon } from "@impulse-ui-native/icon/components/icon";
+import { Pressable, Typography } from "@impulse-ui-native/primitives";
+import {
+  getPaginationStateTokens,
+  useComponentsTokens,
+  useThemedStyles
+} from "@impulse-ui-native/theme";
+const PaginationButton = memo(function PaginationButton2({
+  current = false,
+  disabled = false,
+  Icon: IconComponent,
+  label,
+  onSelect,
+  size,
+  targetPage
+}) {
+  const tokens = useComponentsTokens().pagination;
+  const styles = useThemedStyles(themedStyles, { current, disabled, size }, [
+    current,
+    disabled,
+    size
+  ]);
+  const handlePress = useEventCallback((_event) => {
+    onSelect(targetPage);
+  });
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      disabled,
+      hitSlop: tokens.sizes[size].hitSlop,
+      onPress: handlePress,
+      style: styles.root,
+      children: IconComponent ? /* @__PURE__ */ jsx(
+        Icon,
+        {
+          color: styles.content.color,
+          icon: IconComponent,
+          size: tokens.sizes[size].iconSize,
+          variant: "bold"
+        }
+      ) : /* @__PURE__ */ jsx(Typography.Label, { numeric: true, style: styles.content, children: label })
+    }
+  );
+});
+function themedStyles(theme, props) {
+  const tokens = theme.components.pagination;
+  const sizeTokens = tokens.sizes[props.size];
+  const stateTokens = getPaginationStateTokens(tokens.states, {
+    current: props.current,
+    disabled: props.disabled
+  });
+  return StyleSheet.create({
+    root: {
+      alignItems: "center",
+      justifyContent: "center",
+      width: sizeTokens.controlSize,
+      height: sizeTokens.controlSize,
+      backgroundColor: stateTokens.backgroundColor,
+      borderColor: stateTokens.borderColor,
+      borderRadius: tokens.borderRadius,
+      borderWidth: tokens.borderWidth
+    },
+    content: {
+      color: stateTokens.color,
+      fontSize: sizeTokens.fontSize,
+      textAlign: "center"
+    }
+  });
+}
+export {
+  PaginationButton
+};
+//# sourceMappingURL=pagination-button.js.map

package/dist/components/pagination-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/pagination-button.tsx"],"sourcesContent":["import type { GestureResponderEvent } from \"react-native\";\nimport { memo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { IconProps } from \"@impulse-ui-native/icon/types\";\nimport type { AppTheme, ComponentSize } from \"@impulse-ui-native/theme\";\nimport { useEventCallback } from \"@impulse-ui-native/core\";\nimport { Icon } from \"@impulse-ui-native/icon/components/icon\";\nimport { Pressable, Typography } from \"@impulse-ui-native/primitives\";\nimport {\n  getPaginationStateTokens,\n  useComponentsTokens,\n  useThemedStyles,\n} from \"@impulse-ui-native/theme\";\n\nimport type { PaginationButtonThemeProps } from \"../types\";\n\ninterface PaginationButtonProps {\n  current?: boolean;\n  disabled?: boolean;\n  Icon?: IconProps[\"icon\"];\n  label?: number;\n  onSelect: (page: number) => void;\n  size: ComponentSize;\n  targetPage: number;\n}\n\nexport const PaginationButton = memo(function PaginationButton({\n  current = false,\n  disabled = false,\n  Icon: IconComponent,\n  label,\n  onSelect,\n  size,\n  targetPage,\n}: PaginationButtonProps) {\n  const tokens = useComponentsTokens().pagination;\n  const styles = useThemedStyles(themedStyles, { current, disabled, size }, [\n    current,\n    disabled,\n    size,\n  ]);\n\n  const handlePress = useEventCallback((_event: GestureResponderEvent) => {\n    onSelect(targetPage);\n  });\n\n  return (\n    <Pressable\n      disabled={disabled}\n      hitSlop={tokens.sizes[size].hitSlop}\n      onPress={handlePress}\n      style={styles.root}\n    >\n      {IconComponent ? (\n        <Icon\n          color={styles.content.color}\n          icon={IconComponent}\n          size={tokens.sizes[size].iconSize}\n          variant=\"bold\"\n        />\n      ) : (\n        <Typography.Label numeric style={styles.content}>\n          {label}\n        </Typography.Label>\n      )}\n    </Pressable>\n  );\n});\n\nfunction themedStyles(theme: AppTheme, props: PaginationButtonThemeProps) {\n  const tokens = theme.components.pagination;\n  const sizeTokens = tokens.sizes[props.size];\n  const stateTokens = getPaginationStateTokens(tokens.states, {\n    current: props.current,\n    disabled: props.disabled,\n  });\n\n  return StyleSheet.create({\n    root: {\n      alignItems: \"center\",\n      justifyContent: \"center\",\n\n      width: sizeTokens.controlSize,\n      height: sizeTokens.controlSize,\n\n      backgroundColor: stateTokens.backgroundColor,\n      borderColor: stateTokens.borderColor,\n      borderRadius: tokens.borderRadius,\n      borderWidth: tokens.borderWidth,\n    },\n    content: {\n      color: stateTokens.color,\n      fontSize: sizeTokens.fontSize,\n      textAlign: \"center\",\n    },\n  });\n}\n"],"mappings":"AAuDQ;AAtDR,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAI3B,SAAS,wBAAwB;AACjC,SAAS,YAAY;AACrB,SAAS,WAAW,kBAAkB;AACtC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcA,MAAM,mBAAmB,KAAK,SAASA,kBAAiB;AAAA,EAC7D,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,SAAS,oBAAoB,EAAE;AACrC,QAAM,SAAS,gBAAgB,cAAc,EAAE,SAAS,UAAU,KAAK,GAAG;AAAA,IACxE;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,cAAc,iBAAiB,CAAC,WAAkC;AACtE,aAAS,UAAU;AAAA,EACrB,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,OAAO,MAAM,IAAI,EAAE;AAAA,MAC5B,SAAS;AAAA,MACT,OAAO,OAAO;AAAA,MAEb,0BACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,QAAQ;AAAA,UACtB,MAAM;AAAA,UACN,MAAM,OAAO,MAAM,IAAI,EAAE;AAAA,UACzB,SAAQ;AAAA;AAAA,MACV,IAEA,oBAAC,WAAW,OAAX,EAAiB,SAAO,MAAC,OAAO,OAAO,SACrC,iBACH;AAAA;AAAA,EAEJ;AAEJ,CAAC;AAED,SAAS,aAAa,OAAiB,OAAmC;AACxE,QAAM,SAAS,MAAM,WAAW;AAChC,QAAM,aAAa,OAAO,MAAM,MAAM,IAAI;AAC1C,QAAM,cAAc,yBAAyB,OAAO,QAAQ;AAAA,IAC1D,SAAS,MAAM;AAAA,IACf,UAAU,MAAM;AAAA,EAClB,CAAC;AAED,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,OAAO,WAAW;AAAA,MAClB,QAAQ,WAAW;AAAA,MAEnB,iBAAiB,YAAY;AAAA,MAC7B,aAAa,YAAY;AAAA,MACzB,cAAc,OAAO;AAAA,MACrB,aAAa,OAAO;AAAA,IACtB;AAAA,IACA,SAAS;AAAA,MACP,OAAO,YAAY;AAAA,MACnB,UAAU,WAAW;AAAA,MACrB,WAAW;AAAA,IACb;AAAA,EACF,CAAC;AACH;","names":["PaginationButton"]}

package/dist/components/pagination.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PaginationProps } from '../types/pagination.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/theme';
+
+declare const Pagination: react.MemoExoticComponent<({ compact, defaultPage, disabled, getCompactLabel, onLayout, onPageChange, page: pageProp, pageCount, size, style, ...props }: PaginationProps) => react_jsx_runtime.JSX.Element>;
+
+export { Pagination };

package/dist/components/pagination.js

@@ -0,0 +1,166 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useMemo, useState } from "react";
+import { I18nManager, StyleSheet } from "react-native";
+import {
+  useControllableState,
+  useEventCallback
+} from "@impulse-ui-native/core";
+import { CaretLeftIcon } from "@impulse-ui-native/icon/icons/caret-left";
+import { CaretRightIcon } from "@impulse-ui-native/icon/icons/caret-right";
+import { Typography, View } from "@impulse-ui-native/primitives";
+import {
+  getPaginationStateTokens,
+  useComponentsTokens,
+  useThemedStyles
+} from "@impulse-ui-native/theme";
+import {
+  clampPage,
+  getDefaultCompactLabel,
+  getPaginationItems,
+  getPaginationWindowLayout,
+  normalizePageCount
+} from "../utils";
+import { PaginationButton } from "./pagination-button";
+const Pagination = memo(function Pagination2({
+  compact = false,
+  defaultPage = 1,
+  disabled = false,
+  getCompactLabel = getDefaultCompactLabel,
+  onLayout,
+  onPageChange,
+  page: pageProp,
+  pageCount,
+  size = "medium",
+  style,
+  ...props
+}) {
+  const tokens = useComponentsTokens().pagination;
+  const [availableWidth, setAvailableWidth] = useState();
+  const normalizedPageCount = normalizePageCount(pageCount);
+  const [page, setPage] = useControllableState({
+    prop: pageProp,
+    defaultProp: clampPage(defaultPage, normalizedPageCount),
+    onChange: onPageChange
+  });
+  const resolvedPage = clampPage(page, normalizedPageCount);
+  const styles = useThemedStyles(themedStyles, { disabled, size }, [
+    disabled,
+    size
+  ]);
+  const windowLayout = useMemo(
+    () => getPaginationWindowLayout(
+      availableWidth,
+      normalizedPageCount,
+      tokens.sizes[size].controlSize,
+      tokens.sizes[size].compactMinWidth,
+      tokens.gap
+    ),
+    [availableWidth, normalizedPageCount, size, tokens.gap, tokens.sizes]
+  );
+  const items = useMemo(
+    () => getPaginationItems(
+      resolvedPage,
+      normalizedPageCount,
+      windowLayout === "condensed" ? 5 : 7
+    ),
+    [normalizedPageCount, resolvedPage, windowLayout]
+  );
+  const rootStyle = useMemo(() => [styles.root, style], [style, styles.root]);
+  const selectPage = useEventCallback((nextPage) => {
+    if (!disabled) {
+      setPage(clampPage(nextPage, normalizedPageCount));
+    }
+  });
+  const handleLayout = useEventCallback((event) => {
+    setAvailableWidth(event.nativeEvent.layout.width);
+    onLayout?.(event);
+  });
+  const PreviousIcon = I18nManager.isRTL ? CaretRightIcon : CaretLeftIcon;
+  const NextIcon = I18nManager.isRTL ? CaretLeftIcon : CaretRightIcon;
+  const previousDisabled = disabled || resolvedPage === 1;
+  const nextDisabled = disabled || resolvedPage === normalizedPageCount;
+  const showCompact = compact || windowLayout === "compact";
+  return /* @__PURE__ */ jsxs(View, { ...props, onLayout: handleLayout, style: rootStyle, children: [
+    /* @__PURE__ */ jsx(
+      PaginationButton,
+      {
+        disabled: previousDisabled,
+        Icon: PreviousIcon,
+        onSelect: selectPage,
+        size,
+        targetPage: resolvedPage - 1
+      }
+    ),
+    showCompact ? /* @__PURE__ */ jsx(View, { style: styles.compactStatus, children: /* @__PURE__ */ jsx(Typography.Label, { numeric: true, style: styles.compactLabel, children: getCompactLabel(resolvedPage, normalizedPageCount) }) }) : items.map(
+      (item) => typeof item === "number" ? /* @__PURE__ */ jsx(
+        PaginationButton,
+        {
+          current: item === resolvedPage,
+          disabled,
+          label: item,
+          onSelect: selectPage,
+          size,
+          targetPage: item
+        },
+        item
+      ) : /* @__PURE__ */ jsx(View, { style: styles.ellipsis, children: /* @__PURE__ */ jsx(Typography.Label, { style: styles.ellipsisLabel, children: "\u2026" }) }, item)
+    ),
+    /* @__PURE__ */ jsx(
+      PaginationButton,
+      {
+        disabled: nextDisabled,
+        Icon: NextIcon,
+        onSelect: selectPage,
+        size,
+        targetPage: resolvedPage + 1
+      }
+    )
+  ] });
+});
+function themedStyles(theme, props) {
+  const tokens = theme.components.pagination;
+  const sizeTokens = tokens.sizes[props.size];
+  const statusTokens = getPaginationStateTokens(tokens.states, {
+    current: false,
+    disabled: props.disabled
+  });
+  return StyleSheet.create({
+    root: {
+      alignItems: "center",
+      flexDirection: "row",
+      flexWrap: "nowrap",
+      gap: tokens.gap
+    },
+    compactStatus: {
+      alignItems: "center",
+      justifyContent: "center",
+      minWidth: sizeTokens.compactMinWidth,
+      height: sizeTokens.controlSize,
+      paddingHorizontal: sizeTokens.paddingHorizontal,
+      backgroundColor: statusTokens.backgroundColor,
+      borderColor: statusTokens.borderColor,
+      borderRadius: tokens.borderRadius,
+      borderWidth: tokens.borderWidth
+    },
+    compactLabel: {
+      color: statusTokens.color,
+      fontSize: sizeTokens.fontSize,
+      textAlign: "center"
+    },
+    ellipsis: {
+      alignItems: "center",
+      justifyContent: "center",
+      width: sizeTokens.controlSize,
+      height: sizeTokens.controlSize
+    },
+    ellipsisLabel: {
+      color: statusTokens.ellipsisColor,
+      fontSize: sizeTokens.fontSize,
+      textAlign: "center"
+    }
+  });
+}
+export {
+  Pagination
+};
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/pagination.tsx"],"sourcesContent":["import type { LayoutChangeEvent } from \"react-native\";\nimport { memo, useMemo, useState } from \"react\";\nimport { I18nManager, StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport {\n  useControllableState,\n  useEventCallback,\n} from \"@impulse-ui-native/core\";\nimport { CaretLeftIcon } from \"@impulse-ui-native/icon/icons/caret-left\";\nimport { CaretRightIcon } from \"@impulse-ui-native/icon/icons/caret-right\";\nimport { Typography, View } from \"@impulse-ui-native/primitives\";\nimport {\n  getPaginationStateTokens,\n  useComponentsTokens,\n  useThemedStyles,\n} from \"@impulse-ui-native/theme\";\n\nimport type { PaginationProps, PaginationThemeProps } from \"../types\";\nimport {\n  clampPage,\n  getDefaultCompactLabel,\n  getPaginationItems,\n  getPaginationWindowLayout,\n  normalizePageCount,\n} from \"../utils\";\nimport { PaginationButton } from \"./pagination-button\";\n\nexport const Pagination = memo(function Pagination({\n  compact = false,\n  defaultPage = 1,\n  disabled = false,\n  getCompactLabel = getDefaultCompactLabel,\n  onLayout,\n  onPageChange,\n  page: pageProp,\n  pageCount,\n  size = \"medium\",\n  style,\n  ...props\n}: PaginationProps) {\n  const tokens = useComponentsTokens().pagination;\n  const [availableWidth, setAvailableWidth] = useState<number>();\n  const normalizedPageCount = normalizePageCount(pageCount);\n  const [page, setPage] = useControllableState<number>({\n    prop: pageProp,\n    defaultProp: clampPage(defaultPage, normalizedPageCount),\n    onChange: onPageChange,\n  });\n  const resolvedPage = clampPage(page, normalizedPageCount);\n  const styles = useThemedStyles(themedStyles, { disabled, size }, [\n    disabled,\n    size,\n  ]);\n\n  const windowLayout = useMemo(\n    () =>\n      getPaginationWindowLayout(\n        availableWidth,\n        normalizedPageCount,\n        tokens.sizes[size].controlSize,\n        tokens.sizes[size].compactMinWidth,\n        tokens.gap,\n      ),\n    [availableWidth, normalizedPageCount, size, tokens.gap, tokens.sizes],\n  );\n  const items = useMemo(\n    () =>\n      getPaginationItems(\n        resolvedPage,\n        normalizedPageCount,\n        windowLayout === \"condensed\" ? 5 : 7,\n      ),\n    [normalizedPageCount, resolvedPage, windowLayout],\n  );\n  const rootStyle = useMemo(() => [styles.root, style], [style, styles.root]);\n\n  const selectPage = useEventCallback((nextPage: number) => {\n    if (!disabled) {\n      setPage(clampPage(nextPage, normalizedPageCount));\n    }\n  });\n  const handleLayout = useEventCallback((event: LayoutChangeEvent) => {\n    setAvailableWidth(event.nativeEvent.layout.width);\n    onLayout?.(event);\n  });\n\n  const PreviousIcon = I18nManager.isRTL ? CaretRightIcon : CaretLeftIcon;\n  const NextIcon = I18nManager.isRTL ? CaretLeftIcon : CaretRightIcon;\n  const previousDisabled = disabled || resolvedPage === 1;\n  const nextDisabled = disabled || resolvedPage === normalizedPageCount;\n  const showCompact = compact || windowLayout === \"compact\";\n\n  return (\n    <View {...props} onLayout={handleLayout} style={rootStyle}>\n      <PaginationButton\n        disabled={previousDisabled}\n        Icon={PreviousIcon}\n        onSelect={selectPage}\n        size={size}\n        targetPage={resolvedPage - 1}\n      />\n\n      {showCompact ? (\n        <View style={styles.compactStatus}>\n          <Typography.Label numeric style={styles.compactLabel}>\n            {getCompactLabel(resolvedPage, normalizedPageCount)}\n          </Typography.Label>\n        </View>\n      ) : (\n        items.map((item) =>\n          typeof item === \"number\" ? (\n            <PaginationButton\n              key={item}\n              current={item === resolvedPage}\n              disabled={disabled}\n              label={item}\n              onSelect={selectPage}\n              size={size}\n              targetPage={item}\n            />\n          ) : (\n            <View key={item} style={styles.ellipsis}>\n              <Typography.Label style={styles.ellipsisLabel}>\n                {\"\\u2026\"}\n              </Typography.Label>\n            </View>\n          ),\n        )\n      )}\n\n      <PaginationButton\n        disabled={nextDisabled}\n        Icon={NextIcon}\n        onSelect={selectPage}\n        size={size}\n        targetPage={resolvedPage + 1}\n      />\n    </View>\n  );\n});\n\nfunction themedStyles(theme: AppTheme, props: PaginationThemeProps) {\n  const tokens = theme.components.pagination;\n  const sizeTokens = tokens.sizes[props.size];\n  const statusTokens = getPaginationStateTokens(tokens.states, {\n    current: false,\n    disabled: props.disabled,\n  });\n\n  return StyleSheet.create({\n    root: {\n      alignItems: \"center\",\n      flexDirection: \"row\",\n      flexWrap: \"nowrap\",\n      gap: tokens.gap,\n    },\n    compactStatus: {\n      alignItems: \"center\",\n      justifyContent: \"center\",\n\n      minWidth: sizeTokens.compactMinWidth,\n      height: sizeTokens.controlSize,\n      paddingHorizontal: sizeTokens.paddingHorizontal,\n\n      backgroundColor: statusTokens.backgroundColor,\n      borderColor: statusTokens.borderColor,\n      borderRadius: tokens.borderRadius,\n      borderWidth: tokens.borderWidth,\n    },\n    compactLabel: {\n      color: statusTokens.color,\n      fontSize: sizeTokens.fontSize,\n      textAlign: \"center\",\n    },\n    ellipsis: {\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      width: sizeTokens.controlSize,\n      height: sizeTokens.controlSize,\n    },\n    ellipsisLabel: {\n      color: statusTokens.ellipsisColor,\n      fontSize: sizeTokens.fontSize,\n      textAlign: \"center\",\n    },\n  });\n}\n"],"mappings":"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","names":["Pagination"]}

package/dist/index.d.mts

@@ -0,0 +1,6 @@
+export { Pagination } from './components/pagination.mjs';
+export { PaginationButtonThemeProps, PaginationCompactLabelFormatter, PaginationItemValue, PaginationProps, PaginationThemeProps } from './types/pagination.types.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-native';
+import '@impulse-ui-native/theme';

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from "./components";
+export * from "./types";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/types/index.d.mts

@@ -0,0 +1,3 @@
+export { PaginationButtonThemeProps, PaginationCompactLabelFormatter, PaginationItemValue, PaginationProps, PaginationThemeProps } from './pagination.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/theme';

package/dist/types/index.js

@@ -0,0 +1,2 @@
+export * from "./pagination.types";
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./pagination.types\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/types/pagination-internal.types.d.mts

@@ -0,0 +1,3 @@
+type PaginationWindowLayout = "compact" | "condensed" | "full";
+
+export type { PaginationWindowLayout };

package/dist/types/pagination-internal.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=pagination-internal.types.js.map

package/dist/types/pagination-internal.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/pagination.types.d.mts

@@ -0,0 +1,33 @@
+import { ViewProps } from 'react-native';
+import { ComponentSize } from '@impulse-ui-native/theme';
+
+type PaginationItemValue = number | "start-ellipsis" | "end-ellipsis";
+type PaginationCompactLabelFormatter = (page: number, pageCount: number) => string;
+interface PaginationCommonProps extends Omit<ViewProps, "children"> {
+    compact?: boolean;
+    disabled?: boolean;
+    getCompactLabel?: PaginationCompactLabelFormatter;
+    onPageChange?: (page: number) => void;
+    pageCount: number;
+    size?: ComponentSize;
+}
+interface PaginationControlledProps extends PaginationCommonProps {
+    defaultPage?: never;
+    page: number;
+}
+interface PaginationUncontrolledProps extends PaginationCommonProps {
+    defaultPage?: number;
+    page?: never;
+}
+type PaginationProps = PaginationControlledProps | PaginationUncontrolledProps;
+interface PaginationThemeProps {
+    disabled: boolean;
+    size: ComponentSize;
+}
+interface PaginationButtonThemeProps {
+    current: boolean;
+    disabled: boolean;
+    size: ComponentSize;
+}
+
+export type { PaginationButtonThemeProps, PaginationCompactLabelFormatter, PaginationItemValue, PaginationProps, PaginationThemeProps };

package/dist/types/pagination.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=pagination.types.js.map

package/dist/types/pagination.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/index.d.mts

@@ -0,0 +1,5 @@
+export { clampPage, getDefaultCompactLabel, getPaginationItems, getPaginationWindowLayout, normalizePageCount } from './pagination.utils.mjs';
+import '../types/pagination.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/theme';
+import '../types/pagination-internal.types.mjs';

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+export * from "./pagination.utils";
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./pagination.utils\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/utils/pagination.utils.d.mts

@@ -0,0 +1,12 @@
+import { PaginationItemValue } from '../types/pagination.types.mjs';
+import { PaginationWindowLayout } from '../types/pagination-internal.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/theme';
+
+declare function normalizePageCount(pageCount: number): number;
+declare function clampPage(page: number, pageCount: number): number;
+declare function getPaginationItems(page: number, pageCount: number, maximumItemCount?: number): PaginationItemValue[];
+declare function getPaginationWindowLayout(availableWidth: number | undefined, pageCount: number, controlSize: number, compactMinWidth: number, gap: number): PaginationWindowLayout;
+declare function getDefaultCompactLabel(page: number, pageCount: number): string;
+
+export { clampPage, getDefaultCompactLabel, getPaginationItems, getPaginationWindowLayout, normalizePageCount };

package/dist/utils/pagination.utils.js

@@ -0,0 +1,70 @@
+function normalizePageCount(pageCount) {
+  if (!Number.isFinite(pageCount)) {
+    return 1;
+  }
+  return Math.max(1, Math.floor(pageCount));
+}
+function clampPage(page, pageCount) {
+  if (!Number.isFinite(page)) {
+    return 1;
+  }
+  return Math.min(Math.max(1, Math.floor(page)), pageCount);
+}
+function getPaginationItems(page, pageCount, maximumItemCount = 7) {
+  const normalizedMaximumItemCount = maximumItemCount >= 7 ? 7 : 5;
+  if (pageCount <= normalizedMaximumItemCount) {
+    return Array.from({ length: pageCount }, (_, index) => index + 1);
+  }
+  if (normalizedMaximumItemCount === 5) {
+    if (page <= 3) {
+      return [1, 2, 3, "end-ellipsis", pageCount];
+    }
+    if (page >= pageCount - 2) {
+      return [1, "start-ellipsis", pageCount - 2, pageCount - 1, pageCount];
+    }
+    return [1, "start-ellipsis", page, "end-ellipsis", pageCount];
+  }
+  if (page <= 3) {
+    return [1, 2, 3, "end-ellipsis", pageCount];
+  }
+  if (page >= pageCount - 2) {
+    return [1, "start-ellipsis", pageCount - 2, pageCount - 1, pageCount];
+  }
+  return [
+    1,
+    "start-ellipsis",
+    page - 1,
+    page,
+    page + 1,
+    "end-ellipsis",
+    pageCount
+  ];
+}
+function getPaginationWindowLayout(availableWidth, pageCount, controlSize, compactMinWidth, gap) {
+  if (availableWidth === void 0) {
+    return "full";
+  }
+  const fullItemCount = Math.min(pageCount, 7) + 2;
+  const fullWidth = fullItemCount * controlSize + (fullItemCount - 1) * gap;
+  if (availableWidth >= fullWidth) {
+    return "full";
+  }
+  const condensedItemCount = Math.min(pageCount, 5) + 2;
+  const condensedWidth = condensedItemCount * controlSize + (condensedItemCount - 1) * gap;
+  if (availableWidth >= condensedWidth) {
+    return "condensed";
+  }
+  const compactWidth = controlSize * 2 + compactMinWidth + gap * 2;
+  return compactWidth < condensedWidth ? "compact" : "full";
+}
+function getDefaultCompactLabel(page, pageCount) {
+  return `Page ${page} of ${pageCount}`;
+}
+export {
+  clampPage,
+  getDefaultCompactLabel,
+  getPaginationItems,
+  getPaginationWindowLayout,
+  normalizePageCount
+};
+//# sourceMappingURL=pagination.utils.js.map

package/dist/utils/pagination.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/pagination.utils.ts"],"sourcesContent":["import type { PaginationItemValue } from \"../types\";\nimport type { PaginationWindowLayout } from \"../types/pagination-internal.types\";\n\nexport function normalizePageCount(pageCount: number): number {\n  if (!Number.isFinite(pageCount)) {\n    return 1;\n  }\n\n  return Math.max(1, Math.floor(pageCount));\n}\n\nexport function clampPage(page: number, pageCount: number): number {\n  if (!Number.isFinite(page)) {\n    return 1;\n  }\n\n  return Math.min(Math.max(1, Math.floor(page)), pageCount);\n}\n\nexport function getPaginationItems(\n  page: number,\n  pageCount: number,\n  maximumItemCount = 7,\n): PaginationItemValue[] {\n  const normalizedMaximumItemCount = maximumItemCount >= 7 ? 7 : 5;\n\n  if (pageCount <= normalizedMaximumItemCount) {\n    return Array.from({ length: pageCount }, (_, index) => index + 1);\n  }\n\n  if (normalizedMaximumItemCount === 5) {\n    if (page <= 3) {\n      return [1, 2, 3, \"end-ellipsis\", pageCount];\n    }\n\n    if (page >= pageCount - 2) {\n      return [1, \"start-ellipsis\", pageCount - 2, pageCount - 1, pageCount];\n    }\n\n    return [1, \"start-ellipsis\", page, \"end-ellipsis\", pageCount];\n  }\n\n  if (page <= 3) {\n    return [1, 2, 3, \"end-ellipsis\", pageCount];\n  }\n\n  if (page >= pageCount - 2) {\n    return [1, \"start-ellipsis\", pageCount - 2, pageCount - 1, pageCount];\n  }\n\n  return [\n    1,\n    \"start-ellipsis\",\n    page - 1,\n    page,\n    page + 1,\n    \"end-ellipsis\",\n    pageCount,\n  ];\n}\n\nexport function getPaginationWindowLayout(\n  availableWidth: number | undefined,\n  pageCount: number,\n  controlSize: number,\n  compactMinWidth: number,\n  gap: number,\n): PaginationWindowLayout {\n  if (availableWidth === undefined) {\n    return \"full\";\n  }\n\n  const fullItemCount = Math.min(pageCount, 7) + 2;\n  const fullWidth = fullItemCount * controlSize + (fullItemCount - 1) * gap;\n\n  if (availableWidth >= fullWidth) {\n    return \"full\";\n  }\n\n  const condensedItemCount = Math.min(pageCount, 5) + 2;\n  const condensedWidth =\n    condensedItemCount * controlSize + (condensedItemCount - 1) * gap;\n\n  if (availableWidth >= condensedWidth) {\n    return \"condensed\";\n  }\n\n  const compactWidth = controlSize * 2 + compactMinWidth + gap * 2;\n\n  return compactWidth < condensedWidth ? \"compact\" : \"full\";\n}\n\nexport function getDefaultCompactLabel(\n  page: number,\n  pageCount: number,\n): string {\n  return `Page ${page} of ${pageCount}`;\n}\n"],"mappings":"AAGO,SAAS,mBAAmB,WAA2B;AAC5D,MAAI,CAAC,OAAO,SAAS,SAAS,GAAG;AAC/B,WAAO;AAAA,EACT;AAEA,SAAO,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,CAAC;AAC1C;AAEO,SAAS,UAAU,MAAc,WAA2B;AACjE,MAAI,CAAC,OAAO,SAAS,IAAI,GAAG;AAC1B,WAAO;AAAA,EACT;AAEA,SAAO,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,IAAI,CAAC,GAAG,SAAS;AAC1D;AAEO,SAAS,mBACd,MACA,WACA,mBAAmB,GACI;AACvB,QAAM,6BAA6B,oBAAoB,IAAI,IAAI;AAE/D,MAAI,aAAa,4BAA4B;AAC3C,WAAO,MAAM,KAAK,EAAE,QAAQ,UAAU,GAAG,CAAC,GAAG,UAAU,QAAQ,CAAC;AAAA,EAClE;AAEA,MAAI,+BAA+B,GAAG;AACpC,QAAI,QAAQ,GAAG;AACb,aAAO,CAAC,GAAG,GAAG,GAAG,gBAAgB,SAAS;AAAA,IAC5C;AAEA,QAAI,QAAQ,YAAY,GAAG;AACzB,aAAO,CAAC,GAAG,kBAAkB,YAAY,GAAG,YAAY,GAAG,SAAS;AAAA,IACtE;AAEA,WAAO,CAAC,GAAG,kBAAkB,MAAM,gBAAgB,SAAS;AAAA,EAC9D;AAEA,MAAI,QAAQ,GAAG;AACb,WAAO,CAAC,GAAG,GAAG,GAAG,gBAAgB,SAAS;AAAA,EAC5C;AAEA,MAAI,QAAQ,YAAY,GAAG;AACzB,WAAO,CAAC,GAAG,kBAAkB,YAAY,GAAG,YAAY,GAAG,SAAS;AAAA,EACtE;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,0BACd,gBACA,WACA,aACA,iBACA,KACwB;AACxB,MAAI,mBAAmB,QAAW;AAChC,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,KAAK,IAAI,WAAW,CAAC,IAAI;AAC/C,QAAM,YAAY,gBAAgB,eAAe,gBAAgB,KAAK;AAEtE,MAAI,kBAAkB,WAAW;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,qBAAqB,KAAK,IAAI,WAAW,CAAC,IAAI;AACpD,QAAM,iBACJ,qBAAqB,eAAe,qBAAqB,KAAK;AAEhE,MAAI,kBAAkB,gBAAgB;AACpC,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,cAAc,IAAI,kBAAkB,MAAM;AAE/D,SAAO,eAAe,iBAAiB,YAAY;AACrD;AAEO,SAAS,uBACd,MACA,WACQ;AACR,SAAO,QAAQ,IAAI,OAAO,SAAS;AACrC;","names":[]}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@impulse-ui-native/pagination",
+  "version": "5.0.0",
+  "description": "Token-aware pagination controls for ImpulseUI Native applications.",
+  "keywords": [
+    "react-native",
+    "pagination",
+    "navigation",
+    "components",
+    "impulse-ui-native"
+  ],
+  "license": "MIT",
+  "source": "src/index.ts",
+  "module": "dist/index.js",
+  "types": "dist/index.d.mts",
+  "react-native": "src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "react-native": "./src/index.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "@impulse-ui-native/core": "5.0.0",
+    "@impulse-ui-native/icon": "5.0.0",
+    "@impulse-ui-native/theme": "5.0.0",
+    "@impulse-ui-native/primitives": "5.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "~19.2.14",
+    "eslint": "^9.38.0",
+    "prettier": "^3.6.2",
+    "react": "19.2.3",
+    "react-native": "0.86.2",
+    "react-native-svg": "15.15.4",
+    "typescript": "~6.0.3",
+    "@impulse-ui-native/eslint-config": "1.0.0",
+    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/tsconfig": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.73",
+    "react-native-svg": ">=13.9.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "prettier": "@impulse-ui-native/prettier-config",
+  "scripts": {
+    "build": "tsup --config tsup.config.ts",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "pnpm exec eslint . --fix",
+    "format": "prettier --write \"./**/*.{ts,tsx,js,jsx,json,md}\" --ignore-path ../../.prettierignore"
+  }
+}