@octane-xplat/ui 0.7.3 → 0.10.0

package/dist/web/dialog-context.js

@@ -0,0 +1,8 @@
+import { createContext } from "octane";
+//#region src/dialog-context.ts
+var DialogContext = /* @__PURE__ */ 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/web/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";
+//#region src/field-context.ts
+var FieldContext = /* @__PURE__ */ 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/web/form-layout-context.js

@@ -0,0 +1,10 @@
+import { createContext } from "octane";
+//#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 = /* @__PURE__ */ createContext({ direction: "vertical" });
+var FormLayoutProvider = FormLayoutContext;
+//#endregion
+export { FormLayoutContext, FormLayoutProvider };

package/dist/web/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/web/index.shared.web.js

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

package/dist/web/indicators.js

@@ -0,0 +1,40 @@
+import { CheckboxIndicator } from "./CheckboxIndicator.web.tsrx.js";
+import { CheckIndicator } from "./CheckIndicator.web.tsrx.js";
+import { RadioIndicator } from "./RadioIndicator.web.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/web/input-group-context.js

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

package/dist/web/is-renderable.js

@@ -0,0 +1,8 @@
+//#region src/is-renderable.ts
+/** `cond && <Icon />` keeps booleans out of the layout — mirror of Astryx's
+*  isRenderable: null/undefined/false are empty; everything else renders. */
+function isRenderable(value) {
+	return value != null && value !== false && value !== true;
+}
+//#endregion
+export { isRenderable };

package/dist/web/layer-dismissal.tsrx.js

@@ -0,0 +1,50 @@
+import { isTopLayer, registerLayer, shouldCloseLayer } from "./layer-stack.js";
+import { captureLayerFocus } from "./layer-keys.web.js";
+import { createContext, hookSlots, useContext, useEffect, useRef } from "octane";
+//#region src/layer-dismissal.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(4);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
+var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
+var LayerDepthContext = /* @__PURE__ */ createContext(0);
+var LayerDepthProvider = LayerDepthContext;
+function useLayerDismissal(options) {
+	const depth = useContext(LayerDepthContext);
+	const latest = useRef(options, _h$0);
+	latest.current = options;
+	const token = useRef({}, _h$1);
+	const wasActive = useRef(false, _h$2);
+	useEffect(() => {
+		if (!options.active) {
+			wasActive.current = false;
+			return;
+		}
+		if (!wasActive.current) {
+			token.current = {};
+			wasActive.current = true;
+		}
+		const restore = captureLayerFocus(() => latest.current.getFocusTarget?.());
+		const remove = registerLayer({
+			token: token.current,
+			depth,
+			get behavior() {
+				return latest.current.behavior ?? "close";
+			},
+			dismiss: () => latest.current.dismiss(),
+			contains: (target) => latest.current.contains?.(target) ?? false,
+			isPresent: () => latest.current.active && (latest.current.isPresent?.() ?? true)
+		});
+		return () => {
+			const wasTop = isTopLayer(token.current, true);
+			remove();
+			if (wasTop && latest.current.restoreFocus !== false) restore();
+		};
+	}, [options.active, depth], _h$3);
+	return {
+		depth: depth + 1,
+		shouldClose: (retiring = false) => shouldCloseLayer(token.current, retiring)
+	};
+}
+//#endregion
+export { LayerDepthContext, LayerDepthProvider, useLayerDismissal };

package/dist/web/layer-keys.web.js

@@ -0,0 +1,25 @@
+import { configureLayerKeys, dispatchLayerKey, setLayerComposing } from "./layer-stack.js";
+//#region src/layer-keys.web.ts
+configureLayerKeys(() => {
+	const start = () => setLayerComposing(true);
+	const end = () => setLayerComposing(false);
+	document.addEventListener("keydown", dispatchLayerKey);
+	document.addEventListener("compositionstart", start, true);
+	document.addEventListener("compositionend", end, true);
+	document.addEventListener("blur", end, true);
+	return () => {
+		document.removeEventListener("keydown", dispatchLayerKey);
+		document.removeEventListener("compositionstart", start, true);
+		document.removeEventListener("compositionend", end, true);
+		document.removeEventListener("blur", end, true);
+	};
+});
+function captureLayerFocus(getTarget) {
+	const initial = document.activeElement;
+	return () => {
+		const target = getTarget?.() ?? initial;
+		if (target?.isConnected !== false && typeof target?.focus === "function" && !target.closest?.("[inert]")) target.focus({ preventScroll: true });
+	};
+}
+//#endregion
+export { captureLayerFocus };

package/dist/web/layer-position.web.js

@@ -0,0 +1,41 @@
+//#region src/layer-position.web.ts
+/** Own only this layer's token. Other layers and consumer edits survive release. */
+function ownAnchorName(element, name) {
+	const tokens = () => element.style.getPropertyValue("anchor-name").split(",").map((token) => token.trim()).filter((token) => token && token !== "none");
+	const previous = element.style.getPropertyValue("anchor-name");
+	const priority = element.style.getPropertyPriority("anchor-name");
+	const added = !tokens().includes(name);
+	if (added) element.style.setProperty("anchor-name", [...tokens(), name].join(", "), priority);
+	return () => {
+		if (!added) return;
+		if (!tokens().includes(name)) return;
+		const currentPriority = element.style.getPropertyPriority("anchor-name");
+		const remaining = tokens().filter((token) => token !== name);
+		if (remaining.length) element.style.setProperty("anchor-name", remaining.join(", "), currentPriority);
+		else if (previous === "none") element.style.setProperty("anchor-name", previous, priority);
+		else element.style.removeProperty("anchor-name");
+	};
+}
+/** Let the browser resolve rem/em/var/calc rather than treating them as px. */
+function resolveCSSLayerOffset(offset, anchor) {
+	if (typeof offset === "number") return Number.isFinite(offset) ? Math.max(0, offset) : 0;
+	const probe = anchor.ownerDocument.createElement("div");
+	const context = getComputedStyle(anchor);
+	probe.style.cssText = "position:fixed;visibility:hidden;pointer-events:none;height:0;padding:0;border:0;";
+	probe.style.fontSize = context.fontSize;
+	for (const match of offset.matchAll(/var\(\s*(--[^,\s)]+)/g)) {
+		const name = match[1];
+		const value = context.getPropertyValue(name);
+		if (value) probe.style.setProperty(name, value);
+	}
+	probe.style.width = offset;
+	(anchor.parentElement ?? anchor.ownerDocument.body).append(probe);
+	try {
+		const width = probe.getBoundingClientRect().width || Number.parseFloat(getComputedStyle(probe).width);
+		return Number.isFinite(width) ? Math.max(0, width) : 0;
+	} finally {
+		probe.remove();
+	}
+}
+//#endregion
+export { ownAnchorName, resolveCSSLayerOffset };

package/dist/web/layer-stack.js

@@ -0,0 +1,67 @@
+//#region src/layer-stack.ts
+var entries = [];
+var sequences = /* @__PURE__ */ new WeakMap();
+var nextSequence = 0;
+var detach;
+var composing = false;
+var listen;
+function configureLayerKeys(bind) {
+	listen = bind;
+}
+function setLayerComposing(value) {
+	composing = value;
+}
+function topLayer(retiringToken) {
+	let top;
+	for (const entry of entries) {
+		if (entry.token !== retiringToken && entry.isPresent?.() === false) continue;
+		if (!top || entry.depth > top.depth || entry.depth === top.depth && entry.sequence > top.sequence) top = entry;
+	}
+	return top;
+}
+function isTopLayer(token, retiring = false) {
+	return topLayer(retiring ? token : void 0)?.token === token;
+}
+function layerContains(target) {
+	return topLayer()?.contains?.(target) ?? false;
+}
+function shouldCloseLayer(token, retiring = false) {
+	return !composing && isTopLayer(token, retiring);
+}
+/** Claim before invoking user code, so synchronous unmount cannot give the
+* same event to the next layer. IME Escape suppresses platform close watchers. */
+function dispatchLayerKey(event) {
+	if (event.key !== "Escape" || event.defaultPrevented || !topLayer()) return;
+	event.preventDefault();
+	if (composing || event.isComposing || event.keyCode === 229) return;
+	const top = topLayer();
+	if (top.behavior === "close") top.dismiss();
+}
+function registerLayer(entry) {
+	let sequence = sequences.get(entry.token);
+	if (sequence === void 0) {
+		sequence = nextSequence++;
+		sequences.set(entry.token, sequence);
+	}
+	const registered = {
+		...entry,
+		sequence,
+		get behavior() {
+			return entry.behavior;
+		}
+	};
+	entries.push(registered);
+	if (!detach && listen) detach = listen();
+	return () => {
+		const index = entries.indexOf(registered);
+		if (index < 0) return;
+		entries.splice(index, 1);
+		if (!entries.length) {
+			detach?.();
+			detach = void 0;
+			composing = false;
+		}
+	};
+}
+//#endregion
+export { configureLayerKeys, dispatchLayerKey, isTopLayer, layerContains, registerLayer, setLayerComposing, shouldCloseLayer };

package/dist/web/list-context.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "octane";
+//#region src/list-context.ts
+var ListContext = /* @__PURE__ */ createContext(null);
+var ListProvider = ListContext;
+function useListContext() {
+	return useContext(ListContext) ?? {
+		density: "balanced",
+		hasDividers: false,
+		listStyle: "none"
+	};
+}
+//#endregion
+export { ListContext, ListProvider, useListContext };