@youcan/celeste 0.21.1 → 0.22.0

package/dist/cjs/chunks/modal-body.cjs

@@ -1,6 +1,8 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
 //#region src/components/modal/modal-body.vue?vue&type=script&setup=true&lang.ts
 var modal_body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "modal-body",
@@ -14,7 +16,7 @@ var modal_body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, v
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-modal-body", props.class)) }, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)], 2);
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-modal-body", props.class)) }, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)], 2);
 		};
 	}
 });

package/dist/cjs/chunks/modal-close.cjs

@@ -1,5 +1,5 @@
-const require_DialogClose = require("./DialogClose.cjs");
 let vue = require("vue");
+let reka_ui = require("reka-ui");
 //#endregion
 //#region src/components/modal/modal-close.vue
 var modal_close_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -11,7 +11,7 @@ var modal_close_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DialogClose.DialogClose_default), (0, vue.mergeProps)(props, { "as-child": "" }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogClose), (0, vue.mergeProps)(props, { "as-child": "" }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

package/dist/cjs/chunks/modal-content.cjs

@@ -1,10 +1,10 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
-const require_DialogRoot = require("./DialogRoot.cjs");
-const require_DialogPortal = require("./DialogPortal.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#region src/components/modal/modal-content.vue?vue&type=script&setup=true&lang.ts
 var modal_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "modal-content",
@@ -40,13 +40,13 @@ var modal_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
 		const props = __props;
 		const emits = __emit;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
-		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
-		const root = require_DialogRoot.injectDialogRootContext();
+		const forwarded = (0, reka_ui.useForwardPropsEmits)(delegatedProps, emits);
+		const root = (0, reka_ui.injectDialogRootContext)();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DialogPortal.DialogPortal_default), null, {
-				default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(root).modal.value ? (0, vue.unref)(require_DialogPortal.DialogOverlay_default) : "div"), { class: (0, vue.normalizeClass)((0, vue.unref)(root).modal.value ? "celeste-modal-overlay" : "celeste-modal-viewport") }, {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogPortal), null, {
+				default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(root).modal.value ? (0, vue.unref)(reka_ui.DialogOverlay) : "div"), { class: (0, vue.normalizeClass)((0, vue.unref)(root).modal.value ? "celeste-modal-overlay" : "celeste-modal-viewport") }, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(vue.Transition, { name: "fade" }, {
-						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_DialogPortal.DialogContent_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-modal-content", props.class) }), {
+						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogContent), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(clsx.default)("celeste-modal-content", props.class) }), {
 							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 							_: 3
 						}, 16, ["class"])]),

package/dist/cjs/chunks/modal-footer.cjs

@@ -1,6 +1,8 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
 //#region src/components/modal/modal-footer.vue?vue&type=script&setup=true&lang.ts
 var modal_footer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "modal-footer",
@@ -14,7 +16,7 @@ var modal_footer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-modal-footer", props.class)) }, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)], 2);
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-modal-footer", props.class)) }, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)], 2);
 		};
 	}
 });

package/dist/cjs/chunks/modal-header.cjs

@@ -1,10 +1,10 @@
-const require_clsx = require("./clsx.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_DialogClose = require("./DialogClose.cjs");
-const require_DialogDescription = require("./DialogDescription.cjs");
-const require_DialogTitle = require("./DialogTitle.cjs");
 const require_compact_button = require("./compact-button.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
 //#region src/components/modal/modal-header.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-dismissible",
@@ -45,26 +45,26 @@ var modal_header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 		const props = __props;
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-modal-header", props.class)),
+				class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-modal-header", props.class)),
 				"data-dismissible": __props.dismissible,
 				"data-alignment": __props.alignment,
 				"data-type": __props.type
 			}, [
 				__props.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2, [(0, vue.createElementVNode)("i", { class: (0, vue.normalizeClass)(__props.icon) }, null, 2)])) : (0, vue.createCommentVNode)("", true),
-				__props.title || __props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3, [__props.title ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DialogTitle.DialogTitle_default), {
+				__props.title || __props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3, [__props.title ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogTitle), {
 					key: 0,
 					"as-child": ""
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("h2", _hoisted_4, (0, vue.toDisplayString)(__props.title), 1)]),
 					_: 1
-				})) : (0, vue.createCommentVNode)("", true), __props.description ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DialogDescription.DialogDescription_default), {
+				})) : (0, vue.createCommentVNode)("", true), __props.description ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogDescription), {
 					key: 1,
 					"as-child": ""
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("p", _hoisted_5, (0, vue.toDisplayString)(__props.description), 1)]),
 					_: 1
 				})) : (0, vue.createCommentVNode)("", true)])) : (0, vue.createCommentVNode)("", true),
