@yahoo/uds 3.152.1 → 3.153.1-beta.1

package/dist/components/client/Pagination/PaginationItem.js

@@ -0,0 +1,50 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { createSlot } from "../../../utils/createSlot.js";
+import { usePaginationContext } from "./paginationContext.js";
+import { usePaginationItemClassName, usePaginationItemLabelClassName } from "./paginationStyles.js";
+import { forwardRef, isValidElement } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/client/Pagination/PaginationItem.tsx
+const Slot = createSlot();
+const PaginationItem = forwardRef(function PaginationItem({ page, asChild = false, children, className, onClick, ...rest }, ref) {
+	const { activePage, size, variant, getItemAriaLabel, onPageChange } = usePaginationContext();
+	const isActive = page === activePage;
+	const itemClass = usePaginationItemClassName(size, variant, isActive, className);
+	const labelClass = usePaginationItemLabelClassName(size);
+	const ariaLabel = getItemAriaLabel(page, isActive);
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented && !isActive) onPageChange?.(page);
+	};
+	const label = children ?? page;
+	const Comp = asChild ? Slot : "button";
+	if (asChild && isValidElement(children)) return /* @__PURE__ */ jsx(Comp, {
+		ref,
+		type: "button",
+		className: itemClass,
+		"aria-current": isActive ? "page" : void 0,
+		"aria-label": ariaLabel,
+		onClick: isActive ? void 0 : handleClick,
+		disabled: isActive,
+		...rest,
+		children
+	});
+	return /* @__PURE__ */ jsx(Comp, {
+		ref,
+		type: "button",
+		className: itemClass,
+		"aria-current": isActive ? "page" : void 0,
+		"aria-label": ariaLabel,
+		onClick: isActive ? void 0 : handleClick,
+		disabled: isActive,
+		...rest,
+		children: /* @__PURE__ */ jsx("span", {
+			className: labelClass,
+			children: label
+		})
+	});
+});
+PaginationItem.displayName = "PaginationItem";
+//#endregion
+export { PaginationItem };

package/dist/components/client/Pagination/PaginationLink.cjs

@@ -0,0 +1,53 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_utils_createSlot = require("../../../utils/createSlot.cjs");
+const require_components_client_Pagination_paginationContext = require("./paginationContext.cjs");
+const require_components_client_Pagination_paginationStyles = require("./paginationStyles.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client/Pagination/PaginationLink.tsx
+const Slot = require_utils_createSlot.createSlot();
+const PaginationLink = (0, react.forwardRef)(function PaginationLink({ page, href, asChild = false, children, className, onClick, ...rest }, ref) {
+	const { activePage, size, variant, getItemAriaLabel, onPageChange } = require_components_client_Pagination_paginationContext.usePaginationContext();
+	const isActive = page === activePage;
+	const itemClass = require_components_client_Pagination_paginationStyles.usePaginationItemClassName(size, variant, isActive, className);
+	const labelClass = require_components_client_Pagination_paginationStyles.usePaginationItemLabelClassName(size);
+	const ariaLabel = getItemAriaLabel(page, isActive);
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented && !isActive && onPageChange) {
+			event.preventDefault();
+			onPageChange(page);
+		}
+	};
+	const Comp = asChild ? Slot : "a";
+	const label = children ?? page;
+	if (asChild && (0, react.isValidElement)(children)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
+		ref,
+		href: isActive ? void 0 : href,
+		className: itemClass,
+		"aria-current": isActive ? "page" : void 0,
+		"aria-label": ariaLabel,
+		onClick: isActive ? void 0 : handleClick,
+		...rest,
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
+		ref,
+		href: isActive ? void 0 : href,
+		className: itemClass,
+		"aria-current": isActive ? "page" : void 0,
+		"aria-label": ariaLabel,
+		onClick: isActive ? void 0 : handleClick,
+		...rest,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: labelClass,
+			children: label
+		})
+	});
+});
+PaginationLink.displayName = "PaginationLink";
+//#endregion
+exports.PaginationLink = PaginationLink;

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

