/*! © 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");
let react = require("react");
//#region src/components/client/Pagination/paginationStyles.ts
const PAGINATION_CONTROL_HEIGHT = "h-[var(--uds-pagination-control-size)]";
const PAGINATION_PAGE_ITEM_LAYOUT = [
	"inline-grid shrink-0 place-items-center place-content-center rounded-full box-border",
	PAGINATION_CONTROL_HEIGHT,
	"w-[var(--uds-pagination-control-size)]"
].join(" ");
const PAGINATION_PREV_NEXT_LAYOUT = ["inline-grid shrink-0 auto-cols-max grid-flow-col place-items-center place-content-center box-border gap-1", PAGINATION_CONTROL_HEIGHT].join(" ");
function usePaginationRootClassName(size, className) {
	return (0, react.useMemo)(() => require_styles_styler.cx(require_styles_styler.getStyles({ paginationSizeRoot: size }), "inline-flex items-center justify-center", className), [size, className]);
}
function usePaginationGapClassName(size) {
	return (0, react.useMemo)(() => require_styles_styler.cx(require_styles_styler.getStyles({ paginationSizeRoot: size })), [size]);
}
function usePaginationItemClassName(size, variant, isActive, className) {
	const activeState = isActive ? "on" : "off";
	return (0, react.useMemo)(() => require_styles_styler.cx(require_styles_styler.getStyles({ paginationSizeItem: size }), require_styles_styler.getStyles({
		paginationVariantRoot: variant,
		paginationVariantActiveRoot: activeState
	}), "relative m-0 border-solid", PAGINATION_PAGE_ITEM_LAYOUT, "appearance-none uds-ring cursor-pointer select-none", isActive && "pointer-events-none", className), [
		size,
		variant,
		activeState,
		isActive,
		className
	]);
}
function usePaginationPrevNextClassName(size, variant, className) {
	return (0, react.useMemo)(() => require_styles_styler.cx(require_styles_styler.getStyles({ paginationSizeItem: size }), require_styles_styler.getStyles({
		paginationVariantRoot: variant,
		paginationVariantActiveRoot: "off"
	}), "m-0", PAGINATION_PREV_NEXT_LAYOUT, "border-solid uds-ring cursor-pointer select-none", className), [
		size,
		variant,
		className
	]);
}
function usePaginationIconClassName(size) {
	return (0, react.useMemo)(() => require_styles_styler.cx(require_styles_styler.getStyles({ paginationSizeIcon: size })), [size]);
}
function usePaginationEllipsisClassName(size, variant, className) {
	return (0, react.useMemo)(() => require_styles_styler.cx(require_styles_styler.getStyles({ paginationSizeItem: size }), require_styles_styler.getStyles({
		paginationVariantRoot: variant,
		paginationVariantActiveRoot: "off"
	}), "m-0", PAGINATION_PAGE_ITEM_LAYOUT, "pointer-events-none", className), [
		size,
		variant,
		className
	]);
}
const PAGINATION_TEXT_OPTICAL_CENTER = ["block shrink-0 tabular-nums !leading-none", "[text-box-trim:trim-both] [text-box-edge:cap_alphabetic]"].join(" ");
function usePaginationTextClassName(size) {
	return (0, react.useMemo)(() => require_styles_styler.cx(require_styles_styler.getStyles({ paginationSizeText: size }), PAGINATION_TEXT_OPTICAL_CENTER), [size]);
}
function usePaginationItemLabelClassName(size) {
	return usePaginationTextClassName(size);
}
//#endregion
exports.usePaginationEllipsisClassName = usePaginationEllipsisClassName;
exports.usePaginationGapClassName = usePaginationGapClassName;
exports.usePaginationIconClassName = usePaginationIconClassName;
exports.usePaginationItemClassName = usePaginationItemClassName;
exports.usePaginationItemLabelClassName = usePaginationItemLabelClassName;
exports.usePaginationPrevNextClassName = usePaginationPrevNextClassName;
exports.usePaginationRootClassName = usePaginationRootClassName;
exports.usePaginationTextClassName = usePaginationTextClassName;