-				__props.dismissible ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DialogClose.DialogClose_default), {
+				__props.dismissible ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogClose), {
 					key: 2,
 					"as-child": ""
 				}, {

package/dist/cjs/chunks/modal-trigger.cjs

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

package/dist/cjs/chunks/modal.cjs

@@ -1,6 +1,5 @@
-const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
-const require_DialogRoot = require("./DialogRoot.cjs");
 let vue = require("vue");
+let reka_ui = require("reka-ui");
 //#endregion
 //#region src/components/modal/modal.vue
 var modal_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -13,9 +12,9 @@ var modal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	emits: ["update:open"],
 	setup(__props, { emit: __emit }) {
-		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(__props, __emit);
+		const forwarded = (0, reka_ui.useForwardPropsEmits)(__props, __emit);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DialogRoot.DialogRoot_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(forwarded))), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogRoot), (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(forwarded))), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

package/dist/cjs/chunks/pagination-content.cjs

@@ -1,90 +1,8 @@
-const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_dist = require("./dist.cjs");
-const require_Primitive = require("./Primitive.cjs");
-const require_useForwardExpose = require("./useForwardExpose.cjs");
-const require_PaginationRoot = require("./PaginationRoot.cjs");
 let vue = require("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__ */ (0, vue.defineComponent)({
-	__name: "PaginationList",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		require_useForwardExpose.useForwardExpose();
-		const rootContext = require_PaginationRoot.injectPaginationRootContext();
-		const transformedRange = (0, vue.computed)(() => {
-			return transform(getRange(rootContext.page.value, rootContext.pageCount.value, rootContext.siblingCount.value, rootContext.showEdges.value));
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", { items: transformedRange.value })]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
+let clsx = require("clsx");
+let reka_ui = require("reka-ui");
+let _vueuse_core = require("@vueuse/core");
 //#region src/components/pagination/pagination-content.vue?vue&type=script&setup=true&lang.ts
 var pagination_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "pagination-content",
@@ -101,9 +19,9 @@ var pagination_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 	},
 	setup(__props) {
 		const props = __props;
-		const delegated = require_dist.reactiveOmit(props, "class");
+		const delegated = (0, _vueuse_core.reactiveOmit)(props, "class");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(PaginationList_default), (0, vue.mergeProps)({ "data-slot": "pagination-content" }, (0, vue.unref)(delegated), { class: (0, vue.unref)(require_clsx.clsx)("celeste-pagination-content", props.class) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PaginationList), (0, vue.mergeProps)({ "data-slot": "pagination-content" }, (0, vue.unref)(delegated), { class: (0, vue.unref)(clsx.clsx)("celeste-pagination-content", props.class) }), {
 				default: (0, vue.withCtx)((sprops) => [(0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(sprops)), void 0, true)]),
 				_: 3
 			}, 16, ["class"]);

package/dist/cjs/chunks/pagination-ellipsis.cjs

@@ -1,34 +1,8 @@
-const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
-const require_dist = require("./dist.cjs");
-const require_Primitive = require("./Primitive.cjs");
-const require_useForwardExpose = require("./useForwardExpose.cjs");
 let vue = require("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__ */ (0, vue.defineComponent)({
-	__name: "PaginationEllipsis",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		require_useForwardExpose.useForwardExpose();
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, { "data-type": "ellipsis" }), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = (0, vue.createTextVNode)("…"))])]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
+let clsx = require("clsx");
+let reka_ui = require("reka-ui");
+let _vueuse_core = require("@vueuse/core");
 //#region src/components/pagination/pagination-ellipsis.vue?vue&type=script&setup=true&lang.ts
 var pagination_ellipsis_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "pagination-ellipsis",
@@ -45,10 +19,10 @@ var pagination_ellipsis_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 	},
 	setup(__props) {
 		const props = __props;
-		const delegated = require_dist.reactiveOmit(props, "class");
+		const delegated = (0, _vueuse_core.reactiveOmit)(props, "class");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(PaginationEllipsis_default), (0, vue.mergeProps)((0, vue.unref)(delegated), {
-				class: (0, vue.unref)(require_clsx.clsx)("celeste-pagination-element", "celeste-pagination-ellipsis", props.class),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PaginationEllipsis), (0, vue.mergeProps)((0, vue.unref)(delegated), {
+				class: (0, vue.unref)(clsx.clsx)("celeste-pagination-element", "celeste-pagination-ellipsis", props.class),
 				"data-slot": "pagination-ellipsis"
 			}), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("span", { class: "celeste-pagination-ellipsis-dots" }, "...", -1)), _cache[1] || (_cache[1] = (0, vue.createElementVNode)("span", { class: "celeste-pagination-ellipsis-sr" }, "More pages", -1))], true)]),

package/dist/cjs/chunks/pagination-first.cjs

@@ -1,42 +1,7 @@
-const require_clsx = require("./clsx.cjs");
-const require_dist = require("./dist.cjs");
-const require_Primitive = require("./Primitive.cjs");
-const require_useForwardExpose = require("./useForwardExpose.cjs");
-const require_useForwardProps = require("./useForwardProps.cjs");
-const require_PaginationRoot = require("./PaginationRoot.cjs");
 let vue = require("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__ */ (0, vue.defineComponent)({
-	__name: "PaginationFirst",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const rootContext = require_PaginationRoot.injectPaginationRootContext();
-		require_useForwardExpose.useForwardExpose();
-		const disabled = (0, vue.computed)(() => rootContext.page.value === 1 || rootContext.disabled.value);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, {
-				"aria-label": "First Page",
-				type: _ctx.as === "button" ? "button" : void 0,
-				disabled: disabled.value,
-				onClick: _cache[0] || (_cache[0] = ($event) => !disabled.value && (0, vue.unref)(rootContext).onPageChange(1))
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = (0, vue.createTextVNode)("First page"))])]),
-				_: 3
-			}, 16, ["type", "disabled"]);
-		};
-	}
-});
+let clsx = require("clsx");
+let reka_ui = require("reka-ui");
+let _vueuse_core = require("@vueuse/core");
 //#endregion
 //#region src/components/pagination/pagination-first.vue
 var pagination_first_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -54,11 +19,11 @@ var pagination_first_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	setup(__props) {
 		const props = __props;
-		const delegated = require_dist.reactiveOmit(props, "class");
-		const forwarded = require_useForwardProps.useForwardProps(delegated);
+		const delegated = (0, _vueuse_core.reactiveOmit)(props, "class");
+		const forwarded = (0, reka_ui.useForwardProps)(delegated);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(PaginationFirst_default), (0, vue.mergeProps)({
-				class: (0, vue.unref)(require_clsx.clsx)("celeste-pagination-element", "celeste-pagination-first", props.class),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PaginationFirst), (0, vue.mergeProps)({
+				class: (0, vue.unref)(clsx.clsx)("celeste-pagination-element", "celeste-pagination-first", props.class),
 				"data-slot": "pagination-first"
 			}, (0, vue.unref)(forwarded)), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("i", { class: "i-celeste-arrow-left-double-line" }, null, -1))])]),

package/dist/cjs/chunks/pagination-item.cjs

@@ -1,55 +1,7 @@
-const require_clsx = require("./clsx.cjs");
-const require_dist = require("./dist.cjs");
-const require_Primitive = require("./Primitive.cjs");
-const require_useForwardExpose = require("./useForwardExpose.cjs");
-const require_PaginationRoot = require("./PaginationRoot.cjs");
 let vue = require("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__ */ (0, vue.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;
-		require_useForwardExpose.useForwardExpose();
-		const rootContext = require_PaginationRoot.injectPaginationRootContext();
-		const isSelected = (0, vue.computed)(() => rootContext.page.value === props.value);
-		const disabled = (0, vue.computed)(() => rootContext.disabled.value);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.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 && (0, vue.unref)(rootContext).onPageChange(_ctx.value))
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(_ctx.value), 1)])]),
-				_: 3
-			}, 16, [
-				"aria-label",
-				"aria-current",
-				"data-selected",
-				"disabled",
-				"type"
-			]);
-		};
-	}
-});
+let clsx = require("clsx");
+let reka_ui = require("reka-ui");
+let _vueuse_core = require("@vueuse/core");
 //#endregion
 //#region src/components/pagination/pagination-item.vue
 var pagination_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -70,11 +22,11 @@ var pagination_item_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	setup(__props) {
 		const props = __props;
-		const delegated = require_dist.reactiveOmit(props, "class", "isActive", "disabled");
+		const delegated = (0, _vueuse_core.reactiveOmit)(props, "class", "isActive", "disabled");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(PaginationListItem_default), (0, vue.mergeProps)((0, vue.unref)(delegated), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PaginationListItem), (0, vue.mergeProps)((0, vue.unref)(delegated), {
 				"data-slot": "pagination-item",
-				class: (0, vue.unref)(require_clsx.clsx)("celeste-pagination-element", "celeste-pagination-item", props.class, { "celeste-pagination-item-active": props.isActive }, props.disabled && "celeste-pagination-item-disabled")
+				class: (0, vue.unref)(clsx.clsx)("celeste-pagination-element", "celeste-pagination-item", props.class, { "celeste-pagination-item-active": props.isActive }, props.disabled && "celeste-pagination-item-disabled")
 			}), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3

package/dist/cjs/chunks/pagination-last.cjs

@@ -1,42 +1,7 @@
-const require_clsx = require("./clsx.cjs");
-const require_dist = require("./dist.cjs");
-const require_Primitive = require("./Primitive.cjs");
-const require_useForwardExpose = require("./useForwardExpose.cjs");
-const require_useForwardProps = require("./useForwardProps.cjs");
-const require_PaginationRoot = require("./PaginationRoot.cjs");
 let vue = require("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__ */ (0, vue.defineComponent)({
-	__name: "PaginationLast",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const rootContext = require_PaginationRoot.injectPaginationRootContext();
-		require_useForwardExpose.useForwardExpose();
-		const disabled = (0, vue.computed)(() => rootContext.page.value === rootContext.pageCount.value || rootContext.disabled.value);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, {
-				"aria-label": "Last Page",
-				type: _ctx.as === "button" ? "button" : void 0,
-				disabled: disabled.value,
-				onClick: _cache[0] || (_cache[0] = ($event) => !disabled.value && (0, vue.unref)(rootContext).onPageChange((0, vue.unref)(rootContext).pageCount.value))
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = (0, vue.createTextVNode)("Last page"))])]),
-				_: 3
-			}, 16, ["type", "disabled"]);
-		};
-	}
-});
+let clsx = require("clsx");
+let reka_ui = require("reka-ui");
+let _vueuse_core = require("@vueuse/core");
 //#endregion
 //#region src/components/pagination/pagination-last.vue
 var pagination_last_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -54,11 +19,11 @@ var pagination_last_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	setup(__props) {
 		const props = __props;
-		const delegated = require_dist.reactiveOmit(props, "class");
-		const forwarded = require_useForwardProps.useForwardProps(delegated);
+		const delegated = (0, _vueuse_core.reactiveOmit)(props, "class");
+		const forwarded = (0, reka_ui.useForwardProps)(delegated);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(PaginationLast_default), (0, vue.mergeProps)({
-				class: (0, vue.unref)(require_clsx.clsx)("celeste-pagination-element", "celeste-pagination-last", props.class),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PaginationLast), (0, vue.mergeProps)({
+				class: (0, vue.unref)(clsx.clsx)("celeste-pagination-element", "celeste-pagination-last", props.class),
 				"data-slot": "pagination-last"
 			}, (0, vue.unref)(forwarded)), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-double-line" }, null, -1))])]),

package/dist/cjs/chunks/pagination-next.cjs

@@ -1,42 +1,7 @@
-const require_clsx = require("./clsx.cjs");
-const require_dist = require("./dist.cjs");
-const require_Primitive = require("./Primitive.cjs");
-const require_useForwardExpose = require("./useForwardExpose.cjs");
-const require_useForwardProps = require("./useForwardProps.cjs");
-const require_PaginationRoot = require("./PaginationRoot.cjs");
 let vue = require("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__ */ (0, vue.defineComponent)({
-	__name: "PaginationNext",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		require_useForwardExpose.useForwardExpose();
-		const rootContext = require_PaginationRoot.injectPaginationRootContext();
-		const disabled = (0, vue.computed)(() => rootContext.page.value === rootContext.pageCount.value || rootContext.disabled.value);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, {
-				"aria-label": "Next Page",
-				type: _ctx.as === "button" ? "button" : void 0,
-				disabled: disabled.value,
-				onClick: _cache[0] || (_cache[0] = ($event) => !disabled.value && (0, vue.unref)(rootContext).onPageChange((0, vue.unref)(rootContext).page.value + 1))
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = (0, vue.createTextVNode)("Next page"))])]),
-				_: 3
-			}, 16, ["type", "disabled"]);
-		};
-	}
-});
+let clsx = require("clsx");
+let reka_ui = require("reka-ui");
+let _vueuse_core = require("@vueuse/core");
 //#endregion
 //#region src/components/pagination/pagination-next.vue
 var pagination_next_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -54,11 +19,11 @@ var pagination_next_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	setup(__props) {
 		const props = __props;
-		const delegated = require_dist.reactiveOmit(props, "class");
-		const forwarded = require_useForwardProps.useForwardProps(delegated);
+		const delegated = (0, _vueuse_core.reactiveOmit)(props, "class");
+		const forwarded = (0, reka_ui.useForwardProps)(delegated);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(PaginationNext_default), (0, vue.mergeProps)({
-				class: (0, vue.unref)(require_clsx.clsx)("celeste-pagination-element", "celeste-pagination-next", props.class),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PaginationNext), (0, vue.mergeProps)({
+				class: (0, vue.unref)(clsx.clsx)("celeste-pagination-element", "celeste-pagination-next", props.class),
 				"data-slot": "pagination-next"
 			}, (0, vue.unref)(forwarded)), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("i", { class: "i-celeste-arrow-right-s-line" }, null, -1))])]),