@astryx-vue/core 0.2.3 → 0.2.4

package/dist/Typeahead-_V11btpv.js

@@ -0,0 +1,499 @@
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { t as _sfc_main$2 } from "./Spinner-9cYUCnDy.js";
+import { t as _sfc_main$3 } from "./Field-8zRxzDHE.js";
+import { t as _sfc_main$4 } from "./Token-D2GsI_Ei.js";
+import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-BN9LQnon.js";
+import { r as useTypeaheadMenu, t as _sfc_main$5 } from "./TypeaheadMenu-BEObzonz.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref, useId, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
+import "../styles/visually-hidden-utility.css";
+import "../styles/typeahead.css";
+//#region src/Typeahead/BaseTypeahead.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "astryx-typeahead-icon",
+	"aria-hidden": "true"
+};
+const _hoisted_2 = [
+	"id",
+	"placeholder",
+	"value",
+	"disabled",
+	"readonly",
+	"aria-disabled",
+	"aria-expanded",
+	"aria-controls",
+	"aria-label",
+	"aria-activedescendant",
+	"aria-describedby",
+	"aria-required",
+	"title"
+];
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = ["id"];
+const _hoisted_5 = ["name", "value"];
+const _hoisted_6 = [
+	"id",
+	"aria-label",
+	"data-placement"
+];
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	name: "AstryxBaseTypeahead",
+	inheritAttrs: false,
+	__name: "BaseTypeahead",
+	props: {
+		modelValue: { default: null },
+		searchSource: {},
+		label: {},
+		inputId: {},
+		describedBy: {},
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		disabledReason: {},
+		status: { default: "default" },
+		size: { default: "md" },
+		clearable: {
+			type: Boolean,
+			default: true
+		},
+		debounceMs: { default: 150 },
+		maxMenuItems: { default: 10 },
+		showOnFocus: {
+			type: Boolean,
+			default: false
+		},
+		emptyText: {},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		name: {}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"search",
+		"openChange"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const messages = useAstryxMessages();
+		const generatedId = `astryx-typeahead-${useId()}`;
+		const inputId = computed(() => props.inputId ?? generatedId);
+		const listboxId = computed(() => `${inputId.value}-listbox`);
+		const disabledId = computed(() => `${inputId.value}-disabled`);
+		const editing = ref(false);
+		let suppressFocusOpen = false;
+		const inputRef = useTemplateRef("inputRef");
+		const anchorRef = useTemplateRef("anchorRef");
+		const listboxRef = useTemplateRef("listboxRef");
+		const placeholder = computed(() => props.placeholder ?? messages.value.typeahead.placeholder);
+		const emptyText = computed(() => props.emptyText ?? messages.value.typeahead.empty);
+		const clearLabel = computed(() => messages.value.typeahead.clear);
+		const focusableDisabled = computed(() => props.disabled && Boolean(props.disabledReason?.trim()));
+		const menu = useTypeaheadMenu({
+			source: () => props.searchSource,
+			debounceMs: () => props.debounceMs,
+			showOnFocus: () => props.showOnFocus,
+			maxItems: () => props.maxMenuItems,
+			disabled: () => props.disabled,
+			onSelect: (entry) => {
+				commit(entry.item);
+			},
+			onEscape: () => {
+				restoreSelection();
+			},
+			onQueryChange: (query) => {
+				emit("search", query);
+			}
+		});
+		const anchored = useAnchoredListbox({
+			anchor: anchorRef,
+			layer: listboxRef,
+			isOpen: menu.combobox.isOpen,
+			onDismiss: () => {
+				menu.close();
+				restoreSelection();
+			}
+		});
+		const selected = computed(() => props.modelValue ?? null);
+		const showToken = computed(() => selected.value != null && !editing.value);
+		const describedBy = computed(() => {
+			return [props.describedBy, focusableDisabled.value ? disabledId.value : void 0].filter(Boolean).join(" ") || void 0;
+		});
+		watch(() => menu.combobox.isOpen.value, (isOpen) => {
+			emit("openChange", isOpen);
+		});
+		watch(() => menu.combobox.activeIndex.value, (index) => {
+			if (index < 0 || !menu.combobox.isOpen.value) return;
+			nextTick(() => {
+				scrollOptionIntoView(listboxRef.value, menu.entries.value[index]?.id);
+			});
+		});
+		function commit(item) {
+			editing.value = false;
+			menu.query.value = "";
+			menu.close();
+			emit("update:modelValue", item);
+			emit("change", item);
+			suppressFocusOpen = item != null;
+			nextTick(() => {
+				inputRef.value?.focus();
+				suppressFocusOpen = false;
+			});
+		}
+		function restoreSelection() {
+			if (selected.value == null) return;
+			editing.value = false;
+			menu.query.value = "";
+		}
+		function startEdit() {
+			if (props.disabled || selected.value == null || editing.value) return;
+			editing.value = true;
+			menu.setQuery(selected.value.label);
+			nextTick(() => {
+				inputRef.value?.focus();
+				inputRef.value?.select();
+			});
+		}
+		function highlight(index) {
+			const entry = menu.entries.value[index];
+			if (entry && !entry.disabled) menu.combobox.activeIndex.value = index;
+		}
+		function onInput(event) {
+			if (props.disabled) return;
+			menu.setQuery(event.target.value);
+		}
+		function onFocus() {
+			if (props.disabled || suppressFocusOpen) return;
+			if (showToken.value) {
+				startEdit();
+				return;
+			}
+			if (props.showOnFocus) menu.open();
+		}
+		function onBlur(event) {
+			const next = event.relatedTarget;
+			if (next instanceof Node && (anchorRef.value?.contains(next) || listboxRef.value?.contains(next))) return;
+			menu.close();
+			restoreSelection();
+		}
+		function onControlClick(event) {
+			if (props.disabled) return;
+			const target = event.target;
+			if (target instanceof Element && target.closest("button, a")) return;
+			if (showToken.value) startEdit();
+			else inputRef.value?.focus();
+		}
+		function onClear(event) {
+			event.stopPropagation();
+			commit(null);
+		}
+		function onMenuSelect(id) {
+			const entry = menu.entries.value.find((item) => item.id === id);
+			if (entry && !entry.disabled) commit(entry.item);
+		}
+		function optionSelected(id) {
+			return selected.value?.id === id;
+		}
+		__expose({
+			focus: () => inputRef.value?.focus(),
+			blur: () => inputRef.value?.blur()
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", { class: normalizeClass(["astryx-typeahead astryx-typeahead--bare", [`size-${props.size}`]]) }, [createCommentVNode(" eslint-disable-next-line vue-a11y/click-events-have-key-events, vue-a11y/no-static-element-interactions -- 点空白处只是把焦点交给组合框；键盘用户直接 Tab 到输入框。 "), createElementVNode("div", {
+				ref_key: "anchorRef",
+				ref: anchorRef,
+				class: normalizeClass(["astryx-typeahead-control", [`status-${props.status}`, {
+					"is-open": unref(menu).combobox.isOpen.value,
+					"is-disabled": props.disabled
+				}]]),
+				onClick: onControlClick
+			}, [
+				_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true),
+				showToken.value && selected.value ? (openBlock(), createBlock(_sfc_main$4, {
+					key: 1,
+					class: "astryx-typeahead-value",
+					label: selected.value.label,
+					size: props.size,
+					disabled: props.disabled,
+					onClick: startEdit
+				}, null, 8, [
+					"label",
+					"size",
+					"disabled"
+				])) : createCommentVNode("v-if", true),
+				createElementVNode("input", {
+					id: inputId.value,
+					ref_key: "inputRef",
+					ref: inputRef,
+					class: normalizeClass(["astryx-typeahead-input", { "is-hidden": showToken.value }]),
+					type: "text",
+					role: "combobox",
+					autocomplete: "off",
+					autocapitalize: "off",
+					placeholder: showToken.value ? void 0 : placeholder.value,
+					value: showToken.value ? "" : unref(menu).query.value,
+					disabled: props.disabled && !focusableDisabled.value,
+					readonly: focusableDisabled.value || void 0,
+					"aria-disabled": focusableDisabled.value ? "true" : void 0,
+					"aria-expanded": unref(menu).combobox.isOpen.value,
+					"aria-controls": listboxId.value,
+					"aria-label": props.label,
+					"aria-autocomplete": "list",
+					"aria-activedescendant": unref(menu).activeId.value ? `${listboxId.value}-option-${unref(menu).combobox.activeIndex.value}` : void 0,
+					"aria-describedby": describedBy.value,
+					"aria-required": props.required || void 0,
+					title: props.disabledReason,
+					onInput,
+					onFocus,
+					onBlur,
+					onKeydown: _cache[0] || (_cache[0] = (...args) => unref(menu).onKeyDown && unref(menu).onKeyDown(...args))
+				}, null, 42, _hoisted_2),
+				unref(menu).status.value === "loading" ? (openBlock(), createBlock(_sfc_main$2, {
+					key: 2,
+					class: "astryx-typeahead-spinner",
+					size: "sm",
+					"aria-label": unref(messages).typeahead.loading
+				}, null, 8, ["aria-label"])) : createCommentVNode("v-if", true),
+				props.clearable && selected.value && !props.disabled ? (openBlock(), createElementBlock("button", {
+					key: 3,
+					type: "button",
+					class: "astryx-typeahead-clear",
+					"aria-label": clearLabel.value,
+					onClick: onClear
+				}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					"aria-hidden": "true"
+				}, [createElementVNode("path", {
+					d: "M12 4L4 12M4 4L12 12",
+					stroke: "currentColor",
+					"stroke-width": "1.5",
+					"stroke-linecap": "round"
+				})], -1)])], 8, _hoisted_3)) : createCommentVNode("v-if", true),
+				focusableDisabled.value ? (openBlock(), createElementBlock("span", {
+					key: 4,
+					id: disabledId.value,
+					class: "astryx-visually-hidden"
+				}, toDisplayString(props.disabledReason), 9, _hoisted_4)) : createCommentVNode("v-if", true),
+				props.name ? (openBlock(), createElementBlock("input", {
+					key: 5,
+					type: "hidden",
+					name: props.name,
+					value: selected.value?.id ?? ""
+				}, null, 8, _hoisted_5)) : createCommentVNode("v-if", true)
+			], 2)], 2), (openBlock(), createBlock(Teleport, { to: "body" }, [withDirectives(createElementVNode("div", {
+				id: listboxId.value,
+				ref_key: "listboxRef",
+				ref: listboxRef,
+				class: "astryx-typeahead-listbox",
+				role: "listbox",
+				"aria-label": unref(messages).typeahead.results,
+				"data-placement": unref(anchored).position.value.placement,
+				style: normalizeStyle(unref(anchored).style.value),
+				tabindex: "-1"
+			}, [createVNode(_sfc_main$5, {
+				entries: unref(menu).entries.value.map((entry) => ({
+					id: entry.id,
+					label: entry.label,
+					description: entry.description,
+					disabled: entry.disabled,
+					selected: optionSelected(entry.item.id)
+				})),
+				"active-index": unref(menu).combobox.activeIndex.value,
+				status: unref(menu).status.value,
+				"listbox-id": listboxId.value,
+				"empty-text": emptyText.value,
+				"loading-text": unref(messages).typeahead.loading,
+				"error-text": unref(messages).typeahead.error,
+				onSelect: onMenuSelect,
+				onHighlight: highlight
+			}, createSlots({ _: 2 }, [_ctx.$slots.item ? {
+				name: "item",
+				fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", {
+					item: unref(menu).entries.value.find((entry) => entry.id === slotProps.entry.id).item,
+					isActive: slotProps.isActive,
+					isSelected: slotProps.isSelected
+				})]),
+				key: "0"
+			} : void 0, _ctx.$slots.empty ? {
+				name: "empty",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
+				key: "1"
+			} : void 0]), 1032, [
+				"entries",
+				"active-index",
+				"status",
+				"listbox-id",
+				"empty-text",
+				"loading-text",
+				"error-text"
+			])], 12, _hoisted_6), [[vShow, unref(menu).combobox.isOpen.value]])]))], 64);
+		};
+	}
+});
+//#endregion
+//#region src/Typeahead/Typeahead.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxTypeahead",
+	inheritAttrs: false,
+	__name: "Typeahead",
+	props: {
+		modelValue: { default: null },
+		searchSource: {},
+		label: {},
+		labelHidden: {
+			type: Boolean,
+			default: false
+		},
+		description: {},
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		disabledReason: {},
+		status: { default: "default" },
+		statusMessage: {},
+		size: { default: "md" },
+		clearable: {
+			type: Boolean,
+			default: true
+		},
+		debounceMs: { default: 150 },
+		maxMenuItems: { default: 10 },
+		showOnFocus: {
+			type: Boolean,
+			default: false
+		},
+		emptyText: {},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		optional: {
+			type: Boolean,
+			default: false
+		},
+		name: {},
+		width: {}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"search",
+		"openChange"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const inputId = `astryx-typeahead-${useId()}`;
+		const base = useTemplateRef("base");
+		const fieldStatus = computed(() => {
+			if (!props.statusMessage || props.status === "default") return void 0;
+			return {
+				type: props.status,
+				message: props.statusMessage
+			};
+		});
+		__expose({
+			focus: () => base.value?.focus(),
+			blur: () => base.value?.blur()
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$3, {
+				class: normalizeClass(["astryx-typeahead", [`size-${props.size}`]]),
+				label: props.label,
+				"input-id": inputId,
+				description: props.description,
+				"is-label-hidden": props.labelHidden,
+				"is-disabled": props.disabled,
+				"is-required": props.required,
+				"is-optional": props.optional,
+				status: fieldStatus.value,
+				width: props.width
+			}, {
+				default: withCtx((field) => [createVNode(_sfc_main$1, {
+					ref_key: "base",
+					ref: base,
+					"model-value": props.modelValue,
+					"search-source": props.searchSource,
+					"input-id": field.inputId,
+					"described-by": field.describedBy,
+					placeholder: props.placeholder,
+					disabled: props.disabled,
+					"disabled-reason": props.disabledReason,
+					status: props.status,
+					size: props.size,
+					clearable: props.clearable,
+					"debounce-ms": props.debounceMs,
+					"max-menu-items": props.maxMenuItems,
+					"show-on-focus": props.showOnFocus,
+					"empty-text": props.emptyText,
+					required: props.required,
+					name: props.name,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
+					onChange: _cache[1] || (_cache[1] = ($event) => emit("change", $event)),
+					onSearch: _cache[2] || (_cache[2] = ($event) => emit("search", $event)),
+					onOpenChange: _cache[3] || (_cache[3] = ($event) => emit("openChange", $event))
+				}, createSlots({ _: 2 }, [
+					_ctx.$slots.icon ? {
+						name: "icon",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "icon")]),
+						key: "0"
+					} : void 0,
+					_ctx.$slots.item ? {
+						name: "item",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", {
+							item: slotProps.item,
+							isActive: slotProps.isActive,
+							isSelected: slotProps.isSelected
+						})]),
+						key: "1"
+					} : void 0,
+					_ctx.$slots.empty ? {
+						name: "empty",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
+						key: "2"
+					} : void 0
+				]), 1032, [
+					"model-value",
+					"search-source",
+					"input-id",
+					"described-by",
+					"placeholder",
+					"disabled",
+					"disabled-reason",
+					"status",
+					"size",
+					"clearable",
+					"debounce-ms",
+					"max-menu-items",
+					"show-on-focus",
+					"empty-text",
+					"required",
+					"name"
+				])]),
+				_: 3
+			}, 8, [
+				"class",
+				"label",
+				"description",
+				"is-label-hidden",
+				"is-disabled",
+				"is-required",
+				"is-optional",
+				"status",
+				"width"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main$1 as n, _sfc_main as t };

