npm - entangle-ui - Versions diffs - 0.3.0 → 0.4.0 - Mend

entangle-ui 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (500) hide show

package/dist/types/components/shell/MenuBar/MenuBar.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-import React from 'react';
-import { Theme } from '../../../theme/types.js';
 import { MenuBarSize } from './MenuBar.types.js';
+import React from 'react';
 declare const MenuBar: React.FC<{
     $size?: MenuBarSize | undefined;
@@ -10,7 +9,6 @@ declare const MenuBar: React.FC<{
     className?: string | undefined | undefined;
     testId?: string | undefined;
     style?: React.CSSProperties | undefined;
-    css?: React.CSSProperties | ((theme: Theme) => React.CSSProperties) | undefined;
     ref?: React.Ref<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -56,7 +54,7 @@ declare const MenuBar: React.FC<{
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
     popoverTarget?: string | undefined | undefined;
     inert?: boolean | undefined | undefined;
@@ -136,18 +134,18 @@ declare const MenuBar: 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;
@@ -297,7 +295,6 @@ declare const MenuBar: React.FC<{
         className?: string | undefined | undefined;
         testId?: string | undefined;
         style?: React.CSSProperties | undefined;
-        css?: React.CSSProperties | ((theme: Theme) => React.CSSProperties) | undefined;
         ref?: React.Ref<HTMLDivElement> | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -343,7 +340,7 @@ declare const MenuBar: React.FC<{
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -423,18 +420,18 @@ declare const MenuBar: 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;
@@ -582,7 +579,12 @@ declare const MenuBar: React.FC<{
         disabled?: boolean | undefined;
         icon?: React.ReactNode;
         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<HTMLButtonElement> | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -590,19 +592,16 @@ declare const MenuBar: 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;
@@ -630,7 +629,6 @@ declare const MenuBar: 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;
@@ -710,18 +708,18 @@ declare const MenuBar: React.FC<{
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
         onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -861,8 +859,6 @@ declare const MenuBar: React.FC<{
         onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        testId?: string | undefined;
-        ref?: React.Ref<HTMLButtonElement> | undefined;
     }>;
     Sub: React.FC<{
         label: string;
@@ -872,7 +868,6 @@ declare const MenuBar: React.FC<{
         className?: string | undefined | undefined;
         testId?: string | undefined;
         style?: React.CSSProperties | undefined;
-        css?: React.CSSProperties | ((theme: Theme) => React.CSSProperties) | undefined;
         ref?: React.Ref<HTMLDivElement> | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -918,7 +913,7 @@ declare const MenuBar: React.FC<{
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -998,18 +993,18 @@ declare const MenuBar: 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;
@@ -1156,7 +1151,6 @@ declare const MenuBar: React.FC<{
         className?: string | undefined | undefined;
         testId?: string | undefined;
         style?: React.CSSProperties | undefined;
-        css?: React.CSSProperties | ((theme: Theme) => React.CSSProperties) | undefined;
         ref?: React.Ref<HTMLDivElement> | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -1202,7 +1196,7 @@ declare const MenuBar: React.FC<{
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -1283,18 +1277,18 @@ declare const MenuBar: 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;

package/dist/types/components/shell/StatusBar/StatusBar.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-import React from 'react';
-import { Theme } from '../../../theme/types.js';
 import { StatusBarSize, StatusBarVariant, StatusBarSectionSide } from './StatusBar.types.js';
+import React from 'react';
 declare const StatusBar: React.FC<{
     $size?: StatusBarSize | undefined;
@@ -10,7 +9,6 @@ declare const StatusBar: React.FC<{
     className?: string | undefined | undefined;
     testId?: string | undefined;
     style?: React.CSSProperties | undefined;
-    css?: React.CSSProperties | ((theme: Theme) => React.CSSProperties) | undefined;
     ref?: React.Ref<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -56,7 +54,7 @@ declare const StatusBar: React.FC<{
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
     popoverTarget?: string | undefined | undefined;
     inert?: boolean | undefined | undefined;
@@ -136,18 +134,18 @@ declare const StatusBar: 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;
@@ -296,7 +294,6 @@ declare const StatusBar: React.FC<{
         className?: string | undefined | undefined;
         testId?: string | undefined;
         style?: React.CSSProperties | undefined;
-        css?: React.CSSProperties | ((theme: Theme) => React.CSSProperties) | undefined;
         ref?: React.Ref<HTMLDivElement> | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -342,7 +339,7 @@ declare const StatusBar: React.FC<{
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
         popoverTarget?: string | undefined | undefined;
         inert?: boolean | undefined | undefined;
@@ -422,18 +419,18 @@ declare const StatusBar: 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;
@@ -582,7 +579,12 @@ declare const StatusBar: React.FC<{
         title?: string | undefined;
         badge?: number | boolean | undefined;
         disabled?: boolean | undefined;
-        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;
@@ -590,19 +592,16 @@ declare const StatusBar: 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;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
@@ -629,7 +628,6 @@ declare const StatusBar: 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;
@@ -709,18 +707,18 @@ declare const StatusBar: 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;
@@ -860,8 +858,6 @@ declare const StatusBar: 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;
     }>;
 };