entangle-ui 0.3.0 → 0.5.0

package/dist/types/components/shell/AppShell/AppShell.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { Theme } from '../../../theme/types.js';
 import { AppShellTopChromeSeparator, AppShellSideChromeSeparator, ToolbarPosition, AppShellContextValue } from './AppShell.types.js';
+import React from 'react';
 
 declare const useAppShell: () => AppShellContextValue;
 declare const AppShell: React.FC<{
@@ -8,7 +7,12 @@ declare const AppShell: React.FC<{
     topChromeSeparator?: AppShellTopChromeSeparator | undefined;
     sideChromeSeparator?: AppShellSideChromeSeparator | undefined;
     children?: React.ReactNode;
-    css?: React.CSSProperties | ((theme: Theme) => React.CSSProperties) | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    id?: string | undefined | undefined;
+    className?: string | undefined | undefined;
+    testId?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.Ref<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -16,19 +20,16 @@ declare const AppShell: React.FC<{
     accessKey?: string | undefined | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
     autoFocus?: boolean | undefined | undefined;
-    className?: string | undefined | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
-    id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     nonce?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: React.CSSProperties | undefined;
     tabIndex?: number | undefined | undefined;
     title?: string | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
@@ -56,7 +57,6 @@ declare const AppShell: React.FC<{
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
     popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
     popoverTarget?: string | undefined | undefined;
     inert?: boolean | undefined | undefined;
@@ -136,18 +136,18 @@ declare const AppShell: React.FC<{
     onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChangeCapture?: React.ChangeEventHandler<HTMLDivElement, Element> | undefined;
     onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: React.InputEventHandler<HTMLDivElement> | undefined;
+    onInput?: React.InputEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: React.InputEventHandler<HTMLDivElement> | undefined;
+    onReset?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: React.SubmitEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: React.SubmitEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
     onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
     onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
     onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
@@ -288,12 +288,15 @@ declare const AppShell: React.FC<{
     onTransitionRunCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionStart?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-    testId?: string | undefined;
-    ref?: React.Ref<HTMLDivElement> | undefined;
 }> & {
     MenuBar: React.FC<{
         children?: React.ReactNode;
-        css?: React.CSSProperties | ((theme: Theme) => React.CSSProperties) | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        id?: string | undefined | undefined;
+        className?: string | undefined | undefined;
+        testId?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.Ref<HTMLElement> | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -301,19 +304,16 @@ declare const AppShell: React.FC<{
         accessKey?: string | undefined | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
         autoFocus?: boolean | undefined | undefined;
-        className?: string | undefined | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
-        id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: React.CSSProperties | undefined;
         tabIndex?: number | undefined | undefined;
         title?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
@@ -341,7 +341,6 @@ declare const AppShell: React.FC<{
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -421,18 +420,18 @@ declare const AppShell: React.FC<{
         onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
         onBeforeInput?: React.InputEventHandler<HTMLElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onError?: React.ReactEventHandler<HTMLElement> | undefined;
@@ -573,13 +572,16 @@ declare const AppShell: React.FC<{
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-        testId?: string | undefined;
-        ref?: React.Ref<HTMLElement> | undefined;
     }>;
     Toolbar: React.FC<{
         position?: ToolbarPosition | undefined;
         children?: React.ReactNode;
-        css?: React.CSSProperties | ((theme: Theme) => React.CSSProperties) | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        id?: string | undefined | undefined;
+        className?: string | undefined | undefined;
+        testId?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.Ref<HTMLElement> | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -587,19 +589,16 @@ declare const AppShell: React.FC<{
         accessKey?: string | undefined | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
         autoFocus?: boolean | undefined | undefined;
-        className?: string | undefined | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
-        id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: React.CSSProperties | undefined;
         tabIndex?: number | undefined | undefined;
         title?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
@@ -627,7 +626,6 @@ declare const AppShell: React.FC<{
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -707,18 +705,18 @@ declare const AppShell: React.FC<{
         onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
         onBeforeInput?: React.InputEventHandler<HTMLElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onError?: React.ReactEventHandler<HTMLElement> | undefined;
@@ -859,12 +857,15 @@ declare const AppShell: React.FC<{
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-        testId?: string | undefined;
-        ref?: React.Ref<HTMLElement> | undefined;
     }>;
     Dock: React.FC<{
         children?: React.ReactNode;
-        css?: React.CSSProperties | ((theme: Theme) => React.CSSProperties) | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        id?: string | undefined | undefined;
+        className?: string | undefined | undefined;
+        testId?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.Ref<HTMLElement> | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -872,19 +873,16 @@ declare const AppShell: React.FC<{
         accessKey?: string | undefined | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
         autoFocus?: boolean | undefined | undefined;
-        className?: string | undefined | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
-        id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: React.CSSProperties | undefined;
         tabIndex?: number | undefined | undefined;
         title?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
@@ -912,7 +910,6 @@ declare const AppShell: React.FC<{
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -992,18 +989,18 @@ declare const AppShell: React.FC<{
         onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
         onBeforeInput?: React.InputEventHandler<HTMLElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onError?: React.ReactEventHandler<HTMLElement> | undefined;
@@ -1144,12 +1141,15 @@ declare const AppShell: React.FC<{
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-        testId?: string | undefined;
-        ref?: React.Ref<HTMLElement> | undefined;
     }>;
     StatusBar: React.FC<{
         children?: React.ReactNode;
-        css?: React.CSSProperties | ((theme: Theme) => React.CSSProperties) | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        id?: string | undefined | undefined;
+        className?: string | undefined | undefined;
+        testId?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.Ref<HTMLElement> | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -1157,19 +1157,16 @@ declare const AppShell: React.FC<{
         accessKey?: string | undefined | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
         autoFocus?: boolean | undefined | undefined;
-        className?: string | undefined | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
-        id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: React.CSSProperties | undefined;
         tabIndex?: number | undefined | undefined;
         title?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
@@ -1197,7 +1194,6 @@ declare const AppShell: React.FC<{
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -1277,18 +1273,18 @@ declare const AppShell: React.FC<{
         onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLElement, Element> | undefined;
         onBeforeInput?: React.InputEventHandler<HTMLElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onError?: React.ReactEventHandler<HTMLElement> | undefined;
@@ -1429,8 +1425,6 @@ declare const AppShell: React.FC<{
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-        testId?: string | undefined;
-        ref?: React.Ref<HTMLElement> | undefined;
     }>;
 };