@youcan/celeste 0.21.2 → 0.22.0

package/dist/cjs/chunks/FocusScope.cjs

@@ -1,377 +0,0 @@
-const require_getActiveElement = require("./getActiveElement.cjs");
-const require_dist = require("./dist.cjs");
-const require_dist$1 = require("./dist2.cjs");
-const require_Primitive = require("./Primitive.cjs");
-const require_ConfigProvider = require("./ConfigProvider.cjs");
-const require_DismissableLayer = require("./DismissableLayer.cjs");
-const require_defu = require("./defu.cjs");
-const require_useForwardExpose = require("./useForwardExpose.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/shared/useBodyScrollLock.js
-var useBodyLockStackCount = require_dist.createSharedComposable(() => {
-	const map = (0, vue.ref)(/* @__PURE__ */ new Map());
-	const initialOverflow = (0, vue.ref)();
-	const locked = (0, vue.computed)(() => {
-		for (const value of map.value.values()) if (value) return true;
-		return false;
-	});
-	const context$1 = require_ConfigProvider.injectConfigProviderContext({ scrollBody: (0, vue.ref)(true) });
-	let stopTouchMoveListener = null;
-	const resetBodyStyle = () => {
-		document.body.style.paddingRight = "";
-		document.body.style.marginRight = "";
-		if (require_DismissableLayer.context.layersWithOutsidePointerEventsDisabled.size === 0) document.body.style.pointerEvents = "";
-		document.documentElement.style.removeProperty("--scrollbar-width");
-		document.body.style.overflow = initialOverflow.value ?? "";
-		require_dist.isIOS && stopTouchMoveListener?.();
-		initialOverflow.value = void 0;
-	};
-	(0, vue.watch)(locked, (val, oldVal) => {
-		if (!require_dist.isClient) return;
-		if (!val) {
-			if (oldVal) resetBodyStyle();
-			return;
-		}
-		if (initialOverflow.value === void 0) initialOverflow.value = document.body.style.overflow;
-		const verticalScrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
-		const defaultConfig = {
-			padding: verticalScrollbarWidth,
-			margin: 0
-		};
-		const config = context$1.scrollBody?.value ? typeof context$1.scrollBody.value === "object" ? require_defu.defu({
-			padding: context$1.scrollBody.value.padding === true ? verticalScrollbarWidth : context$1.scrollBody.value.padding,
-			margin: context$1.scrollBody.value.margin === true ? verticalScrollbarWidth : context$1.scrollBody.value.margin
-		}, defaultConfig) : defaultConfig : {
-			padding: 0,
-			margin: 0
-		};
-		if (verticalScrollbarWidth > 0) {
-			document.body.style.paddingRight = typeof config.padding === "number" ? `${config.padding}px` : String(config.padding);
-			document.body.style.marginRight = typeof config.margin === "number" ? `${config.margin}px` : String(config.margin);
-			document.documentElement.style.setProperty("--scrollbar-width", `${verticalScrollbarWidth}px`);
-			document.body.style.overflow = "hidden";
-		}
-		if (require_dist.isIOS) stopTouchMoveListener = require_dist$1.useEventListener(document, "touchmove", (e) => preventDefault(e), { passive: false });
-		(0, vue.nextTick)(() => {
-			if (!locked.value) return;
-			document.body.style.pointerEvents = "none";
-			document.body.style.overflow = "hidden";
-		});
-	}, {
-		immediate: true,
-		flush: "sync"
-	});
-	return map;
-});
-function useBodyScrollLock(initialState) {
-	const id = Math.random().toString(36).substring(2, 7);
-	const map = useBodyLockStackCount();
-	map.value.set(id, initialState ?? false);
-	const locked = (0, vue.computed)({
-		get: () => map.value.get(id) ?? false,
-		set: (value) => map.value.set(id, value)
-	});
-	require_dist.tryOnBeforeUnmount(() => {
-		map.value.delete(id);
-	});
-	return locked;
-}
-function checkOverflowScroll(ele) {
-	const style = window.getComputedStyle(ele);
-	if (style.overflowX === "scroll" || style.overflowY === "scroll" || style.overflowX === "auto" && ele.clientWidth < ele.scrollWidth || style.overflowY === "auto" && ele.clientHeight < ele.scrollHeight) return true;
-	else {
-		const parent = ele.parentNode;
-		if (!(parent instanceof Element) || parent.tagName === "BODY") return false;
-		return checkOverflowScroll(parent);
-	}
-}
-function preventDefault(rawEvent) {
-	const e = rawEvent || window.event;
-	const _target = e.target;
-	if (_target instanceof Element && checkOverflowScroll(_target)) return false;
-	if (e.touches.length > 1) return true;
-	if (e.preventDefault && e.cancelable) e.preventDefault();
-	return false;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/FocusScope/stack.js
-var useFocusStackState = require_dist.createGlobalState(() => {
-	return (0, vue.ref)([]);
-});
-function createFocusScopesStack() {
-	/** A stack of focus scopes, with the active one at the top */
-	const stack = useFocusStackState();
-	return {
-		add(focusScope) {
-			const activeFocusScope = stack.value[0];
-			if (focusScope !== activeFocusScope) activeFocusScope?.pause();
-			stack.value = arrayRemove(stack.value, focusScope);
-			stack.value.unshift(focusScope);
-		},
-		remove(focusScope) {
-			stack.value = arrayRemove(stack.value, focusScope);
-			stack.value[0]?.resume();
-		}
-	};
-}
-function arrayRemove(array, item) {
-	const updatedArray = [...array];
-	const index = updatedArray.indexOf(item);
-	if (index !== -1) updatedArray.splice(index, 1);
-	return updatedArray;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/FocusScope/utils.js
-var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
-var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
-var EVENT_OPTIONS = {
-	bubbles: false,
-	cancelable: true
-};
-/**
-* Attempts focusing the first element in a list of candidates.
-* Stops when focus has actually moved.
-*/
-function focusFirst(candidates, { select = false } = {}) {
-	const previouslyFocusedElement = require_getActiveElement.getActiveElement();
-	for (const candidate of candidates) {
-		focus(candidate, { select });
-		if (require_getActiveElement.getActiveElement() !== previouslyFocusedElement) return true;
-	}
-}
-/**
-* Returns the first and last tabbable elements inside a container.
-*/
-function getTabbableEdges(container) {
-	const candidates = getTabbableCandidates(container);
-	return [findVisible(candidates, container), findVisible(candidates.reverse(), container)];
-}
-/**
-* Returns a list of potential tabbable candidates.
-*
-* NOTE: This is only a close approximation. For example it doesn't take into account cases like when
-* elements are not visible. This cannot be worked out easily by just reading a property, but rather
-* necessitate runtime knowledge (computed styles, etc). We deal with these cases separately.
-*
-* See: https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
-* Credit: https://github.com/discord/focus-layers/blob/master/src/util/wrapFocus.tsx#L1
-*/
-function getTabbableCandidates(container) {
-	const nodes = [];
-	const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, { acceptNode: (node) => {
-		const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
-		if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
-		return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-	} });
-	while (walker.nextNode()) nodes.push(walker.currentNode);
-	return nodes;
-}
-/**
-* Returns the first visible element in a list.
-* NOTE: Only checks visibility up to the `container`.
-*/
-function findVisible(elements, container) {
-	for (const element of elements) if (!isHidden(element, { upTo: container })) return element;
-}
-function isHidden(node, { upTo }) {
-	if (getComputedStyle(node).visibility === "hidden") return true;
-	while (node) {
-		if (upTo !== void 0 && node === upTo) return false;
-		if (getComputedStyle(node).display === "none") return true;
-		node = node.parentElement;
-	}
-	return false;
-}
-function isSelectableInput(element) {
-	return element instanceof HTMLInputElement && "select" in element;
-}
-function focus(element, { select = false } = {}) {
-	if (element && element.focus) {
-		const previouslyFocusedElement = require_getActiveElement.getActiveElement();
-		element.focus({ preventScroll: true });
-		if (element !== previouslyFocusedElement && isSelectableInput(element) && select) element.select();
-	}
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/FocusScope/FocusScope.js
-var FocusScope_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "FocusScope",
-	props: {
-		loop: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		trapped: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		present: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	emits: ["mountAutoFocus", "unmountAutoFocus"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const { currentRef, currentElement } = require_useForwardExpose.useForwardExpose();
-		const lastFocusedElementRef = (0, vue.ref)(null);
-		const focusScopesStack = createFocusScopesStack();
-		const focusScope = /*#__PURE__*/ (0, vue.reactive)({
-			paused: false,
-			pause() {
-				this.paused = true;
-			},
-			resume() {
-				this.paused = false;
-			}
-		});
-		(0, vue.watchEffect)((cleanupFn) => {
-			if (!require_dist.isClient) return;
-			const container = currentElement.value;
-			if (!props.trapped) return;
-			function handleFocusIn(event) {
-				if (focusScope.paused || !container) return;
-				const target = event.target;
-				if (container.contains(target)) lastFocusedElementRef.value = target;
-				else focus(lastFocusedElementRef.value, { select: true });
-			}
-			function handleFocusOut(event) {
-				if (focusScope.paused || !container) return;
-				const relatedTarget = event.relatedTarget;
-				if (relatedTarget === null) return;
-				if (!container.contains(relatedTarget)) focus(lastFocusedElementRef.value, { select: true });
-			}
-			function handleMutations(mutations) {
-				const lastFocusedElement = lastFocusedElementRef.value;
-				if (lastFocusedElement === null) return;
-				if (!mutations.some((m) => m.removedNodes.length > 0)) return;
-				const activeElement = require_getActiveElement.getActiveElement();
-				if (activeElement && container.contains(activeElement)) return;
-				if (!container.contains(lastFocusedElement)) focus(container);
-			}
-			document.addEventListener("focusin", handleFocusIn);
-			document.addEventListener("focusout", handleFocusOut);
-			const mutationObserver = new MutationObserver(handleMutations);
-			if (container) mutationObserver.observe(container, {
-				childList: true,
-				subtree: true
-			});
-			cleanupFn(() => {
-				document.removeEventListener("focusin", handleFocusIn);
-				document.removeEventListener("focusout", handleFocusOut);
-				mutationObserver.disconnect();
-			});
-		});
-		function dispatchMountAutoFocus(container, previouslyFocusedElement) {
-			const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
-			const handleMountAutoFocus = (ev) => emits("mountAutoFocus", ev);
-			container.addEventListener(AUTOFOCUS_ON_MOUNT, handleMountAutoFocus);
-			container.dispatchEvent(mountEvent);
-			container.removeEventListener(AUTOFOCUS_ON_MOUNT, handleMountAutoFocus);
-			if (!mountEvent.defaultPrevented) {
-				focusFirst(getTabbableCandidates(container), { select: true });
-				if (require_getActiveElement.getActiveElement() === previouslyFocusedElement) focus(container);
-			}
-		}
-		(0, vue.watchEffect)(async (cleanupFn) => {
-			const container = currentElement.value;
-			await (0, vue.nextTick)();
-			if (!container) return;
-			if (props.present !== false) focusScopesStack.add(focusScope);
-			const previouslyFocusedElement = require_getActiveElement.getActiveElement();
-			if (!container.contains(previouslyFocusedElement) && props.present !== false) dispatchMountAutoFocus(container, previouslyFocusedElement);
-			cleanupFn(() => {
-				const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);
-				const unmountEventHandler = (ev) => {
-					emits("unmountAutoFocus", ev);
-				};
-				container.addEventListener(AUTOFOCUS_ON_UNMOUNT, unmountEventHandler);
-				container.dispatchEvent(unmountEvent);
-				container.setAttribute("data-focus-scope-unmounting", "");
-				setTimeout(() => {
-					if (!unmountEvent.defaultPrevented) focus(previouslyFocusedElement ?? document.body, { select: true });
-					container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, unmountEventHandler);
-					focusScopesStack.remove(focusScope);
-					container.removeAttribute("data-focus-scope-unmounting");
-				}, 0);
-			});
-		});
-		(0, vue.watch)(() => props.present, async (present, prevPresent) => {
-			if (!require_dist.isClient) return;
-			if (present === false && prevPresent === true) {
-				focusScopesStack.remove(focusScope);
-				return;
-			}
-			if (present !== true || prevPresent !== false) return;
-			focusScopesStack.add(focusScope);
-			await (0, vue.nextTick)();
-			const container = currentElement.value;
-			if (!container) return;
-			const previouslyFocusedElement = require_getActiveElement.getActiveElement();
-			if (!container.contains(previouslyFocusedElement)) dispatchMountAutoFocus(container, previouslyFocusedElement);
-		});
-		function handleKeyDown(event) {
-			if (!props.loop && !props.trapped) return;
-			if (focusScope.paused) return;
-			const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
-			const focusedElement = require_getActiveElement.getActiveElement();
-			if (isTabKey && focusedElement) {
-				const container = event.currentTarget;
-				const [first, last] = getTabbableEdges(container);
-				if (!(first && last)) {
-					if (focusedElement === container) event.preventDefault();
-				} else if (!event.shiftKey && focusedElement === last) {
-					event.preventDefault();
-					if (props.loop) focus(first, { select: true });
-				} else if (event.shiftKey && focusedElement === first) {
-					event.preventDefault();
-					if (props.loop) focus(last, { select: true });
-				}
-			}
-		}
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
-				ref_key: "currentRef",
-				ref: currentRef,
-				tabindex: "-1",
-				"as-child": _ctx.asChild,
-				as: _ctx.as,
-				onKeydown: handleKeyDown
-			}, {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, ["as-child", "as"]);
-		};
-	}
-});
-//#endregion
-Object.defineProperty(exports, "FocusScope_default", {
-	enumerable: true,
-	get: function() {
-		return FocusScope_default;
-	}
-});
-Object.defineProperty(exports, "focus", {
-	enumerable: true,
-	get: function() {
-		return focus;
-	}
-});
-Object.defineProperty(exports, "useBodyScrollLock", {
-	enumerable: true,
-	get: function() {
-		return useBodyScrollLock;
-	}
-});

package/dist/cjs/chunks/Label.cjs

@@ -1,41 +0,0 @@
-const require_Primitive = require("./Primitive.cjs");
-const require_useForwardExpose = require("./useForwardExpose.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/Label/Label.js
-var Label_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "Label",
-	props: {
-		for: {
-			type: String,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "label"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		require_useForwardExpose.useForwardExpose();
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, { onMousedown: _cache[0] || (_cache[0] = (event) => {
-				if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
-			}) }), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-Object.defineProperty(exports, "Label_default", {
-	enumerable: true,
-	get: function() {
-		return Label_default;
-	}
-});

package/dist/cjs/chunks/MenuAnchor.cjs

@@ -1,36 +0,0 @@
-const require_PopperAnchor = require("./PopperAnchor.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/Menu/MenuAnchor.js
-var MenuAnchor_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "MenuAnchor",
-	props: {
-		reference: {
-			type: null,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_PopperAnchor.PopperAnchor_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-Object.defineProperty(exports, "MenuAnchor_default", {
-	enumerable: true,
-	get: function() {
-		return MenuAnchor_default;
-	}
-});