@octane-xplat/ui 0.9.0 → 0.10.0

package/dist/native/shared.js

@@ -1,51 +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 { 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 { 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 +122,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,14 +174,28 @@ 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, 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 };
+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 };

package/dist/native/stack-layout.js

@@ -0,0 +1,72 @@
+//#region src/stack-layout.ts
+/** Astryx spacing step → dips (step × 4, matching the upstream
+*  `--spacing-N` scale: 0.5→2, 1→4, 2→8, 3→12, 4→16, …, 10→40). */
+function spacingPx(step) {
+	return step == null ? void 0 : step * 4;
+}
+var JUSTIFY = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	between: "space-between",
+	around: "space-around",
+	evenly: "space-evenly"
+};
+var ALIGN = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	stretch: "stretch"
+};
+var ALIGN_SELF = {
+	start: "flex-start",
+	end: "flex-end"
+};
+/** Resolve Stack's directional alignment + spacing props into flex values.
+*  `hAlign`/`vAlign` follow the physical axes; `justify`/`align` alias the
+*  main/cross axes of the active direction. */
+function resolveStackLayout(props) {
+	const horizontal = (props.direction ?? "vertical") === "horizontal";
+	const resolvedHAlign = props.hAlign ?? (horizontal ? props.justify : props.align);
+	const resolvedVAlign = props.vAlign ?? (horizontal ? props.align : props.justify);
+	const main = horizontal ? resolvedHAlign : resolvedVAlign;
+	const cross = horizontal ? resolvedVAlign : resolvedHAlign;
+	const paddingInlineStart = spacingPx(props.paddingInlineStart ?? props.paddingInline ?? props.padding);
+	const paddingInlineEnd = spacingPx(props.paddingInlineEnd ?? props.paddingInline ?? props.padding);
+	const paddingBlockStart = spacingPx(props.paddingBlockStart ?? props.paddingBlock ?? props.padding);
+	const paddingBlockEnd = spacingPx(props.paddingBlockEnd ?? props.paddingBlock ?? props.padding);
+	return {
+		flexDirection: horizontal ? "row" : "column",
+		justifyContent: main != null ? JUSTIFY[main] ?? main : void 0,
+		alignItems: cross != null ? ALIGN[cross] ?? cross : void 0,
+		flexWrap: props.wrap != null && props.wrap !== "nowrap" ? props.wrap : void 0,
+		gap: spacingPx(props.gap),
+		scrollable: props.isScrollable === true,
+		paddingTop: paddingBlockStart,
+		paddingBottom: paddingBlockEnd,
+		paddingLeft: paddingInlineStart,
+		paddingRight: paddingInlineEnd,
+		paddingInlineStart,
+		paddingInlineEnd,
+		paddingBlockStart,
+		paddingBlockEnd
+	};
+}
+/** The style fragment for StackItem — `fill` grows (and is allowed to
+*  shrink) into remaining space; the min-size reset lets it become a
+*  scroll region under a flex parent. */
+function stackItemStyle(props) {
+	const style = {};
+	if (props.size === "fill") {
+		style.flexGrow = 1;
+		style.flexShrink = 1;
+	} else {
+		style.flexGrow = 0;
+		style.flexShrink = 0;
+	}
+	if (props.crossAlignSelf != null) style.alignSelf = ALIGN_SELF[props.crossAlignSelf] ?? props.crossAlignSelf;
+	if (props.isScrollable) style.overflow = "auto";
+	return style;
+}
+//#endregion
+export { resolveStackLayout, spacingPx, stackItemStyle };

package/dist/native/svg-glyph.js

@@ -0,0 +1,12 @@
+//#region src/svg-glyph.ts
+/** IconGlyph → a full `<svg>` string for SVGView. `svg` path data gets a
+*  `<path>` with the requested fill; `markup` wraps inside a viewBox shell
+*  with `color`/`fill` set on the root so `currentColor` and default-fill
+*  children pick up the tint. */
+function glyphSvgMarkup(glyph, color) {
+	const viewBox = glyph.viewBox ?? "0 0 24 24";
+	if (glyph.markup) return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}"${color ? ` color="${color}" fill="${color}"` : ""}>${glyph.markup}</svg>`;
+	if (glyph.svg) return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}"><path d="${glyph.svg}" fill="${color ?? "currentColor"}"/></svg>`;
+}
+//#endregion
+export { glyphSvgMarkup };

