@youcan/celeste 0.21.2 → 0.22.0

package/dist/es/chunks/modal-footer.js

@@ -1,6 +1,6 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import clsx$1 from "clsx";
 //#endregion
 //#region src/components/modal/modal-footer.vue
 var modal_footer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -15,7 +15,7 @@ var modal_footer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(clsx)("celeste-modal-footer", props.class)) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(clsx$1)("celeste-modal-footer", props.class)) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
 		};
 	}
 }), [["__scopeId", "data-v-f3331df1"]]);

package/dist/es/chunks/modal-header.js

@@ -1,10 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as DialogClose_default } from "./DialogClose.js";
-import { t as DialogDescription_default } from "./DialogDescription.js";
-import { t as DialogTitle_default } from "./DialogTitle.js";
 import { t as compact_button_default } from "./compact-button.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { DialogClose, DialogDescription, DialogTitle } from "reka-ui";
 //#region src/components/modal/modal-header.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-dismissible",
@@ -47,26 +45,26 @@ var modal_header_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const props = __props;
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(clsx)("celeste-modal-header", props.class)),
+				class: normalizeClass(unref(clsx$1)("celeste-modal-header", props.class)),
 				"data-dismissible": __props.dismissible,
 				"data-alignment": __props.alignment,
 				"data-type": __props.type
 			}, [
 				__props.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("i", { class: normalizeClass(__props.icon) }, null, 2)])) : createCommentVNode("", true),
