@envive-ai/react-toolkit-v3 0.3.28 → 0.3.30

package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 
 //#region src/components/CSSVariablesEditor/CssVariablesEditorComponent.d.ts
 declare const CssVariablesEditorComponent: ({
   selectedMerchantName
 }: {
   selectedMerchantName: string;
-}) => react_jsx_runtime25.JSX.Element;
+}) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { CssVariablesEditorComponent };

package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 
 //#region src/components/CSSVariablesEditor/CssVariablesEditorComponent.d.ts
 declare const CssVariablesEditorComponent: ({
   selectedMerchantName
 }: {
   selectedMerchantName: string;
-}) => react_jsx_runtime35.JSX.Element;
+}) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { CssVariablesEditorComponent };

package/dist/Carousel/Carousel.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
-const require_resolveTheme = require('../utils/resolveTheme.cjs');
 const require_index = require('./components/index.cjs');
+const require_resolveTheme = require('../utils/resolveTheme.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Carousel/Carousel.tsx

package/dist/Carousel/Carousel.d.ts

@@ -1,5 +1,5 @@
 import { CarouselProps } from "./types/types.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
 //#region src/components/Carousel/Carousel.d.ts
 declare const Carousel: ({
@@ -12,6 +12,6 @@ declare const Carousel: ({
   badgeContent,
   theme,
   hideNavigation
-}: CarouselProps) => react_jsx_runtime14.JSX.Element;
+}: CarouselProps) => react_jsx_runtime34.JSX.Element;
 //#endregion
 export { Carousel };

package/dist/Carousel/Carousel.js

@@ -1,6 +1,6 @@
 import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
-import { resolveTheme } from "../utils/resolveTheme.js";
 import { CarouselComponents } from "./components/index.js";
+import { resolveTheme } from "../utils/resolveTheme.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Carousel/Carousel.tsx

package/dist/Carousel/components/Container.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Container = require('../../Container/Container.cjs');
-require('../../Container/index.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
+const require_Container = require('../../Container/Container.cjs');
+require('../../Container/index.cjs');
 const require_useCarouselItems = require('../hooks/useCarouselItems.cjs');
 const require_useCarouselNavigation = require('../hooks/useCarouselNavigation.cjs');
 const require_useCarouselNavigationButtons = require('../hooks/useCarouselNavigationButtons.cjs');

package/dist/Carousel/components/Container.js

@@ -1,7 +1,7 @@
-import { Container } from "../../Container/Container.js";
-import "../../Container/index.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
+import { Container } from "../../Container/Container.js";
+import "../../Container/index.js";
 import { useCarouselItems } from "../hooks/useCarouselItems.js";
 import { useCarouselNavigation } from "../hooks/useCarouselNavigation.js";
 import { useCarouselNavigationButtons } from "../hooks/useCarouselNavigationButtons.js";

package/dist/ChatFooter/ChatFooter.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
-require('../Tokens/index.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
+require('../Tokens/index.cjs');
 const require_useGetChatScrollProperties = require('./hooks/useGetChatScrollProperties.cjs');
 const require_index = require('./components/index.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/ChatFooter/ChatFooter.d.ts

@@ -1,5 +1,5 @@
 import { ChatFooterProps } from "./types/types.js";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/components/ChatFooter/ChatFooter.d.ts
 declare const ChatFooter: ({
@@ -24,6 +24,6 @@ declare const ChatFooter: ({
   voiceInputEnabled,
   onTranscriptionStarted,
   onTranscriptionCompleted
-}: ChatFooterProps) => react_jsx_runtime30.JSX.Element;
+}: ChatFooterProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { ChatFooter };

package/dist/ChatFooter/ChatFooter.js

@@ -1,6 +1,6 @@
 import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
-import "../Tokens/index.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
+import "../Tokens/index.js";
 import { useGetChatScrollProperties } from "./hooks/useGetChatScrollProperties.js";
 import { ChatFooterComponents } from "./components/index.js";
 import { jsx } from "react/jsx-runtime";

package/dist/ChatFooter/components/Layout.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Container = require('../../Container/Container.cjs');
-require('../../Container/index.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
+const require_Container = require('../../Container/Container.cjs');
+require('../../Container/index.cjs');
 const require_useGetContainerProperties = require('../hooks/useGetContainerProperties.cjs');
 const require_useGetChatScrollProperties = require('../hooks/useGetChatScrollProperties.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/ChatFooter/components/Layout.js

@@ -1,7 +1,7 @@
-import { Container } from "../../Container/Container.js";
-import "../../Container/index.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
+import { Container } from "../../Container/Container.js";
+import "../../Container/index.js";
 import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
 import { useGetChatScrollProperties } from "../hooks/useGetChatScrollProperties.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/ChatFooter/components/index.d.ts

@@ -1,8 +1,8 @@
 import { LayoutProps } from "./Layout.js";
 import { PromptSuggestionsProps } from "./PromptSuggestions.js";
 import { TextFieldProps } from "../../TextField/types/index.js";
-import * as react181 from "react";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react10 from "react";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/components/ChatFooter/components/index.d.ts
 declare const ChatFooterComponents: {
@@ -18,13 +18,13 @@ declare const ChatFooterComponents: {
     testId,
     className,
     style
-  }: LayoutProps) => react_jsx_runtime31.JSX.Element;
+  }: LayoutProps) => react_jsx_runtime23.JSX.Element;
   EnviveLogo: ({
     style
   }: {
     className?: string;
     style?: React.CSSProperties;
-  }) => react181.ReactElement<react181.SVGProps<SVGSVGElement>, string | react181.JSXElementConstructor<any>>;
+  }) => react10.ReactElement<react10.SVGProps<SVGSVGElement>, string | react10.JSXElementConstructor<any>>;
   PromptSuggestions: ({
     theme,
     suggestions,
@@ -33,7 +33,7 @@ declare const ChatFooterComponents: {
     style,
     disabled,
     parentWidget
-  }: PromptSuggestionsProps) => react_jsx_runtime31.JSX.Element;
+  }: PromptSuggestionsProps) => react_jsx_runtime23.JSX.Element;
   TextField: ({
     theme,
     placeholder,

package/dist/ChatHeader/ChatHeader.d.cts

@@ -1,5 +1,5 @@
 import { ChatHeaderProps } from "./types/index.cjs";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region src/components/ChatHeader/ChatHeader.d.ts
 declare const ChatHeader: ({
@@ -21,6 +21,6 @@ declare const ChatHeader: ({
   headerBgColor,
   onClose,
   onToggle
-}: ChatHeaderProps) => react_jsx_runtime28.JSX.Element;
+}: ChatHeaderProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { ChatHeader };

package/dist/ChatHeader/ChatHeader.d.ts

@@ -1,5 +1,5 @@
 import { ChatHeaderProps } from "./types/index.js";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 
 //#region src/components/ChatHeader/ChatHeader.d.ts
 declare const ChatHeader: ({
@@ -21,6 +21,6 @@ declare const ChatHeader: ({
   headerBgColor,
   onClose,
   onToggle
-}: ChatHeaderProps) => react_jsx_runtime29.JSX.Element;
+}: ChatHeaderProps) => react_jsx_runtime32.JSX.Element;
 //#endregion
 export { ChatHeader };

package/dist/ChatHeader/components/Handle.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Container = require('../../Container/Container.cjs');
-require('../../Container/index.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
+const require_Container = require('../../Container/Container.cjs');
+require('../../Container/index.cjs');
 const require_snapConstants = require('../../FloatingChat/snapConstants.cjs');
 const require_useGetHandleProperties = require('../hooks/useGetHandleProperties.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/ChatHeader/components/Handle.js

@@ -1,7 +1,7 @@
-import { Container } from "../../Container/Container.js";
-import "../../Container/index.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
+import { Container } from "../../Container/Container.js";
+import "../../Container/index.js";
 import { MAX_SWIPEABLE_VIEW_HEIGHT } from "../../FloatingChat/snapConstants.js";
 import { useGetHandleProperties } from "../hooks/useGetHandleProperties.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/ChatHeader/components/Toggle.cjs

@@ -1,10 +1,10 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
-const require_resolveTheme = require('../../utils/resolveTheme.cjs');
-const require_Container = require('../../Container/Container.cjs');
-require('../../Container/index.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
+const require_Container = require('../../Container/Container.cjs');
+require('../../Container/index.cjs');
+const require_resolveTheme = require('../../utils/resolveTheme.cjs');
 const require_index = require('../types/index.cjs');
 const require_useGetToggleProperties = require('../hooks/useGetToggleProperties.cjs');
 const require_ToggleItem = require('./ToggleItem.cjs');

package/dist/ChatHeader/components/Toggle.js

@@ -1,9 +1,9 @@
 import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
-import { resolveTheme } from "../../utils/resolveTheme.js";
-import { Container } from "../../Container/Container.js";
-import "../../Container/index.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
+import { Container } from "../../Container/Container.js";
+import "../../Container/index.js";
+import { resolveTheme } from "../../utils/resolveTheme.js";
 import { ChatHeaderOptions } from "../types/index.js";
 import { useGetToggleProperties } from "../hooks/useGetToggleProperties.js";
 import { ToggleItem } from "./ToggleItem.js";

package/dist/ChatPreview/ChatPreview.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
-require('../Tokens/index.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
+require('../Tokens/index.cjs');
 const require_PromptButton_types_index = require('../PromptButton/types/index.cjs');
 require('../PromptButton/index.cjs');
 const require_PromptCarousel_types_types = require('../PromptCarousel/types/types.cjs');

package/dist/ChatPreview/ChatPreview.d.ts

@@ -1,5 +1,5 @@
 import { ChatPreviewProps } from "./types/types.js";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/components/ChatPreview/ChatPreview.d.ts
 declare const ChatPreview: ({
@@ -7,6 +7,6 @@ declare const ChatPreview: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: ChatPreviewProps) => react_jsx_runtime33.JSX.Element;
+}: ChatPreviewProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { ChatPreview };

package/dist/ChatPreview/ChatPreview.js

@@ -1,6 +1,6 @@
 import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
-import "../Tokens/index.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
+import "../Tokens/index.js";
 import { PromptButtonVariant } from "../PromptButton/types/index.js";
 import "../PromptButton/index.js";
 import { PromptCarouselRows } from "../PromptCarousel/types/types.js";

package/dist/ChatPreviewComparison/ChatPreviewComparison.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
-require('../Tokens/index.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
+require('../Tokens/index.cjs');
 const require_PromptButton_types_index = require('../PromptButton/types/index.cjs');
 require('../PromptButton/index.cjs');
 const require_PromptCarousel_types_types = require('../PromptCarousel/types/types.cjs');

package/dist/ChatPreviewComparison/ChatPreviewComparison.d.cts

@@ -1,5 +1,5 @@
 import { ChatPreviewComparisonProps } from "./types/types.cjs";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewComparison/ChatPreviewComparison.d.ts
 declare const ChatPreviewComparison: ({
@@ -7,6 +7,6 @@ declare const ChatPreviewComparison: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: ChatPreviewComparisonProps) => react_jsx_runtime29.JSX.Element;
+}: ChatPreviewComparisonProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { ChatPreviewComparison };

package/dist/ChatPreviewComparison/ChatPreviewComparison.d.ts

@@ -1,5 +1,5 @@
 import { ChatPreviewComparisonProps } from "./types/types.js";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewComparison/ChatPreviewComparison.d.ts
 declare const ChatPreviewComparison: ({
@@ -7,6 +7,6 @@ declare const ChatPreviewComparison: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: ChatPreviewComparisonProps) => react_jsx_runtime34.JSX.Element;
+}: ChatPreviewComparisonProps) => react_jsx_runtime36.JSX.Element;
 //#endregion
 export { ChatPreviewComparison };

package/dist/ChatPreviewComparison/ChatPreviewComparison.js

@@ -1,6 +1,6 @@
 import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
-import "../Tokens/index.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
+import "../Tokens/index.js";
 import { PromptButtonVariant } from "../PromptButton/types/index.js";
 import "../PromptButton/index.js";
 import { PromptCarouselRows } from "../PromptCarousel/types/types.js";

package/dist/ChatPreviewComparison/components/Headline.cjs

@@ -1,10 +1,10 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
-require('../../Tokens/index.cjs');
-const require_resolveTheme = require('../../utils/resolveTheme.cjs');
 const require_index = require('../../Typography/types/index.cjs');
 const require_Typography = require('../../Typography/Typography.cjs');
 require('../../Typography/index.cjs');
+const require_resolveTheme = require('../../utils/resolveTheme.cjs');
+require('../../Tokens/index.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ChatPreviewComparison/components/Headline.tsx

package/dist/ChatPreviewComparison/components/Headline.js

@@ -1,9 +1,9 @@
 import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
-import "../../Tokens/index.js";
-import { resolveTheme } from "../../utils/resolveTheme.js";
 import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
 import { Typography } from "../../Typography/Typography.js";
 import "../../Typography/index.js";
+import { resolveTheme } from "../../utils/resolveTheme.js";
+import "../../Tokens/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewComparison/components/Headline.tsx

package/dist/ChatPreviewComparison/components/Layout.cjs

@@ -3,12 +3,12 @@ const require_utils = require('../../DesignTokens/components/utils.cjs');
 const require_aspectRatio = require('../../packages/components-v3/tokens/aspectRatio/aspectRatio.cjs');
 const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_breakpoints = require('../../packages/components-v3/tokens/breakpoints/breakpoints.cjs');
-require('../../Tokens/index.cjs');
-const require_resolveTheme = require('../../utils/resolveTheme.cjs');
-const require_Container = require('../../Container/Container.cjs');
-require('../../Container/index.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
+const require_Container = require('../../Container/Container.cjs');
+require('../../Container/index.cjs');
+const require_resolveTheme = require('../../utils/resolveTheme.cjs');
+require('../../Tokens/index.cjs');
 const require_utils_useCheckIsMobile = require('../../utils/useCheckIsMobile.cjs');
 const require_useGetContentSize = require('../../utils/useGetContentSize.cjs');
 const require_types = require('../../ImageGallery/types/types.cjs');

package/dist/ChatPreviewComparison/components/Layout.js

@@ -2,12 +2,12 @@ import { getCSSVariable } from "../../DesignTokens/components/utils.js";
 import { AspectRatioCSSVar } from "../../packages/components-v3/tokens/aspectRatio/aspectRatio.js";
 import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { screensBreakpointsVariables } from "../../packages/components-v3/tokens/breakpoints/breakpoints.js";
-import "../../Tokens/index.js";
-import { resolveTheme } from "../../utils/resolveTheme.js";
-import { Container } from "../../Container/Container.js";
-import "../../Container/index.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
+import { Container } from "../../Container/Container.js";
+import "../../Container/index.js";
+import { resolveTheme } from "../../utils/resolveTheme.js";
+import "../../Tokens/index.js";
 import { useCheckIsMobile } from "../../utils/useCheckIsMobile.js";
 import { useGetContentSize } from "../../utils/useGetContentSize.js";
 import { ImageGalleryLayout } from "../../ImageGallery/types/types.js";

package/dist/ChatPreviewComparison/components/Message.cjs

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
-require('../../Tokens/index.cjs');
-const require_resolveTheme = require('../../utils/resolveTheme.cjs');
 const require_index = require('../../Typography/types/index.cjs');
 require('../../Typography/index.cjs');
+const require_resolveTheme = require('../../utils/resolveTheme.cjs');
+require('../../Tokens/index.cjs');
 const require_utils_useCheckIsMobile = require('../../utils/useCheckIsMobile.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/ChatPreviewComparison/components/Message.js

@@ -1,8 +1,8 @@
 import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
-import "../../Tokens/index.js";
-import { resolveTheme } from "../../utils/resolveTheme.js";
 import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
 import "../../Typography/index.js";
+import { resolveTheme } from "../../utils/resolveTheme.js";
+import "../../Tokens/index.js";
 import { useCheckIsMobile } from "../../utils/useCheckIsMobile.js";
 import { Suspense, lazy } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/ChatPreviewLoading/ChatPreviewLoading.d.ts

@@ -1,5 +1,5 @@
 import { ChatPreviewLoadingProps } from "./types/types.js";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewLoading/ChatPreviewLoading.d.ts
 declare const ChatPreviewLoading: ({
@@ -16,6 +16,6 @@ declare const ChatPreviewLoading: ({
   logoSrc,
   titleLabel,
   voiceInputEnabled
-}: ChatPreviewLoadingProps) => react_jsx_runtime22.JSX.Element;
+}: ChatPreviewLoadingProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { ChatPreviewLoading };

package/dist/Container/Container.d.cts

@@ -18,20 +18,58 @@ declare const Container: ({
   centerContent,
   ...props
 }: ContainerProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "component">) => react10.DetailedReactHTMLElement<{
-  onClick?: react10.MouseEventHandler<HTMLElement>;
-  onFocus?: react10.FocusEventHandler<HTMLElement>;
-  onMouseDown?: react10.MouseEventHandler<HTMLElement>;
-  onMouseUp?: react10.MouseEventHandler<HTMLElement>;
-  onTouchStart?: react10.TouchEventHandler<HTMLElement>;
-  onTouchEnd?: react10.TouchEventHandler<HTMLElement>;
-  onToggle?: react10.ToggleEventHandler<HTMLElement>;
-  slot?: string | undefined;
-  title?: string | undefined;
+  defaultChecked?: boolean | undefined;
+  defaultValue?: string | number | readonly string[] | undefined;
+  suppressContentEditableWarning?: boolean | undefined;
   suppressHydrationWarning?: boolean | undefined;
-  color?: string | undefined;
+  accessKey?: string | undefined;
+  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+  autoFocus?: boolean | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contextMenu?: string | undefined;
+  dir?: string | undefined;
+  draggable?: (boolean | "true" | "false") | undefined;
+  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+  hidden?: boolean | undefined;
   lang?: string | undefined;
-  role?: react10.AriaRole | undefined;
+  nonce?: string | undefined;
+  slot?: string | undefined;
+  spellCheck?: (boolean | "true" | "false") | undefined;
   tabIndex?: number | undefined;
+  title?: string | undefined;
+  translate?: "yes" | "no" | undefined;
+  radioGroup?: string | undefined;
+  role?: react10.AriaRole | undefined;
+  about?: string | undefined;
+  content?: string | undefined;
+  datatype?: string | undefined;
+  inlist?: any;
+  prefix?: string | undefined;
+  property?: string | undefined;
+  rel?: string | undefined;
+  resource?: string | undefined;
+  rev?: string | undefined;
+  typeof?: string | undefined;
+  vocab?: string | undefined;
+  autoCorrect?: string | undefined;
+  autoSave?: string | undefined;
+  color?: string | undefined;
+  itemProp?: string | undefined;
+  itemScope?: boolean | undefined;
+  itemType?: string | undefined;
+  itemID?: string | undefined;
+  itemRef?: string | undefined;
+  results?: number | undefined;
+  security?: string | undefined;
+  unselectable?: "on" | "off" | undefined;
+  popover?: "" | "auto" | "manual" | "hint" | undefined;
+  popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+  popoverTarget?: string | undefined;
+  inert?: boolean | undefined;
+  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+  is?: string | undefined;
+  exportparts?: string | undefined;
+  part?: string | undefined;
   "aria-activedescendant"?: string | undefined;
   "aria-atomic"?: (boolean | "true" | "false") | undefined;
   "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -100,6 +138,7 @@ declare const Container: ({
   onCompositionStartCapture?: react10.CompositionEventHandler<HTMLElement>;
   onCompositionUpdate?: react10.CompositionEventHandler<HTMLElement>;
   onCompositionUpdateCapture?: react10.CompositionEventHandler<HTMLElement>;
+  onFocus?: react10.FocusEventHandler<HTMLElement>;
   onFocusCapture?: react10.FocusEventHandler<HTMLElement>;
   onBlur?: react10.FocusEventHandler<HTMLElement>;
   onBlurCapture?: react10.FocusEventHandler<HTMLElement>;
@@ -171,6 +210,7 @@ declare const Container: ({
   onWaitingCapture?: react10.ReactEventHandler<HTMLElement>;
   onAuxClick?: react10.MouseEventHandler<HTMLElement>;
   onAuxClickCapture?: react10.MouseEventHandler<HTMLElement>;
+  onClick?: react10.MouseEventHandler<HTMLElement>;
   onClickCapture?: react10.MouseEventHandler<HTMLElement>;
   onContextMenu?: react10.MouseEventHandler<HTMLElement>;
   onContextMenuCapture?: react10.MouseEventHandler<HTMLElement>;
@@ -192,6 +232,7 @@ declare const Container: ({
   onDragStartCapture?: react10.DragEventHandler<HTMLElement>;
   onDrop?: react10.DragEventHandler<HTMLElement>;
   onDropCapture?: react10.DragEventHandler<HTMLElement>;
+  onMouseDown?: react10.MouseEventHandler<HTMLElement>;
   onMouseDownCapture?: react10.MouseEventHandler<HTMLElement>;
   onMouseEnter?: react10.MouseEventHandler<HTMLElement>;
   onMouseLeave?: react10.MouseEventHandler<HTMLElement>;
@@ -201,14 +242,17 @@ declare const Container: ({
   onMouseOutCapture?: react10.MouseEventHandler<HTMLElement>;
   onMouseOver?: react10.MouseEventHandler<HTMLElement>;
   onMouseOverCapture?: react10.MouseEventHandler<HTMLElement>;
+  onMouseUp?: react10.MouseEventHandler<HTMLElement>;
   onMouseUpCapture?: react10.MouseEventHandler<HTMLElement>;
   onSelect?: react10.ReactEventHandler<HTMLElement>;
   onSelectCapture?: react10.ReactEventHandler<HTMLElement>;
   onTouchCancel?: react10.TouchEventHandler<HTMLElement>;
   onTouchCancelCapture?: react10.TouchEventHandler<HTMLElement>;
+  onTouchEnd?: react10.TouchEventHandler<HTMLElement>;
   onTouchEndCapture?: react10.TouchEventHandler<HTMLElement>;
   onTouchMove?: react10.TouchEventHandler<HTMLElement>;
   onTouchMoveCapture?: react10.TouchEventHandler<HTMLElement>;
+  onTouchStart?: react10.TouchEventHandler<HTMLElement>;
   onTouchStartCapture?: react10.TouchEventHandler<HTMLElement>;
   onPointerDown?: react10.PointerEventHandler<HTMLElement>;
   onPointerDownCapture?: react10.PointerEventHandler<HTMLElement>;
@@ -240,6 +284,7 @@ declare const Container: ({
   onAnimationEndCapture?: react10.AnimationEventHandler<HTMLElement>;
   onAnimationIteration?: react10.AnimationEventHandler<HTMLElement>;
   onAnimationIterationCapture?: react10.AnimationEventHandler<HTMLElement>;
+  onToggle?: react10.ToggleEventHandler<HTMLElement>;
   onBeforeToggle?: react10.ToggleEventHandler<HTMLElement>;
   onTransitionCancel?: react10.TransitionEventHandler<HTMLElement>;
   onTransitionCancelCapture?: react10.TransitionEventHandler<HTMLElement>;
@@ -249,51 +294,6 @@ declare const Container: ({
   onTransitionRunCapture?: react10.TransitionEventHandler<HTMLElement>;
   onTransitionStart?: react10.TransitionEventHandler<HTMLElement>;
   onTransitionStartCapture?: react10.TransitionEventHandler<HTMLElement>;
-  defaultChecked?: boolean | undefined;
-  defaultValue?: string | number | readonly string[] | undefined;
-  suppressContentEditableWarning?: boolean | undefined;
-  accessKey?: string | undefined;
-  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
-  autoFocus?: boolean | undefined;
-  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-  contextMenu?: string | undefined;
-  dir?: string | undefined;
-  draggable?: (boolean | "true" | "false") | undefined;
-  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-  hidden?: boolean | undefined;
-  nonce?: string | undefined;
-  spellCheck?: (boolean | "true" | "false") | undefined;
-  translate?: "yes" | "no" | undefined;
-  radioGroup?: string | undefined;
-  about?: string | undefined;
-  content?: string | undefined;
-  datatype?: string | undefined;
-  inlist?: any;
-  prefix?: string | undefined;
-  property?: string | undefined;
-  rel?: string | undefined;
-  resource?: string | undefined;
-  rev?: string | undefined;
-  typeof?: string | undefined;
-  vocab?: string | undefined;
-  autoCorrect?: string | undefined;
-  autoSave?: string | undefined;
-  itemProp?: string | undefined;
-  itemScope?: boolean | undefined;
-  itemType?: string | undefined;
-  itemID?: string | undefined;
-  itemRef?: string | undefined;
-  results?: number | undefined;
-  security?: string | undefined;
-  unselectable?: "on" | "off" | undefined;
-  popover?: "" | "auto" | "manual" | "hint" | undefined;
-  popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-  popoverTarget?: string | undefined;
-  inert?: boolean | undefined;
-  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-  is?: string | undefined;
-  exportparts?: string | undefined;
-  part?: string | undefined;
   className: string;
   style: react10.CSSProperties;
   id: string;