@@ -0,0 +1,9 @@
+
+import { UniversalPaginationLinkProps } from "../../../types/dist/index.cjs";
+import * as _$react from "react";
+
+//#region src/components/client/Pagination/PaginationLink.d.ts
+type PaginationLinkProps = UniversalPaginationLinkProps;
+declare const PaginationLink: _$react.ForwardRefExoticComponent<UniversalPaginationLinkProps & _$react.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { PaginationLink, type PaginationLinkProps };

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

@@ -0,0 +1,10 @@
+
+"use client";
+import { UniversalPaginationLinkProps } from "../../../types/dist/index.js";
+import * as _$react from "react";
+
+//#region src/components/client/Pagination/PaginationLink.d.ts
+type PaginationLinkProps = UniversalPaginationLinkProps;
+declare const PaginationLink: _$react.ForwardRefExoticComponent<UniversalPaginationLinkProps & _$react.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { PaginationLink, type PaginationLinkProps };

package/dist/components/client/Pagination/PaginationLink.js

@@ -0,0 +1,51 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { createSlot } from "../../../utils/createSlot.js";
+import { usePaginationContext } from "./paginationContext.js";
+import { usePaginationItemClassName, usePaginationItemLabelClassName } from "./paginationStyles.js";
+import { forwardRef, isValidElement } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/client/Pagination/PaginationLink.tsx
+const Slot = createSlot();
+const PaginationLink = forwardRef(function PaginationLink({ page, href, asChild = false, children, className, onClick, ...rest }, ref) {
+	const { activePage, size, variant, getItemAriaLabel, onPageChange } = usePaginationContext();
+	const isActive = page === activePage;
+	const itemClass = usePaginationItemClassName(size, variant, isActive, className);
+	const labelClass = usePaginationItemLabelClassName(size);
+	const ariaLabel = getItemAriaLabel(page, isActive);
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented && !isActive && onPageChange) {
+			event.preventDefault();
+			onPageChange(page);
+		}
+	};
+	const Comp = asChild ? Slot : "a";
+	const label = children ?? page;
+	if (asChild && isValidElement(children)) return /* @__PURE__ */ jsx(Comp, {
+		ref,
+		href: isActive ? void 0 : href,
+		className: itemClass,
+		"aria-current": isActive ? "page" : void 0,
+		"aria-label": ariaLabel,
+		onClick: isActive ? void 0 : handleClick,
+		...rest,
+		children
+	});
+	return /* @__PURE__ */ jsx(Comp, {
+		ref,
+		href: isActive ? void 0 : href,
+		className: itemClass,
+		"aria-current": isActive ? "page" : void 0,
+		"aria-label": ariaLabel,
+		onClick: isActive ? void 0 : handleClick,
+		...rest,
+		children: /* @__PURE__ */ jsx("span", {
+			className: labelClass,
+			children: label
+		})
+	});
+});
+PaginationLink.displayName = "PaginationLink";
+//#endregion
+export { PaginationLink };

package/dist/components/client/Pagination/PaginationNext.cjs

@@ -0,0 +1,56 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_utils_createSlot = require("../../../utils/createSlot.cjs");
+const require_components_Icon = require("../../Icon.cjs");
+const require_components_client_Pagination_paginationContext = require("./paginationContext.cjs");
+const require_components_client_Pagination_paginationStyles = require("./paginationStyles.cjs");
+let _yahoo_uds_icons = require("@yahoo/uds-icons");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client/Pagination/PaginationNext.tsx
+const Slot = require_utils_createSlot.createSlot();
+const PaginationNext = (0, react.forwardRef)(function PaginationNext({ label = "Next", asChild = false, className, onClick, children, ...rest }, ref) {
+	const { activePage, totalPages, size, variant, onPageChange } = require_components_client_Pagination_paginationContext.usePaginationContext();
+	const controlClass = require_components_client_Pagination_paginationStyles.usePaginationPrevNextClassName(size, variant, className);
+	const iconClass = require_components_client_Pagination_paginationStyles.usePaginationIconClassName(size);
+	const textClass = require_components_client_Pagination_paginationStyles.usePaginationItemLabelClassName(size);
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented) onPageChange?.(activePage + 1);
+	};
+	if (activePage >= totalPages) return null;
+	const Comp = asChild ? Slot : "button";
+	const content = children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: textClass,
+		children: label
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
+		name: _yahoo_uds_icons.ChevronRight,
+		size: "sm",
+		color: "current",
+		className: iconClass,
+		"aria-hidden": true
+	})] });
+	if (asChild && (0, react.isValidElement)(children)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
+		ref,
+		type: "button",
+		className: controlClass,
+		"aria-label": "Go to next page",
+		onClick: handleClick,
+		...rest,
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
+		ref,
+		type: "button",
+		className: controlClass,
+		"aria-label": "Go to next page",
+		onClick: handleClick,
+		...rest,
+		children: content
+	});
+});
+PaginationNext.displayName = "PaginationNext";
+//#endregion
+exports.PaginationNext = PaginationNext;

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

