@nativedesktop/react 0.1.0

package/dist/packages/react/src/generated/intrinsics.d.ts

@@ -0,0 +1,1360 @@
+import type { ReactNode, Ref } from "react";
+export { jsx, jsxs, Fragment } from "react/jsx-runtime";
+export type WidgetName = "Window" | "Box" | "Label" | "Button" | "TextInput" | "TextArea" | "Checkbox" | "Radio" | "Select" | "Slider" | "ProgressBar" | "Image" | "ScrollView" | "Separator" | "Spinner" | "TabView" | "Grid" | "ListView" | "WebView" | "NativeView" | "SplitView" | "HeaderBar" | "ToolbarView" | "SearchInput" | "SourceList" | "SourceTree" | "Menubar" | "Menu" | "MenuItem" | "SettingsGroup" | "Row" | "SwitchRow" | "Clamp" | "Switch" | "ToggleButton" | "SegmentedControl" | "NumberInput" | "LinkButton" | "LevelIndicator" | "ColorPicker" | "Banner" | "MenuButton" | "SplitButton" | "Popover" | "Expander" | "StatusPage" | "ToastOverlay" | "DatePicker" | "Table" | "TreeView" | "FontPicker" | "Video" | "TrayItem" | "ShareButton" | "Terminal" | "Paned" | "CommandPalette";
+export type WidgetType = "window" | "box" | "label" | "button" | "textinput" | "textarea" | "checkbox" | "radio" | "select" | "slider" | "progressbar" | "image" | "scrollview" | "separator" | "spinner" | "tabview" | "grid" | "listview" | "webview" | "nativeview" | "splitview" | "headerbar" | "toolbarview" | "searchinput" | "sourcelist" | "sourcetree" | "menubar" | "menu" | "menuitem" | "settingsgroup" | "row" | "switchrow" | "clamp" | "switch" | "togglebutton" | "segmentedcontrol" | "numberinput" | "linkbutton" | "levelindicator" | "colorpicker" | "banner" | "menubutton" | "splitbutton" | "popover" | "expander" | "statuspage" | "toastoverlay" | "datepicker" | "table" | "treeview" | "fontpicker" | "video" | "trayitem" | "sharebutton" | "terminal" | "paned" | "commandpalette";
+/** What a host-element `ref` resolves to (the reconciler's public
+ *  instance): the node's wire id + intrinsic type — the handle
+ *  sendCommand() (M14) addresses imperative widget commands with. */
+export interface NdNodeRef<T extends WidgetType = WidgetType> {
+    id: number;
+    type: T;
+}
+export interface StyleProp {
+    background?: string;
+    color?: string;
+    font?: {
+        fontSize?: number;
+        fontWeight?: "normal" | "bold";
+        fontFamily?: string;
+    };
+    padding?: number | {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    margin?: number | {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    hexpand?: boolean;
+    vexpand?: boolean;
+    halign?: "fill" | "start" | "end" | "center";
+    valign?: "fill" | "start" | "end" | "center";
+    border?: {
+        borderWidth?: number;
+        borderColor?: string;
+        borderRadius?: number;
+    };
+}
+export declare const styleKeySpec: Record<string, string[] | null>;
+export declare const cssClassSpec: string[];
+/** Table's per-column shape: stable string id (echoed in sortChanged), header title, optional fixed width in px. */
+export interface TableColumn {
+    id: string;
+    title: string;
+    width?: number;
+}
+/** Table's per-row shape: cells are positional, indexed by the columns array order. */
+export interface TableRow {
+    id?: string;
+    cells: string[];
+}
+/** TreeView's flat node shape, keyed by id/parentId (root nodes omit parentId). Leaf-row fields (title/badge/iconName) match SourceList's row shape so cell rendering can be shared. */
+export interface TreeNode {
+    id: string;
+    parentId?: string;
+    title: string;
+    badge?: string;
+    iconName?: string;
+    hasChildren: boolean;
+    expanded: boolean;
+}
+/** One trailing row affordance, declared once in the widget's `actions` prop and referenced by nodes via actionIds. */
+export interface SourceTreeAction {
+    id: string;
+    iconName: string;
+    label?: string;
+    tooltip?: string;
+    destructive?: boolean;
+}
+/** Flat id/parentId sidebar row (root rows omit parentId). `section` marks a non-selectable group header; expansion is app-controlled state, never native state. */
+export interface SourceTreeNode {
+    id: string;
+    parentId?: string;
+    title: string;
+    caption?: string;
+    iconName?: string;
+    captionIconName?: string;
+    badge?: string;
+    section?: boolean;
+    hasChildren?: boolean;
+    expanded?: boolean;
+    selectable?: boolean;
+    actionIds?: string[];
+    testID?: string;
+}
+/** CommandPalette result row: stable string id (echoed in onActivate), title, optional subtitle + leading icon. The app supplies rows already filtered and ordered; the widget renders them in order and never filters or reorders. */
+export interface CommandPaletteItem {
+    id: string;
+    title: string;
+    subtitle?: string;
+    iconName?: string;
+}
+export declare namespace JSX {
+    interface IntrinsicElements {
+        window: {
+            title?: string;
+            defaultWidth?: number;
+            defaultHeight?: number;
+            tabGroup?: string;
+            toolbarStyle?: "unified" | "unifiedCompact" | "expanded" | "preference";
+            frameAutosaveName?: string;
+            density?: "standard" | "compact";
+            testID?: string;
+            onAlertResult?: (e: {
+                data: unknown;
+            }) => void;
+            onOpenFileResult?: (e: {
+                data: unknown;
+            }) => void;
+            onSaveFileResult?: (e: {
+                data: unknown;
+            }) => void;
+            onNewTabRequested?: (e: {
+                data: unknown;
+            }) => void;
+            onClosed?: (e: {
+                data: unknown;
+            }) => void;
+            onFocused?: (e: {
+                checked: boolean;
+            }) => void;
+            onSizeChanged?: (e: {
+                data: unknown;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"window">>;
+            children?: ReactNode;
+        };
+        box: {
+            orientation?: "vertical" | "horizontal";
+            spacing?: number;
+            testID?: string;
+            onHoverChanged?: (e: {
+                checked: boolean;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"box">>;
+            children?: ReactNode;
+        };
+        label: {
+            text?: string;
+            ellipsize?: boolean;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"label">>;
+            children?: ReactNode;
+        };
+        button: {
+            label?: string;
+            testID?: string;
+            iconName?: string;
+            labelAlign?: "start" | "center" | "end";
+            ellipsize?: boolean;
+            tooltip?: string;
+            prominent?: boolean;
+            badge?: string;
+            size?: "small" | "regular" | "large";
+            onClick?: () => void;
+            onHoverChanged?: (e: {
+                checked: boolean;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"button">>;
+            children?: ReactNode;
+        };
+        textinput: {
+            text?: string;
+            placeholder?: string;
+            editable?: boolean;
+            testID?: string;
+            onChanged?: (e: {
+                text: string;
+            }) => void;
+            onActivate?: (e: {
+                text: string;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"textinput">>;
+            children?: ReactNode;
+        };
+        textarea: {
+            text?: string;
+            minContentHeight?: number;
+            testID?: string;
+            onChanged?: (e: {
+                text: string;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"textarea">>;
+            children?: ReactNode;
+        };
+        checkbox: {
+            checked?: boolean;
+            label?: string;
+            testID?: string;
+            onToggled?: (e: {
+                checked: boolean;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"checkbox">>;
+            children?: ReactNode;
+        };
+        radio: {
+            group?: string;
+            checked?: boolean;
+            label?: string;
+            testID?: string;
+            onToggled?: (e: {
+                checked: boolean;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"radio">>;
+            children?: ReactNode;
+        };
+        select: {
+            options?: string[];
+            selectedIndex?: number;
+            testID?: string;
+            onSelectionChanged?: (e: {
+                index: number;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"select">>;
+            children?: ReactNode;
+        };
+        slider: {
+            min?: number;
+            max?: number;
+            step?: number;
+            value?: number;
+            orientation?: "horizontal" | "vertical";
+            testID?: string;
+            onValueChanged?: (e: {
+                value: number;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"slider">>;
+            children?: ReactNode;
+        };
+        progressbar: {
+            fraction?: number;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"progressbar">>;
+            children?: ReactNode;
+        };
+        image: {
+            path?: string;
+            iconName?: string;
+            symbolScale?: "small" | "medium" | "large";
+            symbolWeight?: "regular" | "medium" | "semibold" | "bold";
+            symbolRenderingMode?: "monochrome" | "hierarchical" | "multicolor";
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"image">>;
+            children?: ReactNode;
+        };
+        scrollview: {
+            minContentHeight?: number;
+            hscroll?: "auto" | "never";
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"scrollview">>;
+            children?: ReactNode;
+        };
+        separator: {
+            orientation?: "horizontal" | "vertical";
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"separator">>;
+            children?: ReactNode;
+        };
+        spinner: {
+            spinning?: boolean;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"spinner">>;
+            children?: ReactNode;
+        };
+        tabview: {
+            selectedIndex?: number;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"tabview">>;
+            children?: ReactNode;
+        };
+        grid: {
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"grid">>;
+            children?: ReactNode;
+        };
+        listview: {
+            items?: string[];
+            selectedIndex?: number;
+            emptyIconName?: string;
+            emptyTitle?: string;
+            emptyDescription?: string;
+            testID?: string;
+            onRowActivated?: (e: {
+                index: number;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"listview">>;
+            children?: ReactNode;
+        };
+        webview: {
+            url?: string;
+            testID?: string;
+            onNavigate?: (e: {
+                text: string;
+            }) => void;
+            onTitleChanged?: (e: {
+                text: string;
+            }) => void;
+            onLoadingChanged?: (e: {
+                checked: boolean;
+            }) => void;
+            onBackAvailable?: (e: {
+                checked: boolean;
+            }) => void;
+            onForwardAvailable?: (e: {
+                checked: boolean;
+            }) => void;
+            onLoadProgress?: (e: {
+                value: number;
+            }) => void;
+            onLoadFailed?: (e: {
+                data: unknown;
+            }) => void;
+            onNewWindow?: (e: {
+                text: string;
+            }) => void;
+            onDownloadRequested?: (e: {
+                data: unknown;
+            }) => void;
+            onJavaScriptResult?: (e: {
+                data: unknown;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"webview">>;
+            children?: ReactNode;
+        };
+        nativeview: {
+            viewKind?: string;
+            props?: string;
+            testID?: string;
+            onNativeEvent?: (e: {
+                data: unknown;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"nativeview">>;
+            children?: ReactNode;
+        };
+        splitview: {
+            sidebarWidth?: number;
+            collapsed?: boolean;
+            listWidth?: number;
+            breakpoint?: number;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"splitview">>;
+            children?: ReactNode;
+        };
+        headerbar: {
+            title?: string;
+            subtitle?: string;
+            showTitleButtons?: boolean;
+            canGoBack?: boolean;
+            canGoForward?: boolean;
+            testID?: string;
+            onBack?: () => void;
+            onForward?: () => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"headerbar">>;
+            children?: ReactNode;
+        };
+        toolbarview: {
+            topBarStyle?: "flat" | "raised" | "raised-border";
+            bottomBarStyle?: "flat" | "raised" | "raised-border";
+            extendContentToTopEdge?: boolean;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"toolbarview">>;
+            children?: ReactNode;
+        };
+        searchinput: {
+            text?: string;
+            placeholder?: string;
+            testID?: string;
+            onChanged?: (e: {
+                text: string;
+            }) => void;
+            onActivate?: (e: {
+                text: string;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"searchinput">>;
+            children?: ReactNode;
+        };
+        sourcelist: {
+            items?: {
+                title: string;
+                badge?: string;
+                iconName?: string;
+            }[];
+            selectedIndex?: number;
+            emptyIconName?: string;
+            emptyTitle?: string;
+            emptyDescription?: string;
+            testID?: string;
+            onSelectionChanged?: (e: {
+                index: number;
+            }) => void;
+            onRowActivated?: (e: {
+                index: number;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"sourcelist">>;
+            children?: ReactNode;
+        };
+        sourcetree: {
+            nodes?: SourceTreeNode[];
+            actions?: SourceTreeAction[];
+            selectedId?: string;
+            actionVisibility?: "hover" | "always";
+            indentationPerLevel?: number;
+            emptyIconName?: string;
+            emptyTitle?: string;
+            emptyDescription?: string;
+            testID?: string;
+            onSelectionChanged?: (e: {
+                data: unknown;
+            }) => void;
+            onRowActivated?: (e: {
+                data: unknown;
+            }) => void;
+            onNodeExpanded?: (e: {
+                data: unknown;
+            }) => void;
+            onNodeCollapsed?: (e: {
+                data: unknown;
+            }) => void;
+            onActionClicked?: (e: {
+                data: unknown;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"sourcetree">>;
+            children?: ReactNode;
+        };
+        menubar: {
+            defaults?: boolean;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"menubar">>;
+            children?: ReactNode;
+        };
+        menu: {
+            label?: string;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"menu">>;
+            children?: ReactNode;
+        };
+        menuitem: {
+            label?: string;
+            iconName?: string;
+            iconVisible?: boolean;
+            accelerator?: string;
+            role?: "none" | "separator" | "about" | "settings" | "quit" | "undo" | "redo" | "cut" | "copy" | "paste" | "delete" | "selectAll" | "close" | "minimize" | "zoom" | "fullscreen";
+            enabled?: boolean;
+            testID?: string;
+            onSelect?: () => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"menuitem">>;
+            children?: ReactNode;
+        };
+        settingsgroup: {
+            title?: string;
+            description?: string;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"settingsgroup">>;
+            children?: ReactNode;
+        };
+        row: {
+            title?: string;
+            subtitle?: string;
+            iconName?: string;
+            activatable?: boolean;
+            testID?: string;
+            onActivate?: () => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"row">>;
+            children?: ReactNode;
+        };
+        switchrow: {
+            title?: string;
+            subtitle?: string;
+            checked?: boolean;
+            testID?: string;
+            onToggled?: (e: {
+                checked: boolean;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"switchrow">>;
+            children?: ReactNode;
+        };
+        clamp: {
+            maximumSize?: number;
+            tighteningThreshold?: number;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"clamp">>;
+            children?: ReactNode;
+        };
+        switch: {
+            checked?: boolean;
+            testID?: string;
+            onToggled?: (e: {
+                checked: boolean;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"switch">>;
+            children?: ReactNode;
+        };
+        togglebutton: {
+            label?: string;
+            iconName?: string;
+            active?: boolean;
+            testID?: string;
+            onToggled?: (e: {
+                checked: boolean;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"togglebutton">>;
+            children?: ReactNode;
+        };
+        segmentedcontrol: {
+            options?: string[];
+            selectedIndex?: number;
+            testID?: string;
+            onSelectionChanged?: (e: {
+                index: number;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"segmentedcontrol">>;
+            children?: ReactNode;
+        };
+        numberinput: {
+            value?: number;
+            min?: number;
+            max?: number;
+            step?: number;
+            digits?: number;
+            wraps?: boolean;
+            testID?: string;
+            onValueChanged?: (e: {
+                value: number;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"numberinput">>;
+            children?: ReactNode;
+        };
+        linkbutton: {
+            label?: string;
+            uri?: string;
+            visited?: boolean;
+            openExternal?: boolean;
+            testID?: string;
+            onActivate?: (e: {
+                text: string;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"linkbutton">>;
+            children?: ReactNode;
+        };
+        levelindicator: {
+            value?: number;
+            min?: number;
+            max?: number;
+            warningValue?: number;
+            criticalValue?: number;
+            discrete?: boolean;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"levelindicator">>;
+            children?: ReactNode;
+        };
+        colorpicker: {
+            value?: string;
+            supportsAlpha?: boolean;
+            testID?: string;
+            onColorChanged?: (e: {
+                text: string;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"colorpicker">>;
+            children?: ReactNode;
+        };
+        banner: {
+            title?: string;
+            buttonLabel?: string;
+            revealed?: boolean;
+            testID?: string;
+            onButtonClicked?: () => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"banner">>;
+            children?: ReactNode;
+        };
+        menubutton: {
+            label?: string;
+            iconName?: string;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"menubutton">>;
+            children?: ReactNode;
+        };
+        splitbutton: {
+            label?: string;
+            iconName?: string;
+            testID?: string;
+            onClick?: () => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"splitbutton">>;
+            children?: ReactNode;
+        };
+        popover: {
+            open?: boolean;
+            position?: "top" | "bottom" | "left" | "right";
+            testID?: string;
+            onClosed?: () => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"popover">>;
+            children?: ReactNode;
+        };
+        expander: {
+            label?: string;
+            expanded?: boolean;
+            testID?: string;
+            onToggled?: (e: {
+                checked: boolean;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"expander">>;
+            children?: ReactNode;
+        };
+        statuspage: {
+            iconName?: string;
+            title?: string;
+            description?: string;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"statuspage">>;
+            children?: ReactNode;
+        };
+        toastoverlay: {
+            testID?: string;
+            onToastButtonClicked?: (e: {
+                data: unknown;
+            }) => void;
+            onToastDismissed?: (e: {
+                data: unknown;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"toastoverlay">>;
+            children?: ReactNode;
+        };
+        datepicker: {
+            value?: string;
+            displayStyle?: "field" | "calendar";
+            minDate?: string;
+            maxDate?: string;
+            testID?: string;
+            onDateChanged?: (e: {
+                text: string;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"datepicker">>;
+            children?: ReactNode;
+        };
+        table: {
+            columns?: TableColumn[];
+            rows?: TableRow[];
+            selectedIndex?: number;
+            showRowSeparators?: boolean;
+            emptyIconName?: string;
+            emptyTitle?: string;
+            emptyDescription?: string;
+            testID?: string;
+            onSelectionChanged?: (e: {
+                index: number;
+            }) => void;
+            onRowActivated?: (e: {
+                index: number;
+            }) => void;
+            onSortChanged?: (e: {
+                data: unknown;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"table">>;
+            children?: ReactNode;
+        };
+        treeview: {
+            nodes?: TreeNode[];
+            selectedIndex?: number;
+            indentationPerLevel?: number;
+            emptyIconName?: string;
+            emptyTitle?: string;
+            emptyDescription?: string;
+            testID?: string;
+            onSelectionChanged?: (e: {
+                data: unknown;
+            }) => void;
+            onRowActivated?: (e: {
+                data: unknown;
+            }) => void;
+            onNodeExpanded?: (e: {
+                data: unknown;
+            }) => void;
+            onNodeCollapsed?: (e: {
+                data: unknown;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"treeview">>;
+            children?: ReactNode;
+        };
+        fontpicker: {
+            value?: string;
+            testID?: string;
+            onFontChanged?: (e: {
+                text: string;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"fontpicker">>;
+            children?: ReactNode;
+        };
+        video: {
+            src?: string;
+            autoplay?: boolean;
+            loop?: boolean;
+            controls?: boolean;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"video">>;
+            children?: ReactNode;
+        };
+        trayitem: {
+            iconName?: string;
+            tooltip?: string;
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"trayitem">>;
+            children?: ReactNode;
+        };
+        sharebutton: {
+            label?: string;
+            iconName?: string;
+            items?: string[];
+            testID?: string;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"sharebutton">>;
+            children?: ReactNode;
+        };
+        terminal: {
+            command?: string;
+            cwd?: string;
+            fontSize?: number;
+            fontFamily?: string;
+            palette?: string;
+            foreground?: string;
+            background?: string;
+            cols?: number;
+            rows?: number;
+            remote?: boolean;
+            host?: string;
+            port?: number;
+            sessionId?: string;
+            ticket?: string;
+            restoreScrollback?: boolean;
+            testID?: string;
+            onTitleChanged?: (e: {
+                text: string;
+            }) => void;
+            onBell?: () => void;
+            onExited?: (e: {
+                data: unknown;
+            }) => void;
+            onConnectionState?: (e: {
+                data: unknown;
+            }) => void;
+            onSelectionChanged?: (e: {
+                checked: boolean;
+            }) => void;
+            onImagePaste?: (e: {
+                data: unknown;
+            }) => void;
+            onFocusChanged?: (e: {
+                checked: boolean;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"terminal">>;
+            children?: ReactNode;
+        };
+        paned: {
+            orientation?: "horizontal" | "vertical";
+            position?: number;
+            testID?: string;
+            onPositionChanged?: (e: {
+                position: number;
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"paned">>;
+            children?: ReactNode;
+        };
+        commandpalette: {
+            open?: boolean;
+            placeholder?: string;
+            query?: string;
+            items?: CommandPaletteItem[];
+            testID?: string;
+            onQueryChanged?: (e: {
+                text: string;
+            }) => void;
+            onActivate?: (e: {
+                text: string;
+            }) => void;
+            onSubmit?: (e: {
+                text: string;
+            }) => void;
+            onCancel?: () => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"commandpalette">>;
+            children?: ReactNode;
+        };
+    }
+    type Element = ReactNode;
+    interface IntrinsicAttributes {
+        key?: string | number | null;
+    }
+    interface ElementChildrenAttribute {
+        children: {};
+    }
+}