@youcan/celeste 0.21.1 → 0.22.0

package/dist/cjs/chunks/date-picker.cjs

@@ -1,9 +1,11 @@
-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_calendar = require("./calendar.cjs");
 const require_button = require("./button.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
+const require_calendar = require("./calendar.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
 //#region src/components/date-picker/date-picker.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "celeste-date-picker-body" };
 var _hoisted_2 = {
@@ -67,7 +69,7 @@ var date_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 			"cancelLabel",
 			"applyLabel"
 		]);
-		const cardClass = (0, vue.computed)(() => require_clsx.clsx("celeste-date-picker", props.class));
+		const cardClass = (0, vue.computed)(() => (0, clsx.default)("celeste-date-picker", props.class));
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(cardClass.value) }, [(0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createVNode)(require_calendar.calendar_default, (0, vue.mergeProps)({
 				modelValue: modelValue.value,

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

@@ -1,9 +1,11 @@
-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_drawer_body = require("./drawer-body.cjs");
 const require_modal_body = require("./modal-body.cjs");
 const require_context = require("../context.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
 //#region src/components/dialog/dialog-body.vue?vue&type=script&setup=true&lang.ts
 var dialog_body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "dialog-body",
@@ -20,7 +22,7 @@ var dialog_body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 		return (_ctx, _cache) => {
 			return (0, vue.unref)(drawer) ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_drawer_body.drawer_body_default, {
 				key: 0,
-				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-dialog-body", props.class))
+				class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-dialog-body", props.class))
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3

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

@@ -1,5 +1,5 @@
-const require_drawer_content = require("./drawer-content.cjs");
 const require_context = require("../context.cjs");
+const require_drawer_content = require("./drawer-content.cjs");
 const require_modal_content = require("./modal-content.cjs");
 let vue = require("vue");
 //#endregion

package/dist/cjs/chunks/dialog-description.cjs

@@ -1,9 +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_DialogDescription = require("./DialogDescription.cjs");
-const require_DrawerDescription = require("./DrawerDescription.cjs");
 const require_context = require("../context.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/dialog/dialog-description.vue?vue&type=script&setup=true&lang.ts
 var dialog_description_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "dialog-description",
@@ -18,7 +19,7 @@ var dialog_description_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 		const props = __props;
 		const { drawer } = require_context.injectDialogContext();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(drawer) ? (0, vue.unref)(require_DrawerDescription.DrawerDescription_default) : (0, vue.unref)(require_DialogDescription.DialogDescription_default)), { class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-dialog-description", props.class)) }, {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(drawer) ? (0, vue.unref)(reka_ui.DrawerDescription) : (0, vue.unref)(reka_ui.DialogDescription)), { class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-dialog-description", props.class)) }, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 8, ["class"]);

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

@@ -1,9 +1,11 @@
-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_context = require("../context.cjs");
 const require_drawer_footer = require("./drawer-footer.cjs");
 const require_modal_footer = require("./modal-footer.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
 //#region src/components/dialog/dialog-footer.vue?vue&type=script&setup=true&lang.ts
 var dialog_footer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "dialog-footer",
@@ -26,7 +28,7 @@ var dialog_footer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
 				_: 3
 			}, 8, ["class"])) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_modal_footer.modal_footer_default, {
 				key: 1,
-				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-dialog-footer", props.class))
+				class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-dialog-footer", props.class))
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3

package/dist/cjs/chunks/dialog-title.cjs

@@ -1,9 +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_DialogTitle = require("./DialogTitle.cjs");
-const require_DrawerTitle = require("./DrawerTitle.cjs");
 const require_context = require("../context.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/dialog/dialog-title.vue?vue&type=script&setup=true&lang.ts
 var dialog_title_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "dialog-title",
@@ -18,7 +19,7 @@ var dialog_title_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 		const props = __props;
 		const { drawer } = require_context.injectDialogContext();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(drawer) ? (0, vue.unref)(require_DrawerTitle.DrawerTitle_default) : (0, vue.unref)(require_DialogTitle.DialogTitle_default)), { class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-dialog-title", props.class)) }, {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(drawer) ? (0, vue.unref)(reka_ui.DrawerTitle) : (0, vue.unref)(reka_ui.DialogTitle)), { class: (0, vue.normalizeClass)((0, vue.unref)(clsx.default)("celeste-dialog-title", props.class)) }, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 8, ["class"]);

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

@@ -1,5 +1,5 @@
-const require_drawer_trigger = require("./drawer-trigger.cjs");
 const require_context = require("../context.cjs");
+const require_drawer_trigger = require("./drawer-trigger.cjs");
 const require_modal_trigger = require("./modal-trigger.cjs");
 let vue = require("vue");
 //#endregion

package/dist/cjs/chunks/dialog.cjs

@@ -1,8 +1,8 @@
-const require_dist = require("./dist2.cjs");
 const require_context = require("../context.cjs");
 const require_drawer = require("./drawer.cjs");
 const require_modal = require("./modal.cjs");
 let vue = require("vue");
+let _vueuse_core = require("@vueuse/core");
 //#region ../celeste-tokens/dist/json/breakpoint.json
 var breakpoint = {
 	"sm": {
@@ -41,11 +41,11 @@ var dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	emits: ["update:open"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
-		const open = require_dist.useVModel(props, "open", __emit, {
+		const open = (0, _vueuse_core.useVModel)(props, "open", __emit, {
 			passive: true,
 			defaultValue: props.defaultOpen
 		});
-		const drawer = require_dist.useMediaQuery(() => `(width < ${breakpoint[props.breakpoint].$value}px)`);
+		const drawer = (0, _vueuse_core.useMediaQuery)(() => `(width < ${breakpoint[props.breakpoint].$value}px)`);
 		require_context.provideDialogContext({ drawer });
 		return (_ctx, _cache) => {
 			return (0, vue.unref)(drawer) ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_drawer.drawer_default, {

package/dist/cjs/chunks/digit-input-group.cjs

@@ -1,9 +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_dist = require("./dist.cjs");
-const require_Primitive = require("./Primitive.cjs");
-const require_useForwardProps = require("./useForwardProps.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
+let _vueuse_core = require("@vueuse/core");
 //#region src/components/digit-input/digit-input-group.vue?vue&type=script&setup=true&lang.ts
 var digit_input_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "digit-input-group",
@@ -20,10 +21,10 @@ var digit_input_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 	},
 	setup(__props) {
 		const props = __props;
-		const delegatedProps = require_dist.reactiveOmit(props, "class");
-		const forwardedProps = require_useForwardProps.useForwardProps(delegatedProps);
+		const delegatedProps = (0, _vueuse_core.reactiveOmit)(props, "class");
+		const forwardedProps = (0, reka_ui.useForwardProps)(delegatedProps);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-digit-input-group", props.class) }), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(clsx.default)("celeste-digit-input-group", props.class) }), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);

package/dist/cjs/chunks/digit-input-slot.cjs

@@ -1,267 +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_getActiveElement = require("./getActiveElement.cjs");
-const require_dist = require("./dist.cjs");
-const require_Primitive = require("./Primitive.cjs");
-const require_useArrowNavigation = require("./useArrowNavigation.cjs");
-const require_useComposing = require("./useComposing.cjs");
-const require_useForwardProps = require("./useForwardProps.cjs");
-const require_usePrimitiveElement = require("./usePrimitiveElement.cjs");
-const require_PinInputRoot = require("./PinInputRoot.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/PinInput/PinInputInput.js
-var PinInputInput_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "PinInputInput",
-	props: {
-		index: {
-			type: Number,
-			required: true
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "input"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const context = require_PinInputRoot.injectPinInputRootContext();
-		const inputElements = (0, vue.computed)(() => [...context.inputElements.value]);
-		const currentValue = (0, vue.computed)(() => context.currentModelValue.value[props.index]);
-		const disabled = (0, vue.computed)(() => props.disabled || context.disabled.value);
-		const isOtpMode = (0, vue.computed)(() => context.otp.value);
-		const isPasswordMode = (0, vue.computed)(() => context.mask.value);
-		const NUMBER_REG = /^\d*$/;
-		const NON_NUMBER_REG = /\D/g;
-		const { primitiveElement, currentElement } = require_usePrimitiveElement.usePrimitiveElement();
-		const { isComposing, handleCompositionStart, handleCompositionEnd } = require_useComposing.useComposing((event) => {
-			const target = event.target;
-			const value = event.data || target.value;
-			if (context.isNumericMode.value) {
-				const filtered = value.replace(NON_NUMBER_REG, "");
-				if (!filtered) {
-					target.value = "";
-					return;
-				}
-				if (filtered.length > 1) {
-					handleMultipleCharacter(filtered);
-					return;
-				}
-				target.value = filtered;
-				updateModelValueAt(props.index, filtered);
-				const nextEl$1 = inputElements.value[props.index + 1];
-				if (nextEl$1) nextEl$1.focus();
-				return;
-			}
-			if (value.length > 1) {
-				handleMultipleCharacter(value);
-				return;
-			}
-			target.value = value;
-			updateModelValueAt(props.index, value);
-			const nextEl = inputElements.value[props.index + 1];
-			if (nextEl) nextEl.focus();
-		});
-		function handleInput(event) {
-			if (isComposing.value || event.isComposing) return;
-			const target = event.target;
-			if ((event.data?.length ?? 0) > 1) {
-				handleMultipleCharacter(target.value);
-				return;
-			}
-			if (context.isNumericMode.value && !NUMBER_REG.test(target.value)) {
-				target.value = target.value.replace(NON_NUMBER_REG, "");
-				return;
-			}
-			target.value = event.data || target.value.slice(-1);
-			updateModelValueAt(props.index, target.value);
-			const nextEl = inputElements.value[props.index + 1];
-			if (nextEl) nextEl.focus();
-		}
-		function updatePlaceholder() {
-			(0, vue.nextTick)(() => {
-				const target = currentElement.value;
-				if (!target) return;
-				if (!target.value && target === require_getActiveElement.getActiveElement()) target.placeholder = "";
-				else target.placeholder = context.placeholder.value;
-			});
-		}
-		function handleKeydown(event) {
-			if (isComposing.value || event.isComposing) return;
-			const firstEmptyInputIdx = getFirstEmptyInputIndex();
-			const itemsArray = firstEmptyInputIdx === -1 ? inputElements.value : inputElements.value.slice(0, firstEmptyInputIdx + 1);
-			require_useArrowNavigation.useArrowNavigation(event, require_getActiveElement.getActiveElement(), void 0, {
-				itemsArray,
-				focus: true,
-				loop: false,
-				arrowKeyOptions: "horizontal",
-				dir: context.dir.value
-			});
-		}
-		function handleBackspace(event) {
-			event.preventDefault();
-			if (event.target.value) updateModelValueAt(props.index, "");
-			else {
-				const prevEl = inputElements.value[props.index - 1];
-				if (prevEl) {
-					prevEl.focus();
-					updateModelValueAt(props.index - 1, "");
-				}
-			}
-		}
-		function handleDelete(event) {
-			if (event.key === "Delete") {
-				event.preventDefault();
-				updateModelValueAt(props.index, "");
-			}
-		}
-		/**
-		* In OTP mode, inputs should be filled one by one without skipping middle inputs.
-		* Returns the index of the first empty input, or `-1` when not in OTP mode / all filled.
-		*/
-		function getFirstEmptyInputIndex() {
-			if (!context.otp.value) return -1;
-			return inputElements.value.findIndex((_, idx) => context.currentModelValue.value[idx] === "" || context.currentModelValue.value[idx] === void 0);
-		}
-		function getEarlierEmptyInput() {
-			const firstEmptyInputIdx = getFirstEmptyInputIndex();
-			if (firstEmptyInputIdx !== -1 && firstEmptyInputIdx < props.index) return inputElements.value[firstEmptyInputIdx];
-		}
-		function handleMousedown(event) {
-			const earlierEmptyInput = getEarlierEmptyInput();
-			if (!earlierEmptyInput) return;
-			event.preventDefault();
-			earlierEmptyInput.focus();
-		}
-		function handleFocus(event) {
-			if (!inputElements.value.includes(event.relatedTarget)) {
-				const earlierEmptyInput = getEarlierEmptyInput();
-				if (earlierEmptyInput) {
-					earlierEmptyInput.focus();
-					return;
-				}
-			}
-			event.target.setSelectionRange(1, 1);
-			updatePlaceholder();
-		}
-		function handleBlur(event) {
-			updatePlaceholder();
-		}
-		function handlePaste(event) {
-			event.preventDefault();
-			const clipboardData = event.clipboardData;
-			if (!clipboardData) return;
-			const rawValues = clipboardData.getData("text");
-			handleMultipleCharacter(context.isNumericMode.value ? rawValues.replace(NON_NUMBER_REG, "") : rawValues);
-		}
-		function handleMultipleCharacter(values) {
-			const tempModelValue = [...context.currentModelValue.value];
-			const initialIndex = values.length >= inputElements.value.length ? 0 : props.index;
-			const lastIndex = Math.min(initialIndex + values.length, inputElements.value.length);
-			for (let i = initialIndex; i < lastIndex; i++) {
-				const input = inputElements.value[i];
-				const value = values[i - initialIndex];
-				if (context.isNumericMode.value) {
-					const num = Number.parseInt(value);
-					if (Number.isNaN(num)) continue;
-					tempModelValue[i] = num;
-				} else tempModelValue[i] = value;
-				input.focus();
-			}
-			context.modelValue.value = tempModelValue;
-			inputElements.value[lastIndex]?.focus();
-		}
-		function removeTrailingEmptyStrings(input) {
-			let i = input.length - 1;
-			while (i >= 0 && input[i] === "") {
-				input.pop();
-				i--;
-			}
-			return input;
-		}
-		function updateModelValueAt(index, value) {
-			const tempModelValue = [...context.currentModelValue.value];
-			if (context.isNumericMode.value) {
-				const num = +value;
-				if (value === "" || isNaN(num)) tempModelValue[index] = void 0;
-				else tempModelValue[index] = num;
-			} else tempModelValue[index] = value;
-			context.modelValue.value = removeTrailingEmptyStrings(tempModelValue);
-		}
-		(0, vue.watch)(currentValue, updatePlaceholder);
-		(0, vue.onMounted)(() => {
-			context.onInputElementChange(currentElement.value);
-		});
-		(0, vue.onUnmounted)(() => {
-			context.inputElements?.value.delete(currentElement.value);
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
-				ref_key: "primitiveElement",
-				ref: primitiveElement,
-				autocapitalize: "none",
-				as: _ctx.as,
-				"as-child": _ctx.asChild,
-				autocomplete: isOtpMode.value ? "one-time-code" : "false",
-				type: isPasswordMode.value ? "password" : "text",
-				inputmode: (0, vue.unref)(context).isNumericMode.value ? "numeric" : "text",
-				pattern: (0, vue.unref)(context).isNumericMode.value ? "[0-9]*" : void 0,
-				placeholder: (0, vue.unref)(context).placeholder.value,
-				value: currentValue.value,
-				disabled: disabled.value,
-				"data-disabled": disabled.value ? "" : void 0,
-				"data-complete": (0, vue.unref)(context).isCompleted.value ? "" : void 0,
-				"aria-label": `pin input ${_ctx.index + 1} of ${inputElements.value.length}`,
-				onInput: _cache[0] || (_cache[0] = ($event) => handleInput($event)),
-				onKeydown: [
-					(0, vue.withKeys)(handleKeydown, [
-						"left",
-						"right",
-						"up",
-						"down",
-						"home",
-						"end"
-					]),
-					(0, vue.withKeys)(handleBackspace, ["backspace"]),
-					(0, vue.withKeys)(handleDelete, ["delete"])
-				],
-				onMousedown: handleMousedown,
-				onFocus: handleFocus,
-				onBlur: handleBlur,
-				onPaste: handlePaste,
-				onCompositionstart: (0, vue.unref)(handleCompositionStart),
-				onCompositionend: (0, vue.unref)(handleCompositionEnd)
-			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"as",
-				"as-child",
-				"autocomplete",
-				"type",
-				"inputmode",
-				"pattern",
-				"placeholder",
-				"value",
-				"disabled",
-				"data-disabled",
-				"data-complete",
-				"aria-label",
-				"onCompositionstart",
-				"onCompositionend"
-			]);
-		};
-	}
-});
-//#endregion
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
+let _vueuse_core = require("@vueuse/core");
 //#region src/components/digit-input/digit-input-slot.vue?vue&type=script&setup=true&lang.ts
 var digit_input_slot_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "digit-input-slot",
@@ -280,10 +23,10 @@ var digit_input_slot_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	},
 	setup(__props) {
 		const props = __props;
-		const delegatedProps = require_dist.reactiveOmit(props, "class");
-		const forwardedProps = require_useForwardProps.useForwardProps(delegatedProps);
+		const delegatedProps = (0, _vueuse_core.reactiveOmit)(props, "class");
+		const forwardedProps = (0, reka_ui.useForwardProps)(delegatedProps);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(PinInputInput_default), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(require_clsx.clsx)("celeste-digit-input-slot", props.class) }), null, 16, ["class"]);
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PinInputInput), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { class: (0, vue.unref)(clsx.default)("celeste-digit-input-slot", props.class) }), null, 16, ["class"]);
 		};
 	}
 });

package/dist/cjs/chunks/digit-input.cjs

@@ -1,10 +1,11 @@
-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_dist = require("./dist.cjs");
-const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
-const require_PinInputRoot = require("./PinInputRoot.cjs");
 const require_use_direction = require("../use-direction.cjs");
 let vue = require("vue");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
+let _vueuse_core = require("@vueuse/core");
 //#region src/components/digit-input/digit-input.vue?vue&type=script&setup=true&lang.ts
 var digit_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "digit-input",
@@ -38,12 +39,12 @@ var digit_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const delegatedProps = require_dist.reactiveOmit(props, "class", "hasError");
-		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(delegatedProps, emits);
+		const delegatedProps = (0, _vueuse_core.reactiveOmit)(props, "class", "hasError");
+		const forwarded = (0, reka_ui.useForwardPropsEmits)(delegatedProps, emits);
 		const dir = require_use_direction.useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_PinInputRoot.PinInputRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
-				class: (0, vue.unref)(require_clsx.clsx)("celeste-digit-input", props.class),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PinInputRoot), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
+				class: (0, vue.unref)(clsx.default)("celeste-digit-input", props.class),
 				"data-error": __props.hasError,
 				dir: (0, vue.unref)(dir)
 			}), {

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

@@ -1,41 +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_dist = require("./dist.cjs");
-const require_Primitive = require("./Primitive.cjs");
-const require_useForwardExpose = require("./useForwardExpose.cjs");
-const require_DrawerRoot = require("./DrawerRoot.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/Drawer/DrawerViewport.js
-var DrawerViewport_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "DrawerViewport",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "div"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const { forwardRef } = require_useForwardExpose.useForwardExpose();
-		const rootContext = require_DrawerRoot.injectDrawerRootContext();
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, {
-				ref: (0, vue.unref)(forwardRef),
-				"data-drawer-viewport": "",
-				"data-state": (0, vue.unref)(rootContext).open.value ? "open" : "closed"
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["data-state"]);
-		};
-	}
-});
-//#endregion
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
+let reka_ui = require("reka-ui");
+let _vueuse_core = require("@vueuse/core");
 //#region src/components/drawer/drawer-body.vue?vue&type=script&setup=true&lang.ts
 var drawer_body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 	__name: "drawer-body",
@@ -52,9 +21,9 @@ var drawer_body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 	},
 	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)(DrawerViewport_default), (0, vue.mergeProps)({ class: (0, vue.unref)(require_clsx.clsx)("celeste-drawer-body", props.class) }, (0, vue.unref)(delegated)), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DrawerViewport), (0, vue.mergeProps)({ class: (0, vue.unref)(clsx.default)("celeste-drawer-body", props.class) }, (0, vue.unref)(delegated)), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);

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

@@ -1,5 +1,5 @@
-const require_DrawerClose = require("./DrawerClose.cjs");
 let vue = require("vue");
+let reka_ui = require("reka-ui");
 //#endregion
 //#region src/components/drawer/drawer-close.vue
 var drawer_close_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -11,7 +11,7 @@ var drawer_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_DrawerClose.DrawerClose_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DrawerClose), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);