@@ -0,0 +1,9 @@
+
+import { UniversalPaginationNextProps } from "../../../types/dist/index.cjs";
+import * as _$react from "react";
+
+//#region src/components/client/Pagination/PaginationNext.d.ts
+type PaginationNextProps = UniversalPaginationNextProps;
+declare const PaginationNext: _$react.ForwardRefExoticComponent<UniversalPaginationNextProps & _$react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { PaginationNext, type PaginationNextProps };

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

@@ -0,0 +1,10 @@
+
+"use client";
+import { UniversalPaginationNextProps } from "../../../types/dist/index.js";
+import * as _$react from "react";
+
+//#region src/components/client/Pagination/PaginationNext.d.ts
+type PaginationNextProps = UniversalPaginationNextProps;
+declare const PaginationNext: _$react.ForwardRefExoticComponent<UniversalPaginationNextProps & _$react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { PaginationNext, type PaginationNextProps };

package/dist/components/client/Pagination/PaginationNext.js

@@ -0,0 +1,54 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { createSlot } from "../../../utils/createSlot.js";
+import { Icon } from "../../Icon.js";
+import { usePaginationContext } from "./paginationContext.js";
+import { usePaginationIconClassName, usePaginationItemLabelClassName, usePaginationPrevNextClassName } from "./paginationStyles.js";
+import { ChevronRight } from "@yahoo/uds-icons";
+import { forwardRef, isValidElement } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/client/Pagination/PaginationNext.tsx
+const Slot = createSlot();
+const PaginationNext = forwardRef(function PaginationNext({ label = "Next", asChild = false, className, onClick, children, ...rest }, ref) {
+	const { activePage, totalPages, size, variant, onPageChange } = usePaginationContext();
+	const controlClass = usePaginationPrevNextClassName(size, variant, className);
+	const iconClass = usePaginationIconClassName(size);
+	const textClass = usePaginationItemLabelClassName(size);
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented) onPageChange?.(activePage + 1);
+	};
+	if (activePage >= totalPages) return null;
+	const Comp = asChild ? Slot : "button";
+	const content = children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+		className: textClass,
+		children: label
+	}), /* @__PURE__ */ jsx(Icon, {
+		name: ChevronRight,
+		size: "sm",
+		color: "current",
+		className: iconClass,
+		"aria-hidden": true
+	})] });
+	if (asChild && isValidElement(children)) return /* @__PURE__ */ jsx(Comp, {
+		ref,
+		type: "button",
+		className: controlClass,
+		"aria-label": "Go to next page",
+		onClick: handleClick,
+		...rest,
+		children
+	});
+	return /* @__PURE__ */ jsx(Comp, {
+		ref,
+		type: "button",
+		className: controlClass,
+		"aria-label": "Go to next page",
+		onClick: handleClick,
+		...rest,
+		children: content
+	});
+});
+PaginationNext.displayName = "PaginationNext";
+//#endregion
+export { PaginationNext };

package/dist/components/client/Pagination/PaginationNumbers.cjs