package/dist/{TypeaheadMenu-CGvo0Tud.js → TypeaheadMenu-BEObzonz.js}

@@ -1,7 +1,8 @@
 import { n as useAsyncSource } from "./useAsyncSource-Gk0VtE7_.js";
 import { t as useCombobox } from "./useCombobox-CTo5C-gc.js";
-import { t as _sfc_main$1 } from "./Spinner-9cYUCnDy.js";
+import { t as _sfc_main$2 } from "./Spinner-9cYUCnDy.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, toValue, watch, withModifiers } from "vue";
+import "../styles/typeahead.css";
 //#region src/Typeahead/useTypeaheadMenu.ts
 function isEditableTarget(event) {
 	const target = event.target;
@@ -167,6 +168,38 @@ function useTypeaheadMenu(options) {
 	};
 }
 //#endregion
+//#region src/Typeahead/TypeaheadItem.vue
+const _hoisted_1$1 = ["data-disabled"];
+const _hoisted_2$1 = {
+	key: 0,
+	class: "astryx-typeahead-item-icon",
+	"aria-hidden": "true"
+};
+const _hoisted_3$1 = { class: "astryx-typeahead-item-copy" };
+const _hoisted_4$1 = { class: "astryx-typeahead-option-label" };
+const _hoisted_5$1 = {
+	key: 0,
+	class: "astryx-typeahead-option-description"
+};
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	name: "AstryxTypeaheadItem",
+	__name: "TypeaheadItem",
+	props: {
+		item: {},
+		description: {},
+		isDisabled: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: "astryx-typeahead-item",
+				"data-disabled": props.isDisabled || props.item.disabled || void 0
+			}, [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_2$1, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_3$1, [createElementVNode("span", _hoisted_4$1, toDisplayString(props.item.label), 1), props.description ?? props.item.description ? (openBlock(), createElementBlock("span", _hoisted_5$1, toDisplayString(props.description ?? props.item.description), 1)) : createCommentVNode("v-if", true)])], 8, _hoisted_1$1);
+		};
+	}
+});
+//#endregion
 //#region src/Typeahead/TypeaheadMenu.vue
 const _hoisted_1 = {
 	class: "astryx-typeahead-menu",
@@ -200,12 +233,7 @@ const _hoisted_6 = [
 	"onClick"
 ];
 const _hoisted_7 = { class: "astryx-typeahead-option-copy" };
-const _hoisted_8 = { class: "astryx-typeahead-option-label" };
-const _hoisted_9 = {
-	key: 0,
-	class: "astryx-typeahead-option-description"
-};
-const _hoisted_10 = {
+const _hoisted_8 = {
 	key: 0,
 	class: "astryx-typeahead-check",
 	width: "16",
@@ -237,7 +265,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (!disabled) emit("select", id);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [props.status === "loading" && props.entries.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_sfc_main$1, {
+			return openBlock(), createElementBlock("div", _hoisted_1, [props.status === "loading" && props.entries.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_sfc_main$2, {
 				size: "sm",
 				label: props.loadingText
 			}, null, 8, ["label"])])) : props.status === "error" ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(props.errorText), 1)) : props.entries.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(props.emptyText), 1)])])) : (openBlock(), createElementBlock("div", _hoisted_5, [createCommentVNode(" eslint-disable-next-line vue-a11y/click-events-have-key-events, vue-a11y/mouse-events-have-key-events -- 选项不进 Tab 序，方向键和 Enter 由组合框输入处理。 "), (openBlock(true), createElementBlock(Fragment, null, renderList(props.entries, (entry, index) => {
@@ -261,7 +289,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					entry,
 					isActive: index === props.activeIndex,
 					isSelected: Boolean(entry.selected)
-				}, () => [createElementVNode("span", _hoisted_8, toDisplayString(entry.label), 1), entry.description ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(entry.description), 1)) : createCommentVNode("v-if", true)])]), entry.selected ? (openBlock(), createElementBlock("svg", _hoisted_10, [..._cache[1] || (_cache[1] = [createElementVNode("path", {
+				}, () => [createVNode(_sfc_main$1, {
+					item: {
+						id: entry.id,
+						label: entry.label,
+						description: entry.description,
+						disabled: entry.disabled
+					},
+					"is-disabled": entry.disabled
+				}, null, 8, ["item", "is-disabled"])])]), entry.selected ? (openBlock(), createElementBlock("svg", _hoisted_8, [..._cache[1] || (_cache[1] = [createElementVNode("path", {
 					d: "M3.5 8.5L6.5 11.5L12.5 4.5",
 					stroke: "currentColor",
 					"stroke-width": "1.5",
@@ -273,4 +309,4 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-export { useTypeaheadMenu as n, _sfc_main as t };
+export { _sfc_main$1 as n, useTypeaheadMenu as r, _sfc_main as t };

package/dist/composables/index.d.ts

@@ -1,5 +1,5 @@
-import { $ as UseGridRovingFocusOptions, $t as AppShellMobile, A as computeOverflow, At as parseISOTime, B as useMediaQuery, Bt as useCoarsePointer, C as useRestoreFocus, Ct as NativePicker, D as ComputeOverflowResult, Dt as formatISOTime, E as ComputeOverflowInput, Et as formatDisplayTime, F as addMonths, Ft as useControllableState, G as ListFocusOrientation, Gt as ChatScrollToBottomOptions, H as LongPressOptions, Ht as INTERACTIVE_SELECTORS, I as buildMonthGrid, It as Combobox, J as Hotkey, Jt as useChatStreamScroll, K as UseListFocusOptions, Kt as UseChatStreamScrollOptions, L as parseISODate, Lt as ComboboxOption, M as NumberField, Mt as shiftTime, N as UseNumberFieldOptions, Nt as ControllableState, O as UseOverflowOptions, Ot as isTimeInRange, P as useNumberField, Pt as UseControllableStateOptions, Q as GridRovingFocus, Qt as useChatNewMessages, R as toISODate, Rt as UseComboboxOptions, S as UseRestoreFocusOptions, St as ISOTimeString, T as usePendingChange, Tt as TimePresentation, U as useLongPress, Ut as UseClickableContainerOptions, V as LongPressHandlers, Vt as ClickableContainerHandlers, W as ListFocus, Wt as useClickableContainer, X as HandleRef, Xt as UseChatNewMessagesOptions, Y as useHotkeys, Yt as CHAT_MESSAGE_CLASS, Z as useHandleRef, Zt as UseChatNewMessagesReturn, _ as ScrollableAreaState, _t as DatePresentation, a as UseStreamingTextOptions, an as ISODateRange, at as FileSelectionOptions, b as useScrollableArea, bt as resolveDateSurface, c as ScrollOverflowState, cn as applyRangeClick, ct as selectFiles, d as useScrollLock, dn as isDayOutsideSpan, dt as useFieldControlState, en as appShellMobileKey, et as useGridRovingFocus, f as ScrollAxis, fn as isRangeWithinSpan, ft as UseDismissOptions, g as ScrollStickyContainment, gn as spanDays, gt as useDisclosureHandle, h as ScrollRole, hn as resolveWeekStart, ht as DisclosureHandleRef, i as StreamingTextSpeed, in as useAnnounce, it as FileRejection, j as useOverflow, jt as resolveTimeSurface, k as UseOverflowReturn, kt as parseDisplayTime, l as UseScrollOverflowResult, ln as compareISODate, lt as FieldControlState, m as ScrollOverscroll, mn as orderRange, mt as DisclosureHandle, n as UseTypeaheadReturn, nn as AnnounceFn, nt as UseFocusTrapOptions, o as snapToGraphemeBoundary, on as RangeClickResult, ot as FileSelectionResult, p as ScrollAxisState, pn as isSameRange, pt as useDismiss, q as useListFocus, qt as UseChatStreamScrollReturn, r as useTypeahead, rn as AnnouncePoliteness, rt as useFocusTrap, s as useStreamingText, sn as WeekStartsOn, st as formatFileSize, t as UseTypeaheadOptions, tn as useAppShellMobile, tt as FocusTrap, u as useScrollOverflow, un as formatDateRange, ut as FieldControlStateInput, v as UseScrollableAreaOptions, vt as DateSurface, w as PendingChange, wt as ParsedTime, x as RestoreFocus, xt as HourFormat, y as UseScrollableAreaResult, yt as resolveDatePresentation, z as todayISODate, zt as useCombobox } from "../index-DxsKyAxq.js";
+import { $ as UseKeyboardHint, $t as useContainerReveal, A as computeOverflow, An as isRangeWithinSpan, At as DatePresentation, B as MenuPress, Bt as formatISOTime, C as useRestoreFocus, Cn as ISODateRange, Ct as FieldControlStateInput, D as ComputeOverflowResult, Dn as compareISODate, Dt as DisclosureHandle, E as ComputeOverflowInput, En as applyRangeClick, Et as useDismiss, F as addMonths, Ft as ISOTimeString, G as LongPressHandlers, Gt as shiftTime, H as resetMenuPress, Ht as parseDisplayTime, I as buildMonthGrid, It as NativePicker, J as ListFocus, Jt as useControllableState, K as LongPressOptions, Kt as ControllableState, L as parseISODate, Lt as ParsedTime, M as NumberField, Mn as orderRange, Mt as resolveDatePresentation, N as UseNumberFieldOptions, Nn as resolveWeekStart, Nt as resolveDateSurface, O as UseOverflowOptions, On as formatDateRange, Ot as DisclosureHandleRef, P as useNumberField, Pn as spanDays, Pt as HourFormat, Q as KeyboardHintOrientation, Qt as UseContainerRevealOptions, R as toISODate, Rt as TimePresentation, S as UseRestoreFocusOptions, Sn as useAnnounce, St as FieldControlState, T as usePendingChange, Tn as WeekStartsOn, Tt as UseDismissOptions, U as useMenuPress, Ut as parseISOTime, V as MenuPressOptions, Vt as isTimeInRange, W as useMediaQuery, Wt as resolveTimeSurface, X as UseListFocusOptions, Xt as ContentRevealOptions, Y as ListFocusOrientation, Yt as ContainerRevealOptions, Z as useListFocus, Zt as UseContainerReveal, _ as ScrollableAreaState, _n as AppShellMobile, _t as FileRejection, a as UseStreamingTextOptions, an as ClickableContainerHandlers, at as perceptualLightness, b as useScrollableArea, bn as AnnounceFn, bt as formatFileSize, c as ScrollOverflowState, cn as useClickableContainer, ct as useHotkeys, d as useScrollLock, dn as UseChatStreamScrollReturn, dt as GridRovingFocus, en as Combobox, et as UseKeyboardHintOptions, f as ScrollAxis, fn as useChatStreamScroll, ft as UseGridRovingFocusOptions, g as ScrollStickyContainment, gn as useChatNewMessages, gt as useFocusTrap, h as ScrollRole, hn as UseChatNewMessagesReturn, ht as UseFocusTrapOptions, i as StreamingTextSpeed, in as useCoarsePointer, it as imageModeFromPixels, j as useOverflow, jn as isSameRange, jt as DateSurface, k as UseOverflowReturn, kn as isDayOutsideSpan, kt as useDisclosureHandle, l as UseScrollOverflowResult, ln as ChatScrollToBottomOptions, lt as HandleRef, m as ScrollOverscroll, mn as UseChatNewMessagesOptions, mt as FocusTrap, n as UseTypeaheadReturn, nn as UseComboboxOptions, nt as ImageSampleRegion, o as snapToGraphemeBoundary, on as INTERACTIVE_SELECTORS, ot as useImageMode, p as ScrollAxisState, pn as CHAT_MESSAGE_CLASS, pt as useGridRovingFocus, q as useLongPress, qt as UseControllableStateOptions, r as useTypeahead, rn as useCombobox, rt as UseImageModeOptions, s as useStreamingText, sn as UseClickableContainerOptions, st as Hotkey, t as UseTypeaheadOptions, tn as ComboboxOption, tt as useKeyboardHint, u as useScrollOverflow, un as UseChatStreamScrollOptions, ut as useHandleRef, v as UseScrollableAreaOptions, vn as appShellMobileKey, vt as FileSelectionOptions, w as PendingChange, wn as RangeClickResult, wt as useFieldControlState, x as RestoreFocus, xn as AnnouncePoliteness, xt as selectFiles, y as UseScrollableAreaResult, yn as useAppShellMobile, yt as FileSelectionResult, z as todayISODate, zt as formatDisplayTime } from "../index-vizlhXVs.js";
 import { a as SearchableItem, c as useAsyncSource, i as SearchSource, n as AsyncSourceStatus, o as UseAsyncSourceOptions, r as CreateStaticSourceOptions, s as createStaticSource, t as AsyncSource } from "../useAsyncSource-xpQovjV_.js";
 import { n as UseClipboardReturn, r as useClipboard, t as UseClipboardOptions } from "../useClipboard-CU-kfqeJ.js";
 import { a as ResizableRegionConfig, c as UseResizableMultiConfig, d as percent, f as useResizable, i as ResizableRegion, l as UseResizableOptions, n as ResizablePercentSize, o as ResizableSize, r as ResizableProps, s as ResizableState, t as ResizableDirection, u as UseResizableSingleOptions } from "../useResizable-CUoNPmUw.js";
-export { type AnnounceFn, type AnnouncePoliteness, type AppShellMobile, type AsyncSource, type AsyncSourceStatus, CHAT_MESSAGE_CLASS, type ChatScrollToBottomOptions, type ClickableContainerHandlers, type Combobox, type ComboboxOption, type ComputeOverflowInput, type ComputeOverflowResult, type ControllableState, type CreateStaticSourceOptions, type DatePresentation, type DateSurface, type DisclosureHandle, type DisclosureHandleRef, type FieldControlState, type FieldControlStateInput, type FileRejection, type FileSelectionOptions, type FileSelectionResult, type FocusTrap, type GridRovingFocus, type HandleRef, type Hotkey, type HourFormat, INTERACTIVE_SELECTORS, type ISODateRange, type ISOTimeString, type ListFocus, type ListFocusOrientation, type LongPressHandlers, type LongPressOptions, type NativePicker, type NumberField, type ParsedTime, type PendingChange, type RangeClickResult, type ResizableDirection, type ResizablePercentSize, type ResizableProps, type ResizableRegion, type ResizableRegionConfig, type ResizableSize, type ResizableState, type RestoreFocus, type ScrollAxis, type ScrollAxisState, type ScrollOverflowState, type ScrollOverscroll, type ScrollRole, type ScrollStickyContainment, type ScrollableAreaState, type SearchSource, type SearchableItem, type StreamingTextSpeed, type TimePresentation, type UseAsyncSourceOptions, type UseChatNewMessagesOptions, type UseChatNewMessagesReturn, type UseChatStreamScrollOptions, type UseChatStreamScrollReturn, type UseClickableContainerOptions, type UseClipboardOptions, type UseClipboardReturn, type UseComboboxOptions, type UseControllableStateOptions, type UseDismissOptions, type UseFocusTrapOptions, type UseGridRovingFocusOptions, type UseListFocusOptions, type UseNumberFieldOptions, type UseOverflowOptions, type UseOverflowReturn, type UseResizableMultiConfig, type UseResizableOptions, type UseResizableSingleOptions, type UseRestoreFocusOptions, type UseScrollOverflowResult, type UseScrollableAreaOptions, type UseScrollableAreaResult, type UseStreamingTextOptions, type UseTypeaheadOptions, type UseTypeaheadReturn, type WeekStartsOn, addMonths, appShellMobileKey, applyRangeClick, buildMonthGrid, compareISODate, computeOverflow, createStaticSource, formatDateRange, formatDisplayTime, formatFileSize, formatISOTime, isDayOutsideSpan, isRangeWithinSpan, isSameRange, isTimeInRange, orderRange, parseDisplayTime, parseISODate, parseISOTime, percent, resolveDatePresentation, resolveDateSurface, resolveTimeSurface, resolveWeekStart, selectFiles, shiftTime, snapToGraphemeBoundary, spanDays, toISODate, todayISODate, useAnnounce, useAppShellMobile, useAsyncSource, useChatNewMessages, useChatStreamScroll, useClickableContainer, useClipboard, useCoarsePointer, useCombobox, useControllableState, useDisclosureHandle, useDismiss, useFieldControlState, useFocusTrap, useGridRovingFocus, useHandleRef, useHotkeys, useListFocus, useLongPress, useMediaQuery, useNumberField, useOverflow, usePendingChange, useResizable, useRestoreFocus, useScrollLock, useScrollOverflow, useScrollableArea, useStreamingText, useTypeahead };
+export { type AnnounceFn, type AnnouncePoliteness, type AppShellMobile, type AsyncSource, type AsyncSourceStatus, CHAT_MESSAGE_CLASS, type ChatScrollToBottomOptions, type ClickableContainerHandlers, type Combobox, type ComboboxOption, type ComputeOverflowInput, type ComputeOverflowResult, type ContainerRevealOptions, type ContentRevealOptions, type ControllableState, type CreateStaticSourceOptions, type DatePresentation, type DateSurface, type DisclosureHandle, type DisclosureHandleRef, type FieldControlState, type FieldControlStateInput, type FileRejection, type FileSelectionOptions, type FileSelectionResult, type FocusTrap, type GridRovingFocus, type HandleRef, type Hotkey, type HourFormat, INTERACTIVE_SELECTORS, type ISODateRange, type ISOTimeString, type ImageSampleRegion, type KeyboardHintOrientation, type ListFocus, type ListFocusOrientation, type LongPressHandlers, type LongPressOptions, type MenuPress, type MenuPressOptions, type NativePicker, type NumberField, type ParsedTime, type PendingChange, type RangeClickResult, type ResizableDirection, type ResizablePercentSize, type ResizableProps, type ResizableRegion, type ResizableRegionConfig, type ResizableSize, type ResizableState, type RestoreFocus, type ScrollAxis, type ScrollAxisState, type ScrollOverflowState, type ScrollOverscroll, type ScrollRole, type ScrollStickyContainment, type ScrollableAreaState, type SearchSource, type SearchableItem, type StreamingTextSpeed, type TimePresentation, type UseAsyncSourceOptions, type UseChatNewMessagesOptions, type UseChatNewMessagesReturn, type UseChatStreamScrollOptions, type UseChatStreamScrollReturn, type UseClickableContainerOptions, type UseClipboardOptions, type UseClipboardReturn, type UseComboboxOptions, type UseContainerReveal, type UseContainerRevealOptions, type UseControllableStateOptions, type UseDismissOptions, type UseFocusTrapOptions, type UseGridRovingFocusOptions, type UseImageModeOptions, type UseKeyboardHint, type UseKeyboardHintOptions, type UseListFocusOptions, type UseNumberFieldOptions, type UseOverflowOptions, type UseOverflowReturn, type UseResizableMultiConfig, type UseResizableOptions, type UseResizableSingleOptions, type UseRestoreFocusOptions, type UseScrollOverflowResult, type UseScrollableAreaOptions, type UseScrollableAreaResult, type UseStreamingTextOptions, type UseTypeaheadOptions, type UseTypeaheadReturn, type WeekStartsOn, addMonths, appShellMobileKey, applyRangeClick, buildMonthGrid, compareISODate, computeOverflow, createStaticSource, formatDateRange, formatDisplayTime, formatFileSize, formatISOTime, imageModeFromPixels, isDayOutsideSpan, isRangeWithinSpan, isSameRange, isTimeInRange, orderRange, parseDisplayTime, parseISODate, parseISOTime, percent, perceptualLightness, resetMenuPress, resolveDatePresentation, resolveDateSurface, resolveTimeSurface, resolveWeekStart, selectFiles, shiftTime, snapToGraphemeBoundary, spanDays, toISODate, todayISODate, useAnnounce, useAppShellMobile, useAsyncSource, useChatNewMessages, useChatStreamScroll, useClickableContainer, useClipboard, useCoarsePointer, useCombobox, useContainerReveal, useControllableState, useDisclosureHandle, useDismiss, useFieldControlState, useFocusTrap, useGridRovingFocus, useHandleRef, useHotkeys, useImageMode, useKeyboardHint, useListFocus, useLongPress, useMediaQuery, useMenuPress, useNumberField, useOverflow, usePendingChange, useResizable, useRestoreFocus, useScrollLock, useScrollOverflow, useScrollableArea, useStreamingText, useTypeahead };

package/dist/composables/index.js

@@ -7,7 +7,7 @@ import { n as useClickableContainer, t as INTERACTIVE_SELECTORS } from "../useCl
 import { t as useClipboard } from "../useClipboard-BDfbEsWd.js";
 import { a as parseISOTime, c as useCoarsePointer, i as parseDisplayTime, n as formatISOTime, o as resolveTimeSurface, r as isTimeInRange, s as shiftTime, t as formatDisplayTime } from "../useTimeValue-DWk6oTAZ.js";
 import { t as useCombobox } from "../useCombobox-CTo5C-gc.js";
-import { a as useResizable, i as percent, n as useStreamingText, o as useGridRovingFocus, r as useScrollOverflow, s as useControllableState, t as snapToGraphemeBoundary } from "../composables-DDI08XFF.js";
+import { a as imageModeFromPixels, c as useGridRovingFocus, i as useKeyboardHint, l as useControllableState, n as useStreamingText, o as perceptualLightness, r as useScrollOverflow, s as useImageMode, t as snapToGraphemeBoundary, u as useContainerReveal } from "../composables-CWw6t-RJ.js";
 import { n as resolveDateSurface, t as resolveDatePresentation } from "../useDatePresentation-C07PnOCw.js";
 import { a as isRangeWithinSpan, c as resolveWeekStart, i as isDayOutsideSpan, l as spanDays, n as compareISODate, o as isSameRange, r as formatDateRange, s as orderRange, t as applyRangeClick } from "../useDateRange-CIXoE_8k.js";
 import { t as useDisclosureHandle } from "../useDisclosureHandle-Df3HhAfC.js";
@@ -16,9 +16,9 @@ import { t as useFieldControlState } from "../useFieldControlState-voICDrys.js";
 import { n as selectFiles, t as formatFileSize } from "../useFileSelection-BPtaegqK.js";
 import { n as useFocusTrap, t as useRestoreFocus } from "../useRestoreFocus-BvMdXVX9.js";
 import { t as useHandleRef } from "../useHandleRef-6cdKugm8.js";
-import { t as useHotkeys } from "../useHotkeys-dABSK1o9.js";
+import { n as useResizable, r as useHotkeys, t as percent } from "../useResizable-B3ahKLoZ.js";
 import { t as useListFocus } from "../useListFocus-D0iOJl39.js";
-import { t as useLongPress } from "../useLongPress-Cyxwa73s.js";
+import { a as useLongPress, n as useMenuPress, t as resetMenuPress } from "../useMenuPress-DUmEy4TB.js";
 import { a as todayISODate, i as toISODate, n as buildMonthGrid, r as parseISODate, t as addMonths } from "../useMonthGrid-fGHSSrFc.js";
 import { t as useNumberField } from "../useNumberField-DL-Radsp.js";
 import { n as useOverflow, t as computeOverflow } from "../useOverflow-VrwF5oek.js";
@@ -26,4 +26,4 @@ import { t as usePendingChange } from "../usePendingChange-ib-h8FZK.js";
 import { t as useScrollableArea } from "../useScrollableArea-DDk_CluT.js";
 import { t as useScrollLock } from "../scrollLock-BzIvIimL.js";
 import { t as useTypeahead } from "../useTypeahead-PAK8lMYz.js";
-export { CHAT_MESSAGE_CLASS, INTERACTIVE_SELECTORS, addMonths, appShellMobileKey, applyRangeClick, buildMonthGrid, compareISODate, computeOverflow, createStaticSource, formatDateRange, formatDisplayTime, formatFileSize, formatISOTime, isDayOutsideSpan, isRangeWithinSpan, isSameRange, isTimeInRange, orderRange, parseDisplayTime, parseISODate, parseISOTime, percent, resolveDatePresentation, resolveDateSurface, resolveTimeSurface, resolveWeekStart, selectFiles, shiftTime, snapToGraphemeBoundary, spanDays, toISODate, todayISODate, useAnnounce, useAppShellMobile, useAsyncSource, useChatNewMessages, useChatStreamScroll, useClickableContainer, useClipboard, useCoarsePointer, useCombobox, useControllableState, useDisclosureHandle, useDismiss, useFieldControlState, useFocusTrap, useGridRovingFocus, useHandleRef, useHotkeys, useListFocus, useLongPress, useMediaQuery, useNumberField, useOverflow, usePendingChange, useResizable, useRestoreFocus, useScrollLock, useScrollOverflow, useScrollableArea, useStreamingText, useTypeahead };
+export { CHAT_MESSAGE_CLASS, INTERACTIVE_SELECTORS, addMonths, appShellMobileKey, applyRangeClick, buildMonthGrid, compareISODate, computeOverflow, createStaticSource, formatDateRange, formatDisplayTime, formatFileSize, formatISOTime, imageModeFromPixels, isDayOutsideSpan, isRangeWithinSpan, isSameRange, isTimeInRange, orderRange, parseDisplayTime, parseISODate, parseISOTime, percent, perceptualLightness, resetMenuPress, resolveDatePresentation, resolveDateSurface, resolveTimeSurface, resolveWeekStart, selectFiles, shiftTime, snapToGraphemeBoundary, spanDays, toISODate, todayISODate, useAnnounce, useAppShellMobile, useAsyncSource, useChatNewMessages, useChatStreamScroll, useClickableContainer, useClipboard, useCoarsePointer, useCombobox, useContainerReveal, useControllableState, useDisclosureHandle, useDismiss, useFieldControlState, useFocusTrap, useGridRovingFocus, useHandleRef, useHotkeys, useImageMode, useKeyboardHint, useListFocus, useLongPress, useMediaQuery, useMenuPress, useNumberField, useOverflow, usePendingChange, useResizable, useRestoreFocus, useScrollLock, useScrollOverflow, useScrollableArea, useStreamingText, useTypeahead };