@youcan/celeste 0.21.1 → 0.22.0

package/dist/es/chunks/date-picker.js

@@ -1,9 +1,9 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as calendar_default } from "./calendar.js";
 import { t as button_default } from "./button.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
+import { t as calendar_default } from "./calendar.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, toDisplayString, unref, useModel, withCtx } from "vue";
+import clsx$1 from "clsx";
 //#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 = {
@@ -69,7 +69,7 @@ var date_picker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			"cancelLabel",
 			"applyLabel"
 		]);
-		const cardClass = computed(() => clsx("celeste-date-picker", props.class));
+		const cardClass = computed(() => clsx$1("celeste-date-picker", props.class));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(cardClass.value) }, [createElementVNode("div", _hoisted_1, [createVNode(calendar_default, mergeProps({
 				modelValue: modelValue.value,

package/dist/es/chunks/dialog-body.js

@@ -1,9 +1,9 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { t as drawer_body_default } from "./drawer-body.js";
 import { t as modal_body_default } from "./modal-body.js";
 import { injectDialogContext } from "../context.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
 //#endregion
 //#region src/components/dialog/dialog-body.vue
 var dialog_body_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -21,7 +21,7 @@ var dialog_body_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		return (_ctx, _cache) => {
 			return unref(drawer) ? (openBlock(), createBlock(drawer_body_default, {
 				key: 0,
-				class: normalizeClass(unref(clsx)("celeste-dialog-body", props.class))
+				class: normalizeClass(unref(clsx$1)("celeste-dialog-body", props.class))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3

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

@@ -1,5 +1,5 @@
-import { t as drawer_content_default } from "./drawer-content.js";
 import { injectDialogContext } from "../context.js";
+import { t as drawer_content_default } from "./drawer-content.js";
 import { t as modal_content_default } from "./modal-content.js";
 import { createBlock, defineComponent, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion

package/dist/es/chunks/dialog-description.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 { t as DialogDescription_default } from "./DialogDescription.js";
-import { t as DrawerDescription_default } from "./DrawerDescription.js";
 import { injectDialogContext } from "../context.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { DialogDescription, DrawerDescription } from "reka-ui";
 //#endregion
 //#region src/components/dialog/dialog-description.vue
 var dialog_description_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -19,7 +18,7 @@ var dialog_description_default = /*#__PURE__*/ _plugin_vue_export_helper_default
 		const props = __props;
 		const { drawer } = injectDialogContext();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(unref(drawer) ? unref(DrawerDescription_default) : unref(DialogDescription_default)), { class: normalizeClass(unref(clsx)("celeste-dialog-description", props.class)) }, {
+			return openBlock(), createBlock(resolveDynamicComponent(unref(drawer) ? unref(DrawerDescription) : unref(DialogDescription)), { class: normalizeClass(unref(clsx$1)("celeste-dialog-description", props.class)) }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 8, ["class"]);

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

@@ -1,9 +1,9 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { injectDialogContext } from "../context.js";
 import { t as drawer_footer_default } from "./drawer-footer.js";
 import { t as modal_footer_default } from "./modal-footer.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
 //#endregion
 //#region src/components/dialog/dialog-footer.vue
 var dialog_footer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -27,7 +27,7 @@ var dialog_footer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				_: 3
 			}, 8, ["class"])) : (openBlock(), createBlock(modal_footer_default, {
 				key: 1,
-				class: normalizeClass(unref(clsx)("celeste-dialog-footer", props.class))
+				class: normalizeClass(unref(clsx$1)("celeste-dialog-footer", props.class))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3

package/dist/es/chunks/dialog-title.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 { t as DialogTitle_default } from "./DialogTitle.js";
-import { t as DrawerTitle_default } from "./DrawerTitle.js";
 import { injectDialogContext } from "../context.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { DialogTitle, DrawerTitle } from "reka-ui";
 //#endregion
 //#region src/components/dialog/dialog-title.vue
 var dialog_title_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -19,7 +18,7 @@ var dialog_title_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const props = __props;
 		const { drawer } = injectDialogContext();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(unref(drawer) ? unref(DrawerTitle_default) : unref(DialogTitle_default)), { class: normalizeClass(unref(clsx)("celeste-dialog-title", props.class)) }, {
+			return openBlock(), createBlock(resolveDynamicComponent(unref(drawer) ? unref(DrawerTitle) : unref(DialogTitle)), { class: normalizeClass(unref(clsx$1)("celeste-dialog-title", props.class)) }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 8, ["class"]);

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

@@ -1,5 +1,5 @@
-import { t as drawer_trigger_default } from "./drawer-trigger.js";
 import { injectDialogContext } from "../context.js";
+import { t as drawer_trigger_default } from "./drawer-trigger.js";
 import { t as modal_trigger_default } from "./modal-trigger.js";
 import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion

package/dist/es/chunks/dialog.js

@@ -1,8 +1,8 @@
-import { c as useMediaQuery, p as useVModel } from "./dist2.js";
 import { provideDialogContext } from "../context.js";
 import { t as drawer_default } from "./drawer.js";
 import { t as modal_default } from "./modal.js";
 import { createBlock, defineComponent, isRef, openBlock, renderSlot, unref, withCtx } from "vue";
+import { useMediaQuery, useVModel } from "@vueuse/core";
 //#region ../celeste-tokens/dist/json/breakpoint.json
 var breakpoint = {
 	"sm": {

package/dist/es/chunks/digit-input-group.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 Primitive } from "./Primitive.js";
-import { t as useForwardProps } from "./useForwardProps.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { Primitive, useForwardProps } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 //#endregion
 //#region src/components/digit-input/digit-input-group.vue
 var digit_input_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -24,7 +23,7 @@ var digit_input_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		const delegatedProps = reactiveOmit(props, "class");
 		const forwardedProps = useForwardProps(delegatedProps);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(unref(forwardedProps), { class: unref(clsx)("celeste-digit-input-group", props.class) }), {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(unref(forwardedProps), { class: unref(clsx$1)("celeste-digit-input-group", props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);

package/dist/es/chunks/digit-input-slot.js

@@ -1,266 +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 getActiveElement } from "./getActiveElement.js";
-import { f as reactiveOmit } from "./dist.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useArrowNavigation } from "./useArrowNavigation.js";
-import { t as useComposing } from "./useComposing.js";
-import { t as useForwardProps } from "./useForwardProps.js";
-import { t as usePrimitiveElement } from "./usePrimitiveElement.js";
-import { n as injectPinInputRootContext } from "./PinInputRoot.js";
-import { computed, createBlock, defineComponent, mergeProps, nextTick, onMounted, onUnmounted, openBlock, renderSlot, unref, watch, withCtx, withKeys } from "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__ */ 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 = injectPinInputRootContext();
-		const inputElements = computed(() => [...context.inputElements.value]);
-		const currentValue = computed(() => context.currentModelValue.value[props.index]);
-		const disabled = computed(() => props.disabled || context.disabled.value);
-		const isOtpMode = computed(() => context.otp.value);
-		const isPasswordMode = computed(() => context.mask.value);
-		const NUMBER_REG = /^\d*$/;
-		const NON_NUMBER_REG = /\D/g;
-		const { primitiveElement, currentElement } = usePrimitiveElement();
-		const { isComposing, handleCompositionStart, handleCompositionEnd } = 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() {
-			nextTick(() => {
-				const target = currentElement.value;
-				if (!target) return;
-				if (!target.value && target === 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);
-			useArrowNavigation(event, 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);
-		}
-		watch(currentValue, updatePlaceholder);
-		onMounted(() => {
-			context.onInputElementChange(currentElement.value);
-		});
-		onUnmounted(() => {
-			context.inputElements?.value.delete(currentElement.value);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(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: unref(context).isNumericMode.value ? "numeric" : "text",
-				pattern: unref(context).isNumericMode.value ? "[0-9]*" : void 0,
-				placeholder: unref(context).placeholder.value,
-				value: currentValue.value,
-				disabled: disabled.value,
-				"data-disabled": disabled.value ? "" : void 0,
-				"data-complete": 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: [
-					withKeys(handleKeydown, [
-						"left",
-						"right",
-						"up",
-						"down",
-						"home",
-						"end"
-					]),
-					withKeys(handleBackspace, ["backspace"]),
-					withKeys(handleDelete, ["delete"])
-				],
-				onMousedown: handleMousedown,
-				onFocus: handleFocus,
-				onBlur: handleBlur,
-				onPaste: handlePaste,
-				onCompositionstart: unref(handleCompositionStart),
-				onCompositionend: unref(handleCompositionEnd)
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"as",
-				"as-child",
-				"autocomplete",
-				"type",
-				"inputmode",
-				"pattern",
-				"placeholder",
-				"value",
-				"disabled",
-				"data-disabled",
-				"data-complete",
-				"aria-label",
-				"onCompositionstart",
-				"onCompositionend"
-			]);
-		};
-	}
-});
+import { createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
+import clsx$1 from "clsx";
+import { PinInputInput, useForwardProps } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 //#endregion
 //#region src/components/digit-input/digit-input-slot.vue
 var digit_input_slot_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -283,7 +25,7 @@ var digit_input_slot_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 		const delegatedProps = reactiveOmit(props, "class");
 		const forwardedProps = useForwardProps(delegatedProps);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PinInputInput_default), mergeProps(unref(forwardedProps), { class: unref(clsx)("celeste-digit-input-slot", props.class) }), null, 16, ["class"]);
+			return openBlock(), createBlock(unref(PinInputInput), mergeProps(unref(forwardedProps), { class: unref(clsx$1)("celeste-digit-input-slot", props.class) }), null, 16, ["class"]);
 		};
 	}
 }), [["__scopeId", "data-v-aa4bbe75"]]);

package/dist/es/chunks/digit-input.js

@@ -1,10 +1,9 @@
-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 PinInputRoot_default } from "./PinInputRoot.js";
 import { useDirection } from "../use-direction.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { PinInputRoot, useForwardPropsEmits } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 //#endregion
 //#region src/components/digit-input/digit-input.vue
 var digit_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -43,8 +42,8 @@ var digit_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		const dir = useDirection(() => props.dir);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PinInputRoot_default), mergeProps(unref(forwarded), {
-				class: unref(clsx)("celeste-digit-input", props.class),
+			return openBlock(), createBlock(unref(PinInputRoot), mergeProps(unref(forwarded), {
+				class: unref(clsx$1)("celeste-digit-input", props.class),
 				"data-error": __props.hasError,
 				dir: unref(dir)
 			}), {

package/dist/es/chunks/drawer-body.js

@@ -1,40 +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 injectDrawerRootContext } from "./DrawerRoot.js";
 import { createBlock, 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/Drawer/DrawerViewport.js
-var DrawerViewport_default = /* @__PURE__ */ defineComponent({
-	__name: "DrawerViewport",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "div"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const { forwardRef } = useForwardExpose();
-		const rootContext = injectDrawerRootContext();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-				ref: unref(forwardRef),
-				"data-drawer-viewport": "",
-				"data-state": unref(rootContext).open.value ? "open" : "closed"
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["data-state"]);
-		};
-	}
-});
+import clsx$1 from "clsx";
+import { DrawerViewport } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 //#endregion
 //#region src/components/drawer/drawer-body.vue
 var drawer_body_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -54,7 +22,7 @@ var drawer_body_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		const props = __props;
 		const delegated = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DrawerViewport_default), mergeProps({ class: unref(clsx)("celeste-drawer-body", props.class) }, unref(delegated)), {
+			return openBlock(), createBlock(unref(DrawerViewport), mergeProps({ class: unref(clsx$1)("celeste-drawer-body", props.class) }, unref(delegated)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);

package/dist/es/chunks/drawer-close.js

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