@@ -0,0 +1,52 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../../../styles/styler.cjs");
+const require_components_client_Pagination_paginationContext = require("./paginationContext.cjs");
+const require_components_client_Pagination_paginationStyles = require("./paginationStyles.cjs");
+const require_components_client_Pagination_PaginationEllipsis = require("./PaginationEllipsis.cjs");
+const require_components_client_Pagination_PaginationItem = require("./PaginationItem.cjs");
+const require_components_client_Pagination_PaginationLink = require("./PaginationLink.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client/Pagination/PaginationNumbers.tsx
+const PaginationNumbers = (0, react.forwardRef)(function PaginationNumbers({ renderItem, className }, ref) {
+	const { activePage, getPageHref, size } = require_components_client_Pagination_paginationContext.usePaginationContext();
+	const visiblePages = require_components_client_Pagination_paginationContext.useVisiblePages();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		ref,
+		className: require_styles_styler.cx("m-0 inline-flex list-none items-center self-center p-0", require_components_client_Pagination_paginationStyles.usePaginationGapClassName(size), className),
+		children: visiblePages.map((item, index) => {
+			const key = item === "ellipsis" ? `ellipsis-${index}` : `page-${item}`;
+			if (item === "ellipsis") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+				className: "inline-flex items-center",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Pagination_PaginationEllipsis.PaginationEllipsis, {})
+			}, key);
+			const isActive = item === activePage;
+			const href = getPageHref?.(item);
+			if (renderItem) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+				className: "inline-flex items-center",
+				children: renderItem(item, { isActive })
+			}, key);
+			if (href && !isActive) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+				className: "inline-flex items-center",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Pagination_PaginationLink.PaginationLink, {
+					page: item,
+					href,
+					children: item
+				})
+			}, key);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+				className: "inline-flex items-center",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Pagination_PaginationItem.PaginationItem, {
+					page: item,
+					children: item
+				})
+			}, key);
+		})
+	});
+});
+PaginationNumbers.displayName = "PaginationNumbers";
+//#endregion
+exports.PaginationNumbers = PaginationNumbers;

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

@@ -0,0 +1,9 @@
+
+import { UniversalPaginationNumbersProps } from "../../../types/dist/index.cjs";
+import * as _$react from "react";
+
+//#region src/components/client/Pagination/PaginationNumbers.d.ts
+type PaginationNumbersProps = UniversalPaginationNumbersProps;
+declare const PaginationNumbers: _$react.ForwardRefExoticComponent<UniversalPaginationNumbersProps & _$react.RefAttributes<HTMLUListElement>>;
+//#endregion
+export { PaginationNumbers, type PaginationNumbersProps };

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

@@ -0,0 +1,10 @@
+
+"use client";
+import { UniversalPaginationNumbersProps } from "../../../types/dist/index.js";
+import * as _$react from "react";
+
+//#region src/components/client/Pagination/PaginationNumbers.d.ts
+type PaginationNumbersProps = UniversalPaginationNumbersProps;
+declare const PaginationNumbers: _$react.ForwardRefExoticComponent<UniversalPaginationNumbersProps & _$react.RefAttributes<HTMLUListElement>>;
+//#endregion
+export { PaginationNumbers, type PaginationNumbersProps };

package/dist/components/client/Pagination/PaginationNumbers.js

@@ -0,0 +1,50 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { cx } from "../../../styles/styler.js";
+import { usePaginationContext, useVisiblePages } from "./paginationContext.js";
+import { usePaginationGapClassName } from "./paginationStyles.js";
+import { PaginationEllipsis } from "./PaginationEllipsis.js";
+import { PaginationItem } from "./PaginationItem.js";
+import { PaginationLink } from "./PaginationLink.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/client/Pagination/PaginationNumbers.tsx
+const PaginationNumbers = forwardRef(function PaginationNumbers({ renderItem, className }, ref) {
+	const { activePage, getPageHref, size } = usePaginationContext();
+	const visiblePages = useVisiblePages();
+	return /* @__PURE__ */ jsx("ul", {
+		ref,
+		className: cx("m-0 inline-flex list-none items-center self-center p-0", usePaginationGapClassName(size), className),
+		children: visiblePages.map((item, index) => {
+			const key = item === "ellipsis" ? `ellipsis-${index}` : `page-${item}`;
+			if (item === "ellipsis") return /* @__PURE__ */ jsx("li", {
+				className: "inline-flex items-center",
+				children: /* @__PURE__ */ jsx(PaginationEllipsis, {})
+			}, key);
+			const isActive = item === activePage;
+			const href = getPageHref?.(item);
+			if (renderItem) return /* @__PURE__ */ jsx("li", {
+				className: "inline-flex items-center",
+				children: renderItem(item, { isActive })
+			}, key);
+			if (href && !isActive) return /* @__PURE__ */ jsx("li", {
+				className: "inline-flex items-center",
+				children: /* @__PURE__ */ jsx(PaginationLink, {
+					page: item,
+					href,
+					children: item
+				})
+			}, key);
+			return /* @__PURE__ */ jsx("li", {
+				className: "inline-flex items-center",
+				children: /* @__PURE__ */ jsx(PaginationItem, {
+					page: item,
+					children: item
+				})
+			}, key);
+		})
+	});
+});
+PaginationNumbers.displayName = "PaginationNumbers";
+//#endregion
+export { PaginationNumbers };

