@nativedesktop/react 0.4.21 → 0.4.23

package/dist/index.js

@@ -74,7 +74,8 @@ var WIDGET_TYPE = {
   ProgressCircle: 68,
   Skeleton: 69,
   Chart: 70,
-  CodeEditor: 71
+  CodeEditor: 71,
+  WindowControls: 72
 };
 
 // ../../runtime/ndp-binary.ts
@@ -572,7 +573,8 @@ var intrinsicToName = {
   progresscircle: "ProgressCircle",
   skeleton: "Skeleton",
   chart: "Chart",
-  codeeditor: "CodeEditor"
+  codeeditor: "CodeEditor",
+  windowcontrols: "WindowControls"
 };
 var widgetEvents = {
   window: [{ name: "alertResult", handler: "onAlertResult", payload: "data" }, { name: "openFileResult", handler: "onOpenFileResult", payload: "data" }, { name: "saveFileResult", handler: "onSaveFileResult", payload: "data" }, { name: "newTabRequested", handler: "onNewTabRequested", payload: "data" }, { name: "closed", handler: "onClosed", payload: "data" }, { name: "focused", handler: "onFocused", payload: "checked" }, { name: "sizeChanged", handler: "onSizeChanged", payload: "data" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
@@ -593,9 +595,9 @@ var widgetEvents = {
   tabview: [{ name: "selectionChanged", handler: "onSelectionChanged", payload: "index" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   grid: [{ name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   listview: [{ name: "rowActivated", handler: "onRowActivated", payload: "index" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
-  webview: [{ name: "navigate", handler: "onNavigate", payload: "text" }, { name: "titleChanged", handler: "onTitleChanged", payload: "text" }, { name: "loadingChanged", handler: "onLoadingChanged", payload: "checked" }, { name: "backAvailable", handler: "onBackAvailable", payload: "checked" }, { name: "forwardAvailable", handler: "onForwardAvailable", payload: "checked" }, { name: "loadProgress", handler: "onLoadProgress", payload: "value" }, { name: "loadFailed", handler: "onLoadFailed", payload: "data" }, { name: "newWindow", handler: "onNewWindow", payload: "text" }, { name: "downloadRequested", handler: "onDownloadRequested", payload: "data" }, { name: "javaScriptResult", handler: "onJavaScriptResult", payload: "data" }, { name: "scriptMessage", handler: "onScriptMessage", payload: "data" }, { name: "schemeRequest", handler: "onSchemeRequest", payload: "data" }, { name: "cookiesResult", handler: "onCookiesResult", payload: "data" }, { name: "cookiesChanged", handler: "onCookiesChanged", payload: "data" }, { name: "faviconChanged", handler: "onFaviconChanged", payload: "data" }, { name: "findResult", handler: "onFindResult", payload: "data" }, { name: "securityChanged", handler: "onSecurityChanged", payload: "data" }, { name: "linkHover", handler: "onLinkHover", payload: "text" }, { name: "contextMenu", handler: "onContextMenu", payload: "data" }, { name: "contextMenuItemClicked", handler: "onContextMenuItemClicked", payload: "data" }, { name: "sessionSaved", handler: "onSessionSaved", payload: "data" }, { name: "audioStateChanged", handler: "onAudioStateChanged", payload: "data" }, { name: "extensionsList", handler: "onExtensionsList", payload: "data" }, { name: "extensionActions", handler: "onExtensionActions", payload: "data" }, { name: "extensionsChanged", handler: "onExtensionsChanged", payload: "data" }, { name: "chromeDialog", handler: "onChromeDialog", payload: "data" }, { name: "permissionRequest", handler: "onPermissionRequest", payload: "data" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
+  webview: [{ name: "navigate", handler: "onNavigate", payload: "text" }, { name: "titleChanged", handler: "onTitleChanged", payload: "text" }, { name: "loadingChanged", handler: "onLoadingChanged", payload: "checked" }, { name: "backAvailable", handler: "onBackAvailable", payload: "checked" }, { name: "forwardAvailable", handler: "onForwardAvailable", payload: "checked" }, { name: "loadProgress", handler: "onLoadProgress", payload: "value" }, { name: "loadFailed", handler: "onLoadFailed", payload: "data" }, { name: "newWindow", handler: "onNewWindow", payload: "text" }, { name: "browserCommand", handler: "onBrowserCommand", payload: "text" }, { name: "downloadRequested", handler: "onDownloadRequested", payload: "data" }, { name: "downloadUpdated", handler: "onDownloadUpdated", payload: "data" }, { name: "javaScriptResult", handler: "onJavaScriptResult", payload: "data" }, { name: "scriptMessage", handler: "onScriptMessage", payload: "data" }, { name: "schemeRequest", handler: "onSchemeRequest", payload: "data" }, { name: "cookiesResult", handler: "onCookiesResult", payload: "data" }, { name: "cookiesChanged", handler: "onCookiesChanged", payload: "data" }, { name: "faviconChanged", handler: "onFaviconChanged", payload: "data" }, { name: "findResult", handler: "onFindResult", payload: "data" }, { name: "securityChanged", handler: "onSecurityChanged", payload: "data" }, { name: "linkHover", handler: "onLinkHover", payload: "text" }, { name: "contextMenu", handler: "onContextMenu", payload: "data" }, { name: "contextMenuItemClicked", handler: "onContextMenuItemClicked", payload: "data" }, { name: "sessionSaved", handler: "onSessionSaved", payload: "data" }, { name: "audioStateChanged", handler: "onAudioStateChanged", payload: "data" }, { name: "extensionsList", handler: "onExtensionsList", payload: "data" }, { name: "extensionActions", handler: "onExtensionActions", payload: "data" }, { name: "extensionsChanged", handler: "onExtensionsChanged", payload: "data" }, { name: "chromeDialog", handler: "onChromeDialog", payload: "data" }, { name: "permissionRequest", handler: "onPermissionRequest", payload: "data" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   nativeview: [{ name: "nativeEvent", handler: "onNativeEvent", payload: "data" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
-  splitview: [{ name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
+  splitview: [{ name: "revealChanged", handler: "onRevealChanged", payload: "checked" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   headerbar: [{ name: "back", handler: "onBack", payload: "none" }, { name: "forward", handler: "onForward", payload: "none" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   toolbarview: [{ name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   searchinput: [{ name: "changed", handler: "onChanged", payload: "text" }, { name: "activate", handler: "onActivate", payload: "text" }, { name: "leadingIconClicked", handler: "onLeadingIconClicked", payload: "none" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
@@ -645,7 +647,8 @@ var widgetEvents = {
   progresscircle: [{ name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   skeleton: [{ name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
   chart: [{ name: "pointSelected", handler: "onPointSelected", payload: "data" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
-  codeeditor: [{ name: "changed", handler: "onChange", payload: "text" }, { name: "cursorMoved", handler: "onCursorMoved", payload: "data" }, { name: "diagnosticClicked", handler: "onDiagnosticClicked", payload: "data" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }]
+  codeeditor: [{ name: "changed", handler: "onChange", payload: "text" }, { name: "cursorMoved", handler: "onCursorMoved", payload: "data" }, { name: "diagnosticClicked", handler: "onDiagnosticClicked", payload: "data" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }],
+  windowcontrols: [{ name: "emptyChanged", handler: "onEmptyChanged", payload: "checked" }, { name: "dragStarted", handler: "onDragStarted", payload: "text" }, { name: "dragEnded", handler: "onDragEnded", payload: "none" }, { name: "dragOver", handler: "onDragOver", payload: "dragPoint" }, { name: "dropped", handler: "onDropped", payload: "dragPoint" }]
 };
 var widgetRefProps = {
   popover: { anchorRef: "anchor" }
@@ -669,9 +672,9 @@ var handlerPropNames = {
   tabview: ["onSelectionChanged", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   grid: ["onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   listview: ["onRowActivated", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
-  webview: ["onNavigate", "onTitleChanged", "onLoadingChanged", "onBackAvailable", "onForwardAvailable", "onLoadProgress", "onLoadFailed", "onNewWindow", "onDownloadRequested", "onJavaScriptResult", "onScriptMessage", "onSchemeRequest", "onCookiesResult", "onCookiesChanged", "onFaviconChanged", "onFindResult", "onSecurityChanged", "onLinkHover", "onContextMenu", "onContextMenuItemClicked", "onSessionSaved", "onAudioStateChanged", "onExtensionsList", "onExtensionActions", "onExtensionsChanged", "onChromeDialog", "onPermissionRequest", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
+  webview: ["onNavigate", "onTitleChanged", "onLoadingChanged", "onBackAvailable", "onForwardAvailable", "onLoadProgress", "onLoadFailed", "onNewWindow", "onBrowserCommand", "onDownloadRequested", "onDownloadUpdated", "onJavaScriptResult", "onScriptMessage", "onSchemeRequest", "onCookiesResult", "onCookiesChanged", "onFaviconChanged", "onFindResult", "onSecurityChanged", "onLinkHover", "onContextMenu", "onContextMenuItemClicked", "onSessionSaved", "onAudioStateChanged", "onExtensionsList", "onExtensionActions", "onExtensionsChanged", "onChromeDialog", "onPermissionRequest", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   nativeview: ["onNativeEvent", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
-  splitview: ["onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
+  splitview: ["onRevealChanged", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   headerbar: ["onBack", "onForward", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   toolbarview: ["onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   searchinput: ["onChanged", "onActivate", "onLeadingIconClicked", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
@@ -721,7 +724,8 @@ var handlerPropNames = {
   progresscircle: ["onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   skeleton: ["onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
   chart: ["onPointSelected", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
-  codeeditor: ["onChange", "onCursorMoved", "onDiagnosticClicked", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"]
+  codeeditor: ["onChange", "onCursorMoved", "onDiagnosticClicked", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"],
+  windowcontrols: ["onEmptyChanged", "onDragStarted", "onDragEnded", "onDragOver", "onDropped"]
 };
 var widgetCommands = {
   window: ["showAlert", "openFile", "saveFile", "showAbout", "showTabOverview", "present"],
@@ -742,11 +746,11 @@ var widgetCommands = {
   tabview: [],
   grid: [],
   listview: [],
-  webview: ["goBack", "goForward", "reload", "stop", "executeJavaScript", "setZoom", "setUserAgent", "openDevTools", "addUserScript", "removeUserScript", "clearUserScripts", "registerScriptMessage", "unregisterScriptMessage", "respondScheme", "respondPermission", "getCookies", "setCookie", "deleteCookie", "findStart", "findNext", "findPrevious", "findStop", "saveSession", "restoreSession", "setMuted", "setContextMenuItems", "listExtensions", "watchExtensions", "listExtensionActions", "readExtensionAction", "installExtension", "uninstallExtension", "setExtensionEnabled", "focus"],
+  webview: ["goBack", "goForward", "reload", "stop", "executeJavaScript", "setZoom", "setUserAgent", "openDevTools", "addUserScript", "removeUserScript", "clearUserScripts", "registerScriptMessage", "unregisterScriptMessage", "respondScheme", "respondPermission", "respondDownload", "getCookies", "setCookie", "deleteCookie", "findStart", "findNext", "findPrevious", "findStop", "saveSession", "restoreSession", "setMuted", "setContextMenuItems", "listExtensions", "watchExtensions", "listExtensionActions", "readExtensionAction", "installExtension", "uninstallExtension", "setExtensionEnabled", "focus"],
   nativeview: [],
-  splitview: [],
+  splitview: ["revealSidebar", "concealSidebar"],
   headerbar: [],
-  toolbarview: [],
+  toolbarview: ["revealTopBars", "concealTopBars"],
   searchinput: ["focus", "activateLeadingIcon"],
   sourcelist: [],
   sourcetree: [],
@@ -794,7 +798,8 @@ var widgetCommands = {
   progresscircle: [],
   skeleton: [],
   chart: [],
-  codeeditor: ["focus"]
+  codeeditor: ["focus"],
+  windowcontrols: []
 };
 var widgetPlatforms = {
   window: null,
@@ -867,7 +872,8 @@ var widgetPlatforms = {
   progresscircle: null,
   skeleton: null,
   chart: null,
-  codeeditor: null
+  codeeditor: null,
+  windowcontrols: null
 };
 
 // src/host-config.ts
@@ -1363,6 +1369,11 @@ var hostConfig = {
     for (const k of Object.keys(newProps)) {
       if (!wire(k))
         continue;
+      if (newProps[k] === undefined) {
+        if (oldProps[k] !== undefined)
+          changed[k] = REMOVAL_VALUE[k] ?? null;
+        continue;
+      }
       if (!propsEqual(newProps[k], oldProps[k]))
         changed[k] = newProps[k];
     }

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

@@ -1,7 +1,7 @@
 import type { ReactNode, Ref, RefObject } 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" | "Overlay" | "Switch" | "ToggleButton" | "SegmentedControl" | "NumberInput" | "LinkButton" | "LevelIndicator" | "ColorPicker" | "Banner" | "MenuButton" | "SplitButton" | "Popover" | "Expander" | "StatusPage" | "ToastOverlay" | "DatePicker" | "Table" | "TreeView" | "FontPicker" | "Video" | "TrayItem" | "ShareButton" | "Terminal" | "Paned" | "CommandPalette" | "Avatar" | "Badge" | "Tag" | "Kbd" | "ComboBox" | "Breadcrumb" | "Dialog" | "Sheet" | "RichText" | "ProgressCircle" | "Skeleton" | "Chart" | "CodeEditor";
-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" | "overlay" | "switch" | "togglebutton" | "segmentedcontrol" | "numberinput" | "linkbutton" | "levelindicator" | "colorpicker" | "banner" | "menubutton" | "splitbutton" | "popover" | "expander" | "statuspage" | "toastoverlay" | "datepicker" | "table" | "treeview" | "fontpicker" | "video" | "trayitem" | "sharebutton" | "terminal" | "paned" | "commandpalette" | "avatar" | "badge" | "tag" | "kbd" | "combobox" | "breadcrumb" | "dialog" | "sheet" | "richtext" | "progresscircle" | "skeleton" | "chart" | "codeeditor";
+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" | "Overlay" | "Switch" | "ToggleButton" | "SegmentedControl" | "NumberInput" | "LinkButton" | "LevelIndicator" | "ColorPicker" | "Banner" | "MenuButton" | "SplitButton" | "Popover" | "Expander" | "StatusPage" | "ToastOverlay" | "DatePicker" | "Table" | "TreeView" | "FontPicker" | "Video" | "TrayItem" | "ShareButton" | "Terminal" | "Paned" | "CommandPalette" | "Avatar" | "Badge" | "Tag" | "Kbd" | "ComboBox" | "Breadcrumb" | "Dialog" | "Sheet" | "RichText" | "ProgressCircle" | "Skeleton" | "Chart" | "CodeEditor" | "WindowControls";
+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" | "overlay" | "switch" | "togglebutton" | "segmentedcontrol" | "numberinput" | "linkbutton" | "levelindicator" | "colorpicker" | "banner" | "menubutton" | "splitbutton" | "popover" | "expander" | "statuspage" | "toastoverlay" | "datepicker" | "table" | "treeview" | "fontpicker" | "video" | "trayitem" | "sharebutton" | "terminal" | "paned" | "commandpalette" | "avatar" | "badge" | "tag" | "kbd" | "combobox" | "breadcrumb" | "dialog" | "sheet" | "richtext" | "progresscircle" | "skeleton" | "chart" | "codeeditor" | "windowcontrols";
 /** 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. */
@@ -192,6 +192,7 @@ export declare namespace JSX {
         box: {
             orientation?: "vertical" | "horizontal";
             spacing?: number;
+            windowHandle?: boolean;
             enabled?: boolean;
             tooltip?: string;
             draggable?: boolean;
@@ -956,9 +957,15 @@ export declare namespace JSX {
             onNewWindow?: (e: {
                 text: string;
             }) => void;
+            onBrowserCommand?: (e: {
+                text: string;
+            }) => void;
             onDownloadRequested?: (e: {
                 data: unknown;
             }) => void;
+            onDownloadUpdated?: (e: {
+                data: unknown;
+            }) => void;
             onJavaScriptResult?: (e: {
                 data: unknown;
             }) => void;
@@ -1092,12 +1099,17 @@ export declare namespace JSX {
             collapsed?: boolean;
             listWidth?: number;
             breakpoint?: number;
+            edgeReveal?: boolean;
+            contentStyle?: "plain" | "card";
             enabled?: boolean;
             tooltip?: string;
             draggable?: boolean;
             dragPayload?: string;
             dropTarget?: boolean;
             testID?: string;
+            onRevealChanged?: (e: {
+                checked: boolean;
+            }) => void;
             onDragStarted?: (e: {
                 text: string;
             }) => void;
@@ -1178,6 +1190,7 @@ export declare namespace JSX {
             topBarStyle?: "flat" | "raised" | "raised-border";
             bottomBarStyle?: "flat" | "raised" | "raised-border";
             extendContentToTopEdge?: boolean;
+            topBarsAutoHide?: boolean;
             enabled?: boolean;
             tooltip?: string;
             draggable?: boolean;
@@ -3384,6 +3397,48 @@ export declare namespace JSX {
             ref?: Ref<NdNodeRef<"codeeditor">>;
             children?: ReactNode;
         };
+        windowcontrols: {
+            side?: "start" | "end";
+            enabled?: boolean;
+            tooltip?: string;
+            draggable?: boolean;
+            dragPayload?: string;
+            dropTarget?: boolean;
+            testID?: string;
+            onEmptyChanged?: (e: {
+                checked: boolean;
+            }) => void;
+            onDragStarted?: (e: {
+                text: string;
+            }) => void;
+            onDragEnded?: () => void;
+            onDragOver?: (e: {
+                text: string;
+                data: {
+                    x: number;
+                    y: number;
+                };
+            }) => void;
+            onDropped?: (e: {
+                text: string;
+                data: {
+                    x: number;
+                    y: number;
+                };
+            }) => void;
+            tabLabel?: string;
+            tabIcon?: string;
+            gridRow?: number;
+            gridColumn?: number;
+            gridRowSpan?: number;
+            gridColumnSpan?: number;
+            slot?: "sidebar" | "content" | "list" | "inspector" | "start" | "end" | "title" | "top" | "bottom" | "prefix" | "suffix";
+            style?: StyleProp;
+            cssClasses?: string[];
+            key?: string | number | null;
+            ref?: Ref<NdNodeRef<"windowcontrols">>;
+            children?: ReactNode;
+        };
     }
     type Element = ReactNode;
     interface IntrinsicAttributes {

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

@@ -1,5 +1,5 @@
 export declare const NDP_VERSION = 1;
-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" | "Overlay" | "Switch" | "ToggleButton" | "SegmentedControl" | "NumberInput" | "LinkButton" | "LevelIndicator" | "ColorPicker" | "Banner" | "MenuButton" | "SplitButton" | "Popover" | "Expander" | "StatusPage" | "ToastOverlay" | "DatePicker" | "Table" | "TreeView" | "FontPicker" | "Video" | "TrayItem" | "ShareButton" | "Terminal" | "Paned" | "CommandPalette" | "Avatar" | "Badge" | "Tag" | "Kbd" | "ComboBox" | "Breadcrumb" | "Dialog" | "Sheet" | "RichText" | "ProgressCircle" | "Skeleton" | "Chart" | "CodeEditor";
+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" | "Overlay" | "Switch" | "ToggleButton" | "SegmentedControl" | "NumberInput" | "LinkButton" | "LevelIndicator" | "ColorPicker" | "Banner" | "MenuButton" | "SplitButton" | "Popover" | "Expander" | "StatusPage" | "ToastOverlay" | "DatePicker" | "Table" | "TreeView" | "FontPicker" | "Video" | "TrayItem" | "ShareButton" | "Terminal" | "Paned" | "CommandPalette" | "Avatar" | "Badge" | "Tag" | "Kbd" | "ComboBox" | "Breadcrumb" | "Dialog" | "Sheet" | "RichText" | "ProgressCircle" | "Skeleton" | "Chart" | "CodeEditor" | "WindowControls";
 /** Child runtime identity, carried inside the hello frame. */
 export interface Runtime {
     name: string;

package/dist/packages/react/src/generated/schema-meta.d.ts

@@ -29,7 +29,9 @@ export type WidgetCommandNames = {
     "checkbox": "focus";
     "radio": "focus";
     "select": "focus";
-    "webview": "goBack" | "goForward" | "reload" | "stop" | "executeJavaScript" | "setZoom" | "setUserAgent" | "openDevTools" | "addUserScript" | "removeUserScript" | "clearUserScripts" | "registerScriptMessage" | "unregisterScriptMessage" | "respondScheme" | "respondPermission" | "getCookies" | "setCookie" | "deleteCookie" | "findStart" | "findNext" | "findPrevious" | "findStop" | "saveSession" | "restoreSession" | "setMuted" | "setContextMenuItems" | "listExtensions" | "watchExtensions" | "listExtensionActions" | "readExtensionAction" | "installExtension" | "uninstallExtension" | "setExtensionEnabled" | "focus";
+    "webview": "goBack" | "goForward" | "reload" | "stop" | "executeJavaScript" | "setZoom" | "setUserAgent" | "openDevTools" | "addUserScript" | "removeUserScript" | "clearUserScripts" | "registerScriptMessage" | "unregisterScriptMessage" | "respondScheme" | "respondPermission" | "respondDownload" | "getCookies" | "setCookie" | "deleteCookie" | "findStart" | "findNext" | "findPrevious" | "findStop" | "saveSession" | "restoreSession" | "setMuted" | "setContextMenuItems" | "listExtensions" | "watchExtensions" | "listExtensionActions" | "readExtensionAction" | "installExtension" | "uninstallExtension" | "setExtensionEnabled" | "focus";
+    "splitview": "revealSidebar" | "concealSidebar";
+    "toolbarview": "revealTopBars" | "concealTopBars";
     "searchinput": "focus" | "activateLeadingIcon";
     "switch": "focus";
     "numberinput": "focus";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nativedesktop/react",
-  "version": "0.4.21",
+  "version": "0.4.23",
   "type": "module",
   "license": "MIT",
   "homepage": "https://github.com/FormalSnake/NativeDesktop#readme",