@youcan/celeste 0.9.2 → 0.10.0

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

@@ -1,15 +1,15 @@
 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 { o as reactiveOmit } from "./core.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.13_typescript@6.0.3_/node_modules/reka-ui/dist/PinInput/PinInputInput.js
+//#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
 var PinInputInput_default = /* @__PURE__ */ defineComponent({
 	__name: "PinInputInput",
 	props: {
@@ -242,18 +242,25 @@ var PinInputInput_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/digit-input/digit-input-slot.vue
-var digit_input_slot_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var digit_input_slot_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "digit-input-slot",
 	props: {
 		index: {},
 		disabled: { type: Boolean },
 		asChild: { type: Boolean },
 		as: {},
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	setup(__props) {
 		const props = __props;
-		const forwardedProps = useForwardProps(reactiveOmit(props, "class"));
+		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"]);
 		};

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

@@ -1,12 +1,12 @@
 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 { o as reactiveOmit } from "./core.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/digit-input/digit-input.vue
-var digit_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var digit_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "digit-input",
 	props: {
 		modelValue: { default: () => [] },
@@ -22,7 +22,13 @@ var digit_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 		as: {},
 		name: {},
 		required: { type: Boolean },
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		hasError: {
 			type: Boolean,
 			default: false
@@ -32,11 +38,12 @@ var digit_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = useForwardPropsEmits(reactiveOmit(props, "class", "hasError"), emits);
+		const delegatedProps = reactiveOmit(props, "class", "hasError");
+		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(PinInputRoot_default), mergeProps(unref(forwarded), {
 				class: unref(clsx)("celeste-digit-input", props.class),
-				"data-error": _ctx.hasError
+				"data-error": __props.hasError
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3

package/dist/es/chunks/dist.js

@@ -1,5 +1,5 @@
-import { computed, customRef, effectScope, getCurrentInstance, getCurrentScope, isRef, nextTick, onBeforeUnmount, onMounted, onScopeDispose, reactive, ref, shallowReadonly, shallowRef, toRefs, toValue, unref, watch } from "vue";
-//#region ../../node_modules/.pnpm/@vueuse+shared@14.3.0_vue@3.5.13_typescript@6.0.3_/node_modules/@vueuse/shared/dist/index.js
+import { computed, customRef, effectScope, getCurrentInstance, getCurrentScope, hasInjectionContext, inject, isRef, nextTick, onBeforeUnmount, onMounted, onScopeDispose, reactive, shallowReadonly, shallowRef, toRefs, toValue, unref, watch } from "vue";
+//#region ../../node_modules/.pnpm/@vueuse+shared@14.4.0_vue@3.5.41_typescript@6.0.3_/node_modules/@vueuse/shared/dist/index.js
 /**
 * Call onScopeDispose() if it's inside an effect scope lifecycle, if not, do nothing
 *
@@ -63,20 +63,39 @@ function createGlobalState(stateFactory) {
 		return state;
 	});
 }
+var localProvidedStateMap = /* @__PURE__ */ new WeakMap();
+/**
+* On the basis of `inject`, it is allowed to directly call inject to obtain the value after call provide in the same component.
+*
+* @example
+* ```ts
+* injectLocal('MyInjectionKey', 1)
+* const injectedValue = injectLocal('MyInjectionKey') // injectedValue === 1
+* ```
+*
+* @__NO_SIDE_EFFECTS__
+*/
+var injectLocal = (...args) => {
+	var _getCurrentInstance;
+	const key = args[0];
+	const instance = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.proxy;
+	const owner = instance !== null && instance !== void 0 ? instance : getCurrentScope();
+	if (owner == null && !hasInjectionContext()) throw new Error("injectLocal must be called in setup");
+	if (owner && localProvidedStateMap.has(owner) && key in localProvidedStateMap.get(owner)) return localProvidedStateMap.get(owner)[key];
+	return inject(...args);
+};
 var isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 var isDef = (val) => typeof val !== "undefined";
+var notNullish = (val) => val != null;
 var toString = Object.prototype.toString;
 var isObject = (val) => toString.call(val) === "[object Object]";
 var noop = () => {};
-var isIOS = /* @__PURE__ */ getIsIOS();
+var isIOS = /* #__PURE__ */ getIsIOS();
 function getIsIOS() {
 	var _window, _window2, _window3;
 	return isClient && !!((_window = window) === null || _window === void 0 || (_window = _window.navigator) === null || _window === void 0 ? void 0 : _window.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.navigator) === null || _window2 === void 0 ? void 0 : _window2.maxTouchPoints) > 2 && /iPad|Macintosh/.test((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.navigator.userAgent));
 }
-/**
-* @internal
-*/
 function createFilterWrapper(filter, fn) {
 	function wrapper(...args) {
 		return new Promise((resolve, reject) => {
@@ -87,6 +106,11 @@ function createFilterWrapper(filter, fn) {
 			})).then(resolve).catch(reject);
 		});
 	}
+	if ("cancel" in filter) Object.assign(wrapper, {
+		cancel: filter.cancel,
+		flush: filter.flush,
+		isPending: filter.isPending
+	});
 	return wrapper;
 }
 /**
@@ -96,13 +120,15 @@ function debounceFilter(ms, options = {}) {
 	let timer;
 	let maxTimer;
 	let lastRejector = noop;
+	let lastResolve = noop;
+	const _pending = shallowRef(false);
 	const _clearTimeout = (timer) => {
 		clearTimeout(timer);
 		lastRejector();
 		lastRejector = noop;
 	};
 	let lastInvoker;
-	const filter = (invoke) => {
+	const handler = (invoke) => {
 		const duration = toValue(ms);
 		const maxDuration = toValue(options.maxWait);
 		if (timer) _clearTimeout(timer);
@@ -111,24 +137,66 @@ function debounceFilter(ms, options = {}) {
 				_clearTimeout(maxTimer);
 				maxTimer = void 0;
 			}
+			_pending.value = false;
 			return Promise.resolve(invoke());
 		}
+		_pending.value = true;
 		return new Promise((resolve, reject) => {
 			lastRejector = options.rejectOnCancel ? reject : resolve;
+			lastResolve = resolve;
 			lastInvoker = invoke;
 			if (maxDuration && !maxTimer) maxTimer = setTimeout(() => {
 				if (timer) _clearTimeout(timer);
 				maxTimer = void 0;
+				_pending.value = false;
 				resolve(lastInvoker());
 			}, maxDuration);
 			timer = setTimeout(() => {
 				if (maxTimer) _clearTimeout(maxTimer);
 				maxTimer = void 0;
+				_pending.value = false;
 				resolve(invoke());
 			}, duration);
 		});
 	};
-	return filter;
+	return Object.assign(handler, {
+		cancel: () => {
+			if (timer) {
+				_clearTimeout(timer);
+				timer = void 0;
+			}
+			if (maxTimer) {
+				_clearTimeout(maxTimer);
+				maxTimer = void 0;
+			}
+			_pending.value = false;
+			lastResolve = noop;
+		},
+		flush: () => {
+			if (_pending.value) {
+				if (timer) {
+					clearTimeout(timer);
+					timer = void 0;
+				}
+				if (maxTimer) {
+					clearTimeout(maxTimer);
+					maxTimer = void 0;
+				}
+				_pending.value = false;
+				const resolve = lastResolve;
+				lastRejector = noop;
+				lastResolve = noop;
+				resolve(lastInvoker());
+			}
+		},
+		isPending: shallowReadonly(_pending)
+	});
+}
+/**
+* Get a px value for SSR use, do not rely on this method outside of SSR as REM unit is assumed at 16px, which might not be the case on the client
+*/
+function pxValue(px) {
+	return px.endsWith("rem") ? Number.parseFloat(px) * 16 : Number.parseFloat(px);
 }
 function toArray(value) {
 	return Array.isArray(value) ? value : [value];
@@ -256,9 +324,7 @@ function refAutoReset(defaultValue, afterMs = 1e4) {
 * @param  ms          A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.
 * @param  options     Options
 *
-* @return A new, debounce, function.
-*
-* @__NO_SIDE_EFFECTS__
+* @return A new, debounced, function with isPending, cancel, and flush properties.
 */
 function useDebounceFn(fn, ms = 200, options = {}) {
 	return createFilterWrapper(debounceFilter(ms, options), fn);
@@ -273,6 +339,18 @@ function tryOnBeforeUnmount(fn, target) {
 	if (getLifeCycleTarget(target)) onBeforeUnmount(fn, target);
 }
 /**
+* Call onMounted() if it's inside a component lifecycle, if not, just call the function
+*
+* @param fn
+* @param sync if set to false, it will run in the nextTick() of Vue
+* @param target
+*/
+function tryOnMounted(fn, sync = true, target) {
+	if (getLifeCycleTarget(target)) onMounted(fn, target);
+	else if (sync) fn();
+	else nextTick(fn);
+}
+/**
 * Wrapper for `setTimeout` with controls.
 *
 * @param cb
@@ -337,197 +415,4 @@ function watchOnce(source, cb, options) {
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.13_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
-var defaultWindow = isClient ? window : void 0;
-isClient && window.document;
-isClient && window.navigator;
-isClient && window.location;
-/**
-* Get the dom element of a ref of element or Vue component instance
-*
-* @param elRef
-*/
-function unrefElement(elRef) {
-	var _$el;
-	const plain = toValue(elRef);
-	return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
-}
-function useEventListener(...args) {
-	const register = (el, event, listener, options) => {
-		el.addEventListener(event, listener, options);
-		return () => el.removeEventListener(event, listener, options);
-	};
-	const firstParamTargets = computed(() => {
-		const test = toArray(toValue(args[0])).filter((e) => e != null);
-		return test.every((e) => typeof e !== "string") ? test : void 0;
-	});
-	return watchImmediate(() => {
-		var _firstParamTargets$va, _firstParamTargets$va2;
-		return [
-			(_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
-			toArray(toValue(firstParamTargets.value ? args[1] : args[0])),
-			toArray(unref(firstParamTargets.value ? args[2] : args[1])),
-			toValue(firstParamTargets.value ? args[3] : args[2])
-		];
-	}, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {
-		if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
-		const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
-		const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));
-		onCleanup(() => {
-			cleanups.forEach((fn) => fn());
-		});
-	}, { flush: "post" });
-}
-/**
-* Mounted state in ref.
-*
-* @see https://vueuse.org/useMounted
-*
-* @__NO_SIDE_EFFECTS__
-*/
-function useMounted() {
-	const isMounted = shallowRef(false);
-	const instance = getCurrentInstance();
-	if (instance) onMounted(() => {
-		isMounted.value = true;
-	}, instance);
-	return isMounted;
-}
-/* @__NO_SIDE_EFFECTS__ */
-function useSupported(callback) {
-	const isMounted = useMounted();
-	return computed(() => {
-		isMounted.value;
-		return Boolean(callback());
-	});
-}
-function createKeyPredicate(keyFilter) {
-	if (typeof keyFilter === "function") return keyFilter;
-	else if (typeof keyFilter === "string") return (event) => event.key === keyFilter;
-	else if (Array.isArray(keyFilter)) return (event) => keyFilter.includes(event.key);
-	return () => true;
-}
-function onKeyStroke(...args) {
-	let key;
-	let handler;
-	let options = {};
-	if (args.length === 3) {
-		key = args[0];
-		handler = args[1];
-		options = args[2];
-	} else if (args.length === 2) if (typeof args[1] === "object") {
-		key = true;
-		handler = args[0];
-		options = args[1];
-	} else {
-		key = args[0];
-		handler = args[1];
-	}
-	else {
-		key = true;
-		handler = args[0];
-	}
-	const { target = defaultWindow, eventName = "keydown", passive = false, dedupe = false } = options;
-	const predicate = createKeyPredicate(key);
-	const listener = (e) => {
-		if (e.repeat && toValue(dedupe)) return;
-		if (predicate(e)) handler(e);
-	};
-	return useEventListener(target, eventName, listener, passive);
-}
-function cloneFnJSON(source) {
-	return JSON.parse(JSON.stringify(source));
-}
-/**
-* Reports changes to the dimensions of an Element's content or the border-box
-*
-* @see https://vueuse.org/useResizeObserver
-* @param target
-* @param callback
-* @param options
-*/
-function useResizeObserver(target, callback, options = {}) {
-	const { window = defaultWindow, ...observerOptions } = options;
-	let observer;
-	const isSupported = /* @__PURE__ */ useSupported(() => window && "ResizeObserver" in window);
-	const cleanup = () => {
-		if (observer) {
-			observer.disconnect();
-			observer = void 0;
-		}
-	};
-	const stopWatch = watch(computed(() => {
-		const _targets = toValue(target);
-		return Array.isArray(_targets) ? _targets.map((el) => unrefElement(el)) : [unrefElement(_targets)];
-	}), (els) => {
-		cleanup();
-		if (isSupported.value && window) {
-			observer = new ResizeObserver(callback);
-			for (const _el of els) if (_el) observer.observe(_el, observerOptions);
-		}
-	}, {
-		immediate: true,
-		flush: "post"
-	});
-	const stop = () => {
-		cleanup();
-		stopWatch();
-	};
-	tryOnScopeDispose(stop);
-	return {
-		isSupported,
-		stop
-	};
-}
-Number.POSITIVE_INFINITY;
-/**
-* Shorthand for v-model binding, props + emit -> ref
-*
-* @see https://vueuse.org/useVModel
-* @param props
-* @param key (default 'modelValue')
-* @param emit
-* @param options
-*
-* @__NO_SIDE_EFFECTS__
-*/
-function useVModel(props, key, emit, options = {}) {
-	var _vm$$emit, _vm$proxy;
-	const { clone = false, passive = false, eventName, deep = false, defaultValue, shouldEmit } = options;
-	const vm = getCurrentInstance();
-	const _emit = emit || (vm === null || vm === void 0 ? void 0 : vm.emit) || (vm === null || vm === void 0 || (_vm$$emit = vm.$emit) === null || _vm$$emit === void 0 ? void 0 : _vm$$emit.bind(vm)) || (vm === null || vm === void 0 || (_vm$proxy = vm.proxy) === null || _vm$proxy === void 0 || (_vm$proxy = _vm$proxy.$emit) === null || _vm$proxy === void 0 ? void 0 : _vm$proxy.bind(vm === null || vm === void 0 ? void 0 : vm.proxy));
-	let event = eventName;
-	if (!key) key = "modelValue";
-	event = event || `update:${key.toString()}`;
-	const cloneFn = (val) => !clone ? val : typeof clone === "function" ? clone(val) : cloneFnJSON(val);
-	const getValue = () => isDef(props[key]) ? cloneFn(props[key]) : defaultValue;
-	const triggerEmit = (value) => {
-		if (shouldEmit) {
-			if (shouldEmit(value)) _emit(event, value);
-		} else _emit(event, value);
-	};
-	if (passive) {
-		const proxy = ref(getValue());
-		let isUpdating = false;
-		watch(() => props[key], (v) => {
-			if (!isUpdating) {
-				isUpdating = true;
-				proxy.value = cloneFn(v);
-				nextTick(() => isUpdating = false);
-			}
-		});
-		watch(proxy, (v) => {
-			if (!isUpdating && (v !== props[key] || deep)) triggerEmit(v);
-		}, { deep });
-		return proxy;
-	} else return computed({
-		get() {
-			return getValue();
-		},
-		set(value) {
-			triggerEmit(value);
-		}
-	});
-}
-//#endregion
-export { tryOnScopeDispose as _, useMounted as a, watchOnce as b, createEventHook as c, isClient as d, isIOS as f, tryOnBeforeUnmount as g, refAutoReset as h, useEventListener as i, createGlobalState as l, reactiveOmit as m, onKeyStroke as n, useResizeObserver as o, reactiveComputed as p, unrefElement as r, useVModel as s, defaultWindow as t, createSharedComposable as u, useDebounceFn as v, useTimeoutFn as y };
+export { tryOnScopeDispose as _, isClient as a, watchImmediate as b, isObject as c, reactiveComputed as d, reactiveOmit as f, tryOnMounted as g, tryOnBeforeUnmount as h, injectLocal as i, notNullish as l, toArray as m, createGlobalState as n, isDef as o, refAutoReset as p, createSharedComposable as r, isIOS as s, createEventHook as t, pxValue as u, useDebounceFn as v, watchOnce as x, useTimeoutFn as y };