@youcan/celeste 0.6.102 → 0.7.1

package/dist/es/chunks/useNonce.js

@@ -0,0 +1,9 @@
+import { t as injectConfigProviderContext } from "./ConfigProvider.js";
+import { computed, ref } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useNonce.js
+function useNonce(nonce) {
+	const context = injectConfigProviderContext({ nonce: ref() });
+	return computed(() => nonce?.value || context.nonce?.value);
+}
+//#endregion
+export { useNonce as t };

package/dist/es/chunks/usePrimitiveElement.js

@@ -0,0 +1,12 @@
+import { r as unrefElement } from "./dist.js";
+import { computed, ref } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Primitive/usePrimitiveElement.js
+function usePrimitiveElement() {
+	const primitiveElement = ref();
+	return {
+		primitiveElement,
+		currentElement: computed(() => ["#text", "#comment"].includes(primitiveElement.value?.$el.nodeName) ? primitiveElement.value?.$el.nextElementSibling : unrefElement(primitiveElement))
+	};
+}
+//#endregion
+export { usePrimitiveElement as t };

package/dist/es/chunks/useSize.js

@@ -0,0 +1,49 @@
+import { r as unrefElement } from "./dist.js";
+import { computed, onMounted, onUnmounted, ref } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useSize.js
+function useSize(element) {
+	const size = ref();
+	const width = computed(() => size.value?.width ?? 0);
+	const height = computed(() => size.value?.height ?? 0);
+	let resizeObserver;
+	onMounted(() => {
+		const el = unrefElement(element);
+		if (el) {
+			size.value = {
+				width: el.offsetWidth,
+				height: el.offsetHeight
+			};
+			resizeObserver = new ResizeObserver((entries) => {
+				if (!Array.isArray(entries)) return;
+				if (!entries.length) return;
+				const entry = entries[0];
+				let width$1;
+				let height$1;
+				if ("borderBoxSize" in entry) {
+					const borderSizeEntry = entry.borderBoxSize;
+					const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
+					width$1 = borderSize.inlineSize;
+					height$1 = borderSize.blockSize;
+				} else {
+					width$1 = el.offsetWidth;
+					height$1 = el.offsetHeight;
+				}
+				size.value = {
+					width: width$1,
+					height: height$1
+				};
+			});
+			resizeObserver.observe(el, { box: "border-box" });
+		} else size.value = void 0;
+	});
+	onUnmounted(() => {
+		resizeObserver?.disconnect();
+		resizeObserver = void 0;
+	});
+	return {
+		width,
+		height
+	};
+}
+//#endregion
+export { useSize as t };

package/dist/es/chunks/useTypeahead.js

@@ -0,0 +1,64 @@
+import { t as getActiveElement } from "./getActiveElement.js";
+import { h as refAutoReset } from "./dist.js";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useTypeahead.js
+function useTypeahead(callback) {
+	const search = refAutoReset("", 1e3);
+	const handleTypeaheadSearch = (key, items) => {
+		search.value = search.value + key;
+		if (callback) callback(key);
+		else {
+			const currentItem = getActiveElement();
+			const itemsWithTextValue = items.map((item) => ({
+				...item,
+				textValue: item.value?.textValue ?? item.ref.textContent?.trim() ?? ""
+			}));
+			const currentMatch = itemsWithTextValue.find((item) => item.ref === currentItem);
+			const nextMatch = getNextMatch(itemsWithTextValue.map((item) => item.textValue), search.value, currentMatch?.textValue);
+			const newItem = itemsWithTextValue.find((item) => item.textValue === nextMatch);
+			if (newItem) newItem.ref.focus();
+			return newItem?.ref;
+		}
+	};
+	const resetTypeahead = () => {
+		search.value = "";
+	};
+	return {
+		search,
+		handleTypeaheadSearch,
+		resetTypeahead
+	};
+}
+/**
+* Wraps an array around itself at a given start index
+* Example: `wrapArray(['a', 'b', 'c', 'd'], 2) === ['c', 'd', 'a', 'b']`
+*/
+function wrapArray(array, startIndex) {
+	return array.map((_, index) => array[(startIndex + index) % array.length]);
+}
+/**
+* This is the "meat" of the typeahead matching logic. It takes in all the values,
+* the search and the current match, and returns the next match (or `undefined`).
+*
+* We normalize the search because if a user has repeatedly pressed a character,
+* we want the exact same behavior as if we only had that one character
+* (ie. cycle through options starting with that character)
+*
+* We also reorder the values by wrapping the array around the current match.
+* This is so we always look forward from the current match, and picking the first
+* match will always be the correct one.
+*
+* Finally, if the normalized search is exactly one character, we exclude the
+* current match from the values because otherwise it would be the first to match always
+* and focus would never move. This is as opposed to the regular case, where we
+* don't want focus to move if the current match still matches.
+*/
+function getNextMatch(values, search, currentMatch) {
+	const normalizedSearch = search.length > 1 && Array.from(search).every((char) => char === search[0]) ? search[0] : search;
+	const currentMatchIndex = currentMatch ? values.indexOf(currentMatch) : -1;
+	let wrappedValues = wrapArray(values, Math.max(currentMatchIndex, 0));
+	if (normalizedSearch.length === 1) wrappedValues = wrappedValues.filter((v) => v !== currentMatch);
+	const nextMatch = wrappedValues.find((value) => value.toLowerCase().startsWith(normalizedSearch.toLowerCase()));
+	return nextMatch !== currentMatch ? nextMatch : void 0;
+}
+//#endregion
+export { useTypeahead as t };

package/dist/es/chunks/utils.js

@@ -0,0 +1,58 @@
+import { t as getActiveElement } from "./getActiveElement.js";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/utils.js
+var ITEM_SELECT = "menu.itemSelect";
+var SELECTION_KEYS = ["Enter", " "];
+var FIRST_KEYS = [
+	"ArrowDown",
+	"PageUp",
+	"Home"
+];
+var LAST_KEYS = [
+	"ArrowUp",
+	"PageDown",
+	"End"
+];
+var FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
+var SUB_OPEN_KEYS = {
+	ltr: [...SELECTION_KEYS, "ArrowRight"],
+	rtl: [...SELECTION_KEYS, "ArrowLeft"]
+};
+var SUB_CLOSE_KEYS = {
+	ltr: ["ArrowLeft"],
+	rtl: ["ArrowRight"]
+};
+function getOpenState(open) {
+	return open ? "open" : "closed";
+}
+function focusFirst(candidates) {
+	const PREVIOUSLY_FOCUSED_ELEMENT = getActiveElement();
+	for (const candidate of candidates) {
+		if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
+		candidate.focus();
+		if (getActiveElement() !== PREVIOUSLY_FOCUSED_ELEMENT) return;
+	}
+}
+function isPointInPolygon(point, polygon) {
+	const { x, y } = point;
+	let inside = false;
+	for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+		const xi = polygon[i].x;
+		const yi = polygon[i].y;
+		const xj = polygon[j].x;
+		const yj = polygon[j].y;
+		if (yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) inside = !inside;
+	}
+	return inside;
+}
+function isPointerInGraceArea(event, area) {
+	if (!area) return false;
+	return isPointInPolygon({
+		x: event.clientX,
+		y: event.clientY
+	}, area);
+}
+function isMouseEvent(event) {
+	return event.pointerType === "mouse";
+}
+//#endregion
+export { SUB_CLOSE_KEYS as a, getOpenState as c, SELECTION_KEYS as i, isMouseEvent as l, ITEM_SELECT as n, SUB_OPEN_KEYS as o, LAST_KEYS as r, focusFirst as s, FIRST_LAST_KEYS as t, isPointerInGraceArea as u };

package/dist/es/chunks/utils2.js

@@ -0,0 +1,44 @@
+import { t as getActiveElement } from "./getActiveElement.js";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RovingFocus/utils.js
+var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
+var EVENT_OPTIONS = {
+	bubbles: false,
+	cancelable: true
+};
+var MAP_KEY_TO_FOCUS_INTENT = {
+	ArrowLeft: "prev",
+	ArrowUp: "prev",
+	ArrowRight: "next",
+	ArrowDown: "next",
+	PageUp: "first",
+	Home: "first",
+	PageDown: "last",
+	End: "last"
+};
+function getDirectionAwareKey(key, dir) {
+	if (dir !== "rtl") return key;
+	return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
+}
+function getFocusIntent(event, orientation, dir) {
+	const key = getDirectionAwareKey(event.key, dir);
+	if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
+	if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
+	return MAP_KEY_TO_FOCUS_INTENT[key];
+}
+function focusFirst(candidates, preventScroll = false) {
+	const PREVIOUSLY_FOCUSED_ELEMENT = getActiveElement();
+	for (const candidate of candidates) {
+		if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
+		candidate.focus({ preventScroll });
+		if (getActiveElement() !== PREVIOUSLY_FOCUSED_ELEMENT) return;
+	}
+}
+/**
+* Wraps an array around itself at a given start index
+* Example: `wrapArray(['a', 'b', 'c', 'd'], 2) === ['c', 'd', 'a', 'b']`
+*/
+function wrapArray(array, startIndex) {
+	return array.map((_, index) => array[(startIndex + index) % array.length]);
+}
+//#endregion
+export { wrapArray as a, getFocusIntent as i, EVENT_OPTIONS as n, focusFirst as r, ENTRY_FOCUS as t };

package/dist/es/chunks/utils3.js

@@ -0,0 +1,9 @@
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Tabs/utils.js
+function makeTriggerId(baseId, value) {
+	return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+	return `${baseId}-content-${value}`;
+}
+//#endregion
+export { makeTriggerId as n, makeContentId as t };

package/dist/es/command-group.js

@@ -1,5 +1,6 @@
-import { et as Zv, x as Jv } from "./chunks/dist.js";
 import { t as _plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper.js";
+import { t as ComboboxGroup_default } from "./chunks/ComboboxGroup.js";
+import { t as ComboboxLabel_default } from "./chunks/ComboboxLabel.js";
 import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/command/command-group.vue
@@ -18,8 +19,8 @@ var command_group_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 			return delegated;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Zv), mergeProps(delegatedProps.value, { class: ["celeste-command-group", props.class] }), {
-				default: withCtx(() => [_ctx.heading ? (openBlock(), createBlock(unref(Jv), {
+			return openBlock(), createBlock(unref(ComboboxGroup_default), mergeProps(delegatedProps.value, { class: ["celeste-command-group", props.class] }), {
+				default: withCtx(() => [_ctx.heading ? (openBlock(), createBlock(unref(ComboboxLabel_default), {
 					key: 0,
 					class: "celeste-command-label"
 				}, {
@@ -30,6 +31,6 @@ var command_group_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 			}, 16, ["class"]);
 		};
 	}
-}), [["__scopeId", "data-v-04d6d7e5"]]);
+}), [["__scopeId", "data-v-01f1de74"]]);
 //#endregion
 export { command_group_default as default };

package/dist/es/command-input.js

@@ -1,6 +1,7 @@
-import { O as Ot, m as Gv } from "./chunks/dist.js";
 import { t as clsx } from "./chunks/clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper.js";
+import { t as useForwardProps } from "./chunks/useForwardProps.js";
+import { t as ComboboxInput_default } from "./chunks/ComboboxInput.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
 //#region src/components/command/command-input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
@@ -13,21 +14,22 @@ var command_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 	inheritAttrs: false,
 	__name: "command-input",
 	props: {
-		type: {},
-		disabled: { type: Boolean },
+		displayValue: { type: Function },
+		modelValue: {},
 		autoFocus: { type: Boolean },
+		disabled: { type: Boolean },
 		asChild: { type: Boolean },
 		as: {},
 		class: {}
 	},
 	setup(__props) {
 		const props = __props;
-		const forwardedProps = Ot(computed(() => {
+		const forwardedProps = useForwardProps(computed(() => {
 			const { class: _, ...delegated } = props;
 			return delegated;
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [_cache[0] || (_cache[0] = createElementVNode("i", { class: "celeste-command-input-icon i-celeste-search-line" }, null, -1)), createVNode(unref(Gv), mergeProps({
+			return openBlock(), createElementBlock("div", _hoisted_1, [_cache[0] || (_cache[0] = createElementVNode("i", { class: "celeste-command-input-icon i-celeste-search-line" }, null, -1)), createVNode(unref(ComboboxInput_default), mergeProps({
 				...unref(forwardedProps),
 				..._ctx.$attrs
 			}, {
@@ -36,6 +38,6 @@ var command_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 			}), null, 16, ["class"])]);
 		};
 	}
-}), [["__scopeId", "data-v-0407a5d5"]]);
+}), [["__scopeId", "data-v-f97ce037"]]);
 //#endregion
 export { command_input_default as default };

package/dist/es/command-item.js

@@ -1,10 +1,12 @@
-import { I as Se, st as am } from "./chunks/dist.js";
+import { t as useForwardPropsEmits } from "./chunks/useForwardPropsEmits.js";
+import { t as ComboboxItem_default } from "./chunks/ComboboxItem.js";
 import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/command/command-item.vue
 var command_item_default = /* @__PURE__ */ defineComponent({
 	__name: "command-item",
 	props: {
+		textValue: {},
 		value: {},
 		disabled: { type: Boolean },
 		asChild: { type: Boolean },
@@ -15,12 +17,12 @@ var command_item_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = Se(computed(() => {
+		const forwarded = useForwardPropsEmits(computed(() => {
 			const { class: _, ...delegated } = props;
 			return delegated;
 		}), emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(am), mergeProps(unref(forwarded), { class: ["celeste-command-item", props.class] }), {
+			return openBlock(), createBlock(unref(ComboboxItem_default), mergeProps(unref(forwarded), { class: ["celeste-command-item", props.class] }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);

package/dist/es/command-list.js

@@ -1,4 +1,5 @@
-import { I as Se, N as Qv } from "./chunks/dist.js";
+import { t as useForwardPropsEmits } from "./chunks/useForwardPropsEmits.js";
+import { t as ComboboxContent_default } from "./chunks/ComboboxContent.js";
 import { computed, createBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#region src/components/command/command-list.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { role: "presentation" };
@@ -10,22 +11,27 @@ var command_list_default = /* @__PURE__ */ defineComponent({
 		forceMount: { type: Boolean },
 		position: {},
 		bodyLock: { type: Boolean },
-		dismissable: {
-			type: Boolean,
-			default: false
-		},
+		hideWhenEmpty: { type: Boolean },
+		memoDependencies: {},
 		side: {},
 		sideOffset: {},
+		sideFlip: { type: Boolean },
 		align: {},
 		alignOffset: {},
+		alignFlip: { type: Boolean },
 		avoidCollisions: { type: Boolean },
 		collisionBoundary: {},
 		collisionPadding: {},
 		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
 		sticky: {},
 		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
 		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
 		prioritizePosition: { type: Boolean },
+		reference: {},
+		dir: {},
 		asChild: { type: Boolean },
 		as: {},
 		disableOutsidePointerEvents: { type: Boolean },
@@ -40,12 +46,12 @@ var command_list_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = Se(computed(() => {
+		const forwarded = useForwardPropsEmits(computed(() => {
 			const { class: _, ...delegated } = props;
 			return delegated;
 		}), emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Qv), mergeProps(unref(forwarded), { class: ["celeste-command-list", props.class] }), {
+			return openBlock(), createBlock(unref(ComboboxContent_default), mergeProps(unref(forwarded), { class: ["celeste-command-list", props.class] }), {
 				default: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")])]),
 				_: 3
 			}, 16, ["class"]);

package/dist/es/command-root.js

@@ -1,46 +1,49 @@
-import { H as Uv, I as Se } from "./chunks/dist.js";
+import { t as ComboboxRoot_default } from "./chunks/ComboboxRoot.js";
+import { t as useForwardPropsEmits } from "./chunks/useForwardPropsEmits.js";
 import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/command/command-root.vue
 var command_root_default = /* @__PURE__ */ defineComponent({
 	__name: "command-root",
 	props: {
-		modelValue: { default: "" },
-		defaultValue: {},
 		open: {
 			type: Boolean,
 			default: true
 		},
 		defaultOpen: { type: Boolean },
-		searchTerm: {},
-		selectedValue: {},
-		multiple: { type: Boolean },
-		disabled: { type: Boolean },
-		name: {},
-		dir: {},
-		filterFunction: {},
-		displayValue: {},
 		resetSearchTermOnBlur: { type: Boolean },
 		resetSearchTermOnSelect: { type: Boolean },
+		openOnFocus: { type: Boolean },
+		openOnClick: { type: Boolean },
+		ignoreFilter: { type: Boolean },
+		resetModelValueOnClear: { type: Boolean },
+		modelValue: { default: "" },
+		defaultValue: {},
+		multiple: { type: Boolean },
+		dir: {},
+		disabled: { type: Boolean },
+		highlightOnHover: { type: Boolean },
+		by: {},
 		asChild: { type: Boolean },
 		as: {},
+		name: {},
+		required: { type: Boolean },
 		class: {}
 	},
 	emits: [
 		"update:modelValue",
-		"update:open",
-		"update:searchTerm",
-		"update:selectedValue"
+		"highlight",
+		"update:open"
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = Se(computed(() => {
+		const forwarded = useForwardPropsEmits(computed(() => {
 			const { class: _, ...delegated } = props;
 			return delegated;
 		}), emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Uv), mergeProps(unref(forwarded), { class: ["celeste-command-root", props.class] }), {
+			return openBlock(), createBlock(unref(ComboboxRoot_default), mergeProps(unref(forwarded), { class: ["celeste-command-root", props.class] }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);

package/dist/es/command-separator.js

@@ -1,6 +1,6 @@
-import { kt as om } from "./chunks/dist.js";
 import { t as clsx } from "./chunks/clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper.js";
+import { t as ComboboxSeparator_default } from "./chunks/ComboboxSeparator.js";
 import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/command/command-separator.vue
@@ -18,12 +18,12 @@ var command_separator_default = /* @__PURE__ */ _plugin_vue_export_helper_defaul
 			return delegated;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(om), mergeProps(delegatedProps.value, { class: unref(clsx)("celeste-command-separator", props.class) }), {
+			return openBlock(), createBlock(unref(ComboboxSeparator_default), mergeProps(delegatedProps.value, { class: unref(clsx)("celeste-command-separator", props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);
 		};
 	}
-}), [["__scopeId", "data-v-547148a7"]]);
+}), [["__scopeId", "data-v-90c53b49"]]);
 //#endregion
 export { command_separator_default as default };

package/dist/es/config.js

@@ -289,7 +289,7 @@ function onActionClick(editor, slug, option = null, showLinkBubble) {
 function selectedOption(editor, children) {
 	if (!Array.isArray(children)) return "";
 	for (const child of children) {
-		if (Object.prototype.hasOwnProperty.call(child.active, "fontSize")) return editor.getAttributes("textStyle").fontSize || "16px";
+		if (typeof child.active === "object" && Object.hasOwn(child.active, "fontSize")) return editor.getAttributes("textStyle").fontSize || "16px";
 		if (editor.isActive(child.active)) return child.option;
 	}
 	return children[0].option;