@octane-xplat/ui 0.7.3 → 0.10.0

package/dist/native/route.js

@@ -1,8 +1,9 @@
+import { createNavigationRequests } from "./navigation-request.js";
 import { getStack, onStackRegistered, stackEntries } from "./stacks.js";
 import { RouteRedirect, buildRoutePath, layoutChain, linkPath, matchUrl, mergeRouteManifests } from "./route-table.js";
-import { RouteHost } from "./RouteHost.mobile.tsrx.js";
-import "./route-host.mobile.js";
-import { modalPresenter } from "./modal-presenter.mobile.js";
+import { RouteHost } from "./RouteHost.tsrx.js";
+import "./route-host.js";
+import { modalPresenter } from "./modal-presenter.js";
 import { createNativeScriptRoot } from "@nativescript-community/octane";
 import { Application, GridLayout, Page } from "@nativescript/core";
 import { hookSlots as hookSlots$1, useSyncExternalStore as useSyncExternalStore$1 } from "octane/universal/native";
@@ -23,6 +24,7 @@ import { hookSlots as hookSlots$1, useSyncExternalStore as useSyncExternalStore$
 *  - named stacks register via `TabSpec.stack` or `registerStack`.
 *  Every drop path warns loudly — silent no-ops are how apps ship a
 *  default route on native while working fine on web. */
+var navigationRequests = createNavigationRequests();
 var baseManifest = {
 	screens: {},
 	routes: [],
@@ -77,6 +79,11 @@ function layoutsForRoute(name) {
 function screenFor(name) {
 	return screens[name];
 }
+/** The route's declared `ErrorBoundary` export, if any — outlets wrap the
+*  resolved screen in `RouteBoundary` with it. */
+function errorBoundaryFor(name) {
+	return metaFor(name)?.errorBoundary;
+}
 /** Wrap a screen in its directory `_layout` chain (outermost →
 *  innermost) as a single root component — pushed Pages and modal roots
 *  render this, matching web's outlet wrapping. */
@@ -95,10 +102,11 @@ function warnOnce(key, msg) {
 /** Attach the route-store emission hook once per frame. `navigatedTo`
 *  fires on push AND on pop (the revealed page re-fires it), so one
 *  listener keeps every useRoute snapshot honest. */
-function trackFrame(frame) {
+function trackFrame(frame, stack) {
 	if (tracked.has(frame)) return;
 	tracked.add(frame);
-	frame.on("navigatedTo", () => {
+	frame.on("navigatedTo", (event) => {
+		if (event?.isBackNavigation) navigationRequests.invalidate(stack);
 		const page = frame.currentPage;
 		if (page && page.isLoaded === false) page.callLoaded?.();
 		emit();
@@ -106,7 +114,7 @@ function trackFrame(frame) {
 }
 function resolveStack(stack) {
 	const frame = getStack(stack);
-	if (frame) trackFrame(frame);
+	if (frame) trackFrame(frame, stack);
 	return frame;
 }
 /** TabViewItem-hosted frames report isLoaded=false after tab-selection
@@ -117,8 +125,8 @@ function resolveStack(stack) {
 function rearmFrameLoaded(frame) {
 	if (!frame.isLoaded) frame.callLoaded?.();
 }
-onStackRegistered((_name, frame) => {
-	trackFrame(frame);
+onStackRegistered((name, frame) => {
+	trackFrame(frame, name);
 	ensureBackWired();
 	emit();
 });
@@ -209,10 +217,12 @@ function headFor(r) {
 function contextFor(r) {
 	return r.context ?? {};
 }
-async function prepareRoute(r, redirects = 0) {
+async function prepareRoute(r, request, redirects = 0) {
+	if (!request.isCurrent()) return;
+	if (!request.claim(r.stack)) return;
 	const beforeLoad = metaFor(r.name)?.beforeLoad;
 	if (!beforeLoad) {
-		commitRoute(r);
+		commitRoute(r, request);
 		return;
 	}
 	if (redirects > 16) {
@@ -231,10 +241,11 @@ async function prepareRoute(r, redirects = 0) {
 		commitRoute({
 			...r,
 			context
-		});
+		}, request);
 	} catch (e) {
+		if (!request.isCurrent()) return;
 		if (e instanceof RouteRedirect) {
-			await prepareRoute(e.route, redirects + 1);
+			await prepareRoute(e.route, request, redirects + 1);
 			return;
 		}
 		console.warn(`[octane-xplat] beforeLoad('${r.name}') rejected: ${e?.message ?? e}`);
@@ -244,13 +255,15 @@ function redirect(r) {
 	throw new RouteRedirect(r);
 }
 function pushRoute(r) {
+	const request = navigationRequests.begin(r.stack);
 	if (metaFor(r.name)?.beforeLoad) {
-		prepareRoute(r);
+		prepareRoute(r, request);
 		return;
 	}
-	commitRoute(r);
+	commitRoute(r, request);
 }
-function commitRoute(r) {
+function commitRoute(r, request) {
+	if (!request.isCurrent()) return;
 	const C = screenFor(r.name);
 	if (!C) {
 		warnOnce("screen:" + r.name, `pushRoute('${r.name}') dropped — '${r.name}' isn't in the screen table. Call registerScreens({ ${r.name}: ... }) at boot.`);
@@ -262,10 +275,10 @@ function commitRoute(r) {
 		Promise.resolve().then(() => loader(r.params)).then((loaderData) => commitRoute({
 			...r,
 			loaderData
-		}), (loaderError) => commitRoute({
+		}, request), (loaderError) => commitRoute({
 			...r,
 			loaderError
-		}));
+		}, request));
 		return;
 	}
 	if (presentation === "modal") {
@@ -321,7 +334,9 @@ function commitRoute(r) {
 				createNativeScriptRoot(host).render(RouteHost, {
 					screen: C,
 					layouts: layoutsForRoute(r.name),
-					params: props
+					params: props,
+					boundary: errorBoundaryFor(r.name),
+					route: r
 				});
 				return page;
 			},
@@ -347,6 +362,7 @@ function pushModal(frame, r, C) {
 		const i = modalHosts.indexOf(entry);
 		if (i === -1) return;
 		modalHosts.splice(i, 1);
+		root.unmount?.();
 		emit();
 	};
 	const presenter = modalPresenter(frame);
@@ -369,7 +385,9 @@ function pushModal(frame, r, C) {
 		root.render(RouteHost, {
 			screen: C,
 			layouts: layoutsForRoute(r.name),
-			params
+			params,
+			boundary: errorBoundaryFor(r.name),
+			route: r
 		});
 		presenter.showModal(host, {
 			context: {},
@@ -380,7 +398,6 @@ function pushModal(frame, r, C) {
 		emit();
 	} catch (e) {
 		entry.dismiss();
-		root.unmount?.();
 		console.warn("[octane-xplat] modal pushRoute(" + r.name + ") threw: " + e?.message);
 	}
 }
@@ -389,8 +406,10 @@ function pushModal(frame, r, C) {
 *  where back at the app root is a no-op; loud only when the stack
 *  itself doesn't exist. */
 function popRoute(stack = "root") {
+	navigationRequests.invalidate(stack);
 	const modal = modalHosts[modalHosts.length - 1];
 	if (modal) {
+		navigationRequests.invalidate(modal.route.stack);
 		modal.dismiss();
 		modal.host.closeModal?.();
 		return;
@@ -456,7 +475,7 @@ function currentModalRoute() {
 *  `onDeepLink(pushDeepLink)` plus one `consumeInitialUrl()` call. */
 function pushDeepLink(url) {
 	const r = matchUrl(routes, linkPath(url));
-	if (!r) {
+	if (!r || !screenFor(r.name)) {
 		warnOnce("link:" + url, `pushDeepLink('${url}') dropped — no route matches.`);
 		return false;
 	}
@@ -500,4 +519,4 @@ var _h$0 = /* @__PURE__ */ Symbol(_hs$);
 var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
 var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
 //#endregion
-export { addBackInterceptor, addRoutes, canGoBack, currentModalRoute, currentRoute, hrefFor, layoutsForRoute, popRoute, pushDeepLink, pushRoute, redirect, registerRoutes, registerScreens, routeFor, routeStacks, screenFor, useCanGoBack, useModalRoute, useRoute };
+export { addBackInterceptor, addRoutes, canGoBack, currentModalRoute, currentRoute, errorBoundaryFor, hrefFor, layoutsForRoute, popRoute, pushDeepLink, pushRoute, redirect, registerRoutes, registerScreens, routeFor, routeStacks, screenFor, useCanGoBack, useModalRoute, useRoute };

package/dist/native/safe-url.js

@@ -0,0 +1,13 @@
+//#region src/safe-url.ts
+function normalizeUrl(url) {
+	return url.replace(/[\x00-\x1f\x7f]/g, "").trim();
+}
+/** Return the normalized URL, or null for a blocked scheme. */
+function sanitizeUrl(url) {
+	const normalized = normalizeUrl(url);
+	const lower = normalized.toLowerCase();
+	if (lower.startsWith("javascript:") || lower.startsWith("vbscript:") || lower.startsWith("data:text/html")) return null;
+	return normalized;
+}
+//#endregion
+export { sanitizeUrl };

package/dist/native/scheme-colors.js

@@ -0,0 +1,41 @@
+//#region src/scheme-colors.ts
+var TEXT_SECONDARY = {
+	light: "#666666",
+	dark: "#a1a1a1"
+};
+var TEXT_PRIMARY = {
+	light: "#0a0a0a",
+	dark: "#ededed"
+};
+var PRIMARY = {
+	light: "#171717",
+	dark: "#ededed"
+};
+var SUCCESS = "#15803d";
+var WARNING = "#b45309";
+var DANGER = "#dc2626";
+var mutedColor = (scheme) => TEXT_SECONDARY[scheme];
+var textColor = (scheme) => TEXT_PRIMARY[scheme];
+var accentColor = (scheme) => PRIMARY[scheme];
+/** StatusDot variant → ink color painted on the dot on native. */
+function statusDotColor(variant, scheme) {
+	switch (variant) {
+		case "success": return SUCCESS;
+		case "warning": return WARNING;
+		case "error": return DANGER;
+		case "accent": return PRIMARY[scheme];
+		default: return TEXT_SECONDARY[scheme];
+	}
+}
+/** ProgressBar variant → fill color on native. */
+function progressFillColor(variant, scheme) {
+	switch (variant) {
+		case "success": return SUCCESS;
+		case "warning": return WARNING;
+		case "error": return DANGER;
+		case "neutral": return TEXT_SECONDARY[scheme];
+		default: return PRIMARY[scheme];
+	}
+}
+//#endregion
+export { accentColor, mutedColor, progressFillColor, statusDotColor, textColor };

package/dist/native/select-options.js

@@ -0,0 +1,31 @@
+//#region src/select-options.ts
+function selectValues(value) {
+	return value == null ? [] : Array.isArray(value) ? [...new Set(value)] : [value];
+}
+function sameSelection(a, b) {
+	return a.length === b.length && a.every((value, index) => value === b[index]);
+}
+function filterSelectOptions(options, query) {
+	const lower = query.toLowerCase();
+	return options.filter((option) => (option.label ?? option.value).toLowerCase().includes(lower));
+}
+function groupSelectOptions(options) {
+	const groups = /* @__PURE__ */ new Map();
+	for (const option of options) {
+		const rows = groups.get(option.group);
+		if (rows) rows.push(option);
+		else groups.set(option.group, [option]);
+	}
+	return [...groups].map(([heading, rows]) => ({
+		heading,
+		options: rows
+	}));
+}
+/** Bulk toggles affect only the visible enabled set, retaining hidden/disabled values. */
+function toggleVisibleSelection(selected, options) {
+	const enabled = options.filter((option) => !option.isDisabled).map((option) => option.value);
+	if (!enabled.length) return selected;
+	return enabled.every((value) => selected.includes(value)) ? selected.filter((value) => !enabled.includes(value)) : [.../* @__PURE__ */ new Set([...selected, ...enabled])];
+}
+//#endregion
+export { filterSelectOptions, groupSelectOptions, sameSelection, selectValues, toggleVisibleSelection };

package/dist/native/shared.js

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

package/dist/native/sheet-detents.js

@@ -2,28 +2,19 @@ import { detentOffset, normalizeDetents, snapDetentIndex } from "./sheet-snap.js
 import { FlexboxLayout, Screen } from "@nativescript/core";
 //#region src/sheet-detents.ts
 var SNAP_MS = 200;
-/** Drag-to-snap detents on a RootLayout sheet host: a self-drawn grabber
-*  strip (top-aligned grid child — the only drag target, so it never
-*  fights inner scrolling) drives the host's translateY; the host is
-*  sized to the largest detent and parked at the offset for the current
-*  one. `closeNow` fires after the dismiss slide-out — the caller decides
-*  what closing means (declarative `onDismiss` via RootLayout 'closed',
-*  or the `openSheet` resolution).
-*
-*  In-window on native: the OS detent presentations
-*  (UISheetPresentationController / BottomSheetBehavior via
-*  BottomSheetDialogFragment) host a modal VC or a separate dialog
-*  window — a different surface contract than the RootLayout child this
-*  sheet is (UIModal/MaterialDialog own the modal path), so the snap
-*  mechanics are self-drawn and identical to the web leaf. */
-function attachSheetDetents(host, detents, closeNow) {
+function attachSheetDetents(host, detents, closeNow, options = {}) {
 	const sorted = normalizeDetents(detents);
-	if (!sorted.length) return {
+	const swipeOnly = options.swipeOnly === true || !sorted.length;
+	if (!sorted.length && !options.swipeOnly) return {
 		detach: () => {},
 		enter: () => {}
 	};
 	const vh = () => host.parent?.getActualSize?.().height || Screen.mainScreen.heightDIPs;
-	const max = sorted[sorted.length - 1];
+	const max = sorted[sorted.length - 1] ?? 0;
+	/** Content-sized panels dismiss once the drag covers ~40% of their
+	*  height (or on a downward fling). */
+	const panelHeight = () => host.getActualSize?.().height || host.height || 0;
+	const dismissible = () => options.dismissible !== false;
 	let cur = 0;
 	host.verticalAlignment = "bottom";
 	host.translateY = vh();
@@ -55,9 +46,17 @@ function attachSheetDetents(host, detents, closeNow) {
 	const end = () => {
 		if (!dragging) return;
 		dragging = false;
-		const next = snapDetentIndex(host.translateY, vy, sorted, vh());
-		if (next < 0) animateTo(vh(), closeNow);
-		else {
+		const ty = host.translateY;
+		if (swipeOnly) {
+			if (dismissible() && (vy > 500 || ty > panelHeight() * .4)) animateTo(vh(), closeNow);
+			else animateTo(0);
+			return;
+		}
+		const next = snapDetentIndex(ty, vy, sorted, vh());
+		if (next < 0) {
+			if (dismissible()) animateTo(vh(), closeNow);
+			else animateTo(detentOffset(sorted, cur, vh()));
+		} else {
 			cur = next;
 			animateTo(detentOffset(sorted, cur, vh()));
 		}
@@ -83,11 +82,18 @@ function attachSheetDetents(host, detents, closeNow) {
 		if (dt > 0) vy = vy * .7 + inc / dt * .3;
 		lastDy = e.deltaY;
 		lastT = now;
-		host.translateY = Math.min(Math.max(ty0 + (e.deltaY - dy0), 0), vh());
+		const next = Math.min(Math.max(ty0 + (e.deltaY - dy0), 0), vh());
+		host.translateY = next;
+		options.onOffset?.(next, vh());
 	};
 	grabber.on("pan", onPan);
 	return {
 		enter: () => {
+			if (swipeOnly) {
+				host.translateY = vh();
+				animateTo(0);
+				return;
+			}
 			host.height = max * vh();
 			host.translateY = vh();
 			animateTo(detentOffset(sorted, cur, vh()));

package/dist/native/sheet-snap.js

@@ -4,6 +4,28 @@ function normalizeDetents(input) {
 	if (!input?.length) return [];
 	return [...new Set(input.filter((d) => d > 0 && d <= 1))].sort((a, b) => a - b);
 }
+/** One snap point → viewport-height fraction. A number ≤ 1 is already a
+*  fraction; a larger number is px/dips. Strings accept 'NN%' and 'NNpx'
+*  (bare numeric strings are px). Returns null when unresolvable. */
+function snapPointFraction(point, vh) {
+	if (typeof point === "number") {
+		if (point <= 0) return null;
+		return point <= 1 ? point : point / vh;
+	}
+	const trimmed = point.trim();
+	const percent = trimmed.match(/^([\d.]+)%$/);
+	if (percent) return parseFloat(percent[1]) / 100;
+	const px = trimmed.match(/^([\d.]+)(?:px)?$/);
+	if (px) return parseFloat(px[1]) / vh;
+	return null;
+}
+/** Astryx `snapPoints` → sorted detent fractions (the existing controller
+*  shape). `vh` is the viewport height in px/dips. Stops larger than the
+*  window clamp to 1. Empty → detents off. */
+function normalizeSnapPoints(input, vh) {
+	if (!input?.length || !(vh > 0)) return [];
+	return normalizeDetents(input.map((point) => snapPointFraction(point, vh)).filter((f) => f != null && f > 0).map((f) => Math.min(f, 1)));
+}
 /** Resting translateY for a detent: the panel is `max * vh` tall, so the
 *  portion below the screen edge is `(max - detent) * vh`. */
 function detentOffset(detents, index, vh) {
@@ -32,4 +54,4 @@ function snapDetentIndex(ty, vy, detents, vh) {
 	return best;
 }
 //#endregion
-export { detentOffset, normalizeDetents, snapDetentIndex };
+export { detentOffset, normalizeDetents, normalizeSnapPoints, snapDetentIndex, snapPointFraction };

package/dist/native/spacing.js

@@ -0,0 +1,9 @@
+//#region src/spacing.ts
+/** Astryx spacing steps are 4px/dip units (`--spacing-N` = N×4). Shared by
+*  components whose props take a step number (ScrollableArea padding,
+*  Dialog padding, Carousel gap). */
+function spacingStep(step) {
+	return step == null ? void 0 : step * 4;
+}
+//#endregion
+export { spacingStep };