package/dist/components/client/Pagination/PaginationPrev.cjs

@@ -0,0 +1,56 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_utils_createSlot = require("../../../utils/createSlot.cjs");
+const require_components_Icon = require("../../Icon.cjs");
+const require_components_client_Pagination_paginationContext = require("./paginationContext.cjs");
+const require_components_client_Pagination_paginationStyles = require("./paginationStyles.cjs");
+let _yahoo_uds_icons = require("@yahoo/uds-icons");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client/Pagination/PaginationPrev.tsx
+const Slot = require_utils_createSlot.createSlot();
+const PaginationPrev = (0, react.forwardRef)(function PaginationPrev({ label = "Previous", asChild = false, className, onClick, children, ...rest }, ref) {
+	const { activePage, size, variant, onPageChange } = require_components_client_Pagination_paginationContext.usePaginationContext();
+	const controlClass = require_components_client_Pagination_paginationStyles.usePaginationPrevNextClassName(size, variant, className);
+	const iconClass = require_components_client_Pagination_paginationStyles.usePaginationIconClassName(size);
+	const textClass = require_components_client_Pagination_paginationStyles.usePaginationItemLabelClassName(size);
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented) onPageChange?.(activePage - 1);
+	};
+	if (activePage <= 1) return null;
+	const Comp = asChild ? Slot : "button";
+	const content = children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
+		name: _yahoo_uds_icons.ChevronLeft,
+		size: "sm",
+		color: "current",
+		className: iconClass,
+		"aria-hidden": true
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: textClass,
+		children: label
+	})] });
+	if (asChild && (0, react.isValidElement)(children)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
+		ref,
+		type: "button",
+		className: controlClass,
+		"aria-label": "Go to previous page",
+		onClick: handleClick,
+		...rest,
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
+		ref,
+		type: "button",
+		className: controlClass,
+		"aria-label": "Go to previous page",
+		onClick: handleClick,
+		...rest,
+		children: content
+	});
+});
+PaginationPrev.displayName = "PaginationPrev";
+//#endregion
+exports.PaginationPrev = PaginationPrev;

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

@@ -0,0 +1,9 @@
+
+import { UniversalPaginationPrevProps } from "../../../types/dist/index.cjs";
+import * as _$react from "react";
+
+//#region src/components/client/Pagination/PaginationPrev.d.ts
+type PaginationPrevProps = UniversalPaginationPrevProps;
+declare const PaginationPrev: _$react.ForwardRefExoticComponent<UniversalPaginationPrevProps & _$react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { PaginationPrev, type PaginationPrevProps };

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

@@ -0,0 +1,10 @@
+
+"use client";
+import { UniversalPaginationPrevProps } from "../../../types/dist/index.js";
+import * as _$react from "react";
+
+//#region src/components/client/Pagination/PaginationPrev.d.ts
+type PaginationPrevProps = UniversalPaginationPrevProps;
+declare const PaginationPrev: _$react.ForwardRefExoticComponent<UniversalPaginationPrevProps & _$react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { PaginationPrev, type PaginationPrevProps };

package/dist/components/client/Pagination/PaginationPrev.js

