@astryx-vue/core 0.2.5 → 0.3.0

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

@@ -3,7 +3,34 @@ import { t as useCombobox } from "./useCombobox-CTo5C-gc.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/queryLength.ts
+/**
+* 查询长度按「人眼看到的字符」数，不按 UTF-16 码元数。
+* 一个 emoji、一面旗、一个带音标的字母都算一个字符。
+*/
+const graphemeSegmenter = typeof Intl.Segmenter === "function" ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null;
+function countCharacters(text) {
+	if (text === "") return 0;
+	if (graphemeSegmenter != null) return [...graphemeSegmenter.segment(text)].length;
+	return [...text].length;
+}
+/**
+* 查询短于下限时不该去搜数据源。
+* 空查询不算「太短」——空查询走的是 bootstrap，不是搜索。
+*/
+function isBelowMinQueryLength(query, minQueryLength) {
+	const length = countCharacters(query);
+	return length > 0 && length < minQueryLength;
+}
+//#endregion
 //#region src/Typeahead/useTypeaheadMenu.ts
+/** 分组标题放在 `auxiliaryData.group` 上，和上游一致。 */
+function entryGroup(item) {
+	const aux = item.auxiliaryData;
+	if (aux == null || typeof aux !== "object") return void 0;
+	const group = aux.group;
+	return typeof group === "string" && group !== "" ? group : void 0;
+}
 function isEditableTarget(event) {
 	const target = event.target;
 	return target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement;
@@ -15,22 +42,25 @@ function isEditableTarget(event) {
 function useTypeaheadMenu(options) {
 	const query = ref("");
 	const menuOpen = ref(false);
+	const minQueryLength = computed(() => toValue(options.minQueryLength) ?? 1);
+	const belowMinQueryLength = computed(() => isBelowMinQueryLength(query.value, minQueryLength.value));
 	const asyncSource = useAsyncSource({
 		source: options.source,
 		query,
-		enabled: menuOpen,
+		enabled: computed(() => menuOpen.value && !belowMinQueryLength.value),
 		debounceMs: options.debounceMs
 	});
 	const entries = computed(() => {
 		const excluded = new Set(toValue(options.excludeIds) ?? []);
 		const blocked = new Set((toValue(options.blockedLabels) ?? []).map((label) => label.toLowerCase()));
 		const max = toValue(options.maxItems) ?? 10;
-		const list = asyncSource.items.value.filter((item) => !excluded.has(item.id)).slice(0, max).map((item) => ({
+		const list = belowMinQueryLength.value ? [] : asyncSource.items.value.filter((item) => !excluded.has(item.id)).slice(0, max).map((item) => ({
 			item,
 			id: item.id,
 			label: item.label,
 			description: item.description,
-			disabled: item.disabled
+			disabled: item.disabled,
+			group: entryGroup(item)
 		}));
 		const text = query.value.trim();
 		if (toValue(options.creatable) && text !== "") {
@@ -71,8 +101,16 @@ function useTypeaheadMenu(options) {
 		const current = list[combobox.activeIndex.value];
 		if (!current || current.disabled) combobox.highlightFirst();
 	});
+	/**
+	* 太短的查询没东西可展示，此时不让下拉打开。
+	* 只有从文字自己派生的条目（比如「创建 xxx」）还值得看一眼。
+	*/
+	function canOpen() {
+		if (!belowMinQueryLength.value) return true;
+		return entries.value.length > 0;
+	}
 	function open() {
-		if (toValue(options.disabled) || combobox.isOpen.value) return;
+		if (toValue(options.disabled) || combobox.isOpen.value || !canOpen()) return;
 		combobox.open();
 	}
 	function close() {
@@ -83,7 +121,13 @@ function useTypeaheadMenu(options) {
 		query.value = value;
 		options.onQueryChange?.(value);
 		if (toValue(options.disabled)) return;
-		if (!combobox.isOpen.value && (value.length > 0 || toValue(options.showOnFocus))) open();
+		if (belowMinQueryLength.value) {
+			if (entries.value.length > 0) open();
+			else close();
+			return;
+		}
+		if (value.length > 0 || toValue(options.showOnFocus)) open();
+		else close();
 	}
 	function selectHighlighted() {
 		const entry = entries.value[combobox.activeIndex.value];
@@ -161,6 +205,7 @@ function useTypeaheadMenu(options) {
 		status: asyncSource.status,
 		error: asyncSource.error,
 		activeId,
+		belowMinQueryLength,
 		setQuery,
 		open,
 		close,
@@ -187,6 +232,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	props: {
 		item: {},
 		description: {},
+		group: {},
 		isDisabled: { type: Boolean }
 	},
 	setup(__props) {
@@ -217,14 +263,23 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = {
 	key: 2,
-	class: "astryx-typeahead-state"
+	class: "astryx-typeahead-state",
+	role: "option",
+	"aria-selected": "false",
+	"aria-disabled": "true"
 };
 const _hoisted_5 = {
 	key: 3,
 	class: "astryx-typeahead-options",
 	role: "presentation"
 };
-const _hoisted_6 = [
+const _hoisted_6 = ["role", "aria-label"];
+const _hoisted_7 = {
+	key: 0,
+	class: "astryx-typeahead-group-heading",
+	"aria-hidden": "true"
+};
+const _hoisted_8 = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
@@ -232,8 +287,8 @@ const _hoisted_6 = [
 	"onMouseenter",
 	"onClick"
 ];
-const _hoisted_7 = { class: "astryx-typeahead-option-copy" };
-const _hoisted_8 = {
+const _hoisted_9 = { class: "astryx-typeahead-option-copy" };
+const _hoisted_10 = {
 	key: 0,
 	class: "astryx-typeahead-check",
 	width: "16",
@@ -258,6 +313,29 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		/**
+		* 同一个 `group` 的条目归到一起，带标题的那一叠画标题。
+		* 分组不重排：顺序照搜索结果来，这样方向键和画面总是一致。
+		*/
+		const groups = computed(() => {
+			const buckets = /* @__PURE__ */ new Map();
+			for (const [index, entry] of props.entries.entries()) {
+				const key = entry.group ?? "";
+				let bucket = buckets.get(key);
+				if (!bucket) {
+					bucket = {
+						heading: entry.group,
+						rows: []
+					};
+					buckets.set(key, bucket);
+				}
+				bucket.rows.push({
+					entry,
+					index
+				});
+			}
+			return [...buckets.values()];
+		});
 		function optionId(index) {
 			return `${props.listboxId}-option-${index}`;
 		}
@@ -268,42 +346,53 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			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) => {
+			}, 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, [(openBlock(true), createElementBlock(Fragment, null, renderList(groups.value, (group, groupIndex) => {
 				return openBlock(), createElementBlock("div", {
-					id: optionId(index),
-					key: entry.id,
-					class: normalizeClass(["astryx-typeahead-option", {
-						"is-active": index === props.activeIndex,
-						"is-selected": entry.selected,
-						"is-disabled": entry.disabled
-					}]),
-					role: "option",
-					"aria-selected": entry.selected ? "true" : "false",
-					"aria-disabled": entry.disabled || void 0,
-					"data-option-id": entry.id,
-					tabindex: "-1",
-					onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
-					onMouseenter: ($event) => emit("highlight", index),
-					onClick: ($event) => onOptionClick(entry.id, entry.disabled)
-				}, [createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "item", {
-					entry,
-					isActive: index === props.activeIndex,
-					isSelected: Boolean(entry.selected)
-				}, () => [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",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				}, null, -1)])])) : createCommentVNode("v-if", true)], 42, _hoisted_6);
+					key: group.heading ?? `__ungrouped-${groupIndex}`,
+					class: "astryx-typeahead-group",
+					role: group.heading ? "group" : "presentation",
+					"aria-label": group.heading
+				}, [
+					group.heading ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(group.heading), 1)) : createCommentVNode("v-if", true),
+					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(group.rows, (row) => {
+						return openBlock(), createElementBlock("div", {
+							id: optionId(row.index),
+							key: row.entry.id,
+							class: normalizeClass(["astryx-typeahead-option", {
+								"is-active": row.index === props.activeIndex,
+								"is-selected": row.entry.selected,
+								"is-disabled": row.entry.disabled
+							}]),
+							role: "option",
+							"aria-selected": row.entry.selected ? "true" : "false",
+							"aria-disabled": row.entry.disabled || void 0,
+							"data-option-id": row.entry.id,
+							tabindex: "-1",
+							onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
+							onMouseenter: ($event) => emit("highlight", row.index),
+							onClick: ($event) => onOptionClick(row.entry.id, row.entry.disabled)
+						}, [createElementVNode("span", _hoisted_9, [renderSlot(_ctx.$slots, "item", {
+							entry: row.entry,
+							isActive: row.index === props.activeIndex,
+							isSelected: Boolean(row.entry.selected)
+						}, () => [createVNode(_sfc_main$1, {
+							item: {
+								id: row.entry.id,
+								label: row.entry.label,
+								description: row.entry.description,
+								disabled: row.entry.disabled
+							},
+							"is-disabled": row.entry.disabled
+						}, null, 8, ["item", "is-disabled"])])]), row.entry.selected ? (openBlock(), createElementBlock("svg", _hoisted_10, [..._cache[1] || (_cache[1] = [createElementVNode("path", {
+							d: "M3.5 8.5L6.5 11.5L12.5 4.5",
+							stroke: "currentColor",
+							"stroke-width": "1.5",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						}, null, -1)])])) : createCommentVNode("v-if", true)], 42, _hoisted_8);
+					}), 128))
+				], 8, _hoisted_6);
 			}), 128))]))]);
 		};
 	}

package/dist/composables/index.d.ts

@@ -1,5 +1,5 @@
-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 { $ as useLongPress, $n as useAppShellMobile, $t as EntryAnimationPreset, A as UseOverflowOptions, An as ContentRevealOptions, At as perceptualLightness, B as parseISODate, Bn as INTERACTIVE_SELECTORS, Bt as UseGridFocusReturn, C as useRestoreFocus, Cn as parseISOTime, Ct as IndicatorFocusRingHandlers, D as usePendingChange, Dn as UseControllableStateOptions, Dt as ImageSampleRegion, E as PendingChange, En as ControllableState, Et as useIndicatorFocusRing, F as NumberStepDirection, Fn as ComboboxOption, Ft as useHandleRef, G as useMergedRefs, Gn as UseChatStreamScrollReturn, Gt as FileRejection, H as todayISODate, Hn as useClickableContainer, Ht as FocusTrap, I as UseNumberFieldOptions, In as UseComboboxOptions, It as GridRovingFocus, J as resetMenuPress, Jn as UseChatNewMessagesOptions, Jt as formatFileSize, K as MenuPress, Kn as useChatStreamScroll, Kt as FileSelectionOptions, L as useNumberField, Ln as useCombobox, Lt as UseGridRovingFocusOptions, M as computeOverflow, Mn as UseContainerRevealOptions, Mt as Hotkey, N as useOverflow, Nn as useContainerReveal, Nt as useHotkeys, O as ComputeOverflowInput, On as useControllableState, Ot as UseImageModeOptions, P as NumberField, Pn as Combobox, Pt as HandleRef, Q as LongPressOptions, Qn as appShellMobileKey, Qt as useFieldControlState, R as addMonths, Rn as useCoarsePointer, Rt as useGridRovingFocus, S as UseRestoreFocusOptions, Sn as parseDisplayTime, St as useInputContainer, T as usePressFeedback, Tn as shiftTime, Tt as UseIndicatorFocusRingReturn, U as MergedRef, Un as ChatScrollToBottomOptions, Ut as UseFocusTrapOptions, V as toISODate, Vn as UseClickableContainerOptions, Vt as useGridFocus, W as MergedRefHandle, Wn as UseChatStreamScrollOptions, Wt as useFocusTrap, X as useMediaQuery, Xn as useChatNewMessages, Xt as FieldControlState, Y as useMenuPress, Yn as UseChatNewMessagesReturn, Yt as selectFiles, Z as LongPressHandlers, Zn as AppShellMobile, Zt as FieldControlStateInput, _ as ScrollableAreaState, _n as ParsedTime, _t as UseInputStatusIconOptions, a as UseStreamingTextOptions, an as DisclosureHandle, ar as WeekStartsOn, at as UseLayerOptions, b as useScrollableArea, bn as formatISOTime, bt as InputContainerHandlers, c as ScrollOverflowState, cn as devWarn, cr as formatDateRange, ct as KeyboardHintOrientation, d as useScrollLock, dn as DateSurface, dr as isSameRange, dt as useKeyboardHint, en as UseEntryAnimationOptions, er as AnnounceFn, et as ListFocus, f as ScrollAxis, fn as resolveDatePresentation, fr as orderRange, ft as InteractiveRole, g as ScrollStickyContainment, gn as NativePicker, gt as InputStatusVariant, h as ScrollRole, hn as ISOTimeString, ht as useInteractiveRole, i as StreamingTextSpeed, in as useDismiss, ir as RangeClickResult, it as LayerMode, j as UseOverflowReturn, jn as UseContainerReveal, jt as useImageMode, k as ComputeOverflowResult, kn as ContainerRevealOptions, kt as imageModeFromPixels, l as UseScrollOverflowResult, ln as useDevWarning, lr as isDayOutsideSpan, lt as UseKeyboardHint, m as ScrollOverscroll, mn as HourFormat, mr as spanDays, mt as UseInteractiveRoleReturn, n as UseTypeaheadReturn, nn as useEntryAnimation, nr as useAnnounce, nt as UseListFocusOptions, o as snapToGraphemeBoundary, on as DisclosureHandleRef, or as applyRangeClick, ot as UseLayerReturn, p as ScrollAxisState, pn as resolveDateSurface, pr as resolveWeekStart, pt as UseInteractiveRoleOptions, q as MenuPressOptions, qn as CHAT_MESSAGE_CLASS, qt as FileSelectionResult, r as useTypeahead, rn as UseDismissOptions, rr as ISODateRange, rt as useListFocus, s as useStreamingText, sn as useDisclosureHandle, sr as compareISODate, st as useLayer, t as UseTypeaheadOptions, tn as UseEntryAnimationReturn, tr as AnnouncePoliteness, tt as ListFocusOrientation, u as useScrollOverflow, un as DatePresentation, ur as isRangeWithinSpan, ut as UseKeyboardHintOptions, v as UseScrollableAreaOptions, vn as TimePresentation, vt as UseInputStatusIconReturn, w as UsePressFeedbackReturn, wn as resolveTimeSurface, wt as UseIndicatorFocusRingOptions, x as RestoreFocus, xn as isTimeInRange, xt as UseInputContainerOptions, y as UseScrollableAreaResult, yn as formatDisplayTime, yt as useInputStatusIcon, z as buildMonthGrid, zn as ClickableContainerHandlers, zt as UseGridFocusOptions } from "../index-T2FOcOuI.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 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 };
+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-DDwPpPe6.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 ContainerRevealOptions, type ContentRevealOptions, type ControllableState, type CreateStaticSourceOptions, type DatePresentation, type DateSurface, type DisclosureHandle, type DisclosureHandleRef, type EntryAnimationPreset, 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 IndicatorFocusRingHandlers, type InputContainerHandlers, type InputStatusVariant, type InteractiveRole, type KeyboardHintOrientation, type LayerMode, type ListFocus, type ListFocusOrientation, type LongPressHandlers, type LongPressOptions, type MenuPress, type MenuPressOptions, type MergedRef, type MergedRefHandle, type NativePicker, type NumberField, type NumberStepDirection, 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 UseEntryAnimationOptions, type UseEntryAnimationReturn, type UseFocusTrapOptions, type UseGridFocusOptions, type UseGridFocusReturn, type UseGridRovingFocusOptions, type UseImageModeOptions, type UseIndicatorFocusRingOptions, type UseIndicatorFocusRingReturn, type UseInputContainerOptions, type UseInputStatusIconOptions, type UseInputStatusIconReturn, type UseInteractiveRoleOptions, type UseInteractiveRoleReturn, type UseKeyboardHint, type UseKeyboardHintOptions, type UseLayerOptions, type UseLayerReturn, type UseListFocusOptions, type UseNumberFieldOptions, type UseOverflowOptions, type UseOverflowReturn, type UsePressFeedbackReturn, 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, devWarn, 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, useDevWarning, useDisclosureHandle, useDismiss, useEntryAnimation, useFieldControlState, useFocusTrap, useGridFocus, useGridRovingFocus, useHandleRef, useHotkeys, useImageMode, useIndicatorFocusRing, useInputContainer, useInputStatusIcon, useInteractiveRole, useKeyboardHint, useLayer, useListFocus, useLongPress, useMediaQuery, useMenuPress, useMergedRefs, useNumberField, useOverflow, usePendingChange, usePressFeedback, useResizable, useRestoreFocus, useScrollLock, useScrollOverflow, useScrollableArea, useStreamingText, useTypeahead };

package/dist/composables/index.js

@@ -5,25 +5,30 @@ import { n as useAsyncSource, t as createStaticSource } from "../useAsyncSource-
 import { n as CHAT_MESSAGE_CLASS, r as useChatNewMessages, t as useChatStreamScroll } from "../useChatStreamScroll-oDfybEos.js";
 import { n as useClickableContainer, t as INTERACTIVE_SELECTORS } from "../useClickableContainer-DyNpnSEa.js";
 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 { 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-6ufHM15W.js";
 import { t as useCombobox } from "../useCombobox-CTo5C-gc.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 { a as useKeyboardHint, c as perceptualLightness, d as useGridFocus, f as useEntryAnimation, i as usePressFeedback, l as useImageMode, m as useContainerReveal, n as useStreamingText, o as useIndicatorFocusRing, p as useControllableState, r as useScrollOverflow, s as imageModeFromPixels, t as snapToGraphemeBoundary, u as useGridRovingFocus } from "../composables-CbKx9C1Y.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 { n as useDevWarning, t as devWarn } from "../useDevWarning-DznOpOHT.js";
 import { t as useDisclosureHandle } from "../useDisclosureHandle-Df3HhAfC.js";
-import { t as useDismiss } from "../useDismiss-Cj8x_51F.js";
+import { n as useDismiss } from "../usePositionedLayer-Cru9_00b.js";
 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 { n as useFocusTrap, t as useRestoreFocus } from "../useRestoreFocus-Djw9RUIf.js";
 import { t as useHandleRef } from "../useHandleRef-6cdKugm8.js";
 import { n as useResizable, r as useHotkeys, t as percent } from "../useResizable-B3ahKLoZ.js";
+import { t as useInputContainer } from "../useInputContainer-CpgDe2-4.js";
+import { t as useInputStatusIcon } from "../useInputStatusIcon-DBOwxV4x.js";
+import { t as useInteractiveRole } from "../useInteractiveRole-Cn0Nd5GX.js";
+import { n as useLayer, t as useMergedRefs } from "../useMergedRefs-CfHHlCsn.js";
 import { t as useListFocus } from "../useListFocus-D0iOJl39.js";
-import { a as useLongPress, n as useMenuPress, t as resetMenuPress } from "../useMenuPress-DUmEy4TB.js";
+import { a as useLongPress, n as useMenuPress, t as resetMenuPress } from "../useMenuPress-D-FRNrBW.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 { t as useNumberField } from "../useNumberField-4-dIGVed.js";
 import { n as useOverflow, t as computeOverflow } from "../useOverflow-VrwF5oek.js";
 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, 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 };
+export { CHAT_MESSAGE_CLASS, INTERACTIVE_SELECTORS, addMonths, appShellMobileKey, applyRangeClick, buildMonthGrid, compareISODate, computeOverflow, createStaticSource, devWarn, 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, useDevWarning, useDisclosureHandle, useDismiss, useEntryAnimation, useFieldControlState, useFocusTrap, useGridFocus, useGridRovingFocus, useHandleRef, useHotkeys, useImageMode, useIndicatorFocusRing, useInputContainer, useInputStatusIcon, useInteractiveRole, useKeyboardHint, useLayer, useListFocus, useLongPress, useMediaQuery, useMenuPress, useMergedRefs, useNumberField, useOverflow, usePendingChange, usePressFeedback, useResizable, useRestoreFocus, useScrollLock, useScrollOverflow, useScrollableArea, useStreamingText, useTypeahead };