@youcan/celeste 0.21.2 → 0.22.1

package/dist/cjs/chunks/ComboboxContent.cjs

@@ -1,446 +0,0 @@
-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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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 contentId = Symbol("ComboboxContent");
-		(0, vue.watch)(position, (value) => rootContext.onContentPositionChange(contentId, value), { immediate: true });
-		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 pickedProps = (0, vue.computed)(() => {
-			if (props.position === "popper") return props;
-			else return {};
-		});
-		const forwardedProps = require_useForwardProps.useForwardProps(pickedProps.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)(() => {
-			rootContext.onContentUnmount(contentId);
-			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);
-		}
-		const popperContentEvents = { placed: () => rootContext.onContentPlaced(contentId) };
-		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 : {}
-							}
-						}, (0, vue.toHandlers)((0, vue.unref)(position) === "popper" ? popperContentEvents : {})), {
-							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.5_vue@3.5.41_typescript@6.0.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

@@ -1,89 +0,0 @@
-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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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;
-	}
-});