@youcan/celeste 0.6.101 → 0.7.0

package/dist/cjs/chunks/ComboboxContent.cjs

@@ -0,0 +1,442 @@
+require("./chunk.cjs");
+const require_ComboboxRoot = require("./ComboboxRoot.cjs");
+const require_createContext = require("./createContext.cjs");
+const require_getActiveElement = require("./getActiveElement.cjs");
+const require_dist = require("./dist.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_DismissableLayer = require("./DismissableLayer.cjs");
+const require_FocusScope = require("./FocusScope.cjs");
+const require_useFocusGuards = require("./useFocusGuards.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useForwardProps = require("./useForwardProps.cjs");
+const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_useHideOthers = require("./useHideOthers.cjs");
+const require_useId = require("./useId.cjs");
+const require_Presence = require("./Presence.cjs");
+const require_Collection = require("./Collection.cjs");
+const require_PopperContent = require("./PopperContent.cjs");
+let vue = require("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__ */ (0, vue.defineComponent)({
+	__name: "ListboxContent",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const { CollectionSlot } = require_Collection.useCollection();
+		const rootContext = require_ComboboxRoot.injectListboxRootContext();
+		const isClickFocus = require_dist.refAutoReset(false, 10);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CollectionSlot), null, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
+					role: "listbox",
+					as: _ctx.as,
+					"as-child": _ctx.asChild,
+					tabindex: (0, vue.unref)(rootContext).focusable.value ? (0, vue.unref)(rootContext).highlightedElement.value ? "-1" : "0" : "-1",
+					"aria-orientation": (0, vue.unref)(rootContext).orientation.value,
+					"aria-multiselectable": !!(0, vue.unref)(rootContext).multiple.value,
+					"data-orientation": (0, vue.unref)(rootContext).orientation.value,
+					onMousedown: _cache[0] || (_cache[0] = (0, vue.withModifiers)(($event) => isClickFocus.value = true, ["left"])),
+					onFocus: _cache[1] || (_cache[1] = (ev) => {
+						if ((0, vue.unref)(isClickFocus)) return;
+						(0, vue.unref)(rootContext).onEnter(ev);
+					}),
+					onKeydown: [
+						_cache[2] || (_cache[2] = (0, vue.withKeys)((event) => {
+							if ((0, vue.unref)(rootContext).orientation.value === "vertical" && (event.key === "ArrowLeft" || event.key === "ArrowRight") || (0, vue.unref)(rootContext).orientation.value === "horizontal" && (event.key === "ArrowUp" || event.key === "ArrowDown")) return;
+							event.preventDefault();
+							(0, vue.unref)(rootContext).focusable.value && (0, vue.unref)(rootContext).onKeydownNavigation(event);
+						}, [
+							"down",
+							"up",
+							"left",
+							"right",
+							"home",
+							"end"
+						])),
+						(0, vue.withKeys)((0, vue.unref)(rootContext).onKeydownEnter, ["enter"]),
+						(0, vue.unref)(rootContext).onKeydownTypeAhead
+					]
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.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__ */ require_createContext.createContext("ComboboxContent");
+var ComboboxContentImpl_default = /* @__PURE__ */ (0, vue.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 } = (0, vue.toRefs)(props);
+		const rootContext = require_ComboboxRoot.injectComboboxRootContext();
+		const isEmpty = (0, vue.computed)(() => rootContext.ignoreFilter.value ? rootContext.allItems.value.size === 0 : rootContext.filterState.value.count === 0);
+		const { forwardRef, currentElement } = require_useForwardExpose.useForwardExpose();
+		require_FocusScope.useBodyScrollLock(props.bodyLock);
+		require_useFocusGuards.useFocusGuards();
+		require_useHideOthers.useHideOthers(rootContext.parentElement);
+		const forwardedProps = require_useForwardProps.useForwardProps((0, vue.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 = (0, vue.ref)(false);
+		(0, vue.onMounted)(() => {
+			if (rootContext.inputElement.value) {
+				isInputWithinContent.value = currentElement.value.contains(rootContext.inputElement.value);
+				if (isInputWithinContent.value) rootContext.inputElement.value.focus();
+			}
+		});
+		(0, vue.onUnmounted)(() => {
+			const activeElement = require_getActiveElement.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 (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ListboxContent_default), { "as-child": "" }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_FocusScope.FocusScope_default), {
+					"as-child": "",
+					onMountAutoFocus: _cache[5] || (_cache[5] = (0, vue.withModifiers)(() => {}, ["prevent"])),
+					onUnmountAutoFocus: _cache[6] || (_cache[6] = (0, vue.withModifiers)(() => {}, ["prevent"]))
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_DismissableLayer.DismissableLayer_default), {
+						"as-child": "",
+						"disable-outside-pointer-events": _ctx.disableOutsidePointerEvents,
+						onDismiss: _cache[0] || (_cache[0] = ($event) => (0, vue.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: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(position) === "popper" ? (0, vue.unref)(require_PopperContent.PopperContent_default) : (0, vue.unref)(require_Primitive.Primitive)), (0, vue.mergeProps)({
+							..._ctx.$attrs,
+							...(0, vue.unref)(forwardedProps)
+						}, {
+							id: (0, vue.unref)(rootContext).contentId,
+							ref: (0, vue.unref)(forwardRef),
+							"memo-dependencies": (0, vue.unref)(position) === "popper" ? [(0, vue.unref)(rootContext).filterSearch.value, (0, vue.unref)(rootContext).filterState.value] : void 0,
+							"data-state": (0, vue.unref)(rootContext).open.value ? "open" : "closed",
+							"data-empty": isEmpty.value ? "" : void 0,
+							style: {
+								display: props.hideWhenEmpty && isEmpty.value ? "none" : "flex",
+								flexDirection: "column",
+								outline: "none",
+								...(0, vue.unref)(position) === "popper" ? popperStyle : {}
+							}
+						}), {
+							default: (0, vue.withCtx)(() => [(0, vue.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__ */ (0, vue.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 = require_useForwardPropsEmits.useForwardPropsEmits(__props, __emit);
+		const { forwardRef } = require_useForwardExpose.useForwardExpose();
+		const rootContext = require_ComboboxRoot.injectComboboxRootContext();
+		rootContext.contentId ||= require_useId.useId(void 0, "reka-combobox-content");
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Presence.Presence_default), { present: _ctx.forceMount || (0, vue.unref)(rootContext).open.value }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(ComboboxContentImpl_default, (0, vue.mergeProps)({
+					...(0, vue.unref)(forwarded),
+					..._ctx.$attrs
+				}, { ref: (0, vue.unref)(forwardRef) }), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 16)]),
+				_: 3
+			}, 8, ["present"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "ComboboxContent_default", {
+	enumerable: true,
+	get: function() {
+		return ComboboxContent_default;
+	}
+});

package/dist/cjs/chunks/ComboboxGroup.cjs

@@ -0,0 +1,90 @@
+require("./chunk.cjs");
+const require_ComboboxRoot = require("./ComboboxRoot.cjs");
+const require_createContext = require("./createContext.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useId = require("./useId.cjs");
+let vue = require("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__ */ require_createContext.createContext("ListboxGroup");
+var ListboxGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ListboxGroup",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const id = require_useId.useId(void 0, "reka-listbox-group");
+		provideListboxGroupContext({ id });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)({ role: "group" }, props, { "aria-labelledby": (0, vue.unref)(id) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.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__ */ require_createContext.createContext("ComboboxGroup");
+var ComboboxGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ComboboxGroup",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const id = require_useId.useId(void 0, "reka-combobox-group");
+		const rootContext = require_ComboboxRoot.injectComboboxRootContext();
+		const isRender = (0, vue.computed)(() => rootContext.ignoreFilter.value ? true : !rootContext.filterSearch.value ? true : rootContext.filterState.value.groups.has(id));
+		const context = provideComboboxGroupContext({
+			id,
+			labelId: ""
+		});
+		(0, vue.onMounted)(() => {
+			if (!rootContext.allGroups.value.has(id)) rootContext.allGroups.value.set(id, /* @__PURE__ */ new Set());
+		});
+		(0, vue.onUnmounted)(() => {
+			rootContext.allGroups.value.delete(id);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ListboxGroup_default), (0, vue.mergeProps)({
+				id: (0, vue.unref)(id),
+				"aria-labelledby": (0, vue.unref)(context).labelId
+			}, props, { hidden: isRender.value ? void 0 : true }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"id",
+				"aria-labelledby",
+				"hidden"
+			]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "ComboboxGroup_default", {
+	enumerable: true,
+	get: function() {
+		return ComboboxGroup_default;
+	}
+});
+Object.defineProperty(exports, "injectComboboxGroupContext", {
+	enumerable: true,
+	get: function() {
+		return injectComboboxGroupContext;
+	}
+});