@yahoo/uds-mobile 2.18.0 → 2.20.0

package/dist/components/Pagination/index.js

@@ -0,0 +1,10 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { computeVisiblePages } from "./computeVisiblePages.js";
+import { Pagination } from "./Pagination.js";
+import { PaginationEllipsis } from "./PaginationEllipsis.js";
+import { PaginationItem } from "./PaginationItem.js";
+import { PaginationLink } from "./PaginationLink.js";
+import { PaginationNext } from "./PaginationNext.js";
+import { PaginationNumbers } from "./PaginationNumbers.js";
+import { PaginationPrev } from "./PaginationPrev.js";
+export { Pagination, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNumbers, PaginationPrev, computeVisiblePages };

package/dist/components/Pagination/paginationContext.cjs

@@ -0,0 +1,42 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Pagination_computeVisiblePages = require("./computeVisiblePages.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Pagination/paginationContext.tsx
+const defaultGetItemAriaLabel = (page, isActive) => isActive ? `Page ${page}, current page` : `Go to page ${page}`;
+const PaginationContext = (0, react.createContext)(null);
+const PaginationProvider = ({ value, children }) => {
+	const contextValue = (0, react.useMemo)(() => value, [value]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationContext.Provider, {
+		value: contextValue,
+		children
+	});
+};
+PaginationProvider.displayName = "PaginationProvider";
+function usePaginationContext() {
+	const context = (0, react.useContext)(PaginationContext);
+	if (!context) throw new Error("Pagination components must be used within a Pagination provider.");
+	return context;
+}
+function useVisiblePages() {
+	const { activePage, totalPages, maxVisiblePageNumbers, ellipsisPlacement } = usePaginationContext();
+	return (0, react.useMemo)(() => require_components_Pagination_computeVisiblePages.computeVisiblePages({
+		activePage,
+		totalPages,
+		maxVisiblePageNumbers,
+		ellipsisPlacement
+	}), [
+		activePage,
+		totalPages,
+		maxVisiblePageNumbers,
+		ellipsisPlacement
+	]);
+}
+//#endregion
+exports.PaginationContext = PaginationContext;
+exports.PaginationProvider = PaginationProvider;
+exports.defaultGetItemAriaLabel = defaultGetItemAriaLabel;
+exports.usePaginationContext = usePaginationContext;
+exports.useVisiblePages = useVisiblePages;

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

@@ -0,0 +1,34 @@
+
+import { PaginationEllipsisPlacement, PaginationSize, PaginationVariant, PaginationVisibleItem } from "../../types/dist/index.cjs";
+import * as _$react from "react";
+
+//#region src/components/Pagination/paginationContext.d.ts
+interface PaginationContextValue {
+  activePage: number;
+  totalPages: number;
+  maxVisiblePageNumbers: number;
+  ellipsisPlacement: PaginationEllipsisPlacement;
+  size: PaginationSize;
+  variant: PaginationVariant;
+  getPageHref?: (page: number) => string;
+  getItemAriaLabel: (page: number, isActive: boolean) => string;
+  onPageChange?: (page: number) => void;
+}
+declare const defaultGetItemAriaLabel: (page: number, isActive: boolean) => string;
+declare const PaginationContext: _$react.Context<PaginationContextValue | null>;
+interface PaginationProviderProps {
+  value: PaginationContextValue;
+  children: React.ReactNode;
+}
+declare const PaginationProvider: {
+  ({
+    value,
+    children
+  }: PaginationProviderProps): _$react.JSX.Element;
+  displayName: string;
+};
+declare function usePaginationContext(): PaginationContextValue;
+declare function useVisiblePages(): PaginationVisibleItem[];
+//#endregion
+export { PaginationContext, PaginationProvider, defaultGetItemAriaLabel, usePaginationContext, useVisiblePages };
+//# sourceMappingURL=paginationContext.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginationContext.d.cts","names":[],"sources":["../../../src/components/Pagination/paginationContext.tsx"],"mappings":";;;;;UASU,sBAAA;EACR,UAAA;EACA,UAAA;EACA,qBAAA;EACA,iBAAA,EAAmB,2BAAA;EACnB,IAAA,EAAM,cAAA;EACN,OAAA,EAAS,iBAAA;EACT,WAAA,IAAe,IAAA;EACf,gBAAA,GAAmB,IAAA,UAAc,QAAA;EACjC,YAAA,IAAgB,IAAA;AAAA;AAAA,cAGZ,uBAAA,GAA2B,IAAA,UAAc,QAAA;AAAA,cAGzC,iBAAA,EAAiB,OAAA,CAAA,OAAA,CAAA,sBAAA;AAAA,UAEb,uBAAA;EACR,KAAA,EAAO,sBAAA;EACP,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAGZ,kBAAA;EAAA;;;KAA2C,uBAAA,GAAuB,OAAA,CAAA,GAAA,CAAA,OAAA;;;iBAO/D,oBAAA,CAAA,GAAwB,sBAAA;AAAA,iBAQxB,eAAA,CAAA,GAAe,qBAAA"}

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

@@ -0,0 +1,34 @@
+
+import { PaginationEllipsisPlacement, PaginationSize, PaginationVariant, PaginationVisibleItem } from "../../types/dist/index.js";
+import * as _$react from "react";
+
+//#region src/components/Pagination/paginationContext.d.ts
+interface PaginationContextValue {
+  activePage: number;
+  totalPages: number;
+  maxVisiblePageNumbers: number;
+  ellipsisPlacement: PaginationEllipsisPlacement;
+  size: PaginationSize;
+  variant: PaginationVariant;
+  getPageHref?: (page: number) => string;
+  getItemAriaLabel: (page: number, isActive: boolean) => string;
+  onPageChange?: (page: number) => void;
+}
+declare const defaultGetItemAriaLabel: (page: number, isActive: boolean) => string;
+declare const PaginationContext: _$react.Context<PaginationContextValue | null>;
+interface PaginationProviderProps {
+  value: PaginationContextValue;
+  children: React.ReactNode;
+}
+declare const PaginationProvider: {
+  ({
+    value,
+    children
+  }: PaginationProviderProps): _$react.JSX.Element;
+  displayName: string;
+};
+declare function usePaginationContext(): PaginationContextValue;
+declare function useVisiblePages(): PaginationVisibleItem[];
+//#endregion
+export { PaginationContext, PaginationProvider, defaultGetItemAriaLabel, usePaginationContext, useVisiblePages };
+//# sourceMappingURL=paginationContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginationContext.d.ts","names":[],"sources":["../../../src/components/Pagination/paginationContext.tsx"],"mappings":";;;;;UASU,sBAAA;EACR,UAAA;EACA,UAAA;EACA,qBAAA;EACA,iBAAA,EAAmB,2BAAA;EACnB,IAAA,EAAM,cAAA;EACN,OAAA,EAAS,iBAAA;EACT,WAAA,IAAe,IAAA;EACf,gBAAA,GAAmB,IAAA,UAAc,QAAA;EACjC,YAAA,IAAgB,IAAA;AAAA;AAAA,cAGZ,uBAAA,GAA2B,IAAA,UAAc,QAAA;AAAA,cAGzC,iBAAA,EAAiB,OAAA,CAAA,OAAA,CAAA,sBAAA;AAAA,UAEb,uBAAA;EACR,KAAA,EAAO,sBAAA;EACP,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAGZ,kBAAA;EAAA;;;KAA2C,uBAAA,GAAuB,OAAA,CAAA,GAAA,CAAA,OAAA;;;iBAO/D,oBAAA,CAAA,GAAwB,sBAAA;AAAA,iBAQxB,eAAA,CAAA,GAAe,qBAAA"}

package/dist/components/Pagination/paginationContext.js

@@ -0,0 +1,38 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { computeVisiblePages } from "./computeVisiblePages.js";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Pagination/paginationContext.tsx
+const defaultGetItemAriaLabel = (page, isActive) => isActive ? `Page ${page}, current page` : `Go to page ${page}`;
+const PaginationContext = createContext(null);
+const PaginationProvider = ({ value, children }) => {
+	const contextValue = useMemo(() => value, [value]);
+	return /* @__PURE__ */ jsx(PaginationContext.Provider, {
+		value: contextValue,
+		children
+	});
+};
+PaginationProvider.displayName = "PaginationProvider";
+function usePaginationContext() {
+	const context = useContext(PaginationContext);
+	if (!context) throw new Error("Pagination components must be used within a Pagination provider.");
+	return context;
+}
+function useVisiblePages() {
+	const { activePage, totalPages, maxVisiblePageNumbers, ellipsisPlacement } = usePaginationContext();
+	return useMemo(() => computeVisiblePages({
+		activePage,
+		totalPages,
+		maxVisiblePageNumbers,
+		ellipsisPlacement
+	}), [
+		activePage,
+		totalPages,
+		maxVisiblePageNumbers,
+		ellipsisPlacement
+	]);
+}
+//#endregion
+export { PaginationContext, PaginationProvider, defaultGetItemAriaLabel, usePaginationContext, useVisiblePages };
+
+//# sourceMappingURL=paginationContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginationContext.js","names":[],"sources":["../../../src/components/Pagination/paginationContext.tsx"],"sourcesContent":["import type {\n  PaginationEllipsisPlacement,\n  PaginationSize,\n  PaginationVariant,\n} from '@yahoo/uds-types';\nimport { createContext, useContext, useMemo } from 'react';\n\nimport { computeVisiblePages } from './computeVisiblePages';\n\ninterface PaginationContextValue {\n  activePage: number;\n  totalPages: number;\n  maxVisiblePageNumbers: number;\n  ellipsisPlacement: PaginationEllipsisPlacement;\n  size: PaginationSize;\n  variant: PaginationVariant;\n  getPageHref?: (page: number) => string;\n  getItemAriaLabel: (page: number, isActive: boolean) => string;\n  onPageChange?: (page: number) => void;\n}\n\nconst defaultGetItemAriaLabel = (page: number, isActive: boolean) =>\n  isActive ? `Page ${page}, current page` : `Go to page ${page}`;\n\nconst PaginationContext = createContext<PaginationContextValue | null>(null);\n\ninterface PaginationProviderProps {\n  value: PaginationContextValue;\n  children: React.ReactNode;\n}\n\nconst PaginationProvider = ({ value, children }: PaginationProviderProps) => {\n  const contextValue = useMemo(() => value, [value]);\n  return <PaginationContext.Provider value={contextValue}>{children}</PaginationContext.Provider>;\n};\n\nPaginationProvider.displayName = 'PaginationProvider';\n\nfunction usePaginationContext(): PaginationContextValue {\n  const context = useContext(PaginationContext);\n  if (!context) {\n    throw new Error('Pagination components must be used within a Pagination provider.');\n  }\n  return context;\n}\n\nfunction useVisiblePages() {\n  const { activePage, totalPages, maxVisiblePageNumbers, ellipsisPlacement } =\n    usePaginationContext();\n  return useMemo(\n    () =>\n      computeVisiblePages({\n        activePage,\n        totalPages,\n        maxVisiblePageNumbers,\n        ellipsisPlacement,\n      }),\n    [activePage, totalPages, maxVisiblePageNumbers, ellipsisPlacement],\n  );\n}\n\nexport {\n  defaultGetItemAriaLabel,\n  PaginationContext,\n  PaginationProvider,\n  usePaginationContext,\n  useVisiblePages,\n};\n"],"mappings":";;;;;AAqBA,MAAM,2BAA2B,MAAc,aAC7C,WAAW,QAAQ,KAAK,kBAAkB,cAAc;AAE1D,MAAM,oBAAoB,cAA6C,KAAK;AAO5E,MAAM,sBAAsB,EAAE,OAAO,eAAwC;CAC3E,MAAM,eAAe,cAAc,OAAO,CAAC,MAAM,CAAC;CAClD,OAAO,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;EAAe;EAAsC,CAAA;;AAGjG,mBAAmB,cAAc;AAEjC,SAAS,uBAA+C;CACtD,MAAM,UAAU,WAAW,kBAAkB;CAC7C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,mEAAmE;CAErF,OAAO;;AAGT,SAAS,kBAAkB;CACzB,MAAM,EAAE,YAAY,YAAY,uBAAuB,sBACrD,sBAAsB;CACxB,OAAO,cAEH,oBAAoB;EAClB;EACA;EACA;EACA;EACD,CAAC,EACJ;EAAC;EAAY;EAAY;EAAuB;EAAkB,CACnE"}

package/dist/components/Pagination/paginationDefaultComponents.cjs

@@ -0,0 +1,68 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/Pagination/paginationDefaultComponents.ts
+/**
+* Default pagination component tokens from `@yahoo/uds-config`.
+* Used when the synced app theme has not yet published pagination variables.
+*/
+const PAGINATION_DEFAULT_COMPONENTS = {
+	"pagination/size/md/icon/rest": {
+		fontSize: 16,
+		iconSizeToken: "sm",
+		lineHeight: 16
+	},
+	"pagination/size/md/item/rest": {
+		borderRadius: 9999,
+		padding: 8
+	},
+	"pagination/size/md/root/rest": { gap: 4 },
+	"pagination/size/md/text/rest": {
+		fontFamily: "YahooProductSans",
+		fontSize: 16,
+		letterSpacing: -.05,
+		lineHeight: 16
+	},
+	"pagination/size/sm/icon/rest": {
+		fontSize: 16,
+		iconSizeToken: "sm",
+		lineHeight: 16
+	},
+	"pagination/size/sm/item/rest": {
+		borderRadius: 9999,
+		padding: 6
+	},
+	"pagination/size/sm/root/rest": { gap: 4 },
+	"pagination/size/sm/text/rest": {
+		fontFamily: "YahooProductSans",
+		fontSize: 16,
+		letterSpacing: -.05,
+		lineHeight: 16
+	},
+	"pagination/variant/default/active/off/root/pressed": {
+		backgroundColor: "rgb(234, 229, 253)",
+		borderColor: "transparent",
+		borderWidth: 0,
+		boxShadow: "inset 0px 1px 2px 0px rgba(26, 25, 25, 0.1), inset 0px 1px 4px 0px rgba(26, 25, 25, 0.1)"
+	},
+	"pagination/variant/default/active/off/root/rest": {
+		backgroundColor: "transparent",
+		borderColor: "transparent",
+		borderWidth: 0
+	},
+	"pagination/variant/default/active/off/rootText/pressed": { color: "rgb(58, 57, 57)" },
+	"pagination/variant/default/active/off/rootText/rest": { color: "rgb(58, 57, 57)" },
+	"pagination/variant/default/active/on/root/pressed": {
+		backgroundColor: "rgb(125, 46, 255)",
+		borderColor: "transparent",
+		borderWidth: 0
+	},
+	"pagination/variant/default/active/on/root/rest": {
+		backgroundColor: "rgb(125, 46, 255)",
+		borderColor: "transparent",
+		borderWidth: 0
+	},
+	"pagination/variant/default/active/on/rootText/pressed": { color: "rgb(254, 254, 254)" },
+	"pagination/variant/default/active/on/rootText/rest": { color: "rgb(254, 254, 254)" }
+};
+//#endregion
+exports.PAGINATION_DEFAULT_COMPONENTS = PAGINATION_DEFAULT_COMPONENTS;

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

@@ -0,0 +1,17 @@
+
+import { IconSize } from "../../types/dist/index.cjs";
+import { TextStyle, ViewStyle } from "react-native";
+
+//#region src/components/Pagination/paginationDefaultComponents.d.ts
+/** Theme layer values may include RN styles plus UDS token fields from config. */
+type PaginationDefaultComponentStyle = (ViewStyle | TextStyle) & {
+  iconSizeToken?: IconSize;
+};
+/**
+ * Default pagination component tokens from `@yahoo/uds-config`.
+ * Used when the synced app theme has not yet published pagination variables.
+ */
+declare const PAGINATION_DEFAULT_COMPONENTS: Record<string, PaginationDefaultComponentStyle>;
+//#endregion
+export { PAGINATION_DEFAULT_COMPONENTS };
+//# sourceMappingURL=paginationDefaultComponents.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginationDefaultComponents.d.cts","names":[],"sources":["../../../src/components/Pagination/paginationDefaultComponents.ts"],"mappings":";;;;;;KAIK,+BAAA,IAAmC,SAAA,GAAY,SAAA;EAClD,aAAA,GAAgB,QAAA;AAAA;;;;;cAOL,6BAAA,EAA+B,MAAA,SAAe,+BAAA"}

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

@@ -0,0 +1,17 @@
+
+import { IconSize } from "../../types/dist/index.js";
+import { TextStyle, ViewStyle } from "react-native";
+
+//#region src/components/Pagination/paginationDefaultComponents.d.ts
+/** Theme layer values may include RN styles plus UDS token fields from config. */
+type PaginationDefaultComponentStyle = (ViewStyle | TextStyle) & {
+  iconSizeToken?: IconSize;
+};
+/**
+ * Default pagination component tokens from `@yahoo/uds-config`.
+ * Used when the synced app theme has not yet published pagination variables.
+ */
+declare const PAGINATION_DEFAULT_COMPONENTS: Record<string, PaginationDefaultComponentStyle>;
+//#endregion
+export { PAGINATION_DEFAULT_COMPONENTS };
+//# sourceMappingURL=paginationDefaultComponents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginationDefaultComponents.d.ts","names":[],"sources":["../../../src/components/Pagination/paginationDefaultComponents.ts"],"mappings":";;;;;;KAIK,+BAAA,IAAmC,SAAA,GAAY,SAAA;EAClD,aAAA,GAAgB,QAAA;AAAA;;;;;cAOL,6BAAA,EAA+B,MAAA,SAAe,+BAAA"}

package/dist/components/Pagination/paginationDefaultComponents.js

@@ -0,0 +1,69 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+//#region src/components/Pagination/paginationDefaultComponents.ts
+/**
+* Default pagination component tokens from `@yahoo/uds-config`.
+* Used when the synced app theme has not yet published pagination variables.
+*/
+const PAGINATION_DEFAULT_COMPONENTS = {
+	"pagination/size/md/icon/rest": {
+		fontSize: 16,
+		iconSizeToken: "sm",
+		lineHeight: 16
+	},
+	"pagination/size/md/item/rest": {
+		borderRadius: 9999,
+		padding: 8
+	},
+	"pagination/size/md/root/rest": { gap: 4 },
+	"pagination/size/md/text/rest": {
+		fontFamily: "YahooProductSans",
+		fontSize: 16,
+		letterSpacing: -.05,
+		lineHeight: 16
+	},
+	"pagination/size/sm/icon/rest": {
+		fontSize: 16,
+		iconSizeToken: "sm",
+		lineHeight: 16
+	},
+	"pagination/size/sm/item/rest": {
+		borderRadius: 9999,
+		padding: 6
+	},
+	"pagination/size/sm/root/rest": { gap: 4 },
+	"pagination/size/sm/text/rest": {
+		fontFamily: "YahooProductSans",
+		fontSize: 16,
+		letterSpacing: -.05,
+		lineHeight: 16
+	},
+	"pagination/variant/default/active/off/root/pressed": {
+		backgroundColor: "rgb(234, 229, 253)",
+		borderColor: "transparent",
+		borderWidth: 0,
+		boxShadow: "inset 0px 1px 2px 0px rgba(26, 25, 25, 0.1), inset 0px 1px 4px 0px rgba(26, 25, 25, 0.1)"
+	},
+	"pagination/variant/default/active/off/root/rest": {
+		backgroundColor: "transparent",
+		borderColor: "transparent",
+		borderWidth: 0
+	},
+	"pagination/variant/default/active/off/rootText/pressed": { color: "rgb(58, 57, 57)" },
+	"pagination/variant/default/active/off/rootText/rest": { color: "rgb(58, 57, 57)" },
+	"pagination/variant/default/active/on/root/pressed": {
+		backgroundColor: "rgb(125, 46, 255)",
+		borderColor: "transparent",
+		borderWidth: 0
+	},
+	"pagination/variant/default/active/on/root/rest": {
+		backgroundColor: "rgb(125, 46, 255)",
+		borderColor: "transparent",
+		borderWidth: 0
+	},
+	"pagination/variant/default/active/on/rootText/pressed": { color: "rgb(254, 254, 254)" },
+	"pagination/variant/default/active/on/rootText/rest": { color: "rgb(254, 254, 254)" }
+};
+//#endregion
+export { PAGINATION_DEFAULT_COMPONENTS };
+
+//# sourceMappingURL=paginationDefaultComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginationDefaultComponents.js","names":[],"sources":["../../../src/components/Pagination/paginationDefaultComponents.ts"],"sourcesContent":["import type { IconSize } from '@yahoo/uds-types';\nimport type { TextStyle, ViewStyle } from 'react-native';\n\n/** Theme layer values may include RN styles plus UDS token fields from config. */\ntype PaginationDefaultComponentStyle = (ViewStyle | TextStyle) & {\n  iconSizeToken?: IconSize;\n};\n\n/**\n * Default pagination component tokens from `@yahoo/uds-config`.\n * Used when the synced app theme has not yet published pagination variables.\n */\nexport const PAGINATION_DEFAULT_COMPONENTS: Record<string, PaginationDefaultComponentStyle> = {\n  'pagination/size/md/icon/rest': {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n  },\n  'pagination/size/md/item/rest': {\n    borderRadius: 9999,\n    padding: 8,\n  },\n  'pagination/size/md/root/rest': {\n    gap: 4,\n  },\n  'pagination/size/md/text/rest': {\n    fontFamily: 'YahooProductSans',\n    fontSize: 16,\n    letterSpacing: -0.05,\n    lineHeight: 16,\n  },\n  'pagination/size/sm/icon/rest': {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n  },\n  'pagination/size/sm/item/rest': {\n    borderRadius: 9999,\n    padding: 6,\n  },\n  'pagination/size/sm/root/rest': {\n    gap: 4,\n  },\n  'pagination/size/sm/text/rest': {\n    fontFamily: 'YahooProductSans',\n    fontSize: 16,\n    letterSpacing: -0.05,\n    lineHeight: 16,\n  },\n  'pagination/variant/default/active/off/root/pressed': {\n    backgroundColor: 'rgb(234, 229, 253)',\n    borderColor: 'transparent',\n    borderWidth: 0,\n    boxShadow:\n      'inset 0px 1px 2px 0px rgba(26, 25, 25, 0.1), inset 0px 1px 4px 0px rgba(26, 25, 25, 0.1)',\n  },\n  'pagination/variant/default/active/off/root/rest': {\n    backgroundColor: 'transparent',\n    borderColor: 'transparent',\n    borderWidth: 0,\n  },\n  'pagination/variant/default/active/off/rootText/pressed': {\n    color: 'rgb(58, 57, 57)',\n  },\n  'pagination/variant/default/active/off/rootText/rest': {\n    color: 'rgb(58, 57, 57)',\n  },\n  'pagination/variant/default/active/on/root/pressed': {\n    backgroundColor: 'rgb(125, 46, 255)',\n    borderColor: 'transparent',\n    borderWidth: 0,\n  },\n  'pagination/variant/default/active/on/root/rest': {\n    backgroundColor: 'rgb(125, 46, 255)',\n    borderColor: 'transparent',\n    borderWidth: 0,\n  },\n  'pagination/variant/default/active/on/rootText/pressed': {\n    color: 'rgb(254, 254, 254)',\n  },\n  'pagination/variant/default/active/on/rootText/rest': {\n    color: 'rgb(254, 254, 254)',\n  },\n};\n"],"mappings":";;;;;;AAYA,MAAa,gCAAiF;CAC5F,gCAAgC;EAC9B,UAAU;EACV,eAAe;EACf,YAAY;EACb;CACD,gCAAgC;EAC9B,cAAc;EACd,SAAS;EACV;CACD,gCAAgC,EAC9B,KAAK,GACN;CACD,gCAAgC;EAC9B,YAAY;EACZ,UAAU;EACV,eAAe;EACf,YAAY;EACb;CACD,gCAAgC;EAC9B,UAAU;EACV,eAAe;EACf,YAAY;EACb;CACD,gCAAgC;EAC9B,cAAc;EACd,SAAS;EACV;CACD,gCAAgC,EAC9B,KAAK,GACN;CACD,gCAAgC;EAC9B,YAAY;EACZ,UAAU;EACV,eAAe;EACf,YAAY;EACb;CACD,sDAAsD;EACpD,iBAAiB;EACjB,aAAa;EACb,aAAa;EACb,WACE;EACH;CACD,mDAAmD;EACjD,iBAAiB;EACjB,aAAa;EACb,aAAa;EACd;CACD,0DAA0D,EACxD,OAAO,mBACR;CACD,uDAAuD,EACrD,OAAO,mBACR;CACD,qDAAqD;EACnD,iBAAiB;EACjB,aAAa;EACb,aAAa;EACd;CACD,kDAAkD;EAChD,iBAAiB;EACjB,aAAa;EACb,aAAa;EACd;CACD,yDAAyD,EACvD,OAAO,sBACR;CACD,sDAAsD,EACpD,OAAO,sBACR;CACF"}

package/dist/components/Pagination/paginationTheme.cjs

@@ -0,0 +1,67 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_Pagination_paginationDefaultComponents = require("./paginationDefaultComponents.cjs");
+//#region src/components/Pagination/paginationTheme.ts
+function paginationSizePath(size, layer) {
+	return `pagination/size/${size}/${layer}/rest`;
+}
+function paginationVariantPath(variant, active, layer, state) {
+	return `pagination/variant/${variant}/active/${active}/${layer}/${state}`;
+}
+function getLayerStyle(theme, path) {
+	const style = theme.components[path];
+	if (style && typeof style === "object" && Object.keys(style).length > 0) return style;
+	const fallback = require_components_Pagination_paginationDefaultComponents.PAGINATION_DEFAULT_COMPONENTS[path];
+	return fallback && typeof fallback === "object" ? fallback : {};
+}
+function getPaginationSizeLayerStyle(theme, size, layer) {
+	return getLayerStyle(theme, paginationSizePath(size, layer));
+}
+function getPaginationVariantLayerStyle(theme, variant, active, layer, state) {
+	return getLayerStyle(theme, paginationVariantPath(variant, active, layer, state));
+}
+/** Page control container: size item + variant root (matches web stacking). */
+function getMergedPaginationControlRootStyle(theme, size, variant, active, state) {
+	return {
+		...getPaginationSizeLayerStyle(theme, size, "item"),
+		...getPaginationVariantLayerStyle(theme, variant, active, "root", state)
+	};
+}
+/** Label typography + color: size text + variant rootText. */
+function getMergedPaginationTextStyle(theme, size, variant, active, state) {
+	return {
+		...getPaginationSizeLayerStyle(theme, size, "text"),
+		...getPaginationVariantLayerStyle(theme, variant, active, "rootText", state)
+	};
+}
+/** Icon sizing from size layer; color follows variant rootText. */
+function getMergedPaginationIconStyle(theme, size, variant, active, state) {
+	const iconStyle = getPaginationSizeLayerStyle(theme, size, "icon");
+	const textStyle = getPaginationVariantLayerStyle(theme, variant, active, "rootText", state);
+	return {
+		...iconStyle,
+		...textStyle.color !== void 0 ? { color: textStyle.color } : void 0
+	};
+}
+function getPaginationRootGapStyle(theme, size) {
+	return getPaginationSizeLayerStyle(theme, size, "root");
+}
+/** Control height/width from item padding plus icon size, matching web alignment. */
+function getPaginationControlMetrics(theme, size) {
+	const itemStyle = getPaginationSizeLayerStyle(theme, size, "item");
+	const iconStyle = getPaginationSizeLayerStyle(theme, size, "icon");
+	const padding = (typeof itemStyle.padding === "number" ? itemStyle.padding : void 0) ?? (typeof itemStyle.paddingVertical === "number" ? itemStyle.paddingVertical : void 0) ?? 8;
+	const iconSize = (typeof iconStyle.fontSize === "number" ? iconStyle.fontSize : void 0) ?? (typeof iconStyle.lineHeight === "number" ? iconStyle.lineHeight : void 0) ?? 16;
+	return {
+		controlSize: padding * 2 + iconSize,
+		borderRadius: itemStyle.borderRadius
+	};
+}
+//#endregion
+exports.getMergedPaginationControlRootStyle = getMergedPaginationControlRootStyle;
+exports.getMergedPaginationIconStyle = getMergedPaginationIconStyle;
+exports.getMergedPaginationTextStyle = getMergedPaginationTextStyle;
+exports.getPaginationControlMetrics = getPaginationControlMetrics;
+exports.getPaginationRootGapStyle = getPaginationRootGapStyle;
+exports.getPaginationSizeLayerStyle = getPaginationSizeLayerStyle;
+exports.getPaginationVariantLayerStyle = getPaginationVariantLayerStyle;

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

@@ -0,0 +1,28 @@
+
+import { PaginationSize, PaginationVariant } from "../../types/dist/index.cjs";
+import { TextStyle, ViewStyle } from "react-native";
+
+//#region src/components/Pagination/paginationTheme.d.ts
+type PaginationActiveState = 'on' | 'off';
+type PaginationVariantLayer = 'root' | 'rootText';
+type InteractionState = 'rest' | 'pressed';
+type PaginationTheme = {
+  components: Record<string, any>;
+};
+declare function getPaginationSizeLayerStyle(theme: PaginationTheme, size: PaginationSize, layer: 'root' | 'item' | 'icon' | 'text'): ViewStyle | TextStyle;
+declare function getPaginationVariantLayerStyle(theme: PaginationTheme, variant: PaginationVariant, active: PaginationActiveState, layer: PaginationVariantLayer, state: InteractionState): ViewStyle | TextStyle;
+/** Page control container: size item + variant root (matches web stacking). */
+declare function getMergedPaginationControlRootStyle(theme: PaginationTheme, size: PaginationSize, variant: PaginationVariant, active: PaginationActiveState, state: InteractionState): ViewStyle;
+/** Label typography + color: size text + variant rootText. */
+declare function getMergedPaginationTextStyle(theme: PaginationTheme, size: PaginationSize, variant: PaginationVariant, active: PaginationActiveState, state: InteractionState): TextStyle;
+/** Icon sizing from size layer; color follows variant rootText. */
+declare function getMergedPaginationIconStyle(theme: PaginationTheme, size: PaginationSize, variant: PaginationVariant, active: PaginationActiveState, state: InteractionState): TextStyle;
+declare function getPaginationRootGapStyle(theme: PaginationTheme, size: PaginationSize): ViewStyle;
+/** Control height/width from item padding plus icon size, matching web alignment. */
+declare function getPaginationControlMetrics(theme: PaginationTheme, size: PaginationSize): {
+  controlSize: number;
+  borderRadius: ViewStyle['borderRadius'];
+};
+//#endregion
+export { getMergedPaginationControlRootStyle, getMergedPaginationIconStyle, getMergedPaginationTextStyle, getPaginationControlMetrics, getPaginationRootGapStyle, getPaginationSizeLayerStyle, getPaginationVariantLayerStyle };
+//# sourceMappingURL=paginationTheme.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginationTheme.d.cts","names":[],"sources":["../../../src/components/Pagination/paginationTheme.ts"],"mappings":";;;;;KAKK,qBAAA;AAAA,KACA,sBAAA;AAAA,KACA,gBAAA;AAAA,KAEA,eAAA;EAEH,UAAA,EAAY,MAAA;AAAA;AAAA,iBA6BE,2BAAA,CACd,KAAA,EAAO,eAAA,EACP,IAAA,EAAM,cAAA,EACN,KAAA,sCACC,SAAA,GAAY,SAAA;AAAA,iBAIC,8BAAA,CACd,KAAA,EAAO,eAAA,EACP,OAAA,EAAS,iBAAA,EACT,MAAA,EAAQ,qBAAA,EACR,KAAA,EAAO,sBAAA,EACP,KAAA,EAAO,gBAAA,GACN,SAAA,GAAY,SAAA;;iBAKC,mCAAA,CACd,KAAA,EAAO,eAAA,EACP,IAAA,EAAM,cAAA,EACN,OAAA,EAAS,iBAAA,EACT,MAAA,EAAQ,qBAAA,EACR,KAAA,EAAO,gBAAA,GACN,SAAA;;iBAQa,4BAAA,CACd,KAAA,EAAO,eAAA,EACP,IAAA,EAAM,cAAA,EACN,OAAA,EAAS,iBAAA,EACT,MAAA,EAAQ,qBAAA,EACR,KAAA,EAAO,gBAAA,GACN,SAAA;AAzEwB;AAAA,iBAiFX,4BAAA,CACd,KAAA,EAAO,eAAA,EACP,IAAA,EAAM,cAAA,EACN,OAAA,EAAS,iBAAA,EACT,MAAA,EAAQ,qBAAA,EACR,KAAA,EAAO,gBAAA,GACN,SAAA;AAAA,iBAgBa,yBAAA,CAA0B,KAAA,EAAO,eAAA,EAAiB,IAAA,EAAM,cAAA,GAAiB,SAAA;;iBAKzE,2BAAA,CACd,KAAA,EAAO,eAAA,EACP,IAAA,EAAM,cAAA;EACH,WAAA;EAAqB,YAAA,EAAc,SAAA;AAAA"}

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

@@ -0,0 +1,28 @@
+
+import { PaginationSize, PaginationVariant } from "../../types/dist/index.js";
+import { TextStyle, ViewStyle } from "react-native";
+
+//#region src/components/Pagination/paginationTheme.d.ts
+type PaginationActiveState = 'on' | 'off';
+type PaginationVariantLayer = 'root' | 'rootText';
+type InteractionState = 'rest' | 'pressed';
+type PaginationTheme = {
+  components: Record<string, any>;
+};
+declare function getPaginationSizeLayerStyle(theme: PaginationTheme, size: PaginationSize, layer: 'root' | 'item' | 'icon' | 'text'): ViewStyle | TextStyle;
+declare function getPaginationVariantLayerStyle(theme: PaginationTheme, variant: PaginationVariant, active: PaginationActiveState, layer: PaginationVariantLayer, state: InteractionState): ViewStyle | TextStyle;
+/** Page control container: size item + variant root (matches web stacking). */
+declare function getMergedPaginationControlRootStyle(theme: PaginationTheme, size: PaginationSize, variant: PaginationVariant, active: PaginationActiveState, state: InteractionState): ViewStyle;
+/** Label typography + color: size text + variant rootText. */
+declare function getMergedPaginationTextStyle(theme: PaginationTheme, size: PaginationSize, variant: PaginationVariant, active: PaginationActiveState, state: InteractionState): TextStyle;
+/** Icon sizing from size layer; color follows variant rootText. */
+declare function getMergedPaginationIconStyle(theme: PaginationTheme, size: PaginationSize, variant: PaginationVariant, active: PaginationActiveState, state: InteractionState): TextStyle;
+declare function getPaginationRootGapStyle(theme: PaginationTheme, size: PaginationSize): ViewStyle;
+/** Control height/width from item padding plus icon size, matching web alignment. */
+declare function getPaginationControlMetrics(theme: PaginationTheme, size: PaginationSize): {
+  controlSize: number;
+  borderRadius: ViewStyle['borderRadius'];
+};
+//#endregion
+export { getMergedPaginationControlRootStyle, getMergedPaginationIconStyle, getMergedPaginationTextStyle, getPaginationControlMetrics, getPaginationRootGapStyle, getPaginationSizeLayerStyle, getPaginationVariantLayerStyle };
+//# sourceMappingURL=paginationTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginationTheme.d.ts","names":[],"sources":["../../../src/components/Pagination/paginationTheme.ts"],"mappings":";;;;;KAKK,qBAAA;AAAA,KACA,sBAAA;AAAA,KACA,gBAAA;AAAA,KAEA,eAAA;EAEH,UAAA,EAAY,MAAA;AAAA;AAAA,iBA6BE,2BAAA,CACd,KAAA,EAAO,eAAA,EACP,IAAA,EAAM,cAAA,EACN,KAAA,sCACC,SAAA,GAAY,SAAA;AAAA,iBAIC,8BAAA,CACd,KAAA,EAAO,eAAA,EACP,OAAA,EAAS,iBAAA,EACT,MAAA,EAAQ,qBAAA,EACR,KAAA,EAAO,sBAAA,EACP,KAAA,EAAO,gBAAA,GACN,SAAA,GAAY,SAAA;;iBAKC,mCAAA,CACd,KAAA,EAAO,eAAA,EACP,IAAA,EAAM,cAAA,EACN,OAAA,EAAS,iBAAA,EACT,MAAA,EAAQ,qBAAA,EACR,KAAA,EAAO,gBAAA,GACN,SAAA;;iBAQa,4BAAA,CACd,KAAA,EAAO,eAAA,EACP,IAAA,EAAM,cAAA,EACN,OAAA,EAAS,iBAAA,EACT,MAAA,EAAQ,qBAAA,EACR,KAAA,EAAO,gBAAA,GACN,SAAA;AAzEwB;AAAA,iBAiFX,4BAAA,CACd,KAAA,EAAO,eAAA,EACP,IAAA,EAAM,cAAA,EACN,OAAA,EAAS,iBAAA,EACT,MAAA,EAAQ,qBAAA,EACR,KAAA,EAAO,gBAAA,GACN,SAAA;AAAA,iBAgBa,yBAAA,CAA0B,KAAA,EAAO,eAAA,EAAiB,IAAA,EAAM,cAAA,GAAiB,SAAA;;iBAKzE,2BAAA,CACd,KAAA,EAAO,eAAA,EACP,IAAA,EAAM,cAAA;EACH,WAAA;EAAqB,YAAA,EAAc,SAAA;AAAA"}

package/dist/components/Pagination/paginationTheme.js

@@ -0,0 +1,62 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { PAGINATION_DEFAULT_COMPONENTS } from "./paginationDefaultComponents.js";
+//#region src/components/Pagination/paginationTheme.ts
+function paginationSizePath(size, layer) {
+	return `pagination/size/${size}/${layer}/rest`;
+}
+function paginationVariantPath(variant, active, layer, state) {
+	return `pagination/variant/${variant}/active/${active}/${layer}/${state}`;
+}
+function getLayerStyle(theme, path) {
+	const style = theme.components[path];
+	if (style && typeof style === "object" && Object.keys(style).length > 0) return style;
+	const fallback = PAGINATION_DEFAULT_COMPONENTS[path];
+	return fallback && typeof fallback === "object" ? fallback : {};
+}
+function getPaginationSizeLayerStyle(theme, size, layer) {
+	return getLayerStyle(theme, paginationSizePath(size, layer));
+}
+function getPaginationVariantLayerStyle(theme, variant, active, layer, state) {
+	return getLayerStyle(theme, paginationVariantPath(variant, active, layer, state));
+}
+/** Page control container: size item + variant root (matches web stacking). */
+function getMergedPaginationControlRootStyle(theme, size, variant, active, state) {
+	return {
+		...getPaginationSizeLayerStyle(theme, size, "item"),
+		...getPaginationVariantLayerStyle(theme, variant, active, "root", state)
+	};
+}
+/** Label typography + color: size text + variant rootText. */
+function getMergedPaginationTextStyle(theme, size, variant, active, state) {
+	return {
+		...getPaginationSizeLayerStyle(theme, size, "text"),
+		...getPaginationVariantLayerStyle(theme, variant, active, "rootText", state)
+	};
+}
+/** Icon sizing from size layer; color follows variant rootText. */
+function getMergedPaginationIconStyle(theme, size, variant, active, state) {
+	const iconStyle = getPaginationSizeLayerStyle(theme, size, "icon");
+	const textStyle = getPaginationVariantLayerStyle(theme, variant, active, "rootText", state);
+	return {
+		...iconStyle,
+		...textStyle.color !== void 0 ? { color: textStyle.color } : void 0
+	};
+}
+function getPaginationRootGapStyle(theme, size) {
+	return getPaginationSizeLayerStyle(theme, size, "root");
+}
+/** Control height/width from item padding plus icon size, matching web alignment. */
+function getPaginationControlMetrics(theme, size) {
+	const itemStyle = getPaginationSizeLayerStyle(theme, size, "item");
+	const iconStyle = getPaginationSizeLayerStyle(theme, size, "icon");
+	const padding = (typeof itemStyle.padding === "number" ? itemStyle.padding : void 0) ?? (typeof itemStyle.paddingVertical === "number" ? itemStyle.paddingVertical : void 0) ?? 8;
+	const iconSize = (typeof iconStyle.fontSize === "number" ? iconStyle.fontSize : void 0) ?? (typeof iconStyle.lineHeight === "number" ? iconStyle.lineHeight : void 0) ?? 16;
+	return {
+		controlSize: padding * 2 + iconSize,
+		borderRadius: itemStyle.borderRadius
+	};
+}
+//#endregion
+export { getMergedPaginationControlRootStyle, getMergedPaginationIconStyle, getMergedPaginationTextStyle, getPaginationControlMetrics, getPaginationRootGapStyle, getPaginationSizeLayerStyle, getPaginationVariantLayerStyle };
+
+//# sourceMappingURL=paginationTheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginationTheme.js","names":[],"sources":["../../../src/components/Pagination/paginationTheme.ts"],"sourcesContent":["import type { PaginationSize, PaginationVariant } from '@yahoo/uds-types';\nimport type { TextStyle, ViewStyle } from 'react-native';\n\nimport { PAGINATION_DEFAULT_COMPONENTS } from './paginationDefaultComponents';\n\ntype PaginationActiveState = 'on' | 'off';\ntype PaginationVariantLayer = 'root' | 'rootText';\ntype InteractionState = 'rest' | 'pressed';\n\ntype PaginationTheme = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  components: Record<string, any>;\n};\n\nfunction paginationSizePath(\n  size: PaginationSize,\n  layer: 'root' | 'item' | 'icon' | 'text',\n): string {\n  return `pagination/size/${size}/${layer}/rest`;\n}\n\nfunction paginationVariantPath(\n  variant: PaginationVariant,\n  active: PaginationActiveState,\n  layer: PaginationVariantLayer,\n  state: InteractionState,\n): string {\n  return `pagination/variant/${variant}/active/${active}/${layer}/${state}`;\n}\n\nfunction getLayerStyle(theme: PaginationTheme, path: string): ViewStyle | TextStyle {\n  const style = theme.components[path];\n  if (style && typeof style === 'object' && Object.keys(style).length > 0) {\n    return style;\n  }\n\n  const fallback = PAGINATION_DEFAULT_COMPONENTS[path];\n  return fallback && typeof fallback === 'object' ? fallback : {};\n}\n\nexport function getPaginationSizeLayerStyle(\n  theme: PaginationTheme,\n  size: PaginationSize,\n  layer: 'root' | 'item' | 'icon' | 'text',\n): ViewStyle | TextStyle {\n  return getLayerStyle(theme, paginationSizePath(size, layer));\n}\n\nexport function getPaginationVariantLayerStyle(\n  theme: PaginationTheme,\n  variant: PaginationVariant,\n  active: PaginationActiveState,\n  layer: PaginationVariantLayer,\n  state: InteractionState,\n): ViewStyle | TextStyle {\n  return getLayerStyle(theme, paginationVariantPath(variant, active, layer, state));\n}\n\n/** Page control container: size item + variant root (matches web stacking). */\nexport function getMergedPaginationControlRootStyle(\n  theme: PaginationTheme,\n  size: PaginationSize,\n  variant: PaginationVariant,\n  active: PaginationActiveState,\n  state: InteractionState,\n): ViewStyle {\n  return {\n    ...(getPaginationSizeLayerStyle(theme, size, 'item') as object),\n    ...(getPaginationVariantLayerStyle(theme, variant, active, 'root', state) as object),\n  } as ViewStyle;\n}\n\n/** Label typography + color: size text + variant rootText. */\nexport function getMergedPaginationTextStyle(\n  theme: PaginationTheme,\n  size: PaginationSize,\n  variant: PaginationVariant,\n  active: PaginationActiveState,\n  state: InteractionState,\n): TextStyle {\n  return {\n    ...(getPaginationSizeLayerStyle(theme, size, 'text') as object),\n    ...(getPaginationVariantLayerStyle(theme, variant, active, 'rootText', state) as object),\n  } as TextStyle;\n}\n\n/** Icon sizing from size layer; color follows variant rootText. */\nexport function getMergedPaginationIconStyle(\n  theme: PaginationTheme,\n  size: PaginationSize,\n  variant: PaginationVariant,\n  active: PaginationActiveState,\n  state: InteractionState,\n): TextStyle {\n  const iconStyle = getPaginationSizeLayerStyle(theme, size, 'icon') as TextStyle;\n  const textStyle = getPaginationVariantLayerStyle(\n    theme,\n    variant,\n    active,\n    'rootText',\n    state,\n  ) as TextStyle;\n\n  return {\n    ...iconStyle,\n    ...(textStyle.color !== undefined ? { color: textStyle.color } : undefined),\n  } as TextStyle;\n}\n\nexport function getPaginationRootGapStyle(theme: PaginationTheme, size: PaginationSize): ViewStyle {\n  return getPaginationSizeLayerStyle(theme, size, 'root') as ViewStyle;\n}\n\n/** Control height/width from item padding plus icon size, matching web alignment. */\nexport function getPaginationControlMetrics(\n  theme: PaginationTheme,\n  size: PaginationSize,\n): { controlSize: number; borderRadius: ViewStyle['borderRadius'] } {\n  const itemStyle = getPaginationSizeLayerStyle(theme, size, 'item') as ViewStyle;\n  const iconStyle = getPaginationSizeLayerStyle(theme, size, 'icon') as TextStyle;\n\n  const padding =\n    (typeof itemStyle.padding === 'number' ? itemStyle.padding : undefined) ??\n    (typeof itemStyle.paddingVertical === 'number' ? itemStyle.paddingVertical : undefined) ??\n    8;\n\n  const iconSize =\n    (typeof iconStyle.fontSize === 'number' ? iconStyle.fontSize : undefined) ??\n    (typeof iconStyle.lineHeight === 'number' ? iconStyle.lineHeight : undefined) ??\n    16;\n\n  return {\n    controlSize: padding * 2 + iconSize,\n    borderRadius: itemStyle.borderRadius,\n  };\n}\n"],"mappings":";;;AAcA,SAAS,mBACP,MACA,OACQ;CACR,OAAO,mBAAmB,KAAK,GAAG,MAAM;;AAG1C,SAAS,sBACP,SACA,QACA,OACA,OACQ;CACR,OAAO,sBAAsB,QAAQ,UAAU,OAAO,GAAG,MAAM,GAAG;;AAGpE,SAAS,cAAc,OAAwB,MAAqC;CAClF,MAAM,QAAQ,MAAM,WAAW;CAC/B,IAAI,SAAS,OAAO,UAAU,YAAY,OAAO,KAAK,MAAM,CAAC,SAAS,GACpE,OAAO;CAGT,MAAM,WAAW,8BAA8B;CAC/C,OAAO,YAAY,OAAO,aAAa,WAAW,WAAW,EAAE;;AAGjE,SAAgB,4BACd,OACA,MACA,OACuB;CACvB,OAAO,cAAc,OAAO,mBAAmB,MAAM,MAAM,CAAC;;AAG9D,SAAgB,+BACd,OACA,SACA,QACA,OACA,OACuB;CACvB,OAAO,cAAc,OAAO,sBAAsB,SAAS,QAAQ,OAAO,MAAM,CAAC;;;AAInF,SAAgB,oCACd,OACA,MACA,SACA,QACA,OACW;CACX,OAAO;EACL,GAAI,4BAA4B,OAAO,MAAM,OAAO;EACpD,GAAI,+BAA+B,OAAO,SAAS,QAAQ,QAAQ,MAAM;EAC1E;;;AAIH,SAAgB,6BACd,OACA,MACA,SACA,QACA,OACW;CACX,OAAO;EACL,GAAI,4BAA4B,OAAO,MAAM,OAAO;EACpD,GAAI,+BAA+B,OAAO,SAAS,QAAQ,YAAY,MAAM;EAC9E;;;AAIH,SAAgB,6BACd,OACA,MACA,SACA,QACA,OACW;CACX,MAAM,YAAY,4BAA4B,OAAO,MAAM,OAAO;CAClE,MAAM,YAAY,+BAChB,OACA,SACA,QACA,YACA,MACD;CAED,OAAO;EACL,GAAG;EACH,GAAI,UAAU,UAAU,KAAA,IAAY,EAAE,OAAO,UAAU,OAAO,GAAG,KAAA;EAClE;;AAGH,SAAgB,0BAA0B,OAAwB,MAAiC;CACjG,OAAO,4BAA4B,OAAO,MAAM,OAAO;;;AAIzD,SAAgB,4BACd,OACA,MACkE;CAClE,MAAM,YAAY,4BAA4B,OAAO,MAAM,OAAO;CAClE,MAAM,YAAY,4BAA4B,OAAO,MAAM,OAAO;CAElE,MAAM,WACH,OAAO,UAAU,YAAY,WAAW,UAAU,UAAU,KAAA,OAC5D,OAAO,UAAU,oBAAoB,WAAW,UAAU,kBAAkB,KAAA,MAC7E;CAEF,MAAM,YACH,OAAO,UAAU,aAAa,WAAW,UAAU,WAAW,KAAA,OAC9D,OAAO,UAAU,eAAe,WAAW,UAAU,aAAa,KAAA,MACnE;CAEF,OAAO;EACL,aAAa,UAAU,IAAI;EAC3B,cAAc,UAAU;EACzB"}

package/dist/components/Pagination/range.cjs

@@ -0,0 +1,10 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/Pagination/range.ts
+function range(start, end) {
+	const result = [];
+	for (let i = start; i <= end; i++) result.push(i);
+	return result;
+}
+//#endregion
+exports.range = range;

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

@@ -0,0 +1,6 @@
+
+//#region src/components/Pagination/range.d.ts
+declare function range(start: number, end: number): number[];
+//#endregion
+export { range };
+//# sourceMappingURL=range.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"range.d.cts","names":[],"sources":["../../../src/components/Pagination/range.ts"],"mappings":";;iBAAS,KAAA,CAAM,KAAA,UAAe,GAAA"}

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

@@ -0,0 +1,6 @@
+
+//#region src/components/Pagination/range.d.ts
+declare function range(start: number, end: number): number[];
+//#endregion
+export { range };
+//# sourceMappingURL=range.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"range.d.ts","names":[],"sources":["../../../src/components/Pagination/range.ts"],"mappings":";;iBAAS,KAAA,CAAM,KAAA,UAAe,GAAA"}

package/dist/components/Pagination/range.js

@@ -0,0 +1,11 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+//#region src/components/Pagination/range.ts
+function range(start, end) {
+	const result = [];
+	for (let i = start; i <= end; i++) result.push(i);
+	return result;
+}
+//#endregion
+export { range };
+
+//# sourceMappingURL=range.js.map