@youcan/celeste 0.21.2 → 0.22.0

package/dist/cjs/chunks/useTypeahead.cjs

@@ -1,69 +0,0 @@
-const require_getActiveElement = require("./getActiveElement.cjs");
-const require_dist = require("./dist.cjs");
-//#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 = require_dist.refAutoReset("", 1e3);
-	const handleTypeaheadSearch = (key, items) => {
-		search.value = search.value + key;
-		if (callback) callback(key);
-		else {
-			const currentItem = require_getActiveElement.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
-Object.defineProperty(exports, "useTypeahead", {
-	enumerable: true,
-	get: function() {
-		return useTypeahead;
-	}
-});

package/dist/cjs/chunks/utils.cjs

@@ -1,117 +0,0 @@
-const require_getActiveElement = require("./getActiveElement.cjs");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_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 = require_getActiveElement.getActiveElement();
-	for (const candidate of candidates) {
-		if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-		candidate.focus();
-		if (require_getActiveElement.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
-Object.defineProperty(exports, "FIRST_LAST_KEYS", {
-	enumerable: true,
-	get: function() {
-		return FIRST_LAST_KEYS;
-	}
-});
-Object.defineProperty(exports, "ITEM_SELECT", {
-	enumerable: true,
-	get: function() {
-		return ITEM_SELECT;
-	}
-});
-Object.defineProperty(exports, "LAST_KEYS", {
-	enumerable: true,
-	get: function() {
-		return LAST_KEYS;
-	}
-});
-Object.defineProperty(exports, "SELECTION_KEYS", {
-	enumerable: true,
-	get: function() {
-		return SELECTION_KEYS;
-	}
-});
-Object.defineProperty(exports, "SUB_CLOSE_KEYS", {
-	enumerable: true,
-	get: function() {
-		return SUB_CLOSE_KEYS;
-	}
-});
-Object.defineProperty(exports, "SUB_OPEN_KEYS", {
-	enumerable: true,
-	get: function() {
-		return SUB_OPEN_KEYS;
-	}
-});
-Object.defineProperty(exports, "focusFirst", {
-	enumerable: true,
-	get: function() {
-		return focusFirst;
-	}
-});
-Object.defineProperty(exports, "getOpenState", {
-	enumerable: true,
-	get: function() {
-		return getOpenState;
-	}
-});
-Object.defineProperty(exports, "isMouseEvent", {
-	enumerable: true,
-	get: function() {
-		return isMouseEvent;
-	}
-});
-Object.defineProperty(exports, "isPointerInGraceArea", {
-	enumerable: true,
-	get: function() {
-		return isPointerInGraceArea;
-	}
-});

package/dist/cjs/chunks/utils2.cjs

@@ -1,73 +0,0 @@
-const require_getActiveElement = require("./getActiveElement.cjs");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_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 = require_getActiveElement.getActiveElement();
-	for (const candidate of candidates) {
-		if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-		candidate.focus({ preventScroll });
-		if (require_getActiveElement.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
-Object.defineProperty(exports, "ENTRY_FOCUS", {
-	enumerable: true,
-	get: function() {
-		return ENTRY_FOCUS;
-	}
-});
-Object.defineProperty(exports, "EVENT_OPTIONS", {
-	enumerable: true,
-	get: function() {
-		return EVENT_OPTIONS;
-	}
-});
-Object.defineProperty(exports, "focusFirst", {
-	enumerable: true,
-	get: function() {
-		return focusFirst;
-	}
-});
-Object.defineProperty(exports, "getFocusIntent", {
-	enumerable: true,
-	get: function() {
-		return getFocusIntent;
-	}
-});
-Object.defineProperty(exports, "wrapArray", {
-	enumerable: true,
-	get: function() {
-		return wrapArray;
-	}
-});

package/dist/cjs/chunks/utils3.cjs

@@ -1,20 +0,0 @@
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_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
-Object.defineProperty(exports, "makeContentId", {
-	enumerable: true,
-	get: function() {
-		return makeContentId;
-	}
-});
-Object.defineProperty(exports, "makeTriggerId", {
-	enumerable: true,
-	get: function() {
-		return makeTriggerId;
-	}
-});

package/dist/es/chunks/BubbleSelect.js

@@ -1,290 +0,0 @@
-import { t as isEqual } from "./ohash.D__AXeF1.js";
-import { t as createContext } from "./createContext.js";
-import { t as isNullish } from "./nullish.js";
-import { p as useVModel } from "./dist2.js";
-import { t as useDirection } from "./useDirection.js";
-import { t as useFormControl } from "./useFormControl.js";
-import { t as useCollection } from "./Collection.js";
-import { t as VisuallyHidden_default } from "./VisuallyHidden.js";
-import { t as PopperRoot_default } from "./PopperRoot.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderList, renderSlot, toRefs, unref, watch, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Select/utils.js
-var OPEN_KEYS = [
-	" ",
-	"Enter",
-	"ArrowUp",
-	"ArrowDown"
-];
-var SELECTION_KEYS = [" ", "Enter"];
-function valueComparator(value, currentValue, comparator) {
-	if (value === void 0) return false;
-	else if (Array.isArray(value)) return value.some((val) => compare(val, currentValue, comparator));
-	else return compare(value, currentValue, comparator);
-}
-function compare(value, currentValue, comparator) {
-	if (value === void 0 || currentValue === void 0) return false;
-	if (typeof value === "string") return value === currentValue;
-	if (typeof comparator === "function") return comparator(value, currentValue);
-	if (typeof comparator === "string") return value?.[comparator] === currentValue?.[comparator];
-	return isEqual(value, currentValue);
-}
-function shouldShowPlaceholder(value) {
-	return value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Select/SelectRoot.js
-var _hoisted_1 = ["value"];
-var [injectSelectRootContext, provideSelectRootContext] = /*#__PURE__*/ createContext("SelectRoot");
-var SelectRoot_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "SelectRoot",
-	props: {
-		open: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		defaultOpen: {
-			type: Boolean,
-			required: false
-		},
-		defaultValue: {
-			type: null,
-			required: false
-		},
-		modelValue: {
-			type: null,
-			required: false,
-			default: void 0
-		},
-		nullableValue: {
-			type: String,
-			required: false,
-			default: ""
-		},
-		by: {
-			type: [String, Function],
-			required: false
-		},
-		dir: {
-			type: String,
-			required: false
-		},
-		multiple: {
-			type: Boolean,
-			required: false
-		},
-		autocomplete: {
-			type: String,
-			required: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		name: {
-			type: String,
-			required: false
-		},
-		required: {
-			type: Boolean,
-			required: false
-		}
-	},
-	emits: ["update:modelValue", "update:open"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const { required, disabled, multiple, dir: propDir } = toRefs(props);
-		const modelValue = useVModel(props, "modelValue", emits, {
-			defaultValue: props.defaultValue ?? (multiple.value ? [] : void 0),
-			passive: props.modelValue === void 0,
-			deep: true
-		});
-		const open = useVModel(props, "open", emits, {
-			defaultValue: props.defaultOpen,
-			passive: props.open === void 0
-		});
-		const triggerElement = ref();
-		const valueElement = ref();
-		const triggerPointerDownPosRef = ref({
-			x: 0,
-			y: 0
-		});
-		const isEmptyModelValue = computed(() => {
-			if (multiple.value && Array.isArray(modelValue.value)) return modelValue.value?.length === 0;
-			else return isNullish(modelValue.value);
-		});
-		useCollection({ isProvider: true });
-		const dir = useDirection(propDir);
-		const isFormControl = useFormControl(triggerElement);
-		const optionsSet = ref(/* @__PURE__ */ new Set());
-		const nativeSelectKey = computed(() => {
-			return Array.from(optionsSet.value).map((option) => option.value).join(";");
-		});
-		function handleValueChange(value) {
-			if (multiple.value) {
-				const array = Array.isArray(modelValue.value) ? [...modelValue.value] : [];
-				const index = array.findIndex((i) => compare(i, value, props.by));
-				index === -1 ? array.push(value) : array.splice(index, 1);
-				modelValue.value = [...array];
-			} else modelValue.value = value;
-		}
-		function getOption(value) {
-			return Array.from(optionsSet.value).find((option) => valueComparator(value, option.value, props.by));
-		}
-		provideSelectRootContext({
-			triggerElement,
-			onTriggerChange: (node) => {
-				triggerElement.value = node;
-			},
-			valueElement,
-			onValueElementChange: (node) => {
-				valueElement.value = node;
-			},
-			contentId: "",
-			modelValue,
-			onValueChange: handleValueChange,
-			by: props.by,
-			open,
-			multiple,
-			required,
-			onOpenChange: (value) => {
-				open.value = value;
-			},
-			dir,
-			triggerPointerDownPosRef,
-			disabled,
-			isEmptyModelValue,
-			optionsSet,
-			onOptionAdd: (option) => {
-				const existingOption = getOption(option.value);
-				if (existingOption) optionsSet.value.delete(existingOption);
-				optionsSet.value.add(option);
-			},
-			onOptionRemove: (option) => {
-				const existingOption = getOption(option.value);
-				if (existingOption) optionsSet.value.delete(existingOption);
-			}
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PopperRoot_default), null, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
-					modelValue: unref(modelValue),
-					open: unref(open)
-				}), unref(isFormControl) && _ctx.name ? (openBlock(), createBlock(BubbleSelect_default, {
-					key: nativeSelectKey.value,
-					"aria-hidden": "true",
-					tabindex: "-1",
-					multiple: unref(multiple),
-					required: unref(required),
-					name: _ctx.name,
-					autocomplete: _ctx.autocomplete,
-					disabled: unref(disabled),
-					value: unref(modelValue)
-				}, {
-					default: withCtx(() => [unref(isNullish)(unref(modelValue)) ? (openBlock(), createElementBlock("option", {
-						key: 0,
-						value: _ctx.nullableValue
-					}, null, 8, _hoisted_1)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(Array.from(optionsSet.value), (option) => {
-						return openBlock(), createElementBlock("option", mergeProps({ key: option.value ?? "" }, { ref_for: true }, option), null, 16);
-					}), 128))]),
-					_: 1
-				}, 8, [
-					"multiple",
-					"required",
-					"name",
-					"autocomplete",
-					"disabled",
-					"value"
-				])) : createCommentVNode("v-if", true)]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Select/BubbleSelect.js
-var BubbleSelect_default = /* @__PURE__ */ defineComponent({
-	__name: "BubbleSelect",
-	props: {
-		autocomplete: {
-			type: String,
-			required: false
-		},
-		autofocus: {
-			type: Boolean,
-			required: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		form: {
-			type: String,
-			required: false
-		},
-		multiple: {
-			type: Boolean,
-			required: false
-		},
-		name: {
-			type: String,
-			required: false
-		},
-		required: {
-			type: Boolean,
-			required: false
-		},
-		size: {
-			type: Number,
-			required: false
-		},
-		value: {
-			type: null,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const selectElement = ref();
-		const rootContext = injectSelectRootContext();
-		watch(() => props.value, (cur, prev) => {
-			const selectProto = window.HTMLSelectElement.prototype;
-			const setValue = Object.getOwnPropertyDescriptor(selectProto, "value").set;
-			if (cur !== prev && setValue && selectElement.value) {
-				const event = new Event("change", { bubbles: true });
-				setValue.call(selectElement.value, cur);
-				selectElement.value.dispatchEvent(event);
-			}
-		});
-		/**
-		* Form autofill will trigger an `input` event on the `select` element.
-		* We listen to that event and update our internal state to support it.
-		*/
-		function handleInput(event) {
-			rootContext.onValueChange(event.target.value);
-		}
-		/**
-		* We purposefully use a `select` here to support form autofill as much
-		* as possible.
-		*
-		* We purposefully do not add the `value` attribute here to allow the value
-		* to be set programmatically and bubble to any parent form `onChange` event.
-		*
-		* We use `VisuallyHidden` rather than `display: "none"` because Safari autofill
-		* won't work otherwise.
-		*/
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VisuallyHidden_default), { "as-child": "" }, {
-				default: withCtx(() => [createElementVNode("select", mergeProps({
-					ref_key: "selectElement",
-					ref: selectElement
-				}, props, { onInput: handleInput }), [renderSlot(_ctx.$slots, "default")], 16)]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-export { SELECTION_KEYS as a, OPEN_KEYS as i, injectSelectRootContext as n, shouldShowPlaceholder as o, provideSelectRootContext as r, valueComparator as s, SelectRoot_default as t };

package/dist/es/chunks/CollapsibleRoot.js

@@ -1,78 +0,0 @@
-import { t as createContext } from "./createContext.js";
-import { p as useVModel } from "./dist2.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { createBlock, defineComponent, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Collapsible/CollapsibleRoot.js
-var [injectCollapsibleRootContext, provideCollapsibleRootContext] = /*#__PURE__*/ createContext("CollapsibleRoot");
-var CollapsibleRoot_default = /* @__PURE__ */ defineComponent({
-	__name: "CollapsibleRoot",
-	props: {
-		defaultOpen: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		open: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		unmountOnHide: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		}
-	},
-	emits: ["update:open"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const open = useVModel(props, "open", __emit, {
-			defaultValue: props.defaultOpen,
-			passive: props.open === void 0
-		});
-		const { disabled, unmountOnHide } = toRefs(props);
-		provideCollapsibleRootContext({
-			contentId: "",
-			disabled,
-			open,
-			unmountOnHide,
-			onOpenToggle: () => {
-				if (disabled.value) return;
-				open.value = !open.value;
-			}
-		});
-		__expose({ open });
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), {
-				as: _ctx.as,
-				"as-child": props.asChild,
-				"data-state": unref(open) ? "open" : "closed",
-				"data-disabled": unref(disabled) ? "" : void 0
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { open: unref(open) })]),
-				_: 3
-			}, 8, [
-				"as",
-				"as-child",
-				"data-state",
-				"data-disabled"
-			]);
-		};
-	}
-});
-//#endregion
-export { injectCollapsibleRootContext as n, CollapsibleRoot_default as t };