uomtiles 0.1.4 → 0.1.6

package/.output/server/chunks/build/Pagination-5jGo7sr3.mjs

@@ -0,0 +1,1024 @@
+import { d as useComponentProps, e as useLocale, f as useAppConfig, g as useForwardProps, r as reactivePick, t as tv, _ as _sfc_main$1, v as useForwardExpose, w as useVModel, P as Primitive, A as createContext } from '../virtual/entry.mjs';
+import { v as vueExports, s as ssrRenderComponent_1, a as ssrRenderSlot_1, k as ssrRenderList_1 } from '../routes/renderer.mjs';
+
+//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationEllipsis.js
+var PaginationEllipsis_default = /* @__PURE__ */ vueExports.defineComponent({
+	__name: "PaginationEllipsis",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(Primitive), vueExports.mergeProps(props, { "data-type": "ellipsis" }), {
+				default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = vueExports.createTextVNode("…"))])]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationRoot.js
+var [injectPaginationRootContext, providePaginationRootContext] = /*#__PURE__*/ createContext("PaginationRoot");
+var PaginationRoot_default = /* @__PURE__ */ vueExports.defineComponent({
+	__name: "PaginationRoot",
+	props: {
+		page: {
+			type: Number,
+			required: false
+		},
+		defaultPage: {
+			type: Number,
+			required: false,
+			default: 1
+		},
+		itemsPerPage: {
+			type: Number,
+			required: true
+		},
+		total: {
+			type: Number,
+			required: false,
+			default: 0
+		},
+		siblingCount: {
+			type: Number,
+			required: false,
+			default: 2
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		showEdges: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "nav"
+		}
+	},
+	emits: ["update:page"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { siblingCount, disabled, showEdges } = vueExports.toRefs(props);
+		useForwardExpose();
+		const page = useVModel(props, "page", emits, {
+			defaultValue: props.defaultPage,
+			passive: props.page === void 0
+		});
+		const pageCount = vueExports.computed(() => Math.max(1, Math.ceil(props.total / (props.itemsPerPage || 1))));
+		providePaginationRootContext({
+			page,
+			onPageChange(value) {
+				page.value = value;
+			},
+			pageCount,
+			siblingCount,
+			disabled,
+			showEdges
+		});
+		return (_ctx, _cache) => {
+			return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(Primitive), {
+				as: _ctx.as,
+				"as-child": _ctx.asChild
+			}, {
+				default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "default", {
+					page: vueExports.unref(page),
+					pageCount: pageCount.value
+				})]),
+				_: 3
+			}, 8, ["as", "as-child"]);
+		};
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationFirst.js
+var PaginationFirst_default = /* @__PURE__ */ vueExports.defineComponent({
+	__name: "PaginationFirst",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectPaginationRootContext();
+		useForwardExpose();
+		const disabled = vueExports.computed(() => rootContext.page.value === 1 || rootContext.disabled.value);
+		return (_ctx, _cache) => {
+			return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(Primitive), vueExports.mergeProps(props, {
+				"aria-label": "First Page",
+				type: _ctx.as === "button" ? "button" : void 0,
+				disabled: disabled.value,
+				onClick: _cache[0] || (_cache[0] = ($event) => !disabled.value && vueExports.unref(rootContext).onPageChange(1))
+			}), {
+				default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = vueExports.createTextVNode("First page"))])]),
+				_: 3
+			}, 16, ["type", "disabled"]);
+		};
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationLast.js
+var PaginationLast_default = /* @__PURE__ */ vueExports.defineComponent({
+	__name: "PaginationLast",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectPaginationRootContext();
+		useForwardExpose();
+		const disabled = vueExports.computed(() => rootContext.page.value === rootContext.pageCount.value || rootContext.disabled.value);
+		return (_ctx, _cache) => {
+			return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(Primitive), vueExports.mergeProps(props, {
+				"aria-label": "Last Page",
+				type: _ctx.as === "button" ? "button" : void 0,
+				disabled: disabled.value,
+				onClick: _cache[0] || (_cache[0] = ($event) => !disabled.value && vueExports.unref(rootContext).onPageChange(vueExports.unref(rootContext).pageCount.value))
+			}), {
+				default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = vueExports.createTextVNode("Last page"))])]),
+				_: 3
+			}, 16, ["type", "disabled"]);
+		};
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/utils.js
+function range(start, end) {
+	const length = end - start + 1;
+	return Array.from({ length }, (_, idx) => idx + start);
+}
+function transform(items) {
+	return items.map((value) => {
+		if (typeof value === "number") return {
+			type: "page",
+			value
+		};
+		return { type: "ellipsis" };
+	});
+}
+var ELLIPSIS = "ellipsis";
+function getRange(currentPage, pageCount, siblingCount, showEdges) {
+	const firstPageIndex = 1;
+	const lastPageIndex = pageCount;
+	const leftSiblingIndex = Math.max(currentPage - siblingCount, firstPageIndex);
+	const rightSiblingIndex = Math.min(currentPage + siblingCount, lastPageIndex);
+	if (showEdges) {
+		const itemCount = Math.min(2 * siblingCount + 5, pageCount) - 2;
+		const showLeftEllipsis = leftSiblingIndex > 3 && Math.abs(lastPageIndex - itemCount - firstPageIndex + 1) > 2 && Math.abs(leftSiblingIndex - firstPageIndex) > 2;
+		const showRightEllipsis = rightSiblingIndex < lastPageIndex - 2 && Math.abs(lastPageIndex - itemCount) > 2 && Math.abs(lastPageIndex - rightSiblingIndex) > 2;
+		if (!showLeftEllipsis && showRightEllipsis) return [
+			...range(1, itemCount),
+			ELLIPSIS,
+			lastPageIndex
+		];
+		if (showLeftEllipsis && !showRightEllipsis) return [
+			firstPageIndex,
+			ELLIPSIS,
+			...range(lastPageIndex - itemCount + 1, lastPageIndex)
+		];
+		if (showLeftEllipsis && showRightEllipsis) return [
+			firstPageIndex,
+			ELLIPSIS,
+			...range(leftSiblingIndex, rightSiblingIndex),
+			ELLIPSIS,
+			lastPageIndex
+		];
+		return range(firstPageIndex, lastPageIndex);
+	} else {
+		const itemCount = siblingCount * 2 + 1;
+		if (pageCount < itemCount) return range(1, lastPageIndex);
+		else if (currentPage <= siblingCount + 1) return range(firstPageIndex, itemCount);
+		else if (pageCount - currentPage <= siblingCount) return range(pageCount - itemCount + 1, lastPageIndex);
+		else return range(leftSiblingIndex, rightSiblingIndex);
+	}
+}
+//#endregion
+//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationList.js
+var PaginationList_default = /* @__PURE__ */ vueExports.defineComponent({
+	__name: "PaginationList",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		const rootContext = injectPaginationRootContext();
+		const transformedRange = vueExports.computed(() => {
+			return transform(getRange(rootContext.page.value, rootContext.pageCount.value, rootContext.siblingCount.value, rootContext.showEdges.value));
+		});
+		return (_ctx, _cache) => {
+			return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(Primitive), vueExports.normalizeProps(vueExports.guardReactiveProps(props)), {
+				default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "default", { items: transformedRange.value })]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationListItem.js
+var PaginationListItem_default = /* @__PURE__ */ vueExports.defineComponent({
+	__name: "PaginationListItem",
+	props: {
+		value: {
+			type: Number,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		const rootContext = injectPaginationRootContext();
+		const isSelected = vueExports.computed(() => rootContext.page.value === props.value);
+		const disabled = vueExports.computed(() => rootContext.disabled.value);
+		return (_ctx, _cache) => {
+			return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(Primitive), vueExports.mergeProps(props, {
+				"data-type": "page",
+				"aria-label": `Page ${_ctx.value}`,
+				"aria-current": isSelected.value ? "page" : void 0,
+				"data-selected": isSelected.value ? "true" : void 0,
+				disabled: disabled.value,
+				type: _ctx.as === "button" ? "button" : void 0,
+				onClick: _cache[0] || (_cache[0] = ($event) => !disabled.value && vueExports.unref(rootContext).onPageChange(_ctx.value))
+			}), {
+				default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "default", {}, () => [vueExports.createTextVNode(vueExports.toDisplayString(_ctx.value), 1)])]),
+				_: 3
+			}, 16, [
+				"aria-label",
+				"aria-current",
+				"data-selected",
+				"disabled",
+				"type"
+			]);
+		};
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationNext.js
+var PaginationNext_default = /* @__PURE__ */ vueExports.defineComponent({
+	__name: "PaginationNext",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		const rootContext = injectPaginationRootContext();
+		const disabled = vueExports.computed(() => rootContext.page.value === rootContext.pageCount.value || rootContext.disabled.value);
+		return (_ctx, _cache) => {
+			return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(Primitive), vueExports.mergeProps(props, {
+				"aria-label": "Next Page",
+				type: _ctx.as === "button" ? "button" : void 0,
+				disabled: disabled.value,
+				onClick: _cache[0] || (_cache[0] = ($event) => !disabled.value && vueExports.unref(rootContext).onPageChange(vueExports.unref(rootContext).page.value + 1))
+			}), {
+				default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = vueExports.createTextVNode("Next page"))])]),
+				_: 3
+			}, 16, ["type", "disabled"]);
+		};
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationPrev.js
+var PaginationPrev_default = /* @__PURE__ */ vueExports.defineComponent({
+	__name: "PaginationPrev",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		const rootContext = injectPaginationRootContext();
+		const disabled = vueExports.computed(() => rootContext.page.value === 1 || rootContext.disabled.value);
+		return (_ctx, _cache) => {
+			return vueExports.openBlock(), vueExports.createBlock(vueExports.unref(Primitive), vueExports.mergeProps(props, {
+				"aria-label": "Previous Page",
+				type: _ctx.as === "button" ? "button" : void 0,
+				disabled: disabled.value,
+				onClick: _cache[0] || (_cache[0] = ($event) => !disabled.value && vueExports.unref(rootContext).onPageChange(vueExports.unref(rootContext).page.value - 1))
+			}), {
+				default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = vueExports.createTextVNode("Prev page"))])]),
+				_: 3
+			}, 16, ["type", "disabled"]);
+		};
+	}
+});
+//#endregion
+//#region virtual:nuxt:node_modules%2F.cache%2Fnuxt%2F.nuxt%2Fui%2Fpagination.ts
+var virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Fpagination_default = { "slots": {
+	"root": "",
+	"list": "flex items-center gap-1",
+	"ellipsis": "pointer-events-none",
+	"label": "min-w-5 text-center",
+	"first": "",
+	"prev": "",
+	"item": "",
+	"next": "",
+	"last": ""
+} };
+//#endregion
+//#region node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/Pagination.vue
+var _sfc_main = {
+	__name: "UPagination",
+	__ssrInlineRender: true,
+	props: {
+		as: {
+			type: null,
+			required: false
+		},
+		firstIcon: {
+			type: null,
+			required: false
+		},
+		prevIcon: {
+			type: null,
+			required: false
+		},
+		nextIcon: {
+			type: null,
+			required: false
+		},
+		lastIcon: {
+			type: null,
+			required: false
+		},
+		ellipsisIcon: {
+			type: null,
+			required: false
+		},
+		color: {
+			type: null,
+			required: false,
+			default: "neutral"
+		},
+		variant: {
+			type: null,
+			required: false,
+			default: "outline"
+		},
+		activeColor: {
+			type: null,
+			required: false,
+			default: "primary"
+		},
+		activeVariant: {
+			type: null,
+			required: false,
+			default: "solid"
+		},
+		showControls: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		size: {
+			type: null,
+			required: false
+		},
+		to: {
+			type: Function,
+			required: false
+		},
+		class: {
+			type: null,
+			required: false
+		},
+		ui: {
+			type: Object,
+			required: false
+		},
+		defaultPage: {
+			type: Number,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		itemsPerPage: {
+			type: Number,
+			required: false,
+			default: 10
+		},
+		page: {
+			type: Number,
+			required: false
+		},
+		showEdges: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		siblingCount: {
+			type: Number,
+			required: false,
+			default: 2
+		},
+		total: {
+			type: Number,
+			required: false,
+			default: 0
+		}
+	},
+	emits: ["update:page"],
+	setup(__props, { emit: __emit }) {
+		const _props = __props;
+		const emits = __emit;
+		const slots = vueExports.useSlots();
+		const props = useComponentProps("pagination", _props);
+		const { dir } = useLocale();
+		const appConfig = useAppConfig();
+		const rootProps = useForwardProps(reactivePick(props, "as", "defaultPage", "disabled", "itemsPerPage", "page", "showEdges", "siblingCount", "total"), emits);
+		const firstIcon = vueExports.computed(() => props.firstIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronDoubleRight : appConfig.ui.icons.chevronDoubleLeft));
+		const prevIcon = vueExports.computed(() => props.prevIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronRight : appConfig.ui.icons.chevronLeft));
+		const nextIcon = vueExports.computed(() => props.nextIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronLeft : appConfig.ui.icons.chevronRight));
+		const lastIcon = vueExports.computed(() => props.lastIcon || (dir.value === "rtl" ? appConfig.ui.icons.chevronDoubleLeft : appConfig.ui.icons.chevronDoubleRight));
+		const ui = vueExports.computed(() => tv({
+			extend: virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Fpagination_default,
+			...appConfig.ui?.pagination || {}
+		})());
+		return (_ctx, _push, _parent, _attrs) => {
+			_push(ssrRenderComponent_1(vueExports.unref(PaginationRoot_default), vueExports.mergeProps(vueExports.unref(rootProps), {
+				"data-slot": "root",
+				class: ui.value.root({ class: [vueExports.unref(props).ui?.root, vueExports.unref(props).class] })
+			}, _attrs), {
+				default: vueExports.withCtx(({ page, pageCount }, _push, _parent, _scopeId) => {
+					if (_push) _push(ssrRenderComponent_1(vueExports.unref(PaginationList_default), {
+						"data-slot": "list",
+						class: ui.value.list({ class: vueExports.unref(props).ui?.list })
+					}, {
+						default: vueExports.withCtx(({ items }, _push, _parent, _scopeId) => {
+							if (_push) {
+								if (vueExports.unref(props).showControls || !!slots.first) _push(ssrRenderComponent_1(vueExports.unref(PaginationFirst_default), {
+									"as-child": "",
+									"data-slot": "first",
+									class: ui.value.first({ class: vueExports.unref(props).ui?.first })
+								}, {
+									default: vueExports.withCtx((_, _push, _parent, _scopeId) => {
+										if (_push) ssrRenderSlot_1(_ctx.$slots, "first", {}, () => {
+											_push(ssrRenderComponent_1(_sfc_main$1, {
+												color: vueExports.unref(props).color,
+												variant: vueExports.unref(props).variant,
+												size: vueExports.unref(props).size,
+												icon: firstIcon.value,
+												to: vueExports.unref(props).to?.(1)
+											}, null, _parent, _scopeId));
+										}, _push, _parent, _scopeId);
+										else return [vueExports.renderSlot(_ctx.$slots, "first", {}, () => [vueExports.createVNode(_sfc_main$1, {
+											color: vueExports.unref(props).color,
+											variant: vueExports.unref(props).variant,
+											size: vueExports.unref(props).size,
+											icon: firstIcon.value,
+											to: vueExports.unref(props).to?.(1)
+										}, null, 8, [
+											"color",
+											"variant",
+											"size",
+											"icon",
+											"to"
+										])])];
+									}),
+									_: 2
+								}, _parent, _scopeId));
+								else _push(`<!---->`);
+								if (vueExports.unref(props).showControls || !!slots.prev) _push(ssrRenderComponent_1(vueExports.unref(PaginationPrev_default), {
+									"as-child": "",
+									"data-slot": "prev",
+									class: ui.value.prev({ class: vueExports.unref(props).ui?.prev })
+								}, {
+									default: vueExports.withCtx((_, _push, _parent, _scopeId) => {
+										if (_push) ssrRenderSlot_1(_ctx.$slots, "prev", {}, () => {
+											_push(ssrRenderComponent_1(_sfc_main$1, {
+												color: vueExports.unref(props).color,
+												variant: vueExports.unref(props).variant,
+												size: vueExports.unref(props).size,
+												icon: prevIcon.value,
+												to: page > 1 ? vueExports.unref(props).to?.(page - 1) : void 0
+											}, null, _parent, _scopeId));
+										}, _push, _parent, _scopeId);
+										else return [vueExports.renderSlot(_ctx.$slots, "prev", {}, () => [vueExports.createVNode(_sfc_main$1, {
+											color: vueExports.unref(props).color,
+											variant: vueExports.unref(props).variant,
+											size: vueExports.unref(props).size,
+											icon: prevIcon.value,
+											to: page > 1 ? vueExports.unref(props).to?.(page - 1) : void 0
+										}, null, 8, [
+											"color",
+											"variant",
+											"size",
+											"icon",
+											"to"
+										])])];
+									}),
+									_: 2
+								}, _parent, _scopeId));
+								else _push(`<!---->`);
+								_push(`<!--[-->`);
+								ssrRenderList_1(items, (item, index) => {
+									_push(`<!--[-->`);
+									if (item.type === "page") _push(ssrRenderComponent_1(vueExports.unref(PaginationListItem_default), {
+										"as-child": "",
+										value: item.value,
+										"data-slot": "item",
+										class: ui.value.item({ class: vueExports.unref(props).ui?.item })
+									}, {
+										default: vueExports.withCtx((_, _push, _parent, _scopeId) => {
+											if (_push) ssrRenderSlot_1(_ctx.$slots, "item", vueExports.mergeProps({ ref_for: true }, {
+												item,
+												index,
+												page,
+												pageCount
+											}), () => {
+												_push(ssrRenderComponent_1(_sfc_main$1, {
+													color: page === item.value ? vueExports.unref(props).activeColor : vueExports.unref(props).color,
+													variant: page === item.value ? vueExports.unref(props).activeVariant : vueExports.unref(props).variant,
+													size: vueExports.unref(props).size,
+													label: String(item.value),
+													ui: { label: ui.value.label() },
+													to: vueExports.unref(props).to?.(item.value),
+													square: ""
+												}, null, _parent, _scopeId));
+											}, _push, _parent, _scopeId);
+											else return [vueExports.renderSlot(_ctx.$slots, "item", vueExports.mergeProps({ ref_for: true }, {
+												item,
+												index,
+												page,
+												pageCount
+											}), () => [vueExports.createVNode(_sfc_main$1, {
+												color: page === item.value ? vueExports.unref(props).activeColor : vueExports.unref(props).color,
+												variant: page === item.value ? vueExports.unref(props).activeVariant : vueExports.unref(props).variant,
+												size: vueExports.unref(props).size,
+												label: String(item.value),
+												ui: { label: ui.value.label() },
+												to: vueExports.unref(props).to?.(item.value),
+												square: ""
+											}, null, 8, [
+												"color",
+												"variant",
+												"size",
+												"label",
+												"ui",
+												"to"
+											])])];
+										}),
+										_: 2
+									}, _parent, _scopeId));
+									else _push(ssrRenderComponent_1(vueExports.unref(PaginationEllipsis_default), {
+										"as-child": "",
+										"data-slot": "ellipsis",
+										class: ui.value.ellipsis({ class: vueExports.unref(props).ui?.ellipsis })
+									}, {
+										default: vueExports.withCtx((_, _push, _parent, _scopeId) => {
+											if (_push) ssrRenderSlot_1(_ctx.$slots, "ellipsis", { ui: ui.value }, () => {
+												_push(ssrRenderComponent_1(_sfc_main$1, {
+													as: "div",
+													color: vueExports.unref(props).color,
+													variant: vueExports.unref(props).variant,
+													size: vueExports.unref(props).size,
+													icon: vueExports.unref(props).ellipsisIcon || vueExports.unref(appConfig).ui.icons.ellipsis
+												}, null, _parent, _scopeId));
+											}, _push, _parent, _scopeId);
+											else return [vueExports.renderSlot(_ctx.$slots, "ellipsis", { ui: ui.value }, () => [vueExports.createVNode(_sfc_main$1, {
+												as: "div",
+												color: vueExports.unref(props).color,
+												variant: vueExports.unref(props).variant,
+												size: vueExports.unref(props).size,
+												icon: vueExports.unref(props).ellipsisIcon || vueExports.unref(appConfig).ui.icons.ellipsis
+											}, null, 8, [
+												"color",
+												"variant",
+												"size",
+												"icon"
+											])])];
+										}),
+										_: 2
+									}, _parent, _scopeId));
+									_push(`<!--]-->`);
+								});
+								_push(`<!--]-->`);
+								if (vueExports.unref(props).showControls || !!slots.next) _push(ssrRenderComponent_1(vueExports.unref(PaginationNext_default), {
+									"as-child": "",
+									"data-slot": "next",
+									class: ui.value.next({ class: vueExports.unref(props).ui?.next })
+								}, {
+									default: vueExports.withCtx((_, _push, _parent, _scopeId) => {
+										if (_push) ssrRenderSlot_1(_ctx.$slots, "next", {}, () => {
+											_push(ssrRenderComponent_1(_sfc_main$1, {
+												color: vueExports.unref(props).color,
+												variant: vueExports.unref(props).variant,
+												size: vueExports.unref(props).size,
+												icon: nextIcon.value,
+												to: page < pageCount ? vueExports.unref(props).to?.(page + 1) : void 0
+											}, null, _parent, _scopeId));
+										}, _push, _parent, _scopeId);
+										else return [vueExports.renderSlot(_ctx.$slots, "next", {}, () => [vueExports.createVNode(_sfc_main$1, {
+											color: vueExports.unref(props).color,
+											variant: vueExports.unref(props).variant,
+											size: vueExports.unref(props).size,
+											icon: nextIcon.value,
+											to: page < pageCount ? vueExports.unref(props).to?.(page + 1) : void 0
+										}, null, 8, [
+											"color",
+											"variant",
+											"size",
+											"icon",
+											"to"
+										])])];
+									}),
+									_: 2
+								}, _parent, _scopeId));
+								else _push(`<!---->`);
+								if (vueExports.unref(props).showControls || !!slots.last) _push(ssrRenderComponent_1(vueExports.unref(PaginationLast_default), {
+									"as-child": "",
+									"data-slot": "last",
+									class: ui.value.last({ class: vueExports.unref(props).ui?.last })
+								}, {
+									default: vueExports.withCtx((_, _push, _parent, _scopeId) => {
+										if (_push) ssrRenderSlot_1(_ctx.$slots, "last", {}, () => {
+											_push(ssrRenderComponent_1(_sfc_main$1, {
+												color: vueExports.unref(props).color,
+												variant: vueExports.unref(props).variant,
+												size: vueExports.unref(props).size,
+												icon: lastIcon.value,
+												to: vueExports.unref(props).to?.(pageCount)
+											}, null, _parent, _scopeId));
+										}, _push, _parent, _scopeId);
+										else return [vueExports.renderSlot(_ctx.$slots, "last", {}, () => [vueExports.createVNode(_sfc_main$1, {
+											color: vueExports.unref(props).color,
+											variant: vueExports.unref(props).variant,
+											size: vueExports.unref(props).size,
+											icon: lastIcon.value,
+											to: vueExports.unref(props).to?.(pageCount)
+										}, null, 8, [
+											"color",
+											"variant",
+											"size",
+											"icon",
+											"to"
+										])])];
+									}),
+									_: 2
+								}, _parent, _scopeId));
+								else _push(`<!---->`);
+							} else return [
+								vueExports.unref(props).showControls || !!slots.first ? (vueExports.openBlock(), vueExports.createBlock(vueExports.unref(PaginationFirst_default), {
+									key: 0,
+									"as-child": "",
+									"data-slot": "first",
+									class: ui.value.first({ class: vueExports.unref(props).ui?.first })
+								}, {
+									default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "first", {}, () => [vueExports.createVNode(_sfc_main$1, {
+										color: vueExports.unref(props).color,
+										variant: vueExports.unref(props).variant,
+										size: vueExports.unref(props).size,
+										icon: firstIcon.value,
+										to: vueExports.unref(props).to?.(1)
+									}, null, 8, [
+										"color",
+										"variant",
+										"size",
+										"icon",
+										"to"
+									])])]),
+									_: 3
+								}, 8, ["class"])) : vueExports.createCommentVNode("", true),
+								vueExports.unref(props).showControls || !!slots.prev ? (vueExports.openBlock(), vueExports.createBlock(vueExports.unref(PaginationPrev_default), {
+									key: 1,
+									"as-child": "",
+									"data-slot": "prev",
+									class: ui.value.prev({ class: vueExports.unref(props).ui?.prev })
+								}, {
+									default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "prev", {}, () => [vueExports.createVNode(_sfc_main$1, {
+										color: vueExports.unref(props).color,
+										variant: vueExports.unref(props).variant,
+										size: vueExports.unref(props).size,
+										icon: prevIcon.value,
+										to: page > 1 ? vueExports.unref(props).to?.(page - 1) : void 0
+									}, null, 8, [
+										"color",
+										"variant",
+										"size",
+										"icon",
+										"to"
+									])])]),
+									_: 2
+								}, 1032, ["class"])) : vueExports.createCommentVNode("", true),
+								(vueExports.openBlock(true), vueExports.createBlock(vueExports.Fragment, null, vueExports.renderList(items, (item, index) => {
+									return vueExports.openBlock(), vueExports.createBlock(vueExports.Fragment, { key: index }, [item.type === "page" ? (vueExports.openBlock(), vueExports.createBlock(vueExports.unref(PaginationListItem_default), {
+										key: 0,
+										"as-child": "",
+										value: item.value,
+										"data-slot": "item",
+										class: ui.value.item({ class: vueExports.unref(props).ui?.item })
+									}, {
+										default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "item", vueExports.mergeProps({ ref_for: true }, {
+											item,
+											index,
+											page,
+											pageCount
+										}), () => [vueExports.createVNode(_sfc_main$1, {
+											color: page === item.value ? vueExports.unref(props).activeColor : vueExports.unref(props).color,
+											variant: page === item.value ? vueExports.unref(props).activeVariant : vueExports.unref(props).variant,
+											size: vueExports.unref(props).size,
+											label: String(item.value),
+											ui: { label: ui.value.label() },
+											to: vueExports.unref(props).to?.(item.value),
+											square: ""
+										}, null, 8, [
+											"color",
+											"variant",
+											"size",
+											"label",
+											"ui",
+											"to"
+										])])]),
+										_: 2
+									}, 1032, ["value", "class"])) : (vueExports.openBlock(), vueExports.createBlock(vueExports.unref(PaginationEllipsis_default), {
+										key: 1,
+										"as-child": "",
+										"data-slot": "ellipsis",
+										class: ui.value.ellipsis({ class: vueExports.unref(props).ui?.ellipsis })
+									}, {
+										default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "ellipsis", { ui: ui.value }, () => [vueExports.createVNode(_sfc_main$1, {
+											as: "div",
+											color: vueExports.unref(props).color,
+											variant: vueExports.unref(props).variant,
+											size: vueExports.unref(props).size,
+											icon: vueExports.unref(props).ellipsisIcon || vueExports.unref(appConfig).ui.icons.ellipsis
+										}, null, 8, [
+											"color",
+											"variant",
+											"size",
+											"icon"
+										])])]),
+										_: 3
+									}, 8, ["class"]))], 64);
+								}), 128)),
+								vueExports.unref(props).showControls || !!slots.next ? (vueExports.openBlock(), vueExports.createBlock(vueExports.unref(PaginationNext_default), {
+									key: 2,
+									"as-child": "",
+									"data-slot": "next",
+									class: ui.value.next({ class: vueExports.unref(props).ui?.next })
+								}, {
+									default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "next", {}, () => [vueExports.createVNode(_sfc_main$1, {
+										color: vueExports.unref(props).color,
+										variant: vueExports.unref(props).variant,
+										size: vueExports.unref(props).size,
+										icon: nextIcon.value,
+										to: page < pageCount ? vueExports.unref(props).to?.(page + 1) : void 0
+									}, null, 8, [
+										"color",
+										"variant",
+										"size",
+										"icon",
+										"to"
+									])])]),
+									_: 2
+								}, 1032, ["class"])) : vueExports.createCommentVNode("", true),
+								vueExports.unref(props).showControls || !!slots.last ? (vueExports.openBlock(), vueExports.createBlock(vueExports.unref(PaginationLast_default), {
+									key: 3,
+									"as-child": "",
+									"data-slot": "last",
+									class: ui.value.last({ class: vueExports.unref(props).ui?.last })
+								}, {
+									default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "last", {}, () => [vueExports.createVNode(_sfc_main$1, {
+										color: vueExports.unref(props).color,
+										variant: vueExports.unref(props).variant,
+										size: vueExports.unref(props).size,
+										icon: lastIcon.value,
+										to: vueExports.unref(props).to?.(pageCount)
+									}, null, 8, [
+										"color",
+										"variant",
+										"size",
+										"icon",
+										"to"
+									])])]),
+									_: 2
+								}, 1032, ["class"])) : vueExports.createCommentVNode("", true)
+							];
+						}),
+						_: 2
+					}, _parent, _scopeId));
+					else return [vueExports.createVNode(vueExports.unref(PaginationList_default), {
+						"data-slot": "list",
+						class: ui.value.list({ class: vueExports.unref(props).ui?.list })
+					}, {
+						default: vueExports.withCtx(({ items }) => [
+							vueExports.unref(props).showControls || !!slots.first ? (vueExports.openBlock(), vueExports.createBlock(vueExports.unref(PaginationFirst_default), {
+								key: 0,
+								"as-child": "",
+								"data-slot": "first",
+								class: ui.value.first({ class: vueExports.unref(props).ui?.first })
+							}, {
+								default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "first", {}, () => [vueExports.createVNode(_sfc_main$1, {
+									color: vueExports.unref(props).color,
+									variant: vueExports.unref(props).variant,
+									size: vueExports.unref(props).size,
+									icon: firstIcon.value,
+									to: vueExports.unref(props).to?.(1)
+								}, null, 8, [
+									"color",
+									"variant",
+									"size",
+									"icon",
+									"to"
+								])])]),
+								_: 3
+							}, 8, ["class"])) : vueExports.createCommentVNode("", true),
+							vueExports.unref(props).showControls || !!slots.prev ? (vueExports.openBlock(), vueExports.createBlock(vueExports.unref(PaginationPrev_default), {
+								key: 1,
+								"as-child": "",
+								"data-slot": "prev",
+								class: ui.value.prev({ class: vueExports.unref(props).ui?.prev })
+							}, {
+								default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "prev", {}, () => [vueExports.createVNode(_sfc_main$1, {
+									color: vueExports.unref(props).color,
+									variant: vueExports.unref(props).variant,
+									size: vueExports.unref(props).size,
+									icon: prevIcon.value,
+									to: page > 1 ? vueExports.unref(props).to?.(page - 1) : void 0
+								}, null, 8, [
+									"color",
+									"variant",
+									"size",
+									"icon",
+									"to"
+								])])]),
+								_: 2
+							}, 1032, ["class"])) : vueExports.createCommentVNode("", true),
+							(vueExports.openBlock(true), vueExports.createBlock(vueExports.Fragment, null, vueExports.renderList(items, (item, index) => {
+								return vueExports.openBlock(), vueExports.createBlock(vueExports.Fragment, { key: index }, [item.type === "page" ? (vueExports.openBlock(), vueExports.createBlock(vueExports.unref(PaginationListItem_default), {
+									key: 0,
+									"as-child": "",
+									value: item.value,
+									"data-slot": "item",
+									class: ui.value.item({ class: vueExports.unref(props).ui?.item })
+								}, {
+									default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "item", vueExports.mergeProps({ ref_for: true }, {
+										item,
+										index,
+										page,
+										pageCount
+									}), () => [vueExports.createVNode(_sfc_main$1, {
+										color: page === item.value ? vueExports.unref(props).activeColor : vueExports.unref(props).color,
+										variant: page === item.value ? vueExports.unref(props).activeVariant : vueExports.unref(props).variant,
+										size: vueExports.unref(props).size,
+										label: String(item.value),
+										ui: { label: ui.value.label() },
+										to: vueExports.unref(props).to?.(item.value),
+										square: ""
+									}, null, 8, [
+										"color",
+										"variant",
+										"size",
+										"label",
+										"ui",
+										"to"
+									])])]),
+									_: 2
+								}, 1032, ["value", "class"])) : (vueExports.openBlock(), vueExports.createBlock(vueExports.unref(PaginationEllipsis_default), {
+									key: 1,
+									"as-child": "",
+									"data-slot": "ellipsis",
+									class: ui.value.ellipsis({ class: vueExports.unref(props).ui?.ellipsis })
+								}, {
+									default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "ellipsis", { ui: ui.value }, () => [vueExports.createVNode(_sfc_main$1, {
+										as: "div",
+										color: vueExports.unref(props).color,
+										variant: vueExports.unref(props).variant,
+										size: vueExports.unref(props).size,
+										icon: vueExports.unref(props).ellipsisIcon || vueExports.unref(appConfig).ui.icons.ellipsis
+									}, null, 8, [
+										"color",
+										"variant",
+										"size",
+										"icon"
+									])])]),
+									_: 3
+								}, 8, ["class"]))], 64);
+							}), 128)),
+							vueExports.unref(props).showControls || !!slots.next ? (vueExports.openBlock(), vueExports.createBlock(vueExports.unref(PaginationNext_default), {
+								key: 2,
+								"as-child": "",
+								"data-slot": "next",
+								class: ui.value.next({ class: vueExports.unref(props).ui?.next })
+							}, {
+								default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "next", {}, () => [vueExports.createVNode(_sfc_main$1, {
+									color: vueExports.unref(props).color,
+									variant: vueExports.unref(props).variant,
+									size: vueExports.unref(props).size,
+									icon: nextIcon.value,
+									to: page < pageCount ? vueExports.unref(props).to?.(page + 1) : void 0
+								}, null, 8, [
+									"color",
+									"variant",
+									"size",
+									"icon",
+									"to"
+								])])]),
+								_: 2
+							}, 1032, ["class"])) : vueExports.createCommentVNode("", true),
+							vueExports.unref(props).showControls || !!slots.last ? (vueExports.openBlock(), vueExports.createBlock(vueExports.unref(PaginationLast_default), {
+								key: 3,
+								"as-child": "",
+								"data-slot": "last",
+								class: ui.value.last({ class: vueExports.unref(props).ui?.last })
+							}, {
+								default: vueExports.withCtx(() => [vueExports.renderSlot(_ctx.$slots, "last", {}, () => [vueExports.createVNode(_sfc_main$1, {
+									color: vueExports.unref(props).color,
+									variant: vueExports.unref(props).variant,
+									size: vueExports.unref(props).size,
+									icon: lastIcon.value,
+									to: vueExports.unref(props).to?.(pageCount)
+								}, null, 8, [
+									"color",
+									"variant",
+									"size",
+									"icon",
+									"to"
+								])])]),
+								_: 2
+							}, 1032, ["class"])) : vueExports.createCommentVNode("", true)
+						]),
+						_: 2
+					}, 1032, ["class"])];
+				}),
+				_: 3
+			}, _parent));
+		};
+	}
+};
+var _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+	const ssrContext = vueExports.useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/Pagination.vue");
+	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as _ };
+//# sourceMappingURL=Pagination-5jGo7sr3.mjs.map