@octane-xplat/ui 0.9.0 → 0.10.0

package/types/generated/useTriggerMenu.web.d.ts

@@ -0,0 +1,52 @@
+import type { ChatComposerTrigger, ChatComposerTriggerItem } from './props.js';
+export interface TriggerMenuState {
+    isActive: boolean;
+    activeTrigger: ChatComposerTrigger | null;
+    query: string;
+    items: ChatComposerTriggerItem[];
+    highlightedIndex: number;
+    isLoading: boolean;
+}
+export interface UseTriggerMenuOptions {
+    triggers?: ChatComposerTrigger[];
+    editableRef: {
+        current: HTMLDivElement | null;
+    };
+    onInsertToken: (token: any) => void;
+    onInsertText: (text: string) => void;
+    onEmitChange: () => void;
+    debounceMs?: number;
+}
+/**  Trigger-character menus inside the composer input — `@`/`/` detection at
+ *  the caret, a Popover anchored to a caret-sized fixed span, async/sync
+ *  SearchSource with debounce + cancel, and listbox keyboard navigation
+ *  (arrows/Enter/Tab/Escape). */
+export declare function useTriggerMenu(options: UseTriggerMenuOptions): {
+    state: TriggerMenuState;
+    handleInput: () => void;
+    handleKeyDown: (e: any) => boolean;
+    renderMenu: () => import("octane/jsx-runtime").JSX.Element;
+    reset: () => void;
+    ariaProps: {
+        readonly role: "textbox";
+        readonly 'aria-multiline': "true";
+        readonly 'aria-expanded'?: undefined;
+        readonly 'aria-controls'?: undefined;
+        readonly 'aria-activedescendant'?: undefined;
+        readonly 'aria-haspopup'?: undefined;
+    } | {
+        readonly role: "combobox";
+        readonly 'aria-expanded': true;
+        readonly 'aria-controls': string;
+        readonly 'aria-activedescendant': string | undefined;
+        readonly 'aria-haspopup': "listbox";
+        readonly 'aria-multiline'?: undefined;
+    } | {
+        readonly role: "combobox";
+        readonly 'aria-expanded': false;
+        readonly 'aria-haspopup': "listbox";
+        readonly 'aria-multiline'?: undefined;
+        readonly 'aria-controls'?: undefined;
+        readonly 'aria-activedescendant'?: undefined;
+    };
+};

package/types/generated/web/index.d.ts

@@ -1,3 +1,3 @@
-export { Hoverable } from '../Hoverable.web.js';
+export { HoverCard } from '../HoverCard.web.js';
 export { Tooltip } from '../Tooltip.web.js';
-export type { HoverableProps, TooltipProps } from '../props.js';
+export type { HoverCardProps, TooltipProps } from '../props.js';

package/types/index.macos.d.ts

@@ -1,60 +1,182 @@
 // Components exposed on AppKit use ordinary function signatures so they
 // remain valid JSX elements in the AppKit renderer's TypeScript program.
 import type * as P from './generated/props.js'
+import type { MdDoc } from './generated/Markdown.js'
 import type { SafeAreaInsets } from './generated/safeAreaInsets.js'
 
 type Component<Props = Record<string, unknown>> = (props: Props & { children?: any }) => unknown
 
 export type * from './generated/props.js'
+export type { MdDoc, MdNode, MdInline } from './generated/Markdown.js'
+export {
+	ChatComposer,
+	ChatComposerDrawer,
+	ChatComposerInput,
+	ChatComposerTokenElement,
+	ChatDictationButton,
+	ChatLayout,
+	ChatLayoutScrollButton,
+	ChatMessage,
+	ChatMessageBubble,
+	ChatMessageList,
+	ChatMessageMetadata,
+	ChatSendButton,
+	ChatSystemMessage,
+	ChatTokenizedText,
+	ChatToolCalls,
+	useChatComposerContext,
+	useChatComposerTokens,
+	useChatDictation,
+	useChatLayoutContext,
+	useChatNewMessages,
+	useChatPasteAsToken,
+	useChatStreamScroll,
+	useSpeechRecognition,
+} from './generated/index.shared.js'
 
 export declare const View: Component<P.ViewProps>
-export declare const Column: Component<P.ViewProps>
-export declare const Row: Component<P.RowProps>
+/** Vertical flex container, exported under Astryx's component name. */
+export declare const VStack: Component<P.VStackProps>
+/** Horizontal flex container, exported under Astryx's component name. */
+export declare const HStack: Component<P.HStackProps>
 export declare const Grid: Component<P.GridProps>
 export declare const Stack: Component<P.StackProps>
+export declare const StackItem: Component<P.StackItemProps>
+export declare const Center: Component<P.CenterProps>
+export declare const Section: Component<P.SectionProps>
+export declare const AspectRatio: Component<P.AspectRatioProps>
+export declare const VisuallyHidden: Component<P.VisuallyHiddenProps>
 export declare const Absolute: Component<P.AbsoluteProps>
 export declare const Spacer: Component<P.SpacerProps>
 export declare const Text: Component<P.TextProps>
+export declare const Markdown: Component<P.MarkdownProps>
+export declare const MarkdownScreen: Component<{ data?: MdDoc; error?: unknown }>
 export declare const RichText: Component<P.RichTextProps>
 export declare const RichTextSpan: Component<P.RichTextSpanProps>
 export declare const Pressable: Component<P.PressableProps>
 export declare const Button: Component<P.ButtonProps>
+export declare const IconButton: Component<P.IconButtonProps>
+export declare const ButtonGroup: Component<P.ButtonGroupProps>
+export declare const ToggleButton: Component<P.ToggleButtonProps>
+export declare const ToggleButtonGroup: Component<P.ToggleButtonGroupProps>
 export declare const Collapsible: Component<P.CollapsibleProps>
 export declare const Accordion: Component<P.AccordionProps>
-export declare const Checkbox: Component<P.CheckboxProps>
-export declare const RadioGroup: Component<P.RadioGroupProps>
+/** Self-drawn checkbox, exported under Astryx's component name. */
+export declare const CheckboxInput: Component<P.CheckboxInputProps>
+/** Single-choice option list, exported under Astryx's component name. */
+export declare const RadioList: Component<P.RadioListProps>
 export declare const DropdownMenu: Component<P.DropdownMenuProps>
+export declare const MoreMenu: Component<P.MoreMenuProps>
 export declare const ContextMenu: Component<P.ContextMenuProps>
 export declare const Badge: Component<P.BadgeProps>
-export declare const Separator: Component<P.SeparatorProps>
+/** Visual separator between content sections, exported under Astryx's name. */
+export declare const Divider: Component<P.DividerProps>
 export declare const Skeleton: Component<P.SkeletonProps>
 export declare const Avatar: Component<P.AvatarProps>
 export declare const AvatarGroup: Component<P.AvatarGroupProps>
-export declare const FormField: Component<P.FormFieldProps>
+/** Labeled control wrapper, exported under Astryx's component name. */
+export declare const Field: Component<P.FieldProps>
 export declare const FieldGroup: Component<P.FieldGroupProps>
+export declare const FormLayout: Component<P.FormLayoutProps>
+export declare const InputGroup: Component<P.InputGroupProps>
+export declare const InputGroupText: Component<P.InputGroupTextProps>
+/** Reusable labeled row, exported under Astryx's component name. */
+export declare const Item: Component<P.ItemProps>
+/** Bounded child-based content list; not a virtualized or OS list. */
+export declare const List: Component<P.ListProps>
 export declare const ListItem: Component<P.ListItemProps>
-export declare const InputNumber: Component<P.InputNumberProps>
+export declare const CheckboxIndicator: Component<P.IndicatorProps<'multiSelection'>>
+export declare const CheckIndicator: Component<P.IndicatorProps<'singleSelection'>>
+export declare const RadioIndicator: Component<P.IndicatorProps<'singleSelection'>>
+/** Bounded numeric entry, exported under Astryx's component name. */
+export declare const NumberInput: Component<P.NumberInputProps>
 export declare const PinInput: Component<P.PinInputProps>
-export declare const Select: Component<P.SelectProps>
-export declare const SelectMenu: Component<P.SelectProps>
-export declare const Combobox: Component<P.SelectProps>
-export declare const InputMenu: Component<P.SelectProps>
-export declare const InputTags: Component<P.InputTagsProps>
+/** Option picker, exported under Astryx's component name. */
+export declare const Selector: Component<P.SelectorProps>
+/** Multi-choice option picker, exported under Astryx's component name. */
+export declare const MultiSelector: Component<P.MultiSelectorProps>
+export declare const BaseTypeahead: Component<P.BaseTypeaheadProps>
+export declare const Typeahead: Component<P.TypeaheadProps>
+export declare const TypeaheadItem: Component<P.TypeaheadItemProps>
+export declare function createStaticSource<T extends P.SearchableItem>(
+	items: T[],
+	options?: P.CreateStaticSourceOptions<T>,
+): P.SearchSource<T>
+
+export declare const Token: Component<P.TokenProps>
+export declare const Tokenizer: Component<P.TokenizerProps>
+export declare const ComplexSelector: Component<P.ComplexSelectorProps<any>>
 export declare const InputRating: Component<P.InputRatingProps>
-export declare const CheckboxGroup: Component<P.CheckboxGroupProps>
-export declare const Breadcrumb: Component<P.BreadcrumbProps>
+/** Multi-choice checkbox list, exported under Astryx's component name. */
+export declare const CheckboxList: Component<P.CheckboxListProps>
+/** Ancestor path trail, exported under Astryx's component name. */
+export declare const Breadcrumbs: Component<P.BreadcrumbsProps>
 export declare const Pagination: Component<P.PaginationProps>
 export declare const Stepper: Component<P.StepperProps>
 export declare const NavigationMenu: Component<P.NavigationMenuProps>
-export declare const CommandPalette: Component<P.CommandPaletteProps>
+export declare const CommandPalette: <T extends P.CommandPaletteItem = P.CommandPaletteItem>(
+	props: P.CommandPaletteProps<T>,
+) => unknown
+
+export declare const AppShell: Component<P.AppShellProps>
+export declare const AppShellMobileContext: any
+export declare function useAppShellMobile(): P.AppShellMobileContextValue
+export declare const TopNav: Component<P.TopNavProps>
+export declare const TopNavHeading: Component<P.TopNavHeadingProps>
+export declare const TopNavItem: Component<P.TopNavItemProps>
+export declare const TopNavMenu: Component<P.TopNavMenuProps>
+export declare const TopNavMegaMenu: Component<P.TopNavMegaMenuProps>
+export declare const TopNavMegaMenuItem: Component<P.TopNavMegaMenuItemProps>
+export declare const TopNavMegaMenuFeaturedCard: Component<P.TopNavMegaMenuFeaturedCardProps>
+export declare const TopNavRenderContext: any
+export declare function useTopNavRenderMode(): P.TopNavRenderMode
+export declare const SideNav: Component<P.SideNavProps>
+export declare const SideNavSection: Component<P.SideNavSectionProps>
+export declare const SideNavHeading: Component<P.SideNavHeadingProps>
+export declare const SideNavItem: Component<P.SideNavItemProps>
+export declare const SideNavCollapseButton: Component<P.SideNavCollapseButtonProps>
+export declare const SideNavRenderContext: any
+export declare function useSideNavCollapse(): P.SideNavCollapseState | null
+export declare function useSideNavRenderMode(): P.SideNavRenderMode
+export declare const MobileNav: Component<P.MobileNavProps>
+export declare const MobileNavToggle: Component<P.MobileNavToggleProps>
+export declare const NavIcon: Component<P.NavIconProps>
+export declare const NavHeadingMenu: Component<P.NavHeadingMenuProps>
+export declare const NavHeadingMenuItem: Component<P.NavHeadingMenuItemProps>
+export declare const NavHeadingMenuContext: any
+export declare const NavHeadingCloseContext: any
+export declare function useNavHeadingMenuContext(): P.NavHeadingMenuContextValue | null
+export declare function useNavHeadingCloseContext(): P.NavHeadingCloseContextValue | null
+export declare const TabList: Component<P.TabListProps>
+export declare const Tab: Component<P.TabProps>
+export declare const TabMenu: Component<P.TabMenuProps>
+export declare function useTabListContext(): P.TabListContextValue
+export declare const Toolbar: Component<P.ToolbarProps>
+export declare const OverflowList: Component<P.OverflowListProps>
+export declare function useResizable(config: P.UseResizableSingleConfig): P.ResizableRegion
+export declare function useResizable(
+	config: P.UseResizableMultiConfig,
+): Record<string, P.ResizableRegion>
+
+export declare const ResizeHandle: Component<P.ResizeHandleProps>
+export declare function pixel(value: number): P.ResizablePixelSize
+export declare function percent(
+	value: number,
+	constraint: { min: P.ResizablePixelSize } | { max: P.ResizablePixelSize },
+): P.ResizablePercentSize
+
 export declare const Table: Component<P.TableProps>
 export declare const Timeline: Component<P.TimelineProps>
-export declare const Tree: Component<P.TreeProps>
+/** Expandable hierarchy, exported under Astryx's component name. */
+export declare const TreeList: Component<P.TreeListProps>
 export declare const Alert: Component<P.AlertProps>
 export declare const Card: Component<P.CardProps>
+export declare const ClickableCard: Component<P.ClickableCardProps>
+export declare const SelectableCard: Component<P.SelectableCardProps>
 export declare const Chip: Component<P.ChipProps>
 export declare const Kbd: Component<P.KbdProps>
-export declare const Empty: Component<P.EmptyProps>
+/** Empty-state block, exported under Astryx's component name. */
+export declare const EmptyState: Component<P.EmptyStateProps>
 export declare const Banner: Component<P.BannerProps>
 export declare const User: Component<P.UserProps>
 export declare const ProgressGroup: Component<P.ProgressGroupProps>
@@ -64,35 +186,65 @@ export declare const TextInput: Component<P.TextInputProps>
 export declare const TextArea: Component<P.TextAreaProps>
 export declare const SearchInput: Component<P.SearchInputProps>
 export declare const SegmentedControl: Component<P.SegmentedControlProps>
-export declare const ScrollBox: Component<P.ScrollViewProps>
-export declare const ScrollView: Component<P.ScrollViewProps>
+export declare const ScrollableArea: Component<P.ScrollableAreaProps>
 /** AppKit fallback with keyed rows and one nonvirtualized scroll view. */
 export declare function VirtualList<T = any>(
 	props: P.VirtualListProps<T> & { children?: any },
 ): unknown
 
 export declare const Image: Component<P.ImageProps>
-export declare const WebView: Component<P.WebViewProps>
+export declare const PowerSearch: Component<P.PowerSearchProps>
+export declare const PowerSearchToken: Component<P.PowerSearchTokenProps>
+export declare const PowerSearchFilterEditor: Component<P.PowerSearchEditorProps>
+export {
+	createPowerSearchConfig,
+	usePowerSearchConfig,
+	resolveOperatorLabel,
+} from './generated/power-search-config.js'
+
+/** Embedded WKWebView document; use its ref for frame-local navigation. */
+export declare function WebView(props: P.WebViewProps): unknown
 export declare const CameraView: Component
 export declare const Overlay: Component<P.OverlayProps>
 export declare const Popover: Component<P.PopoverProps>
-export declare const Hoverable: Component<P.HoverableProps>
+export declare const Dialog: Component<P.DialogProps>
+export declare const DialogHeader: Component<P.DialogHeaderProps>
+export declare const AlertDialog: Component<P.AlertDialogProps>
+export declare const BottomSheet: Component<P.BottomSheetProps>
+export declare const BottomSheetSwitcher: Component<P.BottomSheetSwitcherProps>
+export declare const HoverCard: Component<P.HoverCardProps>
+export declare const Carousel: Component<P.CarouselProps>
+export declare const Lightbox: Component<P.LightboxProps>
+export declare const Toast: Component<P.ToastProps>
+export declare const ToastViewport: Component<P.ToastViewportProps>
 export declare const Tooltip: Component<P.TooltipProps>
-export { Markdown, MarkdownScreen } from './generated/Markdown.js'
-export declare const Sheet: Component<P.SheetProps>
+export { parseMdDoc, parseMdNodes, mdInlineText } from './generated/markdown-parse.js'
+export {
+	createMarkdownIncrementalState,
+	parseMarkdownIncremental,
+	trimStreamingArtifacts,
+	computeBoundaries,
+	computeSegments,
+	markdownTextLength,
+} from './generated/markdown-stream.js'
+
+export type { MarkdownIncrementalState, MdTextSegment } from './generated/markdown-stream.js'
 export declare const Tabs: Component<P.TabsProps>
 export declare const Screen: Component<P.ScreenProps>
 export declare const Switch: Component<P.SwitchProps>
 export declare const SafeArea: Component<P.SafeAreaProps>
 export declare const KeyboardAvoiding: Component<P.KeyboardAvoidingProps>
 export declare const Drawer: Component<P.DrawerProps>
-export declare const ActivityIndicator: Component<P.ActivityIndicatorProps>
+/** Loading indicator, exported under Astryx's component name. */
+export declare const Spinner: Component<P.SpinnerProps>
 export declare const Meter: Component<P.MeterProps>
 export declare const Slider: Component<P.SliderProps>
 export declare const Icon: Component<P.IconProps>
 export declare const Heading: Component<P.HeadingProps>
 
 export declare function setTranslate(el: any, x?: number, y?: number): void
+/** Stable imperative value; defaults to translateX. Tween duration is milliseconds.
+ * AppKit supports opacity, translations, scale axes and rotation; see AnimatedValue. */
 export declare function useAnimation(initial?: number, property?: string): P.AnimatedValue
 export declare function useThemeScheme(): P.ColorScheme
 export declare function getThemeScheme(): P.ColorScheme
@@ -109,7 +261,34 @@ export declare function useSafeAreaInsets(): SafeAreaInsets
 export declare function useMeasure(options?: P.UseMeasureOptions): P.MeasureResult
 export declare function registerIcon(name: string, glyph: P.IconGlyph): void
 export declare function registerIcons(record: Record<string, P.IconGlyph>): void
-export declare function showToast(content: P.ToastContent, options?: P.ToastOptions): void
+// Keep macOS imperative signatures aligned with the canonical declarations.
+export { showToast, useToast } from './generated/toast-service.js'
+export { useImperativeDialog } from './generated/use-imperative-dialog.js'
+export { useImperativeAlertDialog } from './generated/use-imperative-alert-dialog.js'
+export declare function useHoverCard(options?: P.HoverCardOptions): P.HoverCardReturn
+export { useLightbox } from './generated/use-lightbox.js'
+export declare function useScrollableArea(
+	options?: P.UseScrollableAreaOptions,
+): P.UseScrollableAreaResult
+
+export declare const defaultIndicators: {
+	[N in P.IndicatorName]: P.IndicatorComponent<P.IndicatorMap[N]>
+}
+
+export declare const indicatorScope: string
+export declare function registerIndicator<N extends P.IndicatorName>(
+	name: N,
+	component: P.IndicatorComponent<P.IndicatorMap[N]>,
+): void
+
+export declare function registerIndicators(registry: P.IndicatorRegistry): void
+export declare function getIndicator<N extends P.IndicatorName>(
+	name: N,
+): P.IndicatorComponent<P.IndicatorMap[N]> | undefined
+
+export declare function useIndicator<N extends P.IndicatorName>(
+	name: N,
+): P.IndicatorComponent<P.IndicatorMap[N]> | undefined
 
 export declare const isNative: true
 export declare function registerStack(name: string, stack: any): void
@@ -136,6 +315,8 @@ export declare function addRoutes(manifest: P.RouteManifest): void
 export declare function screenFor(name: string): P.ScreenTable[string] | undefined
 export declare function hrefFor(route: P.Route): string
 export declare function layoutsForRoute(name: string): any[]
+export declare function errorBoundaryFor(name: string): any
+export declare const RouteBoundary: Component<{ boundary?: any; route?: any }>
 export declare function deriveRouteManifest(
 	files: Record<string, any>,
 	prefer: readonly string[],
@@ -149,6 +330,119 @@ export declare function defineRoutes(
 export declare function mergeRouteManifests(...manifests: P.RouteManifest[]): P.RouteManifest
 export declare function createStore<T>(initial: T): P.Store<T>
 export declare function useStore<T>(store: P.ReadableStore<T>): T
-export declare const openSheet: P.OpenSheet
-export declare function closeSheet(result?: P.ModalOpenResult): void
-export declare function sheetHost(): null
+export declare const openBottomSheet: P.OpenBottomSheet
+export declare function closeBottomSheet(result?: P.ModalOpenResult): void
+export declare function bottomSheetHost(): null
+
+/** Anchored or fixed AppKit popup; content lives in a separate renderer root. */
+export declare function useLayer<O extends P.LayerOptions>(
+	options: O,
+): O extends P.FixedLayerOptions ? P.FixedLayerReturn : P.ContextLayerReturn
+
+export declare const Calendar: Component<P.CalendarProps>
+export declare const DateInput: Component<P.DateInputProps>
+export declare const DateRangeInput: Component<P.DateRangeInputProps>
+export declare const DateTimeInput: Component<P.DateTimeInputProps>
+export declare const TimeInput: Component<P.TimeInputProps>
+export {
+	useCalendarDays,
+	useCalendarConstraints,
+	useCalendarNavigation,
+} from './generated/calendar-hooks.js'
+
+export { isSameDay, isDateInRange, getWeekNumber } from './generated/calendar-core.js'
+export type { CalendarDay, CalendarMonthGrid } from './generated/calendar-core.js'
+export type {
+	UseCalendarDaysOptions,
+	UseCalendarDaysReturn,
+	UseCalendarConstraintsOptions,
+	UseCalendarConstraintsReturn,
+	UseCalendarNavigationOptions,
+	UseCalendarNavigationReturn,
+} from './generated/calendar-hooks.js'
+
+export { useFieldControl } from './generated/field-context.js'
+
+export declare const Blockquote: Component<P.BlockquoteProps>
+export declare const Code: Component<P.CodeProps>
+export declare const CodeBlock: Component<P.CodeBlockProps>
+export declare const MetadataList: Component<P.MetadataListProps>
+export declare const MetadataListItem: Component<P.MetadataListItemProps>
+export declare const Thumbnail: Component<P.ThumbnailProps>
+export declare const ProgressBar: Component<P.ProgressBarProps>
+export declare const StatusDot: Component<P.StatusDotProps>
+export declare const Timestamp: Component<P.TimestampProps>
+export declare const Timer: Component<P.TimerProps>
+export declare const Citation: Component<P.CitationProps>
+export declare const Outline: Component<P.OutlineProps>
+export { useOutlineFromMarkdown, useOutlineFromDoc } from './generated/outline-hooks.js'
+export declare function useOutlineFromDOM(
+	containerRef?: unknown,
+	options?: P.OutlineFromDOMOptions,
+): P.OutlineItem[]
+
+export {
+	parseOutlineFromMarkdown,
+	outlineFromDoc,
+	markdownHeadings,
+	inlineMarkdownText,
+	slugify,
+	uniqueSlug,
+} from './generated/outline-utils.js'
+
+export {
+	tokenize,
+	tokenizeAsync,
+	tokenizeStreaming,
+	flatTokensToLines,
+	SYNC_TOKENIZE_THRESHOLD,
+	TOKEN_TYPES,
+	syntaxTokenVar,
+	syntaxTokenVarRef,
+} from './generated/code-tokenizer.js'
+
+export { DropdownMenuContext, useDropdownMenuContext } from './generated/menu-context.js'
+export declare const DropdownMenuItem: Component<P.MenuItemProps>
+export declare const DropdownMenuDivider: Component<P.MenuDividerProps>
+export declare const DropdownMenuCheckboxItem: Component<P.MenuCheckboxItemProps>
+export declare const DropdownMenuRadioGroup: Component<P.MenuRadioGroupProps>
+export declare const DropdownMenuRadioItem: Component<P.MenuRadioItemProps>
+export declare const DropdownMenuSubMenu: Component<P.MenuSubMenuProps>
+export type {
+	MenuItemProps as DropdownMenuItemProps,
+	MenuDividerProps as DropdownMenuDividerProps,
+	MenuCheckboxItemProps as DropdownMenuCheckboxItemProps,
+	MenuRadioGroupProps as DropdownMenuRadioGroupProps,
+	MenuRadioItemProps as DropdownMenuRadioItemProps,
+	MenuSubMenuProps as DropdownMenuSubMenuProps,
+} from './generated/props.js'
+
+export declare const ContextMenuItem: Component<P.MenuItemProps>
+export declare const ContextMenuDivider: Component<P.MenuDividerProps>
+export declare const ContextMenuCheckboxItem: Component<P.MenuCheckboxItemProps>
+export declare const ContextMenuRadioGroup: Component<P.MenuRadioGroupProps>
+export declare const ContextMenuRadioItem: Component<P.MenuRadioItemProps>
+export declare const ContextMenuSubMenu: Component<P.MenuSubMenuProps>
+export type {
+	MenuItemProps as ContextMenuItemProps,
+	MenuDividerProps as ContextMenuDividerProps,
+	MenuCheckboxItemProps as ContextMenuCheckboxItemProps,
+	MenuRadioGroupProps as ContextMenuRadioGroupProps,
+	MenuRadioItemProps as ContextMenuRadioItemProps,
+	MenuSubMenuProps as ContextMenuSubMenuProps,
+} from './generated/props.js'
+
+export declare const BreadcrumbMenuItem: Component<P.MenuItemProps>
+export declare const BreadcrumbMenuDivider: Component<P.MenuDividerProps>
+export declare const BreadcrumbMenuCheckboxItem: Component<P.MenuCheckboxItemProps>
+export declare const BreadcrumbMenuRadioGroup: Component<P.MenuRadioGroupProps>
+export declare const BreadcrumbMenuRadioItem: Component<P.MenuRadioItemProps>
+export declare const BreadcrumbMenuSubMenu: Component<P.MenuSubMenuProps>
+export type {
+	MenuItemProps as BreadcrumbMenuItemProps,
+	MenuDividerProps as BreadcrumbMenuDividerProps,
+	MenuCheckboxItemProps as BreadcrumbMenuCheckboxItemProps,
+	MenuRadioGroupProps as BreadcrumbMenuRadioGroupProps,
+	MenuRadioItemProps as BreadcrumbMenuRadioItemProps,
+	MenuSubMenuProps as BreadcrumbMenuSubMenuProps,
+} from './generated/props.js'

package/dist/native/Hoverable.mobile.tsrx.js

@@ -1,39 +0,0 @@
-import { cx } from "./cx.js";
-import { View } from "./View.tsrx.js";
-import { defineUniversalComponent, universalComponent, universalPlan, universalProps, universalValue } from "@nativescript-community/octane";
-//#region src/Hoverable.mobile.tsrx
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var Hoverable = defineUniversalComponent("nativescript", function Hoverable(props) {
-	return universalValue(__octaneUniversalPlan0, [universalComponent("nativescript", View, universalProps([
-		[
-			"set",
-			"id",
-			props.id
-		],
-		[
-			"set",
-			"className",
-			cx(props.className)
-		],
-		[
-			"set",
-			"style",
-			props.style
-		],
-		[
-			"set",
-			"ios",
-			props.ios
-		],
-		[
-			"set",
-			"android",
-			props.android
-		]
-	], props.children))]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { Hoverable };

package/dist/native/InputTags.tsrx.js

@@ -1,131 +0,0 @@
-import { cx } from "./cx.js";
-import { applyEscapeProps } from "./escape-props.js";
-import { Pressable } from "./Pressable.tsrx.js";
-import { TextInput } from "./TextInput.tsrx.js";
-import { defineUniversalComponent, hookSlots, universalChildren, universalComponent, universalFor, universalPlan, universalProps, universalValue, useState } from "@nativescript-community/octane";
-//#region src/InputTags.tsrx
-var _hs$ = /* @__PURE__ */ hookSlots(2);
-var _h$0 = /* @__PURE__ */ Symbol(_hs$);
-var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "label",
-	"props": { "text": "✕" }
-});
-var __octaneUniversalPlan1 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "flexboxlayout",
-	"props": { "className": "vx-inputtags-tag" },
-	"children": [{
-		"kind": "host",
-		"type": "label",
-		"props": { "className": "vx-inputtags-tag-label" },
-		"bindings": [["text", 0]]
-	}, {
-		"kind": "slot",
-		"slot": 1
-	}]
-});
-var __octaneUniversalPlan2 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "flexboxlayout",
-	"bindings": [
-		["ref", 0],
-		["id", 1],
-		["className", 2],
-		["style", 3]
-	],
-	"children": [{
-		"kind": "slot",
-		"slot": 4
-	}, {
-		"kind": "slot",
-		"slot": 5
-	}]
-});
-var InputTags = defineUniversalComponent("nativescript", function InputTags(props) {
-	const [internal, setInternal] = useState(props.defaultValue ?? [], _h$0);
-	const controlled = props.value !== void 0;
-	const tags = controlled ? props.value : internal;
-	const [text, setText] = useState("", _h$1);
-	const setTags = (next) => {
-		if (!controlled) setInternal(next);
-		props.onValueChange?.(next);
-	};
-	const commit = () => {
-		const tag = text.trim();
-		if (!tag || props.max != null && tags.length >= props.max) return;
-		setTags([...tags, tag]);
-		setText("");
-	};
-	const removeAt = (i) => setTags(tags.filter((_, k) => k !== i));
-	return universalValue(__octaneUniversalPlan2, [
-		(v) => applyEscapeProps(v, props),
-		props.id,
-		cx("vx-inputtags", props.disabled && "vx-inputtags--disabled", props.className),
-		props.style,
-		universalFor(tags.map((tag, i) => ({
-			tag,
-			i
-		})), (e, __octaneUniversalIndex) => e.tag + e.i, (e, __octaneUniversalIndex) => {
-			return universalValue(__octaneUniversalPlan1, [e.tag, universalComponent("nativescript", Pressable, universalProps([
-				[
-					"set",
-					"className",
-					"vx-inputtags-remove"
-				],
-				[
-					"set",
-					"disabled",
-					props.disabled
-				],
-				[
-					"set",
-					"onPress",
-					() => removeAt(e.i)
-				],
-				[
-					"set",
-					"accessibilityLabel",
-					"Remove " + e.tag
-				]
-			], universalChildren("nativescript", () => {
-				return universalValue(__octaneUniversalPlan0, []);
-			})))]);
-		}),
-		universalComponent("nativescript", TextInput, universalProps([
-			[
-				"set",
-				"className",
-				"vx-inputtags-field"
-			],
-			[
-				"set",
-				"placeholder",
-				props.placeholder
-			],
-			[
-				"set",
-				"editable",
-				!props.disabled
-			],
-			[
-				"set",
-				"value",
-				text
-			],
-			[
-				"set",
-				"onChange",
-				setText
-			],
-			[
-				"set",
-				"onSubmit",
-				commit
-			]
-		]))
-	]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { InputTags };