@octane-xplat/ui 0.9.0 → 0.11.0

package/dist/web/toast-store.js

@@ -0,0 +1,79 @@
+import { createStore } from "./store.js";
+//#region src/toast-store.ts
+/** Module-scope toast queue — the single source of truth for every leaf.
+*  Cross-root state uses module stores (overlay roots never share context
+*  with the declaring tree on native); each leaf's stack reads this and
+*  owns only presentation. */
+var toastStore = createStore([]);
+/** Stack id for toasts pushed without an enclosing `ToastViewport`
+*  (`showToast`, or `useToast` outside a provider) — the auto-mounted
+*  fallback stack. */
+var FALLBACK_TOAST_VIEWPORT = "__xplat_toast_fallback__";
+var counter = 0;
+var mountedViewports = /* @__PURE__ */ new Set();
+/** Registers a mounted stack so orphaned entries can drain to the
+*  fallback instead of vanishing with their viewport. */
+function registerToastViewport(id) {
+	mountedViewports.add(id);
+	return () => {
+		mountedViewports.delete(id);
+	};
+}
+/** Does this entry render on `viewportId`'s stack? Entries whose owning
+*  viewport unmounted fall back so they still dismiss on schedule. */
+function toastOnViewport(entry, viewportId) {
+	const owner = entry.viewportId ?? "__xplat_toast_fallback__";
+	if (owner === viewportId) return true;
+	return viewportId === "__xplat_toast_fallback__" && owner !== "__xplat_toast_fallback__" && !mountedViewports.has(owner);
+}
+/** Push a toast. Returns the entry id ('' when a same-`uniqueID` toast
+*  with `collisionBehavior: 'ignore'` suppressed it). Overwrite collision
+*  swaps the entry in place — the replaced toast's `onHide` does NOT fire
+*  (it was superseded, not dismissed). */
+function pushToast(options, viewportId) {
+	const list = toastStore.get();
+	const uniqueID = options.uniqueID;
+	if (uniqueID && (options.collisionBehavior ?? "overwrite") === "ignore" && list.some((t) => t.options.uniqueID === uniqueID)) return "";
+	const entry = {
+		id: `xplat-toast-${++counter}`,
+		options,
+		viewportId
+	};
+	if (uniqueID) {
+		if (list.findIndex((t) => t.options.uniqueID === uniqueID) >= 0) {
+			toastStore.set(list.map((t) => t.options.uniqueID === uniqueID ? entry : t));
+			return entry.id;
+		}
+	}
+	toastStore.set([...list, entry]);
+	return entry.id;
+}
+/** Dismiss a toast: fires `onHide` exactly once, flags `exiting` for the
+*  exit presentation, then prunes the entry after `TOAST_EXIT_MS`.
+*  Idempotent — a second call while exiting is a no-op. */
+function dismissToast(id, reason = "manual") {
+	if (!id) return;
+	const list = toastStore.get();
+	const entry = list.find((t) => t.id === id);
+	if (!entry || entry.exiting) return;
+	entry.options.onHide?.(reason);
+	toastStore.set(list.map((t) => t.id === id ? {
+		...t,
+		exiting: true
+	} : t));
+	setTimeout(() => {
+		toastStore.set(toastStore.get().filter((t) => t.id !== id));
+	}, 220);
+}
+/** Resolved auto-hide contract: error toasts hold for manual dismissal
+*  unless `isAutoHide` overrides; info toasts auto-hide after
+*  `autoHideDuration` (default 5000ms). */
+function toastTiming(options) {
+	const type = options.type ?? "info";
+	return {
+		isAutoHide: options.isAutoHide ?? type !== "error",
+		autoHideDuration: Math.max(0, options.autoHideDuration ?? 5e3)
+	};
+}
+//#endregion
+export { FALLBACK_TOAST_VIEWPORT, dismissToast, pushToast, registerToastViewport, toastOnViewport, toastStore, toastTiming };

package/dist/web/toast-viewport.web.tsrx.js

