@yahoo/uds-mobile 2.18.0 → 2.20.0

package/dist/components/Modal/utils.d.cts

@@ -0,0 +1,28 @@
+
+import { ModalDimension } from "./types.cjs";
+import { ReactNode } from "react";
+import { DimensionValue, GestureResponderEvent } from "react-native";
+
+//#region src/components/Modal/utils.d.ts
+interface Point {
+  x: number;
+  y: number;
+}
+interface Rect {
+  height: number;
+  width: number;
+  x: number;
+  y: number;
+}
+declare function separateChildren(children: ReactNode): {
+  title: ReactNode | null;
+  description: ReactNode | null;
+  content: ReactNode | null;
+  actions: ReactNode | null;
+};
+declare function resolveModalDimension(value: ModalDimension | undefined): DimensionValue | undefined;
+declare function getEventPagePoint(event?: GestureResponderEvent): Point | null;
+declare function shouldDismissModalRelease(point: Point, surfaceRect: Rect): boolean;
+//#endregion
+export { type Point, type Rect, getEventPagePoint, resolveModalDimension, separateChildren, shouldDismissModalRelease };
+//# sourceMappingURL=utils.d.cts.map

package/dist/components/Modal/utils.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.cts","names":[],"sources":["../../../src/components/Modal/utils.ts"],"mappings":";;;;;;UAMU,KAAA;EACR,CAAA;EACA,CAAA;AAAA;AAAA,UAGQ,IAAA;EACR,MAAA;EACA,KAAA;EACA,CAAA;EACA,CAAA;AAAA;AAAA,iBAYO,gBAAA,CAAiB,QAAA,EAAU,SAAA;EAClC,KAAA,EAAO,SAAA;EACP,WAAA,EAAa,SAAA;EACb,OAAA,EAAS,SAAA;EACT,OAAA,EAAS,SAAA;AAAA;AAAA,iBA4BF,qBAAA,CAAsB,KAAA,EAAO,cAAA,eAA6B,cAAA;AAAA,iBAa1D,iBAAA,CAAkB,KAAA,GAAQ,qBAAA,GAAwB,KAAA;AAAA,iBAsBlD,yBAAA,CAA0B,KAAA,EAAO,KAAA,EAAO,WAAA,EAAa,IAAA"}

package/dist/components/Modal/utils.d.ts

@@ -0,0 +1,28 @@
+
+import { ModalDimension } from "./types.js";
+import { ReactNode } from "react";
+import { DimensionValue, GestureResponderEvent } from "react-native";
+
+//#region src/components/Modal/utils.d.ts
+interface Point {
+  x: number;
+  y: number;
+}
+interface Rect {
+  height: number;
+  width: number;
+  x: number;
+  y: number;
+}
+declare function separateChildren(children: ReactNode): {
+  title: ReactNode | null;
+  description: ReactNode | null;
+  content: ReactNode | null;
+  actions: ReactNode | null;
+};
+declare function resolveModalDimension(value: ModalDimension | undefined): DimensionValue | undefined;
+declare function getEventPagePoint(event?: GestureResponderEvent): Point | null;
+declare function shouldDismissModalRelease(point: Point, surfaceRect: Rect): boolean;
+//#endregion
+export { type Point, type Rect, getEventPagePoint, resolveModalDimension, separateChildren, shouldDismissModalRelease };
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/Modal/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../../src/components/Modal/utils.ts"],"mappings":";;;;;;UAMU,KAAA;EACR,CAAA;EACA,CAAA;AAAA;AAAA,UAGQ,IAAA;EACR,MAAA;EACA,KAAA;EACA,CAAA;EACA,CAAA;AAAA;AAAA,iBAYO,gBAAA,CAAiB,QAAA,EAAU,SAAA;EAClC,KAAA,EAAO,SAAA;EACP,WAAA,EAAa,SAAA;EACb,OAAA,EAAS,SAAA;EACT,OAAA,EAAS,SAAA;AAAA;AAAA,iBA4BF,qBAAA,CAAsB,KAAA,EAAO,cAAA,eAA6B,cAAA;AAAA,iBAa1D,iBAAA,CAAkB,KAAA,GAAQ,qBAAA,GAAwB,KAAA;AAAA,iBAsBlD,yBAAA,CAA0B,KAAA,EAAO,KAAA,EAAO,WAAA,EAAa,IAAA"}

package/dist/components/Modal/utils.js

