@youcan/celeste 0.15.0 → 0.17.0

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

@@ -9,7 +9,7 @@ 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.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/PinInput/PinInputInput.js
+//#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: {
@@ -96,8 +96,10 @@ var PinInputInput_default = /* @__PURE__ */ defineComponent({
 		}
 		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: inputElements.value,
+				itemsArray,
 				focus: true,
 				loop: false,
 				arrowKeyOptions: "horizontal",
@@ -121,11 +123,29 @@ var PinInputInput_default = /* @__PURE__ */ defineComponent({
 				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 (context.otp.value) {
-				const firstEmptyInputIdx = inputElements.value.findIndex((_, idx) => context.currentModelValue.value[idx] === "" || context.currentModelValue.value[idx] === void 0);
-				if (firstEmptyInputIdx !== -1 && firstEmptyInputIdx < props.index) {
-					inputElements.value[firstEmptyInputIdx].focus();
+			if (!inputElements.value.includes(event.relatedTarget)) {
+				const earlierEmptyInput = getEarlierEmptyInput();
+				if (earlierEmptyInput) {
+					earlierEmptyInput.focus();
 					return;
 				}
 			}
@@ -171,7 +191,7 @@ var PinInputInput_default = /* @__PURE__ */ defineComponent({
 			const tempModelValue = [...context.currentModelValue.value];
 			if (context.isNumericMode.value) {
 				const num = +value;
-				if (value === "" || isNaN(num)) delete tempModelValue[index];
+				if (value === "" || isNaN(num)) tempModelValue[index] = void 0;
 				else tempModelValue[index] = num;
 			} else tempModelValue[index] = value;
 			context.modelValue.value = removeTrailingEmptyStrings(tempModelValue);
@@ -213,6 +233,7 @@ var PinInputInput_default = /* @__PURE__ */ defineComponent({
 					withKeys(handleBackspace, ["backspace"]),
 					withKeys(handleDelete, ["delete"])
 				],
+				onMousedown: handleMousedown,
 				onFocus: handleFocus,
 				onBlur: handleBlur,
 				onPaste: handlePaste,

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

@@ -0,0 +1,65 @@
+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"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-body.vue
+var drawer_body_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "drawer-body",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		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)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+}), [["__scopeId", "data-v-8f9ed572"]]);
+//#endregion
+export { drawer_body_default as t };

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

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