@@ -0,0 +1,209 @@
+import { cx } from "./cx.js";
+import { applyThemeClasses } from "./theme/theme-scheme.js";
+import { Popover } from "./Popover.web.tsrx.js";
+import { useStore } from "./use-store.web.tsrx.js";
+import { ToastSurface } from "./Toast.web.tsrx.js";
+import { ToastViewportProvider } from "./toast-context.js";
+import { dismissToast, registerToastViewport, toastOnViewport, toastStore, toastTiming } from "./toast-store.js";
+import { bag5, child, clone, componentSlot, createElement, createScopedElement, createScopedValue, drainFrag, hookSlots, markChildrenBlock, positionalChildren, sibling, template, useEffect, useId, useRef, withSlot } from "octane";
+import { compilerMemoRegion, createElementFromConfig, hookMemoCreate, hookMemoEqual, hookMemoPublish3, textHoleUpdate } from "octane/internal/client";
+//#region src/toast-viewport.web.tsrx
+var _t$0 = /* @__PURE__ */ template("<!><!>", 3, 1);
+var _hs$ = /* @__PURE__ */ hookSlots(13);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var __childrenBody = {};
+var POSITIONS = [
+	"topStart",
+	"topEnd",
+	"bottomStart",
+	"bottomEnd"
+];
+var FOCUSABLE = "button, a[href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"]), [role=\"button\"], [role=\"link\"]";
+var firstFocusable = (container) => {
+	if (!container) return null;
+	for (const el of container.querySelectorAll(FOCUSABLE)) {
+		if (el.hasAttribute("disabled") || el.getAttribute("aria-disabled") === "true") continue;
+		return el;
+	}
+	return null;
+};
+var positionOf = (entry, fallback) => entry.options.position ?? fallback;
+var ToastViewportSurface = function ToastViewportSurface(props, __s, __extra) {
+	const mine = withSlot(_h$0, useStore, toastStore).filter((e) => toastOnViewport(e, props.viewportId));
+	const viewport = useRef(null, _hs$ + 1);
+	const prevFocus = useRef(null, _hs$ + 2);
+	const announced = useRef(null, _hs$ + 3);
+	const livePolite = useRef(null, _hs$ + 4);
+	const liveAssertive = useRef(null, _hs$ + 5);
+	const themeDetach = useRef(void 0, _hs$ + 6);
+	useEffect(() => {
+		const el = viewport.current;
+		if (!el) return;
+		themeDetach.current = applyThemeClasses(el, "vx-toast-viewport");
+		return () => themeDetach.current?.();
+	}, [], _hs$ + 7);
+	useEffect(() => {
+		const el = viewport.current;
+		if (!el || props.isTopLayer === false) return;
+		if (typeof el.showPopover === "function") try {
+			el.showPopover();
+		} catch {}
+	}, [props.isTopLayer], _hs$ + 8);
+	useEffect(() => {
+		const newest = mine[mine.length - 1];
+		if (!newest || newest.id === announced.current) return;
+		announced.current = newest.id;
+		const body = newest.options.body;
+		if (typeof body !== "string" || !body) return;
+		const region = (newest.options.type ?? "info") === "error" ? liveAssertive.current : livePolite.current;
+		if (region) region.textContent = body;
+	}, [mine], _hs$ + 9);
+	useEffect(() => {
+		if (!mine.length) {
+			const prev = prevFocus.current;
+			const el = viewport.current;
+			const active = document.activeElement;
+			if (prev && el && active && el.contains(active)) {
+				prevFocus.current = null;
+				if (prev.isConnected) prev.focus({ preventScroll: true });
+			}
+			return;
+		}
+		const onKey = (event) => {
+			if (event.key !== "F6") return;
+			const el = viewport.current;
+			if (!el) return;
+			const active = document.activeElement;
+			if (active instanceof Node && el.contains(active)) return;
+			event.preventDefault();
+			if (active instanceof HTMLElement) prevFocus.current = active;
+			const toasts = el.querySelectorAll("[data-toast-id]");
+			const newestToast = toasts[toasts.length - 1] ?? null;
+			(firstFocusable(newestToast) ?? newestToast ?? el).focus?.();
+		};
+		document.addEventListener("keydown", onKey);
+		return () => document.removeEventListener("keydown", onKey);
+	}, [mine.length], _hs$ + 10);
+	const anchored = mine.filter((e) => e.options.anchor != null);
+	const stacked = mine.filter((e) => e.options.anchor == null);
+	const buckets = POSITIONS.map((pos) => stacked.filter((e) => positionOf(e, props.position) === pos).slice(-props.maxVisible));
+	const insetStyle = {};
+	if (props.inset?.top != null) insetStyle.top = props.inset.top;
+	if (props.inset?.bottom != null) insetStyle.bottom = props.inset.bottom;
+	if (props.inset?.start != null) insetStyle.insetInlineStart = props.inset.start;
+	if (props.inset?.end != null) insetStyle.insetInlineEnd = props.inset.end;
+	return createScopedValue(() => createScopedElement("div", {
+		ref: viewport,
+		className: "vx-toast-viewport",
+		style: insetStyle,
+		role: mine.length ? "region" : void 0,
+		"aria-label": mine.length ? "Notifications" : void 0,
+		tabIndex: mine.length ? -1 : void 0,
+		...props.isTopLayer === false ? {} : { popover: "manual" }
+	}, () => positionalChildren([
+		POSITIONS.map((pos, i) => {
+			const list = buckets[i];
+			if (!list.length) return null;
+			return createScopedElement("div", {
+				key: pos,
+				className: cx("vx-toast-stack", `vx-toast-stack--${pos[0] === "t" ? "top" : "bottom"}`, pos.endsWith("Start") ? "vx-toast-stack--start" : "vx-toast-stack--end")
+			}, () => list.map((entry) => {
+				const o = entry.options;
+				const timing = toastTiming(o);
+				return createScopedElement("div", {
+					key: entry.id,
+					"data-toast-id": entry.id,
+					className: cx("vx-toast-row", entry.exiting && "vx-toast-row--exiting")
+				}, () => createScopedValue(() => createElementFromConfig("c:57265c01", ToastSurface, {
+					type: o.type ?? "info",
+					body: o.body,
+					endContent: o.endContent,
+					isAutoHide: timing.isAutoHide,
+					autoHideDuration: timing.autoHideDuration,
+					isExiting: entry.exiting,
+					renderContent: o.renderContent,
+					onDismiss: (reason) => dismissToast(entry.id, reason)
+				})));
+			}));
+		}),
+		createScopedValue(() => createElement("div", {
+			ref: livePolite,
+			className: "vx-toast-live",
+			"aria-live": "polite",
+			role: "status"
+		})),
+		createScopedValue(() => createElement("div", {
+			ref: liveAssertive,
+			className: "vx-toast-live",
+			"aria-live": "assertive",
+			role: "alert"
+		})),
+		anchored.map((entry) => {
+			const o = entry.options;
+			const timing = toastTiming(o);
+			return createScopedElement(Popover, {
+				key: entry.id,
+				open: !entry.exiting,
+				anchor: o.anchor,
+				placement: o.placement ?? (positionOf(entry, props.position).startsWith("top") ? "top" : "bottom"),
+				dismissOnOutsideTap: false,
+				web: { "data-toast-id": entry.id }
+			}, () => createScopedValue(() => createElementFromConfig("c:3955d32c", ToastSurface, {
+				type: o.type ?? "info",
+				body: o.body,
+				endContent: o.endContent,
+				isAutoHide: timing.isAutoHide,
+				autoHideDuration: timing.autoHideDuration,
+				isExiting: entry.exiting,
+				renderContent: o.renderContent,
+				onDismiss: (reason) => dismissToast(entry.id, reason)
+			})), "c:69357a2c");
+		})
+	])));
+};
+var ToastViewport = function ToastViewport(props, __s, __extra) {
+	const __block = __s.block;
+	const __memoRegion = compilerMemoRegion(__s, _hs$ + 1);
+	let __hk = __memoRegion.hooks;
+	if (__hk === void 0) __memoRegion.hooks = __hk = hookMemoCreate(5);
+	let __hkd0, __hkd1, __hkd2;
+	const id = useId(_hs$ + 11);
+	const ctx = (__hkd0 = id, __hkd1 = props.position, __hkd2 = props.maxVisible, __hk[0] !== true || !hookMemoEqual(__hk[1], __hkd0) || !hookMemoEqual(__hk[2], __hkd1) || !hookMemoEqual(__hk[3], __hkd2) ? hookMemoPublish3(__hk, 0, {
+		id,
+		position: props.position ?? "bottomEnd",
+		maxVisible: props.maxVisible ?? 5
+	}, __hkd0, __hkd1, __hkd2) : __hk[4]);
+	useEffect(() => registerToastViewport(id), [id], _hs$ + 12);
+	function __children$1(__props, __s, __extra) {
+		const __block = __s.block;
+		let _b = __s.slots[0];
+		if (_b === void 0) {
+			let _m0, _m1, _m4;
+			const _root = clone(_t$0);
+			_m0 = __block.parentNode;
+			const _el0 = child(_root);
+			_m1 = _el0;
+			_m4 = sibling(_el0, 1);
+			drainFrag(_root, __block.parentNode, __block.endMarker);
+			_b = bag5(__s, null, _m0, _m1, null, void 0, _m4);
+		}
+		{
+			const _v = props.children;
+			_b.c = textHoleUpdate(__s, 1, _b.a, _v, _b.c, _b.d, _b.b, true);
+			_b.d = _v;
+		}
+		componentSlot(__s, 2, _b.a, ToastViewportSurface, {
+			"viewportId": id,
+			"position": ctx.position,
+			"maxVisible": ctx.maxVisible,
+			"inset": props.inset,
+			"isTopLayer": props.isTopLayer
+		}, _b.e, void 0, void 0, void 0, void 0, "c:cde39dbe");
+	}
+	componentSlot(__s, 0, __block.parentNode, ToastViewportProvider, {
+		"value": ctx,
+		"children": markChildrenBlock(__children$1, __childrenBody)
+	}, __block.endMarker, void 0, void 0, true, void 0, "c:9a7c84a5");
+};
+//#endregion
+export { ToastViewport, ToastViewportSurface };

package/dist/web/toggle-button-group-context.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from "octane";
+//#region src/toggle-button-group-context.ts
+var ToggleButtonGroupContext = /* @__PURE__ */ createContext(null);
+/** ToggleButton reads group membership here; null outside a group. */
+function useToggleButtonGroup() {
+	return useContext(ToggleButtonGroupContext);
+}
+//#endregion
+export { ToggleButtonGroupContext, useToggleButtonGroup };

package/dist/web/translate.web.js

@@ -1,7 +1,7 @@
 import { writeTransformProp } from "./transform.web.js";
 //#region src/translate.web.ts
 /** Imperative translate write on a bound view — the gesture seam. Called
-*  per frame from pan handlers (docs/animation-gestures.md: animation
+*  per frame from pan handlers (docs/app/animation-gestures.md: animation
 *  writes imperative, state stays declarative). Composes with other
 *  transform writes on the same element via ./transform.web. */
 var setTranslate = (el, x = 0, y = 0) => {

package/dist/web/typeahead-source.js

@@ -0,0 +1,71 @@
+//#region src/typeahead-source.ts
+/** Create a SearchSource from a static item array — substring match on
+*  `label` plus optional `keywords`. For fuzzy/ranked/server-side matching
+*  implement `SearchSource` directly. */
+function createStaticSource(items, options) {
+	const getKeywords = options?.keywords;
+	return {
+		search(query) {
+			const lower = query.toLowerCase().trim();
+			if (lower === "") return items;
+			return items.filter((item) => {
+				if (item.label.toLowerCase().includes(lower)) return true;
+				return getKeywords ? getKeywords(item).some((kw) => kw.toLowerCase().includes(lower)) : false;
+			});
+		},
+		bootstrap() {
+			return items;
+		}
+	};
+}
+/** User-perceived character count — one emoji/flag/accented grapheme counts
+*  once. `minQueryLength` is measured in these, not UTF-16 code units. */
+function characterCount(str) {
+	if (str === "") return 0;
+	const Segmenter = Intl.Segmenter;
+	if (typeof Segmenter === "function") {
+		const segmenter = new Segmenter(void 0, { granularity: "grapheme" });
+		let count = 0;
+		for (const _ of segmenter.segment(str)) count++;
+		return count;
+	}
+	return [...str].length;
+}
+/** An item's group heading, read from `auxiliaryData.group`. */
+function getItemGroup(item) {
+	const aux = item.auxiliaryData;
+	return typeof aux?.group === "string" ? aux.group : void 0;
+}
+/** Group results by `auxiliaryData.group`, preserving insertion order.
+*  Ungrouped items collect into a `heading: null` group; `ungroupedFirst`
+*  places it before the named groups. No groups → one `heading: null` group. */
+function groupTypeaheadItems(items, { ungroupedFirst = false } = {}) {
+	if (!items.some((item) => getItemGroup(item) != null)) return [{
+		heading: null,
+		items
+	}];
+	const order = [];
+	const groups = /* @__PURE__ */ new Map();
+	const ungrouped = [];
+	for (const item of items) {
+		const group = getItemGroup(item);
+		if (group != null) {
+			if (!groups.has(group)) {
+				order.push(group);
+				groups.set(group, []);
+			}
+			groups.get(group)?.push(item);
+		} else ungrouped.push(item);
+	}
+	const named = order.map((heading) => ({
+		heading,
+		items: groups.get(heading) ?? []
+	}));
+	const tail = ungrouped.length > 0 ? [{
+		heading: null,
+		items: ungrouped
+	}] : [];
+	return ungroupedFirst ? [...tail, ...named] : [...named, ...tail];
+}
+//#endregion
+export { characterCount, createStaticSource, getItemGroup, groupTypeaheadItems };

package/dist/web/ui.js

@@ -1,50 +1,114 @@
 import { View } from "./View.web.tsrx.js";
-import { Row } from "./Row.web.tsrx.js";
-import { Grid } from "./Grid.web.tsrx.js";
 import { Stack } from "./Stack.web.tsrx.js";
+import { VStack } from "./VStack.tsrx.js";
+import { HStack } from "./HStack.tsrx.js";
+import { Grid } from "./Grid.web.tsrx.js";
+import { StackItem } from "./StackItem.web.tsrx.js";
+import { Center } from "./Center.web.tsrx.js";
+import { Section } from "./Section.web.tsrx.js";
+import { AspectRatio } from "./AspectRatio.web.tsrx.js";
+import { VisuallyHidden } from "./VisuallyHidden.web.tsrx.js";
 import { Absolute } from "./Absolute.web.tsrx.js";
 import { setTranslate } from "./translate.web.js";
 import { Spacer } from "./Spacer.web.tsrx.js";
 import { Text } from "./Text.web.tsrx.js";
 import { Screen } from "./Screen.web.tsrx.js";
 import { ActivityIndicator } from "./ActivityIndicator.web.tsrx.js";
-import { ScrollView } from "./ScrollView.web.tsrx.js";
+import { useScrollableArea } from "./use-scrollable-area.web.tsrx.js";
+import { ScrollableArea } from "./ScrollableArea.web.tsrx.js";
+import { mdInlineText, parseMdDoc, parseMdNodes } from "./markdown-parse.js";
+import { computeBoundaries, computeSegments, createMarkdownIncrementalState, markdownTextLength, parseMarkdownIncremental, trimStreamingArtifacts } from "./markdown-stream.js";
 import { Markdown, MarkdownScreen } from "./Markdown.tsrx.js";
 import { RichText, RichTextSpan } from "./RichText.web.tsrx.js";
 import { Pressable } from "./Pressable.web.tsrx.js";
+import { registerIcon, registerIcons } from "./icons.js";
+import { Icon } from "./Icon.web.tsrx.js";
 import { Button } from "./Button.web.tsrx.js";
-import { Collapsible } from "./Collapsible.web.tsrx.js";
-import { Accordion } from "./Accordion.web.tsrx.js";
-import { Checkbox } from "./Checkbox.web.tsrx.js";
-import { RadioGroup } from "./RadioGroup.web.tsrx.js";
+import { IconButton } from "./IconButton.web.tsrx.js";
+import { ButtonGroup } from "./ButtonGroup.web.tsrx.js";
+import { ToggleButton, ToggleButtonGroup } from "./ToggleButton.web.tsrx.js";
+import { ClickableCard } from "./ClickableCard.web.tsrx.js";
+import { SelectableCard } from "./SelectableCard.web.tsrx.js";
+import { DropdownMenuContext, useDropdownMenuContext } from "./menu-context.js";
+import { Separator } from "./Separator.web.tsrx.js";
 import { getColorScheme, useColorScheme } from "./theme/colorScheme.web.js";
 import { applyThemeClasses, getThemePreference, getThemeScheme, onThemeSchemeChange, setThemePreference, themeSchemeClasses, useThemeScheme } from "./theme/theme-scheme.js";
 import { Popover } from "./Popover.web.tsrx.js";
-import { registerIcon, registerIcons } from "./icons.js";
-import { Icon } from "./Icon.web.tsrx.js";
+import { DropdownMenuCheckboxItem, DropdownMenuDivider, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSubMenu } from "./MenuParts.web.tsrx.js";
 import { DropdownMenu } from "./DropdownMenu.web.tsrx.js";
+import { BottomSheet, BottomSheetSwitcher } from "./BottomSheet.web.tsrx.js";
+import { MoreMenu } from "./MoreMenu.web.tsrx.js";
+import { SearchInput } from "./SearchInput.web.tsrx.js";
+import { createPowerSearchConfig, resolveOperatorLabel, usePowerSearchConfig } from "./power-search-config.js";
+import { PowerSearchToken } from "./PowerSearchToken.web.tsrx.js";
+import { useFieldControl } from "./field-context.js";
+import { TextInput } from "./TextInput.web.tsrx.js";
+import { PowerSearchFilterEditor } from "./PowerSearchFilterEditor.web.tsrx.js";
+import { PowerSearch } from "./PowerSearch.web.tsrx.js";
+import { Collapsible } from "./Collapsible.web.tsrx.js";
+import { Accordion } from "./Accordion.web.tsrx.js";
+import { CheckboxIndicator } from "./CheckboxIndicator.web.tsrx.js";
+import { CheckIndicator } from "./CheckIndicator.web.tsrx.js";
+import { RadioIndicator } from "./RadioIndicator.web.tsrx.js";
+import { defaultIndicators, getIndicator, indicatorScope, registerIndicator, registerIndicators, useIndicator } from "./indicators.js";
+import { Checkbox } from "./Checkbox.web.tsrx.js";
+import { RadioGroup } from "./RadioGroup.web.tsrx.js";
 import { ContextMenu } from "./ContextMenu.web.tsrx.js";
 import { Badge } from "./Badge.web.tsrx.js";
-import { Separator } from "./Separator.web.tsrx.js";
 import { Skeleton } from "./Skeleton.web.tsrx.js";
 import { Avatar } from "./Avatar.web.tsrx.js";
 import { AvatarGroup } from "./AvatarGroup.web.tsrx.js";
+import { useLayer } from "./use-layer.web.tsrx.js";
+import { Tooltip } from "./Tooltip.web.tsrx.js";
 import { FormField } from "./FormField.web.tsrx.js";
 import { FieldGroup } from "./FieldGroup.web.tsrx.js";
+import { FormLayout } from "./FormLayout.web.tsrx.js";
+import { InputGroup, InputGroupText } from "./InputGroup.web.tsrx.js";
+import { Item } from "./Item.web.tsrx.js";
+import { List } from "./List.web.tsrx.js";
 import { ListItem } from "./ListItem.web.tsrx.js";
-import { TextInput } from "./TextInput.web.tsrx.js";
 import { InputNumber } from "./InputNumber.web.tsrx.js";
 import { PinInput } from "./PinInput.web.tsrx.js";
 import { Select } from "./Select.web.tsrx.js";
-import { Combobox, InputMenu, SelectMenu } from "./aliases.web.tsrx.js";
-import { InputTags } from "./InputTags.web.tsrx.js";
+import { SelectMenu } from "./aliases.web.tsrx.js";
+import { TypeaheadItem } from "./TypeaheadItem.web.tsrx.js";
+import { createStaticSource } from "./typeahead-source.js";
+import { BaseTypeahead } from "./BaseTypeahead.web.tsrx.js";
+import { Token } from "./Token.web.tsrx.js";
+import { Typeahead } from "./Typeahead.web.tsrx.js";
+import { Tokenizer } from "./Tokenizer.web.tsrx.js";
+import { ComplexSelector } from "./ComplexSelector.web.tsrx.js";
 import { InputRating } from "./InputRating.web.tsrx.js";
 import { CheckboxGroup } from "./CheckboxGroup.web.tsrx.js";
+import { getWeekNumber, isDateInRange, isSameDay } from "./calendar-core.js";
+import { Calendar } from "./Calendar.web.tsrx.js";
+import { DateInput } from "./DateInput.web.tsrx.js";
+import { TimeInput } from "./TimeInput.web.tsrx.js";
+import { DateTimeInput } from "./DateTimeInput.web.tsrx.js";
+import { DateRangeInput } from "./DateRangeInput.web.tsrx.js";
+import { useCalendarConstraints, useCalendarDays, useCalendarNavigation } from "./calendar-hooks.tsrx.js";
+import { AppShellMobileContext, NavHeadingCloseContext, NavHeadingMenuContext, SideNavRenderContext, TopNavRenderContext, useAppShellMobile, useNavHeadingCloseContext, useNavHeadingMenuContext, useSideNavCollapse, useSideNavRenderMode, useTabListContext, useTopNavRenderMode } from "./nav-contexts.js";
+import { MobileNav, MobileNavToggle } from "./MobileNav.web.tsrx.js";
+import { AppShell } from "./AppShell.web.tsrx.js";
+import { TopNav, TopNavHeading, TopNavItem, TopNavMegaMenu, TopNavMegaMenuFeaturedCard, TopNavMegaMenuItem, TopNavMenu } from "./TopNav.web.tsrx.js";
+import { ResizeHandle } from "./ResizeHandle.web.tsrx.js";
+import { percent, pixel } from "./resize-math.js";
+import { useResizable } from "./useResizable.web.tsrx.js";
+import { SideNav, SideNavCollapseButton, SideNavHeading, SideNavItem, SideNavSection } from "./SideNav.web.tsrx.js";
+import { NavIcon } from "./NavIcon.web.tsrx.js";
+import { defineRoutes, deriveRouteManifest, manifestToJson, mergeRouteManifests } from "./route-table.js";
+import { addBackInterceptor, addRoutes, canGoBack, currentModalRoute, currentRoute, errorBoundaryFor, hrefFor, layoutsFor, popRoute, pushDeepLink, pushRoute, redirect, registerRoutes, registerScreens, routeFor, routeStacks, screenFor, useCanGoBack, useModalRoute, useRoute } from "./route.web.js";
+import { NavHeadingMenu, NavHeadingMenuItem } from "./NavMenu.web.tsrx.js";
+import { Tab, TabList, TabMenu } from "./TabList.web.tsrx.js";
+import { Toolbar } from "./Toolbar.web.tsrx.js";
+import { OverflowList } from "./OverflowList.web.tsrx.js";
 import { Breadcrumb } from "./Breadcrumb.web.tsrx.js";
 import { Pagination } from "./Pagination.web.tsrx.js";
 import { Stepper } from "./Stepper.web.tsrx.js";
 import { NavigationMenu } from "./NavigationMenu.web.tsrx.js";
 import { Overlay } from "./Overlay.web.tsrx.js";
+import { useStore } from "./use-store.web.tsrx.js";
+import { createStore } from "./store.js";
 import { CommandPalette } from "./CommandPalette.web.tsrx.js";
 import { Table } from "./Table.web.tsrx.js";
 import { Timeline } from "./Timeline.web.tsrx.js";
@@ -58,23 +122,50 @@ import { Banner } from "./Banner.web.tsrx.js";
 import { User } from "./User.web.tsrx.js";
 import { Meter } from "./Meter.web.tsrx.js";
 import { ProgressGroup } from "./ProgressGroup.web.tsrx.js";
+import { useChatStreamScroll } from "./useChatStreamScroll.web.tsrx.js";
+import { useChatNewMessages } from "./useChatNewMessages.web.tsrx.js";
+import { ChatLayoutScrollButton } from "./ChatLayoutScrollButton.web.tsrx.js";
+import { useChatComposerContext, useChatLayoutContext } from "./chat-context.js";
+import { ChatLayout } from "./ChatLayout.web.tsrx.js";
+import { ChatMessageList } from "./ChatMessageList.web.tsrx.js";
+import { ChatMessage } from "./ChatMessage.web.tsrx.js";
+import { ChatMessageBubble } from "./ChatMessageBubble.web.tsrx.js";
+import { ChatMessageMetadata } from "./ChatMessageMetadata.web.tsrx.js";
+import { ChatSystemMessage } from "./ChatSystemMessage.web.tsrx.js";
+import { ChatToolCalls } from "./ChatToolCalls.web.tsrx.js";
+import { ChatTokenizedText } from "./ChatTokenizedText.web.tsrx.js";
+import { useChatComposerTokens } from "./useChatComposerTokens.web.tsrx.js";
+import { useChatPasteAsToken } from "./useChatPasteAsToken.web.tsrx.js";
+import { ChatComposerInput, ChatComposerTokenElement } from "./ChatComposerInput.web.tsrx.js";
+import { ChatSendButton } from "./ChatSendButton.web.tsrx.js";
+import { ChatComposer } from "./ChatComposer.web.tsrx.js";
+import { ChatComposerDrawer } from "./ChatComposerDrawer.web.tsrx.js";
+import { ChatDictationButton } from "./ChatDictationButton.web.tsrx.js";
+import { useSpeechRecognition } from "./useSpeechRecognition.web.tsrx.js";
+import { useChatDictation } from "./useChatDictation.web.tsrx.js";
 import { Link } from "./Link.web.tsrx.js";
-import { defineRoutes, deriveRouteManifest, manifestToJson, mergeRouteManifests } from "./route-table.js";
-import { addBackInterceptor, addRoutes, canGoBack, currentModalRoute, currentRoute, hrefFor, layoutsFor, popRoute, pushDeepLink, pushRoute, redirect, registerRoutes, registerScreens, routeFor, routeStacks, screenFor, useCanGoBack, useModalRoute, useRoute } from "./route.web.js";
 import { NavLink } from "./NavLink.web.tsrx.js";
 import { TextArea } from "./TextArea.web.tsrx.js";
-import { SearchInput } from "./SearchInput.web.tsrx.js";
 import { SegmentedControl } from "./SegmentedControl.web.tsrx.js";
-import { ScrollBox } from "./ScrollBox.web.tsrx.js";
 import { VirtualList } from "./VirtualList.web.tsrx.js";
 import { Image } from "./Image.web.tsrx.js";
 import { WebView } from "./WebView.web.tsrx.js";
-import { Hoverable } from "./Hoverable.web.tsrx.js";
-import { Tooltip } from "./Tooltip.web.tsrx.js";
-import { showToast } from "./toast-anchor.web.tsrx.js";
+import { Dialog, DialogHeader } from "./Dialog.web.tsrx.js";
+import { useImperativeDialog } from "./use-imperative-dialog.web.tsrx.js";
+import { AlertDialog } from "./AlertDialog.web.tsrx.js";
+import { useImperativeAlertDialog } from "./use-imperative-alert-dialog.web.tsrx.js";
+import { useHoverCard } from "./use-hover-card.web.tsrx.js";
+import { HoverCard } from "./HoverCard.web.tsrx.js";
+import { Carousel } from "./Carousel.web.tsrx.js";
+import { Lightbox } from "./Lightbox.web.tsrx.js";
+import { useLightbox } from "./use-lightbox.web.tsrx.js";
+import { Toast } from "./Toast.web.tsrx.js";
+import { ToastViewport } from "./toast-viewport.web.tsrx.js";
+import { showToast, useToast } from "./toast-service.web.tsrx.js";
 import { useAnimation } from "./anim.web.tsrx.js";
 import { styled } from "./styled.web.tsrx.js";
 import { openWindow } from "./windows.web.js";
+import { RouteBoundary } from "./RouteBoundary.web.tsrx.js";
 import { Tabs } from "./Tabs.web.tsrx.js";
 import { Switch } from "./Switch.web.tsrx.js";
 import { useSafeAreaInsets } from "./safeAreaInsets.web.tsrx.js";
@@ -87,9 +178,24 @@ import { Heading } from "./Heading.web.tsrx.js";
 import { isNative } from "./platform.web.js";
 import { getStack, registerStack, stackEntries } from "./stacks.web.js";
 import { useBackInterceptor } from "./use-back.web.tsrx.js";
-import { createStore } from "./store.js";
-import { useStore } from "./use-store.web.tsrx.js";
-import { Sheet } from "./Sheet.web.tsrx.js";
-import { closeSheet, openSheet } from "./sheet-service.web.js";
+import { cachedQuery$, clearQueryCache, createMemoryQueryStorage, invalidateQueries } from "./query-cache.js";
+import { platformQueryStorage } from "./query-storage.web.js";
+import { closeBottomSheet, openBottomSheet } from "./bottom-sheet-service.web.js";
+import { Blockquote } from "./Blockquote.web.tsrx.js";
+import { Code } from "./Code.web.tsrx.js";
+import { SYNC_TOKENIZE_THRESHOLD, TOKEN_TYPES, flatTokensToLines, syntaxTokenVar, syntaxTokenVarRef, tokenize, tokenizeAsync, tokenizeStreaming } from "./code-tokenizer.js";
+import { CodeBlock } from "./CodeBlock.web.tsrx.js";
+import { MetadataList } from "./MetadataList.web.tsrx.js";
+import { MetadataListItem } from "./MetadataListItem.web.tsrx.js";
+import { Thumbnail } from "./Thumbnail.web.tsrx.js";
+import { ProgressBar } from "./ProgressBar.web.tsrx.js";
+import { StatusDot } from "./StatusDot.web.tsrx.js";
+import { Timestamp } from "./Timestamp.web.tsrx.js";
+import { Timer } from "./Timer.web.tsrx.js";
+import { Citation } from "./Citation.web.tsrx.js";
+import { Outline } from "./Outline.web.tsrx.js";
+import { inlineMarkdownText, markdownHeadings, outlineFromDoc, parseOutlineFromMarkdown, slugify, uniqueSlug } from "./outline-utils.js";
+import { useOutlineFromDoc, useOutlineFromMarkdown } from "./outline-hooks.tsrx.js";
+import { useOutlineFromDOM } from "./outline-dom.web.tsrx.js";
 import "./index.shared.web.js";
-export { Absolute, Accordion, ActivityIndicator, Alert, Avatar, AvatarGroup, Badge, Banner, Breadcrumb, Button, Card, Checkbox, CheckboxGroup, Chip, Collapsible, View as Column, Combobox, CommandPalette, ContextMenu, Drawer, DropdownMenu, Empty, FieldGroup, FormField, Grid, Heading, Hoverable, Icon, Image, InputMenu, InputNumber, InputRating, InputTags, Kbd, KeyboardAvoiding, Link, ListItem, Markdown, MarkdownScreen, Meter, NavLink, NavigationMenu, Overlay, Pagination, PinInput, Popover, Pressable, ProgressGroup, RadioGroup, RichText, RichTextSpan, Row, SafeArea, Screen, ScrollBox, ScrollView, SearchInput, SegmentedControl, Select, SelectMenu, Separator, Sheet, Skeleton, Slider, Spacer, Stack, Stepper, Switch, Table, Tabs, Text, TextArea, TextInput, Timeline, Tooltip, Tree, User, View, VirtualList, WebView, addBackInterceptor, addRoutes, applyThemeClasses, canGoBack, closeSheet, createStore, currentModalRoute, currentRoute, defineRoutes, deriveRouteManifest, getColorScheme, getStack, getThemePreference, getThemeScheme, hrefFor, isNative, layoutsFor as layoutsForRoute, manifestToJson, mergeRouteManifests, onThemeSchemeChange, openSheet, openWindow, popRoute, pushDeepLink, pushRoute, redirect, registerIcon, registerIcons, registerRoutes, registerScreens, registerStack, routeFor, routeStacks, screenFor, setThemePreference, setTranslate, showToast, stackEntries, styled, themeSchemeClasses, useAnimation, useBackInterceptor, useCanGoBack, useColorScheme, useMeasure, useModalRoute, useRoute, useSafeAreaInsets, useStore, useThemeScheme };
+export { Absolute, Accordion, Alert, AlertDialog, AppShell, AppShellMobileContext, AspectRatio, Avatar, AvatarGroup, Badge, Banner, BaseTypeahead, Blockquote, BottomSheet, BottomSheetSwitcher, DropdownMenuCheckboxItem as BreadcrumbMenuCheckboxItem, DropdownMenuDivider as BreadcrumbMenuDivider, DropdownMenuItem as BreadcrumbMenuItem, DropdownMenuRadioGroup as BreadcrumbMenuRadioGroup, DropdownMenuRadioItem as BreadcrumbMenuRadioItem, DropdownMenuSubMenu as BreadcrumbMenuSubMenu, Breadcrumb as Breadcrumbs, Button, ButtonGroup, Calendar, Card, Carousel, Center, ChatComposer, ChatComposerDrawer, ChatComposerInput, ChatComposerTokenElement, ChatDictationButton, ChatLayout, ChatLayoutScrollButton, ChatMessage, ChatMessageBubble, ChatMessageList, ChatMessageMetadata, ChatSendButton, ChatSystemMessage, ChatTokenizedText, ChatToolCalls, CheckIndicator, CheckboxIndicator, Checkbox as CheckboxInput, CheckboxGroup as CheckboxList, Chip, Citation, ClickableCard, Code, CodeBlock, Collapsible, CommandPalette, ComplexSelector, ContextMenu, DropdownMenuCheckboxItem as ContextMenuCheckboxItem, DropdownMenuDivider as ContextMenuDivider, DropdownMenuItem as ContextMenuItem, DropdownMenuRadioGroup as ContextMenuRadioGroup, DropdownMenuRadioItem as ContextMenuRadioItem, DropdownMenuSubMenu as ContextMenuSubMenu, DateInput, DateRangeInput, DateTimeInput, Dialog, DialogHeader, Separator as Divider, Drawer, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContext, DropdownMenuDivider, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSubMenu, Empty as EmptyState, FormField as Field, FieldGroup, FormLayout, Grid, HStack, Heading, HoverCard, Icon, IconButton, Image, InputGroup, InputGroupText, InputRating, Item, Kbd, KeyboardAvoiding, Lightbox, Link, List, ListItem, Markdown, MarkdownScreen, MetadataList, MetadataListItem, Meter, MobileNav, MobileNavToggle, MoreMenu, SelectMenu as MultiSelector, NavHeadingCloseContext, NavHeadingMenu, NavHeadingMenuContext, NavHeadingMenuItem, NavIcon, NavLink, NavigationMenu, InputNumber as NumberInput, Outline, OverflowList, Overlay, Pagination, PinInput, Popover, PowerSearch, PowerSearchFilterEditor, PowerSearchToken, Pressable, ProgressBar, ProgressGroup, RadioIndicator, RadioGroup as RadioList, ResizeHandle, RichText, RichTextSpan, RouteBoundary, SYNC_TOKENIZE_THRESHOLD, SafeArea, Screen, ScrollableArea, SearchInput, Section, SegmentedControl, SelectableCard, Select as Selector, SideNav, SideNavCollapseButton, SideNavHeading, SideNavItem, SideNavRenderContext, SideNavSection, Skeleton, Slider, Spacer, ActivityIndicator as Spinner, Stack, StackItem, StatusDot, Stepper, Switch, TOKEN_TYPES, Tab, TabList, TabMenu, Table, Tabs, Text, TextArea, TextInput, Thumbnail, TimeInput, Timeline, Timer, Timestamp, Toast, ToastViewport, ToggleButton, ToggleButtonGroup, Token, Tokenizer, Toolbar, Tooltip, TopNav, TopNavHeading, TopNavItem, TopNavMegaMenu, TopNavMegaMenuFeaturedCard, TopNavMegaMenuItem, TopNavMenu, TopNavRenderContext, Tree as TreeList, Typeahead, TypeaheadItem, User, VStack, View, VirtualList, VisuallyHidden, WebView, addBackInterceptor, addRoutes, applyThemeClasses, cachedQuery$, canGoBack, clearQueryCache, closeBottomSheet, computeBoundaries, computeSegments, createMarkdownIncrementalState, createMemoryQueryStorage, createPowerSearchConfig, createStaticSource, createStore, currentModalRoute, currentRoute, defaultIndicators, defineRoutes, deriveRouteManifest, errorBoundaryFor, flatTokensToLines, getColorScheme, getIndicator, getStack, getThemePreference, getThemeScheme, getWeekNumber, hrefFor, indicatorScope, inlineMarkdownText, invalidateQueries, isDateInRange, isNative, isSameDay, layoutsFor as layoutsForRoute, manifestToJson, markdownHeadings, markdownTextLength, mdInlineText, mergeRouteManifests, onThemeSchemeChange, openBottomSheet, openWindow, outlineFromDoc, parseMarkdownIncremental, parseMdDoc, parseMdNodes, parseOutlineFromMarkdown, percent, pixel, platformQueryStorage, popRoute, pushDeepLink, pushRoute, redirect, registerIcon, registerIcons, registerIndicator, registerIndicators, registerRoutes, registerScreens, registerStack, resolveOperatorLabel, routeFor, routeStacks, screenFor, setThemePreference, setTranslate, showToast, slugify, stackEntries, styled, syntaxTokenVar, syntaxTokenVarRef, themeSchemeClasses, tokenize, tokenizeAsync, tokenizeStreaming, trimStreamingArtifacts, uniqueSlug, useAnimation, useAppShellMobile, useBackInterceptor, useCalendarConstraints, useCalendarDays, useCalendarNavigation, useCanGoBack, useChatComposerContext, useChatComposerTokens, useChatDictation, useChatLayoutContext, useChatNewMessages, useChatPasteAsToken, useChatStreamScroll, useColorScheme, useDropdownMenuContext, useFieldControl, useHoverCard, useImperativeAlertDialog, useImperativeDialog, useIndicator, useLayer, useLightbox, useMeasure, useModalRoute, useNavHeadingCloseContext, useNavHeadingMenuContext, useOutlineFromDOM, useOutlineFromDoc, useOutlineFromMarkdown, usePowerSearchConfig, useResizable, useRoute, useSafeAreaInsets, useScrollableArea, useSideNavCollapse, useSideNavRenderMode, useSpeechRecognition, useStore, useTabListContext, useThemeScheme, useToast, useTopNavRenderMode };