@@ -0,0 +1,56 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Children, isValidElement } from "react";
+//#region src/components/Modal/utils.ts
+function getModalSlot(child) {
+	if (!isValidElement(child)) return null;
+	return child.type.__modalSlot ?? null;
+}
+function separateChildren(children) {
+	let title = null;
+	let description = null;
+	let content = null;
+	let actions = null;
+	Children.forEach(children, (child) => {
+		if (child == null || child === false || child === true || child === "") return;
+		const slot = getModalSlot(child);
+		if (slot === "title") title = child;
+		else if (slot === "description") description = child;
+		else if (slot === "content") content = child;
+		else if (slot === "actions") actions = child;
+	});
+	return {
+		title,
+		description,
+		content,
+		actions
+	};
+}
+function resolveModalDimension(value) {
+	if (value === void 0 || value === null || value === "auto") return;
+	if (typeof value === "string" && value.endsWith("px")) {
+		const parsed = Number.parseFloat(value);
+		return Number.isFinite(parsed) ? parsed : void 0;
+	}
+	return value;
+}
+function getEventPagePoint(event) {
+	const nativeEvent = event?.nativeEvent;
+	const changedTouch = nativeEvent?.changedTouches?.[0];
+	const pageX = typeof nativeEvent?.pageX === "number" ? nativeEvent.pageX : changedTouch?.pageX;
+	const pageY = typeof nativeEvent?.pageY === "number" ? nativeEvent.pageY : changedTouch?.pageY;
+	if (typeof pageX !== "number" || typeof pageY !== "number") return null;
+	return {
+		x: pageX,
+		y: pageY
+	};
+}
+function isPointInRect(point, rect) {
+	return point.x >= rect.x && point.x <= rect.x + rect.width && point.y >= rect.y && point.y <= rect.y + rect.height;
+}
+function shouldDismissModalRelease(point, surfaceRect) {
+	return !isPointInRect(point, surfaceRect);
+}
+//#endregion
+export { getEventPagePoint, resolveModalDimension, separateChildren, shouldDismissModalRelease };
+
+//# sourceMappingURL=utils.js.map

package/dist/components/Modal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/Modal/utils.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Children, isValidElement } from 'react';\nimport type { DimensionValue, GestureResponderEvent } from 'react-native';\n\nimport type { ModalDimension, ModalSlot, ModalSlotComponent } from './types';\n\ninterface Point {\n  x: number;\n  y: number;\n}\n\ninterface Rect {\n  height: number;\n  width: number;\n  x: number;\n  y: number;\n}\n\nfunction getModalSlot(child: ReactNode): ModalSlot | null {\n  if (!isValidElement(child)) {\n    return null;\n  }\n\n  const type = child.type as ModalSlotComponent;\n  return type.__modalSlot ?? null;\n}\n\nfunction separateChildren(children: ReactNode): {\n  title: ReactNode | null;\n  description: ReactNode | null;\n  content: ReactNode | null;\n  actions: ReactNode | null;\n} {\n  let title: ReactNode | null = null;\n  let description: ReactNode | null = null;\n  let content: ReactNode | null = null;\n  let actions: ReactNode | null = null;\n\n  Children.forEach(children, (child) => {\n    if (child == null || child === false || child === true || child === '') {\n      return;\n    }\n\n    const slot = getModalSlot(child);\n\n    if (slot === 'title') {\n      title = child;\n    } else if (slot === 'description') {\n      description = child;\n    } else if (slot === 'content') {\n      content = child;\n    } else if (slot === 'actions') {\n      actions = child;\n    }\n  });\n\n  return { title, description, content, actions };\n}\n\nfunction resolveModalDimension(value: ModalDimension | undefined): DimensionValue | undefined {\n  if (value === undefined || value === null || value === 'auto') {\n    return undefined;\n  }\n\n  if (typeof value === 'string' && value.endsWith('px')) {\n    const parsed = Number.parseFloat(value);\n    return Number.isFinite(parsed) ? parsed : undefined;\n  }\n\n  return value as DimensionValue;\n}\n\nfunction getEventPagePoint(event?: GestureResponderEvent): Point | null {\n  const nativeEvent = event?.nativeEvent;\n  const changedTouch = nativeEvent?.changedTouches?.[0];\n  const pageX = typeof nativeEvent?.pageX === 'number' ? nativeEvent.pageX : changedTouch?.pageX;\n  const pageY = typeof nativeEvent?.pageY === 'number' ? nativeEvent.pageY : changedTouch?.pageY;\n\n  if (typeof pageX !== 'number' || typeof pageY !== 'number') {\n    return null;\n  }\n\n  return { x: pageX, y: pageY };\n}\n\nfunction isPointInRect(point: Point, rect: Rect): boolean {\n  return (\n    point.x >= rect.x &&\n    point.x <= rect.x + rect.width &&\n    point.y >= rect.y &&\n    point.y <= rect.y + rect.height\n  );\n}\n\nfunction shouldDismissModalRelease(point: Point, surfaceRect: Rect): boolean {\n  return !isPointInRect(point, surfaceRect);\n}\n\nexport { getEventPagePoint, resolveModalDimension, separateChildren, shouldDismissModalRelease };\nexport type { Point, Rect };\n"],"mappings":";;;AAkBA,SAAS,aAAa,OAAoC;CACxD,IAAI,CAAC,eAAe,MAAM,EACxB,OAAO;CAIT,OADa,MAAM,KACP,eAAe;;AAG7B,SAAS,iBAAiB,UAKxB;CACA,IAAI,QAA0B;CAC9B,IAAI,cAAgC;CACpC,IAAI,UAA4B;CAChC,IAAI,UAA4B;CAEhC,SAAS,QAAQ,WAAW,UAAU;EACpC,IAAI,SAAS,QAAQ,UAAU,SAAS,UAAU,QAAQ,UAAU,IAClE;EAGF,MAAM,OAAO,aAAa,MAAM;EAEhC,IAAI,SAAS,SACX,QAAQ;OACH,IAAI,SAAS,eAClB,cAAc;OACT,IAAI,SAAS,WAClB,UAAU;OACL,IAAI,SAAS,WAClB,UAAU;GAEZ;CAEF,OAAO;EAAE;EAAO;EAAa;EAAS;EAAS;;AAGjD,SAAS,sBAAsB,OAA+D;CAC5F,IAAI,UAAU,KAAA,KAAa,UAAU,QAAQ,UAAU,QACrD;CAGF,IAAI,OAAO,UAAU,YAAY,MAAM,SAAS,KAAK,EAAE;EACrD,MAAM,SAAS,OAAO,WAAW,MAAM;EACvC,OAAO,OAAO,SAAS,OAAO,GAAG,SAAS,KAAA;;CAG5C,OAAO;;AAGT,SAAS,kBAAkB,OAA6C;CACtE,MAAM,cAAc,OAAO;CAC3B,MAAM,eAAe,aAAa,iBAAiB;CACnD,MAAM,QAAQ,OAAO,aAAa,UAAU,WAAW,YAAY,QAAQ,cAAc;CACzF,MAAM,QAAQ,OAAO,aAAa,UAAU,WAAW,YAAY,QAAQ,cAAc;CAEzF,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAChD,OAAO;CAGT,OAAO;EAAE,GAAG;EAAO,GAAG;EAAO;;AAG/B,SAAS,cAAc,OAAc,MAAqB;CACxD,OACE,MAAM,KAAK,KAAK,KAChB,MAAM,KAAK,KAAK,IAAI,KAAK,SACzB,MAAM,KAAK,KAAK,KAChB,MAAM,KAAK,KAAK,IAAI,KAAK;;AAI7B,SAAS,0BAA0B,OAAc,aAA4B;CAC3E,OAAO,CAAC,cAAc,OAAO,YAAY"}