-				__props.title || __props.description ? (openBlock(), createElementBlock("div", _hoisted_3, [__props.title ? (openBlock(), createBlock(unref(DialogTitle_default), {
+				__props.title || __props.description ? (openBlock(), createElementBlock("div", _hoisted_3, [__props.title ? (openBlock(), createBlock(unref(DialogTitle), {
 					key: 0,
 					"as-child": ""
 				}, {
 					default: withCtx(() => [createElementVNode("h2", _hoisted_4, toDisplayString(__props.title), 1)]),
 					_: 1
-				})) : createCommentVNode("", true), __props.description ? (openBlock(), createBlock(unref(DialogDescription_default), {
+				})) : createCommentVNode("", true), __props.description ? (openBlock(), createBlock(unref(DialogDescription), {
 					key: 1,
 					"as-child": ""
 				}, {
 					default: withCtx(() => [createElementVNode("p", _hoisted_5, toDisplayString(__props.description), 1)]),
 					_: 1
 				})) : createCommentVNode("", true)])) : createCommentVNode("", true),
-				__props.dismissible ? (openBlock(), createBlock(unref(DialogClose_default), {
+				__props.dismissible ? (openBlock(), createBlock(unref(DialogClose), {
 					key: 2,
 					"as-child": ""
 				}, {

package/dist/es/chunks/modal-trigger.js

@@ -1,5 +1,5 @@
-import { t as DialogTrigger_default } from "./DialogTrigger.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogTrigger } from "reka-ui";
 //#endregion
 //#region src/components/modal/modal-trigger.vue
 var modal_trigger_default = /* @__PURE__ */ defineComponent({
@@ -11,7 +11,7 @@ var modal_trigger_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogTrigger_default), mergeProps(props, { "as-child": "" }), {
+			return openBlock(), createBlock(unref(DialogTrigger), mergeProps(props, { "as-child": "" }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

package/dist/es/chunks/modal.js

@@ -1,6 +1,5 @@
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as DialogRoot_default } from "./DialogRoot.js";
 import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DialogRoot, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/modal/modal.vue
 var modal_default = /* @__PURE__ */ defineComponent({
@@ -15,7 +14,7 @@ var modal_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const forwarded = useForwardPropsEmits(__props, __emit);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogRoot_default), normalizeProps(guardReactiveProps(unref(forwarded))), {
+			return openBlock(), createBlock(unref(DialogRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

package/dist/es/chunks/pagination-content.js

@@ -1,89 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { f as reactiveOmit } from "./dist.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { n as injectPaginationRootContext } from "./PaginationRoot.js";
-import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_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.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationList.js
-var PaginationList_default = /* @__PURE__ */ 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 = computed(() => {
-			return transform(getRange(rootContext.page.value, rootContext.pageCount.value, rootContext.siblingCount.value, rootContext.showEdges.value));
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), normalizeProps(guardReactiveProps(props)), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { items: transformedRange.value })]),
-				_: 3
-			}, 16);
-		};
-	}
-});
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { clsx } from "clsx";
+import { PaginationList } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 //#endregion
 //#region src/components/pagination/pagination-content.vue
 var pagination_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -103,7 +22,7 @@ var pagination_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default
 		const props = __props;
 		const delegated = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PaginationList_default), mergeProps({ "data-slot": "pagination-content" }, unref(delegated), { class: unref(clsx)("celeste-pagination-content", props.class) }), {
+			return openBlock(), createBlock(unref(PaginationList), mergeProps({ "data-slot": "pagination-content" }, unref(delegated), { class: unref(clsx)("celeste-pagination-content", props.class) }), {
 				default: withCtx((sprops) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(sprops)), void 0, true)]),
 				_: 3
 			}, 16, ["class"]);

package/dist/es/chunks/pagination-ellipsis.js

@@ -1,33 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { f as reactiveOmit } from "./dist.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { createBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationEllipsis.js
-var PaginationEllipsis_default = /* @__PURE__ */ defineComponent({
-	__name: "PaginationEllipsis",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(props, { "data-type": "ellipsis" }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("…"))])]),
-				_: 3
-			}, 16);
-		};
-	}
-});
+import { createBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { clsx } from "clsx";
+import { PaginationEllipsis } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 //#endregion
 //#region src/components/pagination/pagination-ellipsis.vue
 var pagination_ellipsis_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -47,7 +22,7 @@ var pagination_ellipsis_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 		const props = __props;
 		const delegated = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PaginationEllipsis_default), mergeProps(unref(delegated), {
+			return openBlock(), createBlock(unref(PaginationEllipsis), mergeProps(unref(delegated), {
 				class: unref(clsx)("celeste-pagination-element", "celeste-pagination-ellipsis", props.class),
 				"data-slot": "pagination-ellipsis"
 			}), {

package/dist/es/chunks/pagination-first.js

@@ -1,42 +1,7 @@
-import { t as clsx } from "./clsx.js";
-import { f as reactiveOmit } from "./dist.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useForwardProps } from "./useForwardProps.js";
-import { n as injectPaginationRootContext } from "./PaginationRoot.js";
-import { computed, createBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationFirst.js
-var PaginationFirst_default = /* @__PURE__ */ 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 = computed(() => rootContext.page.value === 1 || rootContext.disabled.value);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-				"aria-label": "First Page",
-				type: _ctx.as === "button" ? "button" : void 0,
-				disabled: disabled.value,
-				onClick: _cache[0] || (_cache[0] = ($event) => !disabled.value && unref(rootContext).onPageChange(1))
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = createTextVNode("First page"))])]),
-				_: 3
-			}, 16, ["type", "disabled"]);
-		};
-	}
-});
+import { createBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { clsx } from "clsx";
+import { PaginationFirst, useForwardProps } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 //#endregion
 //#region src/components/pagination/pagination-first.vue
 var pagination_first_default = /* @__PURE__ */ defineComponent({
@@ -57,7 +22,7 @@ var pagination_first_default = /* @__PURE__ */ defineComponent({
 		const delegated = reactiveOmit(props, "class");
 		const forwarded = useForwardProps(delegated);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PaginationFirst_default), mergeProps({
+			return openBlock(), createBlock(unref(PaginationFirst), mergeProps({
 				class: unref(clsx)("celeste-pagination-element", "celeste-pagination-first", props.class),
 				"data-slot": "pagination-first"
 			}, unref(forwarded)), {

package/dist/es/chunks/pagination-item.js

@@ -1,55 +1,7 @@
-import { t as clsx } from "./clsx.js";
-import { f as reactiveOmit } from "./dist.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { n as injectPaginationRootContext } from "./PaginationRoot.js";
-import { computed, createBlock, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationListItem.js
-var PaginationListItem_default = /* @__PURE__ */ 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 = computed(() => rootContext.page.value === props.value);
-		const disabled = computed(() => rootContext.disabled.value);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), 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 && unref(rootContext).onPageChange(_ctx.value))
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.value), 1)])]),
-				_: 3
-			}, 16, [
-				"aria-label",
-				"aria-current",
-				"data-selected",
-				"disabled",
-				"type"
-			]);
-		};
-	}
-});
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { clsx } from "clsx";
+import { PaginationListItem } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 //#endregion
 //#region src/components/pagination/pagination-item.vue
 var pagination_item_default = /* @__PURE__ */ defineComponent({
@@ -72,7 +24,7 @@ var pagination_item_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const delegated = reactiveOmit(props, "class", "isActive", "disabled");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PaginationListItem_default), mergeProps(unref(delegated), {
+			return openBlock(), createBlock(unref(PaginationListItem), mergeProps(unref(delegated), {
 				"data-slot": "pagination-item",
 				class: unref(clsx)("celeste-pagination-element", "celeste-pagination-item", props.class, { "celeste-pagination-item-active": props.isActive }, props.disabled && "celeste-pagination-item-disabled")
 			}), {

package/dist/es/chunks/pagination-last.js

@@ -1,42 +1,7 @@
-import { t as clsx } from "./clsx.js";
-import { f as reactiveOmit } from "./dist.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useForwardProps } from "./useForwardProps.js";
-import { n as injectPaginationRootContext } from "./PaginationRoot.js";
-import { computed, createBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationLast.js
-var PaginationLast_default = /* @__PURE__ */ 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 = computed(() => rootContext.page.value === rootContext.pageCount.value || rootContext.disabled.value);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-				"aria-label": "Last Page",
-				type: _ctx.as === "button" ? "button" : void 0,
-				disabled: disabled.value,
-				onClick: _cache[0] || (_cache[0] = ($event) => !disabled.value && unref(rootContext).onPageChange(unref(rootContext).pageCount.value))
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = createTextVNode("Last page"))])]),
-				_: 3
-			}, 16, ["type", "disabled"]);
-		};
-	}
-});
+import { createBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { clsx } from "clsx";
+import { PaginationLast, useForwardProps } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 //#endregion
 //#region src/components/pagination/pagination-last.vue
 var pagination_last_default = /* @__PURE__ */ defineComponent({
@@ -57,7 +22,7 @@ var pagination_last_default = /* @__PURE__ */ defineComponent({
 		const delegated = reactiveOmit(props, "class");
 		const forwarded = useForwardProps(delegated);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PaginationLast_default), mergeProps({
+			return openBlock(), createBlock(unref(PaginationLast), mergeProps({
 				class: unref(clsx)("celeste-pagination-element", "celeste-pagination-last", props.class),
 				"data-slot": "pagination-last"
 			}, unref(forwarded)), {

package/dist/es/chunks/pagination-next.js

@@ -1,42 +1,7 @@
-import { t as clsx } from "./clsx.js";
-import { f as reactiveOmit } from "./dist.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useForwardProps } from "./useForwardProps.js";
-import { n as injectPaginationRootContext } from "./PaginationRoot.js";
-import { computed, createBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationNext.js
-var PaginationNext_default = /* @__PURE__ */ 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 = computed(() => rootContext.page.value === rootContext.pageCount.value || rootContext.disabled.value);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-				"aria-label": "Next Page",
-				type: _ctx.as === "button" ? "button" : void 0,
-				disabled: disabled.value,
-				onClick: _cache[0] || (_cache[0] = ($event) => !disabled.value && unref(rootContext).onPageChange(unref(rootContext).page.value + 1))
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = createTextVNode("Next page"))])]),
-				_: 3
-			}, 16, ["type", "disabled"]);
-		};
-	}
-});
+import { createBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { clsx } from "clsx";
+import { PaginationNext, useForwardProps } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 //#endregion
 //#region src/components/pagination/pagination-next.vue
 var pagination_next_default = /* @__PURE__ */ defineComponent({
@@ -57,7 +22,7 @@ var pagination_next_default = /* @__PURE__ */ defineComponent({
 		const delegated = reactiveOmit(props, "class");
 		const forwarded = useForwardProps(delegated);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PaginationNext_default), mergeProps({
+			return openBlock(), createBlock(unref(PaginationNext), mergeProps({
 				class: unref(clsx)("celeste-pagination-element", "celeste-pagination-next", props.class),
 				"data-slot": "pagination-next"
 			}, unref(forwarded)), {

package/dist/es/chunks/pagination-previous.js

@@ -1,42 +1,7 @@
-import { t as clsx } from "./clsx.js";
-import { f as reactiveOmit } from "./dist.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as useForwardProps } from "./useForwardProps.js";
-import { n as injectPaginationRootContext } from "./PaginationRoot.js";
-import { computed, createBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationPrev.js
-var PaginationPrev_default = /* @__PURE__ */ 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 = computed(() => rootContext.page.value === 1 || rootContext.disabled.value);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-				"aria-label": "Previous Page",
-				type: _ctx.as === "button" ? "button" : void 0,
-				disabled: disabled.value,
-				onClick: _cache[0] || (_cache[0] = ($event) => !disabled.value && unref(rootContext).onPageChange(unref(rootContext).page.value - 1))
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = createTextVNode("Prev page"))])]),
-				_: 3
-			}, 16, ["type", "disabled"]);
-		};
-	}
-});
+import { createBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { clsx } from "clsx";
+import { PaginationPrev, useForwardProps } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 //#endregion
 //#region src/components/pagination/pagination-previous.vue
 var pagination_previous_default = /* @__PURE__ */ defineComponent({
@@ -57,7 +22,7 @@ var pagination_previous_default = /* @__PURE__ */ defineComponent({
 		const delegated = reactiveOmit(props, "class");
 		const forwarded = useForwardProps(delegated);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PaginationPrev_default), mergeProps({
+			return openBlock(), createBlock(unref(PaginationPrev), mergeProps({
 				class: unref(clsx)("celeste-pagination-element", "celeste-pagination-previous", props.class),
 				"data-slot": "pagination-previous"
 			}, unref(forwarded)), {

package/dist/es/chunks/pagination.js

@@ -1,9 +1,8 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { f as reactiveOmit } from "./dist.js";
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as PaginationRoot_default } from "./PaginationRoot.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { clsx } from "clsx";
+import { PaginationRoot, useForwardPropsEmits } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 //#region src/components/pagination/pagination.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -44,7 +43,7 @@ var pagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const delegated = reactiveOmit(props, "class");
 		const forwarded = useForwardPropsEmits(delegated, emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PaginationRoot_default), mergeProps(unref(forwarded), {
+			return openBlock(), createBlock(unref(PaginationRoot), mergeProps(unref(forwarded), {
 				"data-slot": "pagination",
 				class: unref(clsx)("celeste-pagination", `celeste-pagination-variant-${props.variant}`, props.class)
 			}), {