package/dist/native/svg-source.js

@@ -0,0 +1,29 @@
+import { glyphSvgMarkup } from "./svg-glyph.js";
+//#region src/svg-source.ts
+var SVG_DATA_URI = /^data:image\/svg\+xml[;,]/i;
+var SVG_PATH = /\.svg([?#].*)?$/i;
+var EMPTY_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\"/>";
+/** True when an `src` carries SVG: inline markup, an svg data URI, or an
+*  .svg path/URL. Anything else stays on the raster <image> path. */
+function isSvgSrc(src) {
+	return src.trimStart().startsWith("<svg") || SVG_DATA_URI.test(src) || SVG_PATH.test(src);
+}
+/** Normalize an svg-shaped src into SVGView's grammar: file/resource paths and
+*  markup pass through, data URIs decode to markup, remote URLs fetch to
+*  markup (SVGView has no fetch of its own — it awaits promise srcs). */
+function svgSource(src) {
+	if (SVG_DATA_URI.test(src)) {
+		const comma = src.indexOf(",");
+		const body = src.slice(comma + 1);
+		if (src.slice(0, comma).endsWith(";base64")) {
+			const atob = globalThis.atob;
+			if (!atob) return EMPTY_SVG;
+			return atob(body);
+		}
+		return decodeURIComponent(body);
+	}
+	if (/^https?:\/\//.test(src)) return fetch(src).then((r) => r.ok ? r.text() : EMPTY_SVG).catch(() => EMPTY_SVG);
+	return src;
+}
+//#endregion
+export { glyphSvgMarkup, isSvgSrc, svgSource };

package/dist/native/svg.mobile.js

@@ -1,40 +1,8 @@
+import { glyphSvgMarkup } from "./svg-glyph.js";
+import { isSvgSrc, svgSource } from "./svg-source.js";
 import { registerElement } from "@nativescript-community/octane";
 import { SVGView } from "./vendor/ui-svg";
 //#region src/svg.mobile.ts
 registerElement("svgview", SVGView);
-var SVG_DATA_URI = /^data:image\/svg\+xml[;,]/i;
-var SVG_PATH = /\.svg([?#].*)?$/i;
-var EMPTY_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\"/>";
-/** True when an `src` carries SVG: inline markup, an svg data URI, or an
-*  .svg path/URL. Anything else stays on the raster <image> path. */
-function isSvgSrc(src) {
-	return src.trimStart().startsWith("<svg") || SVG_DATA_URI.test(src) || SVG_PATH.test(src);
-}
-/** Normalize an svg-shaped src into SVGView's grammar: file/resource paths and
-*  markup pass through, data URIs decode to markup, remote URLs fetch to
-*  markup (SVGView has no fetch of its own — it awaits promise srcs). */
-function svgSource(src) {
-	if (SVG_DATA_URI.test(src)) {
-		const comma = src.indexOf(",");
-		const body = src.slice(comma + 1);
-		if (src.slice(0, comma).endsWith(";base64")) {
-			const atob = globalThis.atob;
-			if (!atob) return EMPTY_SVG;
-			return atob(body);
-		}
-		return decodeURIComponent(body);
-	}
-	if (/^https?:\/\//.test(src)) return fetch(src).then((r) => r.ok ? r.text() : EMPTY_SVG).catch(() => EMPTY_SVG);
-	return src;
-}
-/** IconGlyph → a full `<svg>` string for SVGView. `svg` path data gets a
-*  `<path>` with the requested fill; `markup` wraps inside a viewBox shell
-*  with `color`/`fill` set on the root so `currentColor` and default-fill
-*  children pick up the tint. */
-function glyphSvgMarkup(glyph, color) {
-	const viewBox = glyph.viewBox ?? "0 0 24 24";
-	if (glyph.markup) return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}"${color ? ` color="${color}" fill="${color}"` : ""}>${glyph.markup}</svg>`;
-	if (glyph.svg) return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}"><path d="${glyph.svg}" fill="${color ?? "currentColor"}"/></svg>`;
-}
 //#endregion
 export { glyphSvgMarkup, isSvgSrc, svgSource };

package/dist/native/tap-to-blur.ios.js

@@ -1,4 +1,3 @@
-import __decorate from "./_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 //#region src/tap-to-blur.ios.ts
 /** Tap-outside-to-blur: iOS keeps a focused UITextField/UITextView as first
 *  responder until something else takes it, so a tap on blank chrome never
@@ -22,6 +21,7 @@ function attachTapToBlur(view) {
 		iosDetach();
 	};
 }
+var iosTargetClass = null;
 var iosCount = 0;
 var iosTarget = null;
 var iosRecognizer = null;
@@ -32,16 +32,7 @@ function iosAttach() {
 	const appWin = appWindow();
 	if (!appWin) return;
 	iosWindow = appWin;
-	let TapToBlurRecognizerTarget = class TapToBlurRecognizerTarget extends NSObject {
-		static {
-			this.ObjCProtocols = [UIGestureRecognizerDelegate];
-		}
-		static {
-			this.ObjCExposedMethods = { tap: {
-				returns: interop.types.void,
-				params: [UITapGestureRecognizer]
-			} };
-		}
+	if (!iosTargetClass) iosTargetClass = NSObject.extend({
 		gestureRecognizerShouldReceiveTouch(_recognizer, touch) {
 			let hit = touch.view;
 			while (hit) {
@@ -51,14 +42,20 @@ function iosAttach() {
 				hit = hit.superview;
 			}
 			return true;
-		}
+		},
 		tap(_recognizer) {
 			iosWindow.endEditing(true);
 		}
-	};
-	TapToBlurRecognizerTarget = __decorate([NativeClass], TapToBlurRecognizerTarget);
-	iosTarget = TapToBlurRecognizerTarget.new();
-	iosRecognizer = UITapGestureRecognizer.alloc().initWithTargetAction(iosTarget, "tap");
+	}, {
+		name: "XplatTapToBlurRecognizerTarget",
+		protocols: [UIGestureRecognizerDelegate],
+		exposedMethods: { "tap:": {
+			returns: interop.types.void,
+			params: [interop.types.id]
+		} }
+	});
+	iosTarget = iosTargetClass.new();
+	iosRecognizer = UITapGestureRecognizer.alloc().initWithTargetAction(iosTarget, "tap:");
 	iosRecognizer.delegate = iosTarget;
 	iosRecognizer.cancelsTouchesInView = false;
 	appWin.addGestureRecognizer(iosRecognizer);

package/dist/native/text-role.js

@@ -0,0 +1,50 @@
+//#region src/text-role.ts
+var VALID_TYPES = /* @__PURE__ */ new Set([
+	"body",
+	"large",
+	"label",
+	"supporting",
+	"code",
+	"display-1",
+	"display-2",
+	"display-3",
+	"inherit"
+]);
+var VALID_SIZES = /* @__PURE__ */ new Set([
+	"4xs",
+	"3xs",
+	"2xs",
+	"xsm",
+	"sm",
+	"base",
+	"lg",
+	"xl",
+	"2xl",
+	"3xl",
+	"4xl"
+]);
+var VALID_COLORS = /* @__PURE__ */ new Set([
+	"primary",
+	"secondary",
+	"disabled",
+	"placeholder",
+	"accent",
+	"inherit"
+]);
+var VALID_WEIGHTS = /* @__PURE__ */ new Set([
+	"normal",
+	"medium",
+	"semibold",
+	"bold"
+]);
+/** Class list for the type/color/weight axes; null when nothing applies. */
+function textRoleClasses(props) {
+	const out = [];
+	if (props.type && VALID_TYPES.has(props.type)) out.push(`vx-type-${props.type}`);
+	if (props.size && VALID_SIZES.has(props.size)) out.push(`vx-size-${props.size}`);
+	if (props.color && VALID_COLORS.has(props.color)) out.push(`vx-color-${props.color}`);
+	if (props.weight && VALID_WEIGHTS.has(props.weight)) out.push(`vx-weight-${props.weight}`);
+	return out;
+}
+//#endregion
+export { textRoleClasses };