package/dist/components/Pagination/Pagination.cjs

@@ -0,0 +1,75 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_HStack = require("../HStack.cjs");
+const require_components_Pagination_paginationContext = require("./paginationContext.cjs");
+const require_components_Pagination_paginationTheme = require("./paginationTheme.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_native_unistyles = require("react-native-unistyles");
+//#region src/components/Pagination/Pagination.tsx
+/**
+* **Pagination — numbered page navigation component**
+*
+* @description
+* Compose with `PaginationPrev`, `PaginationNumbers`, and `PaginationNext`.
+* The consumer owns `activePage` state.
+*
+* @category Navigation
+* @platform mobile
+*
+* @example
+* ```tsx
+* import {
+*   Pagination,
+*   PaginationNext,
+*   PaginationNumbers,
+*   PaginationPrev,
+* } from '@yahoo/uds-mobile/Pagination';
+*
+* <Pagination activePage={page} totalPages={10} onPageChange={setPage} accessibilityLabel="Results">
+*   <PaginationPrev />
+*   <PaginationNumbers />
+*   <PaginationNext />
+* </Pagination>
+* ```
+*/
+const Pagination = (0, react.memo)(function Pagination({ activePage, totalPages, maxVisiblePageNumbers = 7, ellipsisPlacement = "none", size = "md", variant = "default", getPageHref, getItemAriaLabel = require_components_Pagination_paginationContext.defaultGetItemAriaLabel, onPageChange, children, accessibilityLabel = "Pagination", ...rest }) {
+	const { theme } = (0, react_native_unistyles.useUnistyles)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Pagination_paginationContext.PaginationProvider, {
+		value: (0, react.useMemo)(() => ({
+			activePage,
+			totalPages,
+			maxVisiblePageNumbers,
+			ellipsisPlacement,
+			size,
+			variant,
+			getPageHref,
+			getItemAriaLabel,
+			onPageChange
+		}), [
+			activePage,
+			totalPages,
+			maxVisiblePageNumbers,
+			ellipsisPlacement,
+			size,
+			variant,
+			getPageHref,
+			getItemAriaLabel,
+			onPageChange
+		]),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_HStack.HStack, {
+			alignItems: "center",
+			justifyContent: "center",
+			accessibilityLabel,
+			accessibilityRole: "none",
+			gap: (0, react.useMemo)(() => require_components_Pagination_paginationTheme.getPaginationRootGapStyle(theme, size), [size, theme]).gap,
+			alignSelf: "stretch",
+			...rest,
+			children
+		})
+	});
+});
+Pagination.displayName = "Pagination";
+//#endregion
+exports.Pagination = Pagination;

