@youcan/celeste 0.6.101 → 0.7.0

package/dist/es/chunks/Collection.js

@@ -0,0 +1,73 @@
+import { n as Slot } from "./Primitive.js";
+import { t as usePrimitiveElement } from "./usePrimitiveElement.js";
+import { computed, defineComponent, h, inject, markRaw, provide, ref, watch, watchEffect } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Collection/Collection.js
+var ITEM_DATA_ATTR = "data-reka-collection-item";
+function useCollection(options = {}) {
+	const { key = "", isProvider = false } = options;
+	const injectionKey = `${key}CollectionProvider`;
+	let context;
+	if (isProvider) {
+		const itemMap = ref(/* @__PURE__ */ new Map());
+		context = {
+			collectionRef: ref(),
+			itemMap
+		};
+		provide(injectionKey, context);
+	} else context = inject(injectionKey);
+	const getItems = (includeDisabledItem = false) => {
+		const collectionNode = context.collectionRef.value;
+		if (!collectionNode) return [];
+		const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
+		const orderMap = new Map(orderedNodes.map((node, index) => [node, index]));
+		const orderedItems = Array.from(context.itemMap.value.values()).sort((a, b) => (orderMap.get(a.ref) ?? -1) - (orderMap.get(b.ref) ?? -1));
+		if (includeDisabledItem) return orderedItems;
+		else return orderedItems.filter((i) => i.ref.dataset.disabled !== "");
+	};
+	const CollectionSlot = /* @__PURE__ */ defineComponent({
+		name: "CollectionSlot",
+		inheritAttrs: false,
+		setup(_, { slots, attrs }) {
+			const { primitiveElement, currentElement } = usePrimitiveElement();
+			watch(currentElement, () => {
+				context.collectionRef.value = currentElement.value;
+			});
+			return () => h(Slot, {
+				ref: primitiveElement,
+				...attrs
+			}, slots);
+		}
+	});
+	const CollectionItem = /* @__PURE__ */ defineComponent({
+		name: "CollectionItem",
+		inheritAttrs: false,
+		props: { value: { validator: () => true } },
+		setup(props, { slots, attrs }) {
+			const { primitiveElement, currentElement } = usePrimitiveElement();
+			watchEffect((cleanupFn) => {
+				if (currentElement.value) {
+					const key$1 = markRaw(currentElement.value);
+					context.itemMap.value.set(key$1, {
+						ref: currentElement.value,
+						value: props.value
+					});
+					cleanupFn(() => context.itemMap.value.delete(key$1));
+				}
+			});
+			return () => h(Slot, {
+				...attrs,
+				[ITEM_DATA_ATTR]: "",
+				ref: primitiveElement
+			}, slots);
+		}
+	});
+	return {
+		getItems,
+		reactiveItems: computed(() => Array.from(context.itemMap.value.values())),
+		itemMapSize: computed(() => context.itemMap.value.size),
+		CollectionSlot,
+		CollectionItem
+	};
+}
+//#endregion
+export { useCollection as t };

package/dist/es/chunks/ComboboxContent.js

@@ -0,0 +1,436 @@
+import { n as PopperContent_default } from "./PopperContent.js";
+import { n as injectComboboxRootContext, r as injectListboxRootContext } from "./ComboboxRoot.js";
+import { t as createContext } from "./createContext.js";
+import { t as getActiveElement } from "./getActiveElement.js";
+import { h as refAutoReset } from "./dist.js";
+import { t as Primitive } from "./Primitive.js";
+import { t as DismissableLayer_default } from "./DismissableLayer.js";
+import { n as useBodyScrollLock, t as FocusScope_default } from "./FocusScope.js";
+import { t as useFocusGuards } from "./useFocusGuards.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { t as useForwardProps } from "./useForwardProps.js";
+import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
+import { t as useHideOthers } from "./useHideOthers.js";
+import { t as useId } from "./useId.js";
+import { t as Presence_default } from "./Presence.js";
+import { t as useCollection } from "./Collection.js";
+import { computed, createBlock, createVNode, defineComponent, mergeProps, onMounted, onUnmounted, openBlock, ref, renderSlot, resolveDynamicComponent, toRefs, unref, withCtx, withKeys, withModifiers } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/ListboxContent.js
+var ListboxContent_default = /* @__PURE__ */ defineComponent({
+	__name: "ListboxContent",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const { CollectionSlot } = useCollection();
+		const rootContext = injectListboxRootContext();
+		const isClickFocus = refAutoReset(false, 10);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CollectionSlot), null, {
+				default: withCtx(() => [createVNode(unref(Primitive), {
+					role: "listbox",
+					as: _ctx.as,
+					"as-child": _ctx.asChild,
+					tabindex: unref(rootContext).focusable.value ? unref(rootContext).highlightedElement.value ? "-1" : "0" : "-1",
+					"aria-orientation": unref(rootContext).orientation.value,
+					"aria-multiselectable": !!unref(rootContext).multiple.value,
+					"data-orientation": unref(rootContext).orientation.value,
+					onMousedown: _cache[0] || (_cache[0] = withModifiers(($event) => isClickFocus.value = true, ["left"])),
+					onFocus: _cache[1] || (_cache[1] = (ev) => {
+						if (unref(isClickFocus)) return;
+						unref(rootContext).onEnter(ev);
+					}),
+					onKeydown: [
+						_cache[2] || (_cache[2] = withKeys((event) => {
+							if (unref(rootContext).orientation.value === "vertical" && (event.key === "ArrowLeft" || event.key === "ArrowRight") || unref(rootContext).orientation.value === "horizontal" && (event.key === "ArrowUp" || event.key === "ArrowDown")) return;
+							event.preventDefault();
+							unref(rootContext).focusable.value && unref(rootContext).onKeydownNavigation(event);
+						}, [
+							"down",
+							"up",
+							"left",
+							"right",
+							"home",
+							"end"
+						])),
+						withKeys(unref(rootContext).onKeydownEnter, ["enter"]),
+						unref(rootContext).onKeydownTypeAhead
+					]
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, [
+					"as",
+					"as-child",
+					"tabindex",
+					"aria-orientation",
+					"aria-multiselectable",
+					"data-orientation",
+					"onKeydown"
+				])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxContentImpl.js
+var [injectComboboxContentContext, provideComboboxContentContext] = /* @__PURE__ */ createContext("ComboboxContent");
+var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
+	__name: "ComboboxContentImpl",
+	props: {
+		position: {
+			type: String,
+			required: false,
+			default: "inline"
+		},
+		bodyLock: {
+			type: Boolean,
+			required: false
+		},
+		hideWhenEmpty: {
+			type: Boolean,
+			required: false
+		},
+		memoDependencies: {
+			type: Array,
+			required: false
+		},
+		side: {
+			type: null,
+			required: false
+		},
+		sideOffset: {
+			type: Number,
+			required: false
+		},
+		sideFlip: {
+			type: Boolean,
+			required: false
+		},
+		align: {
+			type: null,
+			required: false
+		},
+		alignOffset: {
+			type: Number,
+			required: false
+		},
+		alignFlip: {
+			type: Boolean,
+			required: false
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: false
+		},
+		collisionBoundary: {
+			type: null,
+			required: false
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: false
+		},
+		arrowPadding: {
+			type: Number,
+			required: false
+		},
+		hideShiftedArrow: {
+			type: Boolean,
+			required: false
+		},
+		sticky: {
+			type: String,
+			required: false
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: false
+		},
+		positionStrategy: {
+			type: String,
+			required: false
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: false
+		},
+		disableUpdateOnLayoutShift: {
+			type: Boolean,
+			required: false
+		},
+		prioritizePosition: {
+			type: Boolean,
+			required: false
+		},
+		reference: {
+			type: null,
+			required: false
+		},
+		dir: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { position } = toRefs(props);
+		const rootContext = injectComboboxRootContext();
+		const isEmpty = computed(() => rootContext.ignoreFilter.value ? rootContext.allItems.value.size === 0 : rootContext.filterState.value.count === 0);
+		const { forwardRef, currentElement } = useForwardExpose();
+		useBodyScrollLock(props.bodyLock);
+		useFocusGuards();
+		useHideOthers(rootContext.parentElement);
+		const forwardedProps = useForwardProps(computed(() => {
+			if (props.position === "popper") return props;
+			else return {};
+		}).value);
+		const popperStyle = {
+			"boxSizing": "border-box",
+			"--reka-combobox-content-transform-origin": "var(--reka-popper-transform-origin)",
+			"--reka-combobox-content-available-width": "var(--reka-popper-available-width)",
+			"--reka-combobox-content-available-height": "var(--reka-popper-available-height)",
+			"--reka-combobox-trigger-width": "var(--reka-popper-anchor-width)",
+			"--reka-combobox-trigger-height": "var(--reka-popper-anchor-height)"
+		};
+		provideComboboxContentContext({ position });
+		const isInputWithinContent = ref(false);
+		onMounted(() => {
+			if (rootContext.inputElement.value) {
+				isInputWithinContent.value = currentElement.value.contains(rootContext.inputElement.value);
+				if (isInputWithinContent.value) rootContext.inputElement.value.focus();
+			}
+		});
+		onUnmounted(() => {
+			const activeElement = getActiveElement();
+			if (isInputWithinContent.value && (!activeElement || activeElement === document.body)) rootContext.triggerElement.value?.focus();
+		});
+		function isEventTargetWithinCombobox(target) {
+			if (rootContext.parentElement.value?.contains(target)) return true;
+			const control = (target instanceof Element ? target.closest("label") : null)?.control;
+			return !!control && !!rootContext.parentElement.value?.contains(control);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ListboxContent_default), { "as-child": "" }, {
+				default: withCtx(() => [createVNode(unref(FocusScope_default), {
+					"as-child": "",
+					onMountAutoFocus: _cache[5] || (_cache[5] = withModifiers(() => {}, ["prevent"])),
+					onUnmountAutoFocus: _cache[6] || (_cache[6] = withModifiers(() => {}, ["prevent"]))
+				}, {
+					default: withCtx(() => [createVNode(unref(DismissableLayer_default), {
+						"as-child": "",
+						"disable-outside-pointer-events": _ctx.disableOutsidePointerEvents,
+						onDismiss: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(false)),
+						onFocusOutside: _cache[1] || (_cache[1] = (ev) => {
+							if (isEventTargetWithinCombobox(ev.target)) ev.preventDefault();
+							emits("focusOutside", ev);
+						}),
+						onInteractOutside: _cache[2] || (_cache[2] = ($event) => emits("interactOutside", $event)),
+						onEscapeKeyDown: _cache[3] || (_cache[3] = ($event) => emits("escapeKeyDown", $event)),
+						onPointerDownOutside: _cache[4] || (_cache[4] = (ev) => {
+							if (isEventTargetWithinCombobox(ev.target)) ev.preventDefault();
+							emits("pointerDownOutside", ev);
+						})
+					}, {
+						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(position) === "popper" ? unref(PopperContent_default) : unref(Primitive)), mergeProps({
+							..._ctx.$attrs,
+							...unref(forwardedProps)
+						}, {
+							id: unref(rootContext).contentId,
+							ref: unref(forwardRef),
+							"memo-dependencies": unref(position) === "popper" ? [unref(rootContext).filterSearch.value, unref(rootContext).filterState.value] : void 0,
+							"data-state": unref(rootContext).open.value ? "open" : "closed",
+							"data-empty": isEmpty.value ? "" : void 0,
+							style: {
+								display: props.hideWhenEmpty && isEmpty.value ? "none" : "flex",
+								flexDirection: "column",
+								outline: "none",
+								...unref(position) === "popper" ? popperStyle : {}
+							}
+						}), {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+							_: 3
+						}, 16, [
+							"id",
+							"memo-dependencies",
+							"data-state",
+							"data-empty",
+							"style"
+						]))]),
+						_: 3
+					}, 8, ["disable-outside-pointer-events"])]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxContent.js
+var ComboboxContent_default = /* @__PURE__ */ defineComponent({
+	__name: "ComboboxContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: false
+		},
+		position: {
+			type: String,
+			required: false
+		},
+		bodyLock: {
+			type: Boolean,
+			required: false
+		},
+		hideWhenEmpty: {
+			type: Boolean,
+			required: false
+		},
+		memoDependencies: {
+			type: Array,
+			required: false
+		},
+		side: {
+			type: null,
+			required: false
+		},
+		sideOffset: {
+			type: Number,
+			required: false
+		},
+		sideFlip: {
+			type: Boolean,
+			required: false
+		},
+		align: {
+			type: null,
+			required: false
+		},
+		alignOffset: {
+			type: Number,
+			required: false
+		},
+		alignFlip: {
+			type: Boolean,
+			required: false
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: false
+		},
+		collisionBoundary: {
+			type: null,
+			required: false
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: false
+		},
+		arrowPadding: {
+			type: Number,
+			required: false
+		},
+		hideShiftedArrow: {
+			type: Boolean,
+			required: false
+		},
+		sticky: {
+			type: String,
+			required: false
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: false
+		},
+		positionStrategy: {
+			type: String,
+			required: false
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: false
+		},
+		disableUpdateOnLayoutShift: {
+			type: Boolean,
+			required: false
+		},
+		prioritizePosition: {
+			type: Boolean,
+			required: false
+		},
+		reference: {
+			type: null,
+			required: false
+		},
+		dir: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside"
+	],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		const { forwardRef } = useForwardExpose();
+		const rootContext = injectComboboxRootContext();
+		rootContext.contentId ||= useId(void 0, "reka-combobox-content");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Presence_default), { present: _ctx.forceMount || unref(rootContext).open.value }, {
+				default: withCtx(() => [createVNode(ComboboxContentImpl_default, mergeProps({
+					...unref(forwarded),
+					..._ctx.$attrs
+				}, { ref: unref(forwardRef) }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16)]),
+				_: 3
+			}, 8, ["present"]);
+		};
+	}
+});
+//#endregion
+export { ComboboxContent_default as t };

package/dist/es/chunks/ComboboxGroup.js

@@ -0,0 +1,78 @@
+import { n as injectComboboxRootContext } from "./ComboboxRoot.js";
+import { t as createContext } from "./createContext.js";
+import { t as Primitive } from "./Primitive.js";
+import { t as useId } from "./useId.js";
+import { computed, createBlock, defineComponent, mergeProps, onMounted, onUnmounted, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/ListboxGroup.js
+var [injectListboxGroupContext, provideListboxGroupContext] = /* @__PURE__ */ createContext("ListboxGroup");
+var ListboxGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "ListboxGroup",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const id = useId(void 0, "reka-listbox-group");
+		provideListboxGroupContext({ id });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({ role: "group" }, props, { "aria-labelledby": unref(id) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["aria-labelledby"]);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxGroup.js
+var [injectComboboxGroupContext, provideComboboxGroupContext] = /* @__PURE__ */ createContext("ComboboxGroup");
+var ComboboxGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "ComboboxGroup",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const id = useId(void 0, "reka-combobox-group");
+		const rootContext = injectComboboxRootContext();
+		const isRender = computed(() => rootContext.ignoreFilter.value ? true : !rootContext.filterSearch.value ? true : rootContext.filterState.value.groups.has(id));
+		const context = provideComboboxGroupContext({
+			id,
+			labelId: ""
+		});
+		onMounted(() => {
+			if (!rootContext.allGroups.value.has(id)) rootContext.allGroups.value.set(id, /* @__PURE__ */ new Set());
+		});
+		onUnmounted(() => {
+			rootContext.allGroups.value.delete(id);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ListboxGroup_default), mergeProps({
+				id: unref(id),
+				"aria-labelledby": unref(context).labelId
+			}, props, { hidden: isRender.value ? void 0 : true }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"id",
+				"aria-labelledby",
+				"hidden"
+			]);
+		};
+	}
+});
+//#endregion
+export { injectComboboxGroupContext as n, ComboboxGroup_default as t };