@octane-xplat/ui 0.9.0 → 0.10.0

package/dist/native/dialog-context.js

@@ -0,0 +1,8 @@
+import { createContext } from "octane/universal/native";
+//#region src/dialog-context.ts
+var DialogContext = createContext(null);
+/** JSX-provider form — the universal renderer's context is a callable
+*  rather than a `.Provider` member (same aliasing as FieldProvider). */
+var DialogProvider = DialogContext;
+//#endregion
+export { DialogContext, DialogProvider };

package/dist/native/escape-props.js

@@ -1,11 +1,25 @@
 import { applyNativeModifiers } from "./apply-native-modifiers.native.js";
 import { rememberGridChildPlacement } from "./grid-placement.js";
-import { isAndroid, isIOS } from "@nativescript/core";
+import { ScrollView, isAndroid, isIOS } from "@nativescript/core";
 //#region src/escape-props.ts
+/** Android ViewGroups clip every child to the child's own layout bounds
+*  (`clipChildren`) and to the padding box (`clipToPadding`) — the DOM and
+*  iOS both default to overflow:visible, so a transformed child (a rotated
+*  tilt, a translate) or any deliberate overhang is cut off on Android only.
+*  Scroll containers keep their clip; every other ViewGroup follows the
+*  shared overflow-visible contract. Runs on `loaded` — the native view
+*  does not exist yet at ref time. */
+function unclipAndroidContainer(view) {
+	const native = view?.android;
+	if (!native || view instanceof ScrollView || typeof native.setClipChildren !== "function") return;
+	native.setClipChildren(false);
+	native.setClipToPadding(false);
+}
 /** Apply only the active device's escape bag after the primitive's own props. */
 function applyEscapeProps(view, props) {
 	if (!view) return;
 	rememberGridChildPlacement(view, props);
+	if (isAndroid) view.on?.("loaded", () => unclipAndroidContainer(view));
 	const bag = isIOS ? props.ios : isAndroid ? props.android : void 0;
 	if (bag) Object.assign(view, bag);
 	applyNativeModifiers(view, props.modifiers);
@@ -25,7 +39,12 @@ var NATIVE_ACCESSIBILITY_ROLES = {
 	switch: "switch",
 	radio: "radioButton",
 	spinbutton: "spinButton",
-	tab: "button"
+	tab: "button",
+	menu: "none",
+	group: "none",
+	menuitem: "button",
+	menuitemcheckbox: "checkbox",
+	menuitemradio: "radioButton"
 };
 /** Translate the shared/ARIA spelling to NativeScript's narrower role enum. */
 function nativeAccessibilityRole(role) {
@@ -36,8 +55,9 @@ function nativeAccessibilityRole(role) {
 function nativeAccessibilityState(state) {
 	if (state?.disabled) return "disabled";
 	if (state?.selected) return "selected";
-	if (state?.checked === true) return "checked";
-	if (state?.checked === false) return "unchecked";
+	const checked = state?.checked ?? state?.pressed;
+	if (checked === true) return "checked";
+	if (checked === false) return "unchecked";
 }
 //#endregion
 export { applyEscapeProps, nativeAccessibilityRole, nativeAccessibilityState };

package/dist/native/field-context.js

@@ -0,0 +1,57 @@
+import { FormLayoutContext } from "./form-layout-context.js";
+import { InputGroupContext } from "./input-group-context.js";
+import { createContext, useContext } from "octane/universal/native";
+//#region src/field-context.ts
+var FieldContext = createContext(null);
+var FieldProvider = FieldContext;
+/** Resolve wrapper defaults and the accessibility links for a field control. */
+function useFieldControlProps(props) {
+	const field = useContext(FieldContext);
+	const form = useContext(FormLayoutContext);
+	const group = useContext(InputGroupContext);
+	const status = field?.status ?? props.status;
+	const description = field?.description ?? props.description;
+	const ownLabel = props.accessibilityLabel ?? (props.label && props.label !== field?.label ? props.label : void 0);
+	const ariaDescribedBy = [
+		props.web?.["aria-describedby"],
+		field?.descriptionId,
+		field?.statusId
+	].filter(Boolean).join(" ") || void 0;
+	const disabledReason = (field?.isDisabled ?? props.isDisabled) || props.isDisabled ? field?.disabledMessage ?? props.disabledMessage : void 0;
+	const hint = [
+		props.accessibilityHint,
+		description,
+		status?.message,
+		disabledReason
+	].filter(Boolean).join(". ") || void 0;
+	const isOptional = field?.isOptional ?? props.isOptional;
+	const isRequired = !isOptional && Boolean(field?.isRequired ?? props.isRequired ?? form.defaultOptionality === "required");
+	return {
+		...props,
+		isDisabled: Boolean(field?.isDisabled || group?.isDisabled || props.isDisabled),
+		isReadOnly: Boolean(field?.isReadOnly || props.isReadOnly),
+		isLoading: field?.isLoading ?? props.isLoading,
+		isRequired,
+		isOptional,
+		size: field?.size ?? group?.size ?? props.size,
+		inInputGroup: group != null,
+		status,
+		id: props.id ?? field?.controlId,
+		fieldLabel: field?.label,
+		ariaLabel: ownLabel ?? (field ? void 0 : props.label),
+		ariaLabelledBy: ownLabel ? void 0 : props.web?.["aria-labelledby"] ?? field?.labelId,
+		ariaDescribedBy,
+		accessibilityHint: hint
+	};
+}
+/** Resolve field-control props and report whether a surrounding Field owns
+*  the label, so third-party controls can compose with Field without nesting. */
+function useFieldControl(props) {
+	const inField = useContext(FieldContext) != null;
+	return {
+		props: useFieldControlProps(props),
+		inField
+	};
+}
+//#endregion
+export { FieldContext, FieldProvider, useFieldControl, useFieldControlProps };

package/dist/native/form-layout-context.js

@@ -0,0 +1,10 @@
+import { createContext } from "octane/universal/native";
+//#region src/form-layout-context.ts
+/** Layered arrangement context: `Field`/`FormField` switches to a
+*  horizontal-labels render under `direction === 'horizontal-labels'`, and
+*  `useFieldControlProps` resolves `aria-required` from
+*  `defaultOptionality`. Nested FormLayouts shadow the outer value. */
+var FormLayoutContext = createContext({ direction: "vertical" });
+var FormLayoutProvider = FormLayoutContext;
+//#endregion
+export { FormLayoutContext, FormLayoutProvider };

package/dist/native/icons.js

@@ -17,9 +17,31 @@ function getIcon(name) {
 }
 if (!icons.has("xplat-search")) icons.set("xplat-search", { svg: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" });
 if (!icons.has("xplat-clear")) icons.set("xplat-clear", { svg: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" });
+if (!icons.has("xplat-copy")) icons.set("xplat-copy", { svg: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" });
+if (!icons.has("xplat-check")) icons.set("xplat-check", { svg: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" });
+if (!icons.has("xplat-chevron-down")) icons.set("xplat-chevron-down", { svg: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" });
+if (!icons.has("xplat-chevron-up")) icons.set("xplat-chevron-up", { svg: "M12 8l-6 6 1.41 1.41L12 9.83l4.59 4.58L18 14z" });
+if (!icons.has("xplat-doc-image")) icons.set("xplat-doc-image", { svg: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" });
+if (!icons.has("xplat-more-horizontal")) icons.set("xplat-more-horizontal", { svg: "M5 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" });
 if (!icons.has("xplat-play")) icons.set("xplat-play", { svg: "M8 5v14l11-7z" });
 if (!icons.has("xplat-pause")) icons.set("xplat-pause", { svg: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" });
 if (!icons.has("xplat-volume")) icons.set("xplat-volume", { svg: "M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z" });
+if (!icons.has("xplat-calendar")) icons.set("xplat-calendar", { svg: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM9 14H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z" });
+if (!icons.has("xplat-clock")) icons.set("xplat-clock", { svg: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z" });
+if (!icons.has("xplat-upload")) icons.set("xplat-upload", { svg: "M9 16h6v-6h4l-7-7-7 7h4v6zm-4 2h14v2H5v-2z" });
+if (!icons.has("xplat-close")) icons.set("xplat-close", { svg: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" });
+if (!icons.has("xplat-chevron-left")) icons.set("xplat-chevron-left", { svg: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" });
+if (!icons.has("xplat-chevron-right")) icons.set("xplat-chevron-right", { svg: "M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z" });
 if (!icons.has("xplat-volume-off")) icons.set("xplat-volume-off", { svg: "M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.45-.54 2.78-1.32 3.97-2.27L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z" });
+if (!icons.has("xplat-send")) icons.set("xplat-send", { svg: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z" });
+if (!icons.has("xplat-stop")) icons.set("xplat-stop", { svg: "M6 6h12v12H6z" });
+if (!icons.has("xplat-chevron-down")) icons.set("xplat-chevron-down", { svg: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" });
+if (!icons.has("xplat-clock")) icons.set("xplat-clock", { svg: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z" });
+if (!icons.has("xplat-check")) icons.set("xplat-check", { svg: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" });
+if (!icons.has("xplat-check-double")) icons.set("xplat-check-double", { svg: "M0.41 13.41L6 19l1.41-1.42L1.83 12zM22.24 5.58L11.66 16.17 7.5 12l-1.43 1.41 5.59 5.59L23.66 7zM18 7l-1.41-1.42-6.35 6.35 1.41 1.41L18 7z" });
+if (!icons.has("xplat-error")) icons.set("xplat-error", { svg: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" });
+if (!icons.has("xplat-warning")) icons.set("xplat-warning", { svg: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" });
+if (!icons.has("xplat-wrench")) icons.set("xplat-wrench", { svg: "M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z" });
+if (!icons.has("xplat-mic")) icons.set("xplat-mic", { svg: "M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z" });
 //#endregion
 export { getIcon, registerIcon, registerIcons };

package/dist/native/index.shared.js

@@ -1,51 +1,115 @@
 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 { ScrollView } from "./ScrollView.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 { 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 "./Resizable.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";
@@ -59,20 +123,49 @@ 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, manifestToJson, 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 { 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";
@@ -82,13 +175,27 @@ 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";
-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, 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 };
+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";
+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/indicators.js

@@ -0,0 +1,40 @@
+import { CheckboxIndicator } from "./CheckboxIndicator.tsrx.js";
+import { CheckIndicator } from "./CheckIndicator.tsrx.js";
+import { RadioIndicator } from "./RadioIndicator.tsrx.js";
+//#region src/indicators.ts
+/** Class applied by a host whose hover/focus should drive descendant
+*  indicators' chrome (Astryx's `indicatorScope` marker). Structural CSS
+*  hangs off it, e.g. `.vx-indicator-scope:hover .vx-ind-checkbox`. */
+var indicatorScope = "vx-indicator-scope";
+/** Core visuals for the three indicator names. */
+var defaultIndicators = {
+	check: CheckIndicator,
+	radio: RadioIndicator,
+	checkbox: CheckboxIndicator
+};
+/** App-registered overrides (the portable `indicators` half of Astryx's
+*  theme seam — octane has no themeRegistry, so the registry is a
+*  module-level map). Registered names shadow the defaults for every
+*  `getIndicator`/`useIndicator` call that follows. */
+var overrides = {};
+function registerIndicator(name, component) {
+	overrides[name] = component;
+}
+function registerIndicators(registry) {
+	const target = overrides;
+	for (const [name, component] of Object.entries(registry)) if (component) target[name] = component;
+}
+/** Resolve an indicator by name: override → built-in. Augmented names
+*  (module-augmented `IndicatorMap` keys with no built-in) resolve to
+*  `undefined` until registered. */
+function getIndicator(name) {
+	return overrides[name] ?? defaultIndicators[name];
+}
+/** `useIndicator` — same resolution as `getIndicator`. Not a reactive hook
+*  here (there is no theme source to subscribe to); the name stays for API
+*  parity with Astryx so host components read `useIndicator('checkbox')`. */
+function useIndicator(name) {
+	return getIndicator(name);
+}
+//#endregion
+export { CheckIndicator, CheckboxIndicator, RadioIndicator, defaultIndicators, getIndicator, indicatorScope, registerIndicator, registerIndicators, useIndicator };

package/dist/native/input-group-context.js

@@ -0,0 +1,6 @@
+import { createContext } from "octane/universal/native";
+//#region src/input-group-context.ts
+var InputGroupContext = createContext(null);
+var InputGroupProvider = InputGroupContext;
+//#endregion
+export { InputGroupContext, InputGroupProvider };

package/dist/native/ios/UIModal.ios.tsrx.js

@@ -1,5 +1,5 @@
 import { applyThemeClasses } from "../theme/theme-scheme.js";
-import { modalPresenter } from "../modal-presenter.mobile.js";
+import { modalPresenter } from "../modal-presenter.js";
 import { createNativeScriptRoot, defineUniversalComponent, hookSlots, universalPlan, universalValue, useEffect, useRef } from "@nativescript-community/octane";
 import { Frame, GridLayout } from "@nativescript/core";
 //#region src/ios/UIModal.ios.tsrx