@@ -0,0 +1,54 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { createSlot } from "../../../utils/createSlot.js";
+import { Icon } from "../../Icon.js";
+import { usePaginationContext } from "./paginationContext.js";
+import { usePaginationIconClassName, usePaginationItemLabelClassName, usePaginationPrevNextClassName } from "./paginationStyles.js";
+import { ChevronLeft } from "@yahoo/uds-icons";
+import { forwardRef, isValidElement } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/client/Pagination/PaginationPrev.tsx
+const Slot = createSlot();
+const PaginationPrev = forwardRef(function PaginationPrev({ label = "Previous", asChild = false, className, onClick, children, ...rest }, ref) {
+	const { activePage, size, variant, onPageChange } = usePaginationContext();
+	const controlClass = usePaginationPrevNextClassName(size, variant, className);
+	const iconClass = usePaginationIconClassName(size);
+	const textClass = usePaginationItemLabelClassName(size);
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented) onPageChange?.(activePage - 1);
+	};
+	if (activePage <= 1) return null;
+	const Comp = asChild ? Slot : "button";
+	const content = children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon, {
+		name: ChevronLeft,
+		size: "sm",
+		color: "current",
+		className: iconClass,
+		"aria-hidden": true
+	}), /* @__PURE__ */ jsx("span", {
+		className: textClass,
+		children: label
+	})] });
+	if (asChild && isValidElement(children)) return /* @__PURE__ */ jsx(Comp, {
+		ref,
+		type: "button",
+		className: controlClass,
+		"aria-label": "Go to previous page",
+		onClick: handleClick,
+		...rest,
+		children
+	});
+	return /* @__PURE__ */ jsx(Comp, {
+		ref,
+		type: "button",
+		className: controlClass,
+		"aria-label": "Go to previous page",
+		onClick: handleClick,
+		...rest,
+		children: content
+	});
+});
+PaginationPrev.displayName = "PaginationPrev";
+//#endregion
+export { PaginationPrev };

package/dist/components/client/Pagination/computeVisiblePages.cjs

@@ -0,0 +1,22 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_client_Pagination_ellipsisDefault = require("./ellipsisDefault.cjs");
+const require_components_client_Pagination_ellipsisNone = require("./ellipsisNone.cjs");
+//#region src/components/client/Pagination/computeVisiblePages.ts
+const MIN_MAX_VISIBLE_WITH_ELLIPSIS = 3;
+function computeVisiblePages({ activePage, totalPages, maxVisiblePageNumbers, ellipsisPlacement }) {
+	const max = ellipsisPlacement === "none" ? Math.max(1, maxVisiblePageNumbers) : Math.max(MIN_MAX_VISIBLE_WITH_ELLIPSIS, maxVisiblePageNumbers);
+	if (totalPages <= 0) return [];
+	if (typeof ellipsisPlacement === "function") return ellipsisPlacement({
+		activePage,
+		totalPages,
+		maxVisiblePageNumbers: max
+	});
+	switch (ellipsisPlacement) {
+		case "none": return require_components_client_Pagination_ellipsisNone.ellipsisNone(activePage, totalPages, max);
+		default: return require_components_client_Pagination_ellipsisDefault.ellipsisDefault(activePage, totalPages, max);
+	}
+}
+//#endregion
+exports.computeVisiblePages = computeVisiblePages;

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

@@ -0,0 +1,18 @@
+
+import { PaginationEllipsisPlacement, PaginationVisibleItem } from "../../../types/dist/index.cjs";
+
+//#region src/components/client/Pagination/computeVisiblePages.d.ts
+interface ComputeVisiblePagesParams {
+  activePage: number;
+  totalPages: number;
+  maxVisiblePageNumbers: number;
+  ellipsisPlacement: PaginationEllipsisPlacement;
+}
+declare function computeVisiblePages({
+  activePage,
+  totalPages,
+  maxVisiblePageNumbers,
+  ellipsisPlacement
+}: ComputeVisiblePagesParams): PaginationVisibleItem[];
+//#endregion
+export { ComputeVisiblePagesParams, computeVisiblePages };

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

@@ -0,0 +1,19 @@
+
+"use client";
+import { PaginationEllipsisPlacement, PaginationVisibleItem } from "../../../types/dist/index.js";
+
+//#region src/components/client/Pagination/computeVisiblePages.d.ts
+interface ComputeVisiblePagesParams {
+  activePage: number;
+  totalPages: number;
+  maxVisiblePageNumbers: number;
+  ellipsisPlacement: PaginationEllipsisPlacement;
+}
+declare function computeVisiblePages({
+  activePage,
+  totalPages,
+  maxVisiblePageNumbers,
+  ellipsisPlacement
+}: ComputeVisiblePagesParams): PaginationVisibleItem[];
+//#endregion
+export { ComputeVisiblePagesParams, computeVisiblePages };