package/dist/components/Pagination/Pagination.d.cts

@@ -0,0 +1,40 @@
+
+import { UniversalPaginationProps } from "../../types/dist/index.cjs";
+import * as _$react from "react";
+import { ViewProps } from "react-native";
+
+//#region src/components/Pagination/Pagination.d.ts
+interface PaginationProps extends Omit<UniversalPaginationProps, 'className' | 'children'>, Pick<ViewProps, 'children'> {
+  /** Accessible label for the pagination control group. @default 'Pagination' */
+  accessibilityLabel?: string;
+}
+/**
+ * **Pagination — numbered page navigation component**
+ *
+ * @description
+ * Compose with `PaginationPrev`, `PaginationNumbers`, and `PaginationNext`.
+ * The consumer owns `activePage` state.
+ *
+ * @category Navigation
+ * @platform mobile
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Pagination,
+ *   PaginationNext,
+ *   PaginationNumbers,
+ *   PaginationPrev,
+ * } from '@yahoo/uds-mobile/Pagination';
+ *
+ * <Pagination activePage={page} totalPages={10} onPageChange={setPage} accessibilityLabel="Results">
+ *   <PaginationPrev />
+ *   <PaginationNumbers />
+ *   <PaginationNext />
+ * </Pagination>
+ * ```
+ */
+declare const Pagination: _$react.NamedExoticComponent<PaginationProps>;
+//#endregion
+export { Pagination, type PaginationProps };
+//# sourceMappingURL=Pagination.d.cts.map

package/dist/components/Pagination/Pagination.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.cts","names":[],"sources":["../../../src/components/Pagination/Pagination.tsx"],"mappings":";;;;;;UAWU,eAAA,SACA,IAAA,CAAK,wBAAA,6BAAqD,IAAA,CAAK,SAAA;;EAEvE,kBAAA;AAAA;;;;;;;;;;;;;;;;AAAkB;;;;;;;;;;;cA6Bd,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,40 @@
+
+import { UniversalPaginationProps } from "../../types/dist/index.js";
+import * as _$react from "react";
+import { ViewProps } from "react-native";
+
+//#region src/components/Pagination/Pagination.d.ts
+interface PaginationProps extends Omit<UniversalPaginationProps, 'className' | 'children'>, Pick<ViewProps, 'children'> {
+  /** Accessible label for the pagination control group. @default 'Pagination' */
+  accessibilityLabel?: string;
+}
+/**
+ * **Pagination — numbered page navigation component**
+ *
+ * @description
+ * Compose with `PaginationPrev`, `PaginationNumbers`, and `PaginationNext`.
+ * The consumer owns `activePage` state.
+ *
+ * @category Navigation
+ * @platform mobile
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Pagination,
+ *   PaginationNext,
+ *   PaginationNumbers,
+ *   PaginationPrev,
+ * } from '@yahoo/uds-mobile/Pagination';
+ *
+ * <Pagination activePage={page} totalPages={10} onPageChange={setPage} accessibilityLabel="Results">
+ *   <PaginationPrev />
+ *   <PaginationNumbers />
+ *   <PaginationNext />
+ * </Pagination>
+ * ```
+ */
+declare const Pagination: _$react.NamedExoticComponent<PaginationProps>;
+//#endregion
+export { Pagination, type PaginationProps };
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/Pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","names":[],"sources":["../../../src/components/Pagination/Pagination.tsx"],"mappings":";;;;;;UAWU,eAAA,SACA,IAAA,CAAK,wBAAA,6BAAqD,IAAA,CAAK,SAAA;;EAEvE,kBAAA;AAAA;;;;;;;;;;;;;;;;AAAkB;;;;;;;;;;;cA6Bd,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,75 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { HStack } from "../HStack.js";
+import { PaginationProvider, defaultGetItemAriaLabel } from "./paginationContext.js";
+import { getPaginationRootGapStyle } from "./paginationTheme.js";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useUnistyles } from "react-native-unistyles";
+//#region src/components/Pagination/Pagination.tsx
+/**
+* **Pagination — numbered page navigation component**
+*
+* @description
+* Compose with `PaginationPrev`, `PaginationNumbers`, and `PaginationNext`.
+* The consumer owns `activePage` state.
+*
+* @category Navigation
+* @platform mobile
+*
+* @example
+* ```tsx
+* import {
+*   Pagination,
+*   PaginationNext,
+*   PaginationNumbers,
+*   PaginationPrev,
+* } from '@yahoo/uds-mobile/Pagination';
+*
+* <Pagination activePage={page} totalPages={10} onPageChange={setPage} accessibilityLabel="Results">
+*   <PaginationPrev />
+*   <PaginationNumbers />
+*   <PaginationNext />
+* </Pagination>
+* ```
+*/
+const Pagination = memo(function Pagination({ activePage, totalPages, maxVisiblePageNumbers = 7, ellipsisPlacement = "none", size = "md", variant = "default", getPageHref, getItemAriaLabel = defaultGetItemAriaLabel, onPageChange, children, accessibilityLabel = "Pagination", ...rest }) {
+	const { theme } = useUnistyles();
+	return /* @__PURE__ */ jsx(PaginationProvider, {
+		value: useMemo(() => ({
+			activePage,
+			totalPages,
+			maxVisiblePageNumbers,
+			ellipsisPlacement,
+			size,
+			variant,
+			getPageHref,
+			getItemAriaLabel,
+			onPageChange
+		}), [
+			activePage,
+			totalPages,
+			maxVisiblePageNumbers,
+			ellipsisPlacement,
+			size,
+			variant,
+			getPageHref,
+			getItemAriaLabel,
+			onPageChange
+		]),
+		children: /* @__PURE__ */ jsx(HStack, {
+			alignItems: "center",
+			justifyContent: "center",
+			accessibilityLabel,
+			accessibilityRole: "none",
+			gap: useMemo(() => getPaginationRootGapStyle(theme, size), [size, theme]).gap,
+			alignSelf: "stretch",
+			...rest,
+			children
+		})
+	});
+});
+Pagination.displayName = "Pagination";
+//#endregion
+export { Pagination };
+
+//# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import type { UniversalPaginationProps } from '@yahoo/uds-types';\nimport { memo, useMemo } from 'react';\nimport type { ViewProps } from 'react-native';\n// eslint-disable-next-line uds/no-use-unistyles -- root gap from pagination size tokens\nimport { useUnistyles } from 'react-native-unistyles';\n\nimport type { StyleProps } from '../../../generated/styles';\nimport { HStack } from '../HStack';\nimport { defaultGetItemAriaLabel, PaginationProvider } from './paginationContext';\nimport { getPaginationRootGapStyle } from './paginationTheme';\n\ninterface PaginationProps\n  extends Omit<UniversalPaginationProps, 'className' | 'children'>, Pick<ViewProps, 'children'> {\n  /** Accessible label for the pagination control group. @default 'Pagination' */\n  accessibilityLabel?: string;\n}\n\n/**\n * **Pagination — numbered page navigation component**\n *\n * @description\n * Compose with `PaginationPrev`, `PaginationNumbers`, and `PaginationNext`.\n * The consumer owns `activePage` state.\n *\n * @category Navigation\n * @platform mobile\n *\n * @example\n * ```tsx\n * import {\n *   Pagination,\n *   PaginationNext,\n *   PaginationNumbers,\n *   PaginationPrev,\n * } from '@yahoo/uds-mobile/Pagination';\n *\n * <Pagination activePage={page} totalPages={10} onPageChange={setPage} accessibilityLabel=\"Results\">\n *   <PaginationPrev />\n *   <PaginationNumbers />\n *   <PaginationNext />\n * </Pagination>\n * ```\n */\nconst Pagination = memo(function Pagination({\n  activePage,\n  totalPages,\n  maxVisiblePageNumbers = 7,\n  ellipsisPlacement = 'none',\n  size = 'md',\n  variant = 'default',\n  getPageHref,\n  getItemAriaLabel = defaultGetItemAriaLabel,\n  onPageChange,\n  children,\n  accessibilityLabel = 'Pagination',\n  ...rest\n}: PaginationProps) {\n  const { theme } = useUnistyles();\n\n  const contextValue = useMemo(\n    () => ({\n      activePage,\n      totalPages,\n      maxVisiblePageNumbers,\n      ellipsisPlacement,\n      size,\n      variant,\n      getPageHref,\n      getItemAriaLabel,\n      onPageChange,\n    }),\n    [\n      activePage,\n      totalPages,\n      maxVisiblePageNumbers,\n      ellipsisPlacement,\n      size,\n      variant,\n      getPageHref,\n      getItemAriaLabel,\n      onPageChange,\n    ],\n  );\n\n  const rootGapStyle = useMemo(() => getPaginationRootGapStyle(theme, size), [size, theme]);\n\n  return (\n    <PaginationProvider value={contextValue}>\n      <HStack\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        accessibilityLabel={accessibilityLabel}\n        accessibilityRole=\"none\"\n        gap={rootGapStyle.gap as StyleProps['columnGap'] | undefined}\n        alignSelf=\"stretch\"\n        {...rest}\n      >\n        {children}\n      </HStack>\n    </PaginationProvider>\n  );\n});\n\nPagination.displayName = 'Pagination';\n\nexport { Pagination, type PaginationProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,aAAa,KAAK,SAAS,WAAW,EAC1C,YACA,YACA,wBAAwB,GACxB,oBAAoB,QACpB,OAAO,MACP,UAAU,WACV,aACA,mBAAmB,yBACnB,cACA,UACA,qBAAqB,cACrB,GAAG,QACe;CAClB,MAAM,EAAE,UAAU,cAAc;CA6BhC,OACE,oBAAC,oBAAD;EAAoB,OA5BD,eACZ;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAMsC;YACrC,oBAAC,QAAD;GACE,YAAW;GACX,gBAAe;GACK;GACpB,mBAAkB;GAClB,KATe,cAAc,0BAA0B,OAAO,KAAK,EAAE,CAAC,MAAM,MAAM,CASjE,CAAC;GAClB,WAAU;GACV,GAAI;GAEH;GACM,CAAA;EACU,CAAA;EAEvB;AAEF,WAAW,cAAc"}

package/dist/components/Pagination/PaginationEllipsis.cjs

@@ -0,0 +1,64 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Text = require("../Text.cjs");
+const require_components_Pagination_paginationContext = require("./paginationContext.cjs");
+const require_components_Pagination_paginationTheme = require("./paginationTheme.cjs");
+let react = require("react");
+let react_native = require("react-native");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_native_unistyles = require("react-native-unistyles");
+//#region src/components/Pagination/PaginationEllipsis.tsx
+/**
+* **PaginationEllipsis — truncated page range indicator**
+*
+* @description
+* Non-interactive ellipsis shown when page numbers are collapsed.
+*
+* @category Navigation
+* @platform mobile
+*/
+const PaginationEllipsis = (0, react.memo)(function PaginationEllipsis({ style }) {
+	const { size, variant } = require_components_Pagination_paginationContext.usePaginationContext();
+	const { theme } = (0, react_native_unistyles.useUnistyles)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		accessibilityElementsHidden: true,
+		importantForAccessibility: "no-hide-descendants",
+		style: (0, react.useMemo)(() => {
+			const { controlSize, borderRadius } = require_components_Pagination_paginationTheme.getPaginationControlMetrics(theme, size);
+			return [
+				paginationStaticStyles.root,
+				require_components_Pagination_paginationTheme.getMergedPaginationControlRootStyle(theme, size, variant, "off", "rest"),
+				{
+					borderRadius,
+					height: controlSize,
+					width: controlSize
+				},
+				style
+			];
+		}, [
+			size,
+			style,
+			theme,
+			variant
+		]),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+			color: "inherit",
+			variant: "inherit",
+			style: (0, react.useMemo)(() => require_components_Pagination_paginationTheme.getMergedPaginationTextStyle(theme, size, variant, "off", "rest"), [
+				size,
+				theme,
+				variant
+			]),
+			children: "…"
+		})
+	});
+});
+PaginationEllipsis.displayName = "PaginationEllipsis";
+const paginationStaticStyles = react_native.StyleSheet.create({ root: {
+	alignItems: "center",
+	justifyContent: "center",
+	flexShrink: 0
+} });
+//#endregion
+exports.PaginationEllipsis = PaginationEllipsis;

package/dist/components/Pagination/PaginationEllipsis.d.cts

@@ -0,0 +1,21 @@
+
+import * as _$react from "react";
+import { StyleProp, ViewStyle } from "react-native";
+
+//#region src/components/Pagination/PaginationEllipsis.d.ts
+interface PaginationEllipsisProps {
+  style?: StyleProp<ViewStyle>;
+}
+/**
+ * **PaginationEllipsis — truncated page range indicator**
+ *
+ * @description
+ * Non-interactive ellipsis shown when page numbers are collapsed.
+ *
+ * @category Navigation
+ * @platform mobile
+ */
+declare const PaginationEllipsis: _$react.NamedExoticComponent<PaginationEllipsisProps>;
+//#endregion
+export { PaginationEllipsis, type PaginationEllipsisProps };
+//# sourceMappingURL=PaginationEllipsis.d.cts.map

package/dist/components/Pagination/PaginationEllipsis.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationEllipsis.d.cts","names":[],"sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"mappings":";;;;;UAcU,uBAAA;EACR,KAAA,GAAQ,SAAA,CAAU,SAAA;AAAA;AAdqC;;;;;;;;;AAAA,cA0BnD,kBAAA,EAAkB,OAAA,CAAA,oBAAA,CAAA,uBAAA"}

package/dist/components/Pagination/PaginationEllipsis.d.ts

@@ -0,0 +1,21 @@
+
+import * as _$react from "react";
+import { StyleProp, ViewStyle } from "react-native";
+
+//#region src/components/Pagination/PaginationEllipsis.d.ts
+interface PaginationEllipsisProps {
+  style?: StyleProp<ViewStyle>;
+}
+/**
+ * **PaginationEllipsis — truncated page range indicator**
+ *
+ * @description
+ * Non-interactive ellipsis shown when page numbers are collapsed.
+ *
+ * @category Navigation
+ * @platform mobile
+ */
+declare const PaginationEllipsis: _$react.NamedExoticComponent<PaginationEllipsisProps>;
+//#endregion
+export { PaginationEllipsis, type PaginationEllipsisProps };
+//# sourceMappingURL=PaginationEllipsis.d.ts.map

package/dist/components/Pagination/PaginationEllipsis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationEllipsis.d.ts","names":[],"sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"mappings":";;;;;UAcU,uBAAA;EACR,KAAA,GAAQ,SAAA,CAAU,SAAA;AAAA;AAdqC;;;;;;;;;AAAA,cA0BnD,kBAAA,EAAkB,OAAA,CAAA,oBAAA,CAAA,uBAAA"}

package/dist/components/Pagination/PaginationEllipsis.js

@@ -0,0 +1,64 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Text as Text$1 } from "../Text.js";
+import { usePaginationContext } from "./paginationContext.js";
+import { getMergedPaginationControlRootStyle, getMergedPaginationTextStyle, getPaginationControlMetrics } from "./paginationTheme.js";
+import { memo, useMemo } from "react";
+import { StyleSheet, View } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import { useUnistyles } from "react-native-unistyles";
+//#region src/components/Pagination/PaginationEllipsis.tsx
+/**
+* **PaginationEllipsis — truncated page range indicator**
+*
+* @description
+* Non-interactive ellipsis shown when page numbers are collapsed.
+*
+* @category Navigation
+* @platform mobile
+*/
+const PaginationEllipsis = memo(function PaginationEllipsis({ style }) {
+	const { size, variant } = usePaginationContext();
+	const { theme } = useUnistyles();
+	return /* @__PURE__ */ jsx(View, {
+		accessibilityElementsHidden: true,
+		importantForAccessibility: "no-hide-descendants",
+		style: useMemo(() => {
+			const { controlSize, borderRadius } = getPaginationControlMetrics(theme, size);
+			return [
+				paginationStaticStyles.root,
+				getMergedPaginationControlRootStyle(theme, size, variant, "off", "rest"),
+				{
+					borderRadius,
+					height: controlSize,
+					width: controlSize
+				},
+				style
+			];
+		}, [
+			size,
+			style,
+			theme,
+			variant
+		]),
+		children: /* @__PURE__ */ jsx(Text$1, {
+			color: "inherit",
+			variant: "inherit",
+			style: useMemo(() => getMergedPaginationTextStyle(theme, size, variant, "off", "rest"), [
+				size,
+				theme,
+				variant
+			]),
+			children: "…"
+		})
+	});
+});
+PaginationEllipsis.displayName = "PaginationEllipsis";
+const paginationStaticStyles = StyleSheet.create({ root: {
+	alignItems: "center",
+	justifyContent: "center",
+	flexShrink: 0
+} });
+//#endregion
+export { PaginationEllipsis };
+
+//# sourceMappingURL=PaginationEllipsis.js.map

package/dist/components/Pagination/PaginationEllipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationEllipsis.js","names":["Text"],"sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { StyleSheet, View } from 'react-native';\n// eslint-disable-next-line uds/no-use-unistyles -- pagination token lookups\nimport { useUnistyles } from 'react-native-unistyles';\n\nimport { Text } from '../Text';\nimport { usePaginationContext } from './paginationContext';\nimport {\n  getMergedPaginationControlRootStyle,\n  getMergedPaginationTextStyle,\n  getPaginationControlMetrics,\n} from './paginationTheme';\n\ninterface PaginationEllipsisProps {\n  style?: StyleProp<ViewStyle>;\n}\n\n/**\n * **PaginationEllipsis — truncated page range indicator**\n *\n * @description\n * Non-interactive ellipsis shown when page numbers are collapsed.\n *\n * @category Navigation\n * @platform mobile\n */\nconst PaginationEllipsis = memo(function PaginationEllipsis({ style }: PaginationEllipsisProps) {\n  const { size, variant } = usePaginationContext();\n  const { theme } = useUnistyles();\n\n  const rootStyle = useMemo<StyleProp<ViewStyle>>(() => {\n    const { controlSize, borderRadius } = getPaginationControlMetrics(theme, size);\n\n    return [\n      paginationStaticStyles.root,\n      getMergedPaginationControlRootStyle(theme, size, variant, 'off', 'rest'),\n      {\n        borderRadius,\n        height: controlSize,\n        width: controlSize,\n      },\n      style,\n    ];\n  }, [size, style, theme, variant]);\n\n  const textStyle = useMemo(\n    () => getMergedPaginationTextStyle(theme, size, variant, 'off', 'rest'),\n    [size, theme, variant],\n  );\n\n  return (\n    <View\n      accessibilityElementsHidden\n      importantForAccessibility=\"no-hide-descendants\"\n      style={rootStyle}\n    >\n      <Text color=\"inherit\" variant=\"inherit\" style={textStyle}>\n        …\n      </Text>\n    </View>\n  );\n});\n\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n\nconst paginationStaticStyles = StyleSheet.create({\n  root: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  },\n});\n\nexport { PaginationEllipsis, type PaginationEllipsisProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;AA2BA,MAAM,qBAAqB,KAAK,SAAS,mBAAmB,EAAE,SAAkC;CAC9F,MAAM,EAAE,MAAM,YAAY,sBAAsB;CAChD,MAAM,EAAE,UAAU,cAAc;CAsBhC,OACE,oBAAC,MAAD;EACE,6BAAA;EACA,2BAA0B;EAC1B,OAxBc,cAAoC;GACpD,MAAM,EAAE,aAAa,iBAAiB,4BAA4B,OAAO,KAAK;GAE9E,OAAO;IACL,uBAAuB;IACvB,oCAAoC,OAAO,MAAM,SAAS,OAAO,OAAO;IACxE;KACE;KACA,QAAQ;KACR,OAAO;KACR;IACD;IACD;KACA;GAAC;GAAM;GAAO;GAAO;GAAQ,CAWZ;YAEhB,oBAACA,QAAD;GAAM,OAAM;GAAU,SAAQ;GAAU,OAX1B,cACV,6BAA6B,OAAO,MAAM,SAAS,OAAO,OAAO,EACvE;IAAC;IAAM;IAAO;IAAQ,CASoC;aAAE;GAEnD,CAAA;EACF,CAAA;EAET;AAEF,mBAAmB,cAAc;AAEjC,MAAM,yBAAyB,WAAW,OAAO,EAC/C,MAAM;CACJ,YAAY;CACZ,gBAAgB;CAChB,YAAY;CACb,EACF,CAAC"}

package/dist/components/Pagination/PaginationItem.cjs

@@ -0,0 +1,68 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Text = require("../Text.cjs");
+const require_components_Pagination_paginationContext = require("./paginationContext.cjs");
+const require_components_Pagination_usePaginationControlStyles = require("./usePaginationControlStyles.cjs");
+let react = require("react");
+let react_native = require("react-native");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Pagination/PaginationItem.tsx
+/**
+* **PaginationItem — single page control**
+*
+* @description
+* Renders a page number control. Usually composed via {@link PaginationNumbers}.
+*
+* @category Navigation
+* @platform mobile
+*/
+const PaginationItem = (0, react.memo)(function PaginationItem({ page, children, onPress, ...rest }) {
+	const { activePage, size, variant, getItemAriaLabel, onPageChange } = require_components_Pagination_paginationContext.usePaginationContext();
+	const isActive = page === activePage;
+	const [pressed, setPressed] = (0, react.useState)(false);
+	const { rootStyle, textStyle } = require_components_Pagination_usePaginationControlStyles.usePaginationControlStyles({
+		size,
+		variant,
+		isActive,
+		pressed
+	});
+	const handlePress = (0, react.useCallback)((event) => {
+		onPress?.(event);
+		if (!isActive) onPageChange?.(page);
+	}, [
+		isActive,
+		onPageChange,
+		onPress,
+		page
+	]);
+	const label = children ?? page;
+	const resolvedTextColor = (0, react.useMemo)(() => {
+		const flat = react_native.StyleSheet.flatten(textStyle);
+		return typeof flat?.color === "string" ? flat.color : void 0;
+	}, [textStyle]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
+		accessibilityLabel: getItemAriaLabel(page, isActive),
+		accessibilityRole: "button",
+		accessibilityState: {
+			disabled: isActive,
+			selected: isActive
+		},
+		disabled: isActive,
+		onPress: isActive ? void 0 : handlePress,
+		onPressIn: () => setPressed(true),
+		onPressOut: () => setPressed(false),
+		style: rootStyle,
+		...rest,
+		children: typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+			color: "inherit",
+			variant: "inherit",
+			style: textStyle,
+			dangerouslySetColor: resolvedTextColor,
+			children: label
+		}) : label
+	});
+});
+PaginationItem.displayName = "PaginationItem";
+//#endregion
+exports.PaginationItem = PaginationItem;