@youcan/celeste 0.21.2 → 0.22.0

package/dist/es/chunks/useComposing.js

@@ -1,40 +0,0 @@
-import { computed, nextTick, ref } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useComposing.js
-var imeScriptRE = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\p{Script=Bopomofo}]/u;
-var androidRE = /android/i;
-function isAndroid() {
-	return typeof navigator !== "undefined" && androidRE.test(navigator.userAgent);
-}
-function useComposing(onEnd) {
-	const isComposing = ref(false);
-	const isImeComposition = ref(true);
-	const sawImeScript = ref(false);
-	const shouldDeferInput = computed(() => isComposing.value && isImeComposition.value);
-	function handleCompositionStart() {
-		isComposing.value = true;
-		isImeComposition.value = true;
-		sawImeScript.value = false;
-	}
-	function handleCompositionUpdate(event) {
-		if (!event.data) return;
-		if (imeScriptRE.test(event.data)) {
-			isImeComposition.value = true;
-			sawImeScript.value = true;
-		} else if (isAndroid() && !sawImeScript.value) isImeComposition.value = false;
-	}
-	function handleCompositionEnd(event) {
-		nextTick(() => {
-			isComposing.value = false;
-			onEnd?.(event);
-		});
-	}
-	return {
-		isComposing,
-		shouldDeferInput,
-		handleCompositionStart,
-		handleCompositionUpdate,
-		handleCompositionEnd
-	};
-}
-//#endregion
-export { useComposing as t };

package/dist/es/chunks/useDirection.js

@@ -1,14 +0,0 @@
-import { n as injectConfigProviderContext } from "./ConfigProvider.js";
-import { computed, ref } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useDirection.js
-/**
-* The `useDirection` function provides a way to access the current direction in your application.
-* @param {Ref<Direction | undefined>} [dir] - An optional ref containing the direction (ltr or rtl).
-* @returns  computed value that combines with the resolved direction.
-*/
-function useDirection(dir) {
-	const context = injectConfigProviderContext({ dir: ref("ltr") });
-	return computed(() => dir?.value || context.dir?.value || "ltr");
-}
-//#endregion
-export { useDirection as t };

package/dist/es/chunks/useEmitAsProps.js

@@ -1,28 +0,0 @@
-import { camelize, getCurrentInstance, toHandlerKey } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useEmitAsProps.js
-/**
-* The `useEmitAsProps` function is a TypeScript utility that converts emitted events into props for a
-* Vue component.
-*
-* @template Name - The event name string union type.
-* @template Fn - The emit function type.
-*
-* @param emit - The `emit` parameter is a function that is used to emit events from a component. It
-*
-* takes two parameters: `name` which is the name of the event to be emitted, and `...args` which are
-* the arguments to be passed along with the event.
-* @returns The function `useEmitAsProps` returns an object that maps event names to functions that
-* call the `emit` function with the corresponding event name and arguments.
-*/
-function useEmitAsProps(emit) {
-	const vm = getCurrentInstance();
-	const events = vm?.type.emits;
-	const result = {};
-	if (!events?.length) console.warn(`No emitted event found. Please check component: ${vm?.type.__name}`);
-	events?.forEach((ev) => {
-		result[toHandlerKey(camelize(ev))] = (...arg) => emit(ev, ...arg);
-	});
-	return result;
-}
-//#endregion
-export { useEmitAsProps as t };

package/dist/es/chunks/useFocusGuards.js

@@ -1,34 +0,0 @@
-import { a as isClient } from "./dist.js";
-import { watchEffect } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useFocusGuards.js
-/** Number of components which have requested interest to have focus guards */
-var count = 0;
-/**
-* Injects a pair of focus guards at the edges of the whole DOM tree
-* to ensure `focusin` & `focusout` events can be caught consistently.
-*/
-function useFocusGuards() {
-	watchEffect((cleanupFn) => {
-		if (!isClient) return;
-		const edgeGuards = document.querySelectorAll("[data-reka-focus-guard]");
-		document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
-		document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
-		count++;
-		cleanupFn(() => {
-			if (count === 1) document.querySelectorAll("[data-reka-focus-guard]").forEach((node) => node.remove());
-			count--;
-		});
-	});
-}
-function createFocusGuard() {
-	const element = document.createElement("span");
-	element.setAttribute("data-reka-focus-guard", "");
-	element.tabIndex = 0;
-	element.style.outline = "none";
-	element.style.opacity = "0";
-	element.style.position = "fixed";
-	element.style.pointerEvents = "none";
-	return element;
-}
-//#endregion
-export { useFocusGuards as t };

package/dist/es/chunks/useFormControl.js

@@ -1,8 +0,0 @@
-import { i as unrefElement } from "./dist2.js";
-import { computed, toValue } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useFormControl.js
-function useFormControl(el) {
-	return computed(() => toValue(el) ? Boolean(unrefElement(el)?.closest("form")) : true);
-}
-//#endregion
-export { useFormControl as t };

package/dist/es/chunks/useForwardExpose.js

@@ -1,58 +0,0 @@
-import { i as unrefElement } from "./dist2.js";
-import { computed, getCurrentInstance, onUpdated, ref, triggerRef } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useForwardExpose.js
-function useForwardExpose() {
-	const instance = getCurrentInstance();
-	const currentRef = ref();
-	const currentElement = computed(() => resolveCurrentElement());
-	onUpdated(() => {
-		if (currentElement.value !== resolveCurrentElement()) triggerRef(currentRef);
-	});
-	function resolveCurrentElement() {
-		return currentRef.value && "$el" in currentRef.value && ["#text", "#comment"].includes(currentRef.value.$el.nodeName) ? currentRef.value.$el.nextElementSibling : unrefElement(currentRef);
-	}
-	const localExpose = Object.assign({}, instance.exposed);
-	const ret = {};
-	for (const key in instance.props) Object.defineProperty(ret, key, {
-		enumerable: true,
-		configurable: true,
-		get: () => instance.props[key]
-	});
-	if (Object.keys(localExpose).length > 0) for (const key in localExpose) Object.defineProperty(ret, key, {
-		enumerable: true,
-		configurable: true,
-		get: () => localExpose[key]
-	});
-	Object.defineProperty(ret, "$el", {
-		enumerable: true,
-		configurable: true,
-		get: () => instance.vnode.el
-	});
-	instance.exposed = ret;
-	function forwardRef(ref$1) {
-		currentRef.value = ref$1;
-		if (!ref$1) return;
-		Object.defineProperty(ret, "$el", {
-			enumerable: true,
-			configurable: true,
-			get: () => ref$1 instanceof Element ? ref$1 : ref$1.$el
-		});
-		if (!(ref$1 instanceof Element) && !Object.hasOwn(ref$1, "$el")) {
-			const childExposed = ref$1.$.exposed;
-			const merged = Object.assign({}, ret);
-			for (const key in childExposed) Object.defineProperty(merged, key, {
-				enumerable: true,
-				configurable: true,
-				get: () => childExposed[key]
-			});
-			instance.exposed = merged;
-		}
-	}
-	return {
-		forwardRef,
-		currentRef,
-		currentElement
-	};
-}
-//#endregion
-export { useForwardExpose as t };

package/dist/es/chunks/useForwardProps.js

@@ -1,34 +0,0 @@
-import { camelize, computed, getCurrentInstance, toRef } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useForwardProps.js
-/**
-* The `useForwardProps` function in TypeScript takes in a set of props and returns a computed value
-* that combines default props with assigned props from the current instance.
-* @param {T} props - The `props` parameter is an object that represents the props passed to a
-* component.
-* @returns computed value that combines the default props, preserved props, and assigned props.
-*/
-function useForwardProps(props) {
-	const vm = getCurrentInstance();
-	const defaultProps = Object.keys(vm?.type.props ?? {}).reduce((prev, curr) => {
-		const defaultValue = (vm?.type.props[curr]).default;
-		if (defaultValue !== void 0) prev[curr] = defaultValue;
-		return prev;
-	}, {});
-	const refProps = toRef(props);
-	return computed(() => {
-		const preservedProps = {};
-		const assignedProps = vm?.vnode.props ?? {};
-		Object.keys(assignedProps).forEach((key) => {
-			preservedProps[camelize(key)] = assignedProps[key];
-		});
-		return Object.keys({
-			...defaultProps,
-			...preservedProps
-		}).reduce((prev, curr) => {
-			if (refProps.value[curr] !== void 0) prev[curr] = refProps.value[curr];
-			return prev;
-		}, {});
-	});
-}
-//#endregion
-export { useForwardProps as t };

package/dist/es/chunks/useForwardPropsEmits.js

@@ -1,14 +0,0 @@
-import { t as useEmitAsProps } from "./useEmitAsProps.js";
-import { t as useForwardProps } from "./useForwardProps.js";
-import { computed } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useForwardPropsEmits.js
-function useForwardPropsEmits(props, emit) {
-	const parsedProps = useForwardProps(props);
-	const emitsAsProps = emit ? useEmitAsProps(emit) : {};
-	return computed(() => ({
-		...parsedProps.value,
-		...emitsAsProps
-	}));
-}
-//#endregion
-export { useForwardPropsEmits as t };

package/dist/es/chunks/useForwardScopeId.js

@@ -1,25 +0,0 @@
-import { getCurrentInstance } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useForwardScopeId.js
-/**
-* Returns the parent component's `<style scoped>` id (e.g. `data-v-xxxxxxx`) as a
-* bindable attribute object, so it can be manually forwarded onto the chosen root
-* element of a multi-root component.
-*
-* Vue only auto-applies the parent's scope id to a **single-root** component's root.
-* When a component renders multiple root nodes (e.g. an interactive control plus a
-* sibling hidden form input), that fallthrough is dropped and the parent's scoped
-* styles can no longer reach the component. Spread the returned object onto the
-* element that should stay styleable by the parent.
-*
-* @example
-* ```ts
-* const scopeIdAttrs = useForwardScopeId()
-* // <Primitive v-bind="{ ...$attrs, ...scopeIdAttrs }" />
-* ```
-*/
-function useForwardScopeId() {
-	const scopeId = (getCurrentInstance()?.vnode)?.scopeId;
-	return scopeId ? { [scopeId]: "" } : {};
-}
-//#endregion
-export { useForwardScopeId as t };

package/dist/es/chunks/useHideOthers.js

@@ -1,132 +0,0 @@
-import { i as unrefElement } from "./dist2.js";
-import { onUnmounted, watch } from "vue";
-//#region ../../node_modules/.pnpm/aria-hidden@1.2.6/node_modules/aria-hidden/dist/es2015/index.js
-var getDefaultParent = function(originalTarget) {
-	if (typeof document === "undefined") return null;
-	return (Array.isArray(originalTarget) ? originalTarget[0] : originalTarget).ownerDocument.body;
-};
-var counterMap = /* @__PURE__ */ new WeakMap();
-var uncontrolledNodes = /* @__PURE__ */ new WeakMap();
-var markerMap = {};
-var lockCount = 0;
-var unwrapHost = function(node) {
-	return node && (node.host || unwrapHost(node.parentNode));
-};
-var correctTargets = function(parent, targets) {
-	return targets.map(function(target) {
-		if (parent.contains(target)) return target;
-		var correctedTarget = unwrapHost(target);
-		if (correctedTarget && parent.contains(correctedTarget)) return correctedTarget;
-		console.error("aria-hidden", target, "in not contained inside", parent, ". Doing nothing");
-		return null;
-	}).filter(function(x) {
-		return Boolean(x);
-	});
-};
-/**
-* Marks everything except given node(or nodes) as aria-hidden
-* @param {Element | Element[]} originalTarget - elements to keep on the page
-* @param [parentNode] - top element, defaults to document.body
-* @param {String} [markerName] - a special attribute to mark every node
-* @param {String} [controlAttribute] - html Attribute to control
-* @return {Undo} undo command
-*/
-var applyAttributeToOthers = function(originalTarget, parentNode, markerName, controlAttribute) {
-	var targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
-	if (!markerMap[markerName]) markerMap[markerName] = /* @__PURE__ */ new WeakMap();
-	var markerCounter = markerMap[markerName];
-	var hiddenNodes = [];
-	var elementsToKeep = /* @__PURE__ */ new Set();
-	var elementsToStop = new Set(targets);
-	var keep = function(el) {
-		if (!el || elementsToKeep.has(el)) return;
-		elementsToKeep.add(el);
-		keep(el.parentNode);
-	};
-	targets.forEach(keep);
-	var deep = function(parent) {
-		if (!parent || elementsToStop.has(parent)) return;
-		Array.prototype.forEach.call(parent.children, function(node) {
-			if (elementsToKeep.has(node)) deep(node);
-			else try {
-				var attr = node.getAttribute(controlAttribute);
-				var alreadyHidden = attr !== null && attr !== "false";
-				var counterValue = (counterMap.get(node) || 0) + 1;
-				var markerValue = (markerCounter.get(node) || 0) + 1;
-				counterMap.set(node, counterValue);
-				markerCounter.set(node, markerValue);
-				hiddenNodes.push(node);
-				if (counterValue === 1 && alreadyHidden) uncontrolledNodes.set(node, true);
-				if (markerValue === 1) node.setAttribute(markerName, "true");
-				if (!alreadyHidden) node.setAttribute(controlAttribute, "true");
-			} catch (e) {
-				console.error("aria-hidden: cannot operate on ", node, e);
-			}
-		});
-	};
-	deep(parentNode);
-	elementsToKeep.clear();
-	lockCount++;
-	return function() {
-		hiddenNodes.forEach(function(node) {
-			var counterValue = counterMap.get(node) - 1;
-			var markerValue = markerCounter.get(node) - 1;
-			counterMap.set(node, counterValue);
-			markerCounter.set(node, markerValue);
-			if (!counterValue) {
-				if (!uncontrolledNodes.has(node)) node.removeAttribute(controlAttribute);
-				uncontrolledNodes.delete(node);
-			}
-			if (!markerValue) node.removeAttribute(markerName);
-		});
-		lockCount--;
-		if (!lockCount) {
-			counterMap = /* @__PURE__ */ new WeakMap();
-			counterMap = /* @__PURE__ */ new WeakMap();
-			uncontrolledNodes = /* @__PURE__ */ new WeakMap();
-			markerMap = {};
-		}
-	};
-};
-/**
-* Marks everything except given node(or nodes) as aria-hidden
-* @param {Element | Element[]} originalTarget - elements to keep on the page
-* @param [parentNode] - top element, defaults to document.body
-* @param {String} [markerName] - a special attribute to mark every node
-* @return {Undo} undo command
-*/
-var hideOthers = function(originalTarget, parentNode, markerName) {
-	if (markerName === void 0) markerName = "data-aria-hidden";
-	var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
-	var activeParentNode = parentNode || getDefaultParent(originalTarget);
-	if (!activeParentNode) return function() {
-		return null;
-	};
-	targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live], script")));
-	return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
-};
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useHideOthers.js
-/**
-* The `useHideOthers` function is a TypeScript function that takes a target element reference and
-* hides all other elements in ARIA when the target element is present, and restores the visibility of the
-* hidden elements when the target element is removed.
-* @param {MaybeElementRef} target - The `target` parameter is a reference to the element that you want
-* to hide other elements when it is clicked or focused.
-*/
-function useHideOthers(target) {
-	let undo;
-	watch(() => unrefElement(target), (el) => {
-		let isInsideClosedPopover = false;
-		try {
-			isInsideClosedPopover = !!el?.closest("[popover]:not(:popover-open)");
-		} catch {}
-		if (el && !isInsideClosedPopover) undo = hideOthers(el);
-		else if (undo) undo();
-	});
-	onUnmounted(() => {
-		if (undo) undo();
-	});
-}
-//#endregion
-export { useHideOthers as t };

package/dist/es/chunks/useId.js

@@ -1,23 +0,0 @@
-import { n as injectConfigProviderContext } from "./ConfigProvider.js";
-import * as vue from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useId.js
-var count = 0;
-/**
-* The `useId` function generates a unique identifier using a provided deterministic ID,
-* a configured `<ConfigProvider>` ID source, Vue's native `useId`, or a fallback counter.
-* @param {string | null | undefined} [deterministicId] - The `useId` function you provided takes an
-* optional parameter `deterministicId`, which can be a string, null, or undefined. If
-* `deterministicId` is provided, the function will return it. Otherwise, it will generate an id using
-* the configured ID source.
-*/
-function useId(deterministicId, prefix = "reka") {
-	if (deterministicId) return deterministicId;
-	let id;
-	const configProviderContext = injectConfigProviderContext({ useId: void 0 });
-	if (configProviderContext.useId) id = configProviderContext.useId();
-	else if ("useId" in vue) id = vue.useId?.();
-	else id = `${++count}`;
-	return prefix ? `${prefix}-${id}` : id;
-}
-//#endregion
-export { useId as t };

package/dist/es/chunks/useKbd.js

@@ -1,41 +0,0 @@
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useKbd.js
-function useKbd() {
-	return {
-		ALT: "Alt",
-		ARROW_DOWN: "ArrowDown",
-		ARROW_LEFT: "ArrowLeft",
-		ARROW_RIGHT: "ArrowRight",
-		ARROW_UP: "ArrowUp",
-		BACKSPACE: "Backspace",
-		CAPS_LOCK: "CapsLock",
-		CONTROL: "Control",
-		DELETE: "Delete",
-		END: "End",
-		ENTER: "Enter",
-		ESCAPE: "Escape",
-		F1: "F1",
-		F10: "F10",
-		F11: "F11",
-		F12: "F12",
-		F2: "F2",
-		F3: "F3",
-		F4: "F4",
-		F5: "F5",
-		F6: "F6",
-		F7: "F7",
-		F8: "F8",
-		F9: "F9",
-		HOME: "Home",
-		META: "Meta",
-		PAGE_DOWN: "PageDown",
-		PAGE_UP: "PageUp",
-		SHIFT: "Shift",
-		SPACE: " ",
-		TAB: "Tab",
-		CTRL: "Control",
-		ASTERISK: "*",
-		SPACE_CODE: "Space"
-	};
-}
-//#endregion
-export { useKbd as t };

package/dist/es/chunks/useLocale.js

@@ -1,14 +0,0 @@
-import { n as injectConfigProviderContext } from "./ConfigProvider.js";
-import { computed, ref } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useLocale.js
-/**
-* The `useLocale` function provides a way to access the current locale in your application.
-* @param {Ref<string | undefined>} [locale] - An optional ref containing the locale.
-* @returns A computed ref holding the resolved locale.
-*/
-function useLocale(locale) {
-	const context = injectConfigProviderContext({ locale: ref("en") });
-	return computed(() => locale?.value || context.locale?.value || "en");
-}
-//#endregion
-export { useLocale as t };

package/dist/es/chunks/useNonce.js

@@ -1,9 +0,0 @@
-import { n as injectConfigProviderContext } from "./ConfigProvider.js";
-import { computed, ref } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_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

@@ -1,12 +0,0 @@
-import { i as unrefElement } from "./dist2.js";
-import { computed, ref } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_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

@@ -1,49 +0,0 @@
-import { i as unrefElement } from "./dist2.js";
-import { computed, onMounted, onUnmounted, ref } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_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

@@ -1,64 +0,0 @@
-import { t as getActiveElement } from "./getActiveElement.js";
-import { p as refAutoReset } from "./dist.js";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_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 };