@youcan/celeste 0.15.0 → 0.16.0

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

@@ -357,43 +357,86 @@ function $eb76cf4feb040f77$var$escapeRegex(string) {
 	return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/utils.js
+var HOLD_DELAY = 400;
+var REPEAT_INTERVAL = 60;
+var TOUCH_MOVE_TOLERANCE = 10;
 function usePressedHold(options) {
 	const { disabled } = options;
 	const timeout = (0, vue.ref)();
 	const triggerHook = require_dist.createEventHook();
-	const resetTimeout = () => window.clearTimeout(timeout.value);
-	const onIncrementPressStart = (delay) => {
+	const isPressed = (0, vue.ref)(false);
+	const target = (0, vue.computed)(() => require_dist$1.unrefElement(options.target));
+	let activePointerId;
+	let activePointerType = "";
+	let startX = 0;
+	let startY = 0;
+	let holdTriggered = false;
+	const resetTimeout = () => {
+		if (timeout.value === void 0) return;
+		window.clearTimeout(timeout.value);
+		timeout.value = void 0;
+	};
+	const resetPress = () => {
 		resetTimeout();
-		if (disabled.value) return;
-		triggerHook.trigger();
-		timeout.value = window.setTimeout(() => {
-			onIncrementPressStart(60);
-		}, delay);
+		activePointerId = void 0;
+		activePointerType = "";
+		holdTriggered = false;
+		isPressed.value = false;
 	};
-	const handlePressStart = () => {
-		onIncrementPressStart(400);
+	const trigger = () => {
+		if (disabled.value) {
+			resetPress();
+			return false;
+		}
+		triggerHook.trigger();
+		return true;
 	};
-	const handlePressEnd = () => {
+	const scheduleRepeat = (delay) => {
 		resetTimeout();
+		timeout.value = window.setTimeout(() => {
+			holdTriggered = true;
+			if (trigger()) scheduleRepeat(REPEAT_INTERVAL);
+		}, delay);
 	};
-	const isPressed = (0, vue.ref)(false);
-	const target = (0, vue.computed)(() => require_dist$1.unrefElement(options.target));
 	const onPressStart = (event) => {
-		if (event.button !== 0 || isPressed.value) return;
+		if (event.button !== 0 || isPressed.value || disabled.value) return;
 		event.preventDefault();
+		activePointerId = event.pointerId;
+		activePointerType = event.pointerType;
+		startX = event.clientX;
+		startY = event.clientY;
+		holdTriggered = false;
 		isPressed.value = true;
-		handlePressStart();
+		if (event.pointerType === "mouse") {
+			holdTriggered = true;
+			if (trigger()) scheduleRepeat(HOLD_DELAY);
+			return;
+		}
+		scheduleRepeat(HOLD_DELAY);
 	};
-	const onPressRelease = () => {
-		isPressed.value = false;
-		handlePressEnd();
+	const onPressMove = (event) => {
+		if (event.pointerId !== activePointerId || activePointerType === "mouse") return;
+		const distanceX = event.clientX - startX;
+		const distanceY = event.clientY - startY;
+		if (distanceX * distanceX + distanceY * distanceY > TOUCH_MOVE_TOLERANCE ** 2) resetPress();
+	};
+	const onPressRelease = (event) => {
+		if (event.pointerId !== activePointerId) return;
+		const shouldTriggerTap = activePointerType !== "mouse" && !holdTriggered;
+		resetPress();
+		if (shouldTriggerTap) trigger();
+	};
+	const onPressCancel = (event) => {
+		if (event.pointerId === activePointerId) resetPress();
 	};
 	if (require_dist.isClient) {
 		require_dist$1.useEventListener(target || window, "pointerdown", onPressStart);
+		require_dist$1.useEventListener(window, "pointermove", onPressMove);
 		require_dist$1.useEventListener(window, "pointerup", onPressRelease);
-		require_dist$1.useEventListener(window, "pointercancel", onPressRelease);
+		require_dist$1.useEventListener(window, "pointercancel", onPressCancel);
 	}
+	(0, vue.onScopeDispose)(resetPress);
 	return {
 		isPressed,
 		onTrigger: triggerHook.on
@@ -421,7 +464,7 @@ function handleDecimalOperation(operator, value1, value2) {
 	return result;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldRoot.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldRoot.js
 var [injectNumberFieldRootContext, provideNumberFieldRootContext] = /*#__PURE__*/ require_createContext.createContext("NumberFieldRoot");
 var NumberFieldRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	inheritAttrs: false,
@@ -648,7 +691,7 @@ var NumberFieldRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldDecrement.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldDecrement.js
 var NumberFieldDecrement_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "NumberFieldDecrement",
 	props: {
@@ -704,7 +747,7 @@ var NumberFieldDecrement_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldIncrement.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldIncrement.js
 var NumberFieldIncrement_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "NumberFieldIncrement",
 	props: {
@@ -760,7 +803,7 @@ var NumberFieldIncrement_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldInput.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldInput.js
 var NumberFieldInput_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "NumberFieldInput",
 	props: {
@@ -858,6 +901,7 @@ var NumberFieldInput_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				onWheel: handleWheelEvent,
 				onBeforeinput: _cache[0] || (_cache[0] = (event) => {
 					if (event.isComposing) return;
+					if (event.inputType.startsWith("delete") || event.inputType.startsWith("history")) return;
 					const target = event.target;
 					let nextValue = target.value.slice(0, target.selectionStart ?? void 0) + (event.data ?? "") + target.value.slice(target.selectionEnd ?? void 0);
 					if (!(0, vue.unref)(rootContext).validate(nextValue)) event.preventDefault();

package/dist/cjs/chunks/createContext.cjs

@@ -1,5 +1,5 @@
 let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/createContext.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/createContext.js
 /**
 * @param providerComponentName - The name(s) of the component(s) providing the context.
 *

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

@@ -9,7 +9,7 @@ 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.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__ */ (0, vue.defineComponent)({
 	__name: "PinInputInput",
 	props: {
@@ -96,8 +96,10 @@ var PinInputInput_default = /* @__PURE__ */ (0, vue.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);
 			require_useArrowNavigation.useArrowNavigation(event, require_getActiveElement.getActiveElement(), void 0, {
-				itemsArray: inputElements.value,
+				itemsArray,
 				focus: true,
 				loop: false,
 				arrowKeyOptions: "horizontal",
@@ -121,11 +123,29 @@ var PinInputInput_default = /* @__PURE__ */ (0, vue.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__ */ (0, vue.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__ */ (0, vue.defineComponent)({
 					(0, vue.withKeys)(handleBackspace, ["backspace"]),
 					(0, vue.withKeys)(handleDelete, ["delete"])
 				],
+				onMousedown: handleMousedown,
 				onFocus: handleFocus,
 				onBlur: handleBlur,
 				onPaste: handlePaste,

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

@@ -0,0 +1,73 @@
+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_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
+//#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",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const delegated = require_dist.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)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/drawer/drawer-body.vue
+var drawer_body_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(drawer_body_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8f9ed572"]]);
+//#endregion
+Object.defineProperty(exports, "drawer_body_default", {
+	enumerable: true,
+	get: function() {
+		return drawer_body_default;
+	}
+});

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

@@ -0,0 +1,27 @@
+const require_DrawerClose = require("./DrawerClose.cjs");
+let vue = require("vue");
+//#endregion
+//#region src/components/drawer/drawer-close.vue
+var drawer_close_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "drawer-close",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	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)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "drawer_close_default", {
+	enumerable: true,
+	get: function() {
+		return drawer_close_default;
+	}
+});