@envive-ai/react-toolkit-v3 0.3.19 → 0.3.21

package/dist/Container/Container.d.ts

@@ -1,5 +1,5 @@
 import { ContainerProps } from "./types/index.js";
-import * as react13 from "react";
+import * as react2 from "react";
 
 //#region src/components/Container/Container.d.ts
 
@@ -17,19 +17,10 @@ declare const Container: ({
   fluid,
   centerContent,
   ...props
-}: ContainerProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "component">) => react13.DetailedReactHTMLElement<{
-  onClick?: react13.MouseEventHandler<HTMLElement>;
-  onFocus?: react13.FocusEventHandler<HTMLElement>;
-  onMouseDown?: react13.MouseEventHandler<HTMLElement>;
-  onMouseUp?: react13.MouseEventHandler<HTMLElement>;
-  onTouchStart?: react13.TouchEventHandler<HTMLElement>;
-  onTouchEnd?: react13.TouchEventHandler<HTMLElement>;
-  content?: string | undefined;
-  color?: string | undefined;
-  onChange?: react13.FormEventHandler<HTMLElement>;
-  onSubmit?: react13.FormEventHandler<HTMLElement>;
-  slot?: string | undefined;
+}: ContainerProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "component">) => react2.DetailedReactHTMLElement<{
   title?: string | undefined;
+  onClick?: react2.MouseEventHandler<HTMLElement>;
+  content?: string | undefined;
   defaultChecked?: boolean | undefined;
   defaultValue?: string | number | readonly string[] | undefined;
   suppressContentEditableWarning?: boolean | undefined;
@@ -45,11 +36,12 @@ declare const Container: ({
   hidden?: boolean | undefined;
   lang?: string | undefined;
   nonce?: string | undefined;
+  slot?: string | undefined;
   spellCheck?: (boolean | "true" | "false") | undefined;
   tabIndex?: number | undefined;
   translate?: "yes" | "no" | undefined;
   radioGroup?: string | undefined;
-  role?: react13.AriaRole | undefined;
+  role?: react2.AriaRole | undefined;
   about?: string | undefined;
   datatype?: string | undefined;
   inlist?: any;
@@ -62,6 +54,7 @@ declare const Container: ({
   vocab?: string | undefined;
   autoCorrect?: string | undefined;
   autoSave?: string | undefined;
+  color?: string | undefined;
   itemProp?: string | undefined;
   itemScope?: boolean | undefined;
   itemType?: string | undefined;
@@ -134,168 +127,175 @@ declare const Container: ({
   dangerouslySetInnerHTML?: {
     __html: string | TrustedHTML;
   } | undefined;
-  onCopy?: react13.ClipboardEventHandler<HTMLElement>;
-  onCopyCapture?: react13.ClipboardEventHandler<HTMLElement>;
-  onCut?: react13.ClipboardEventHandler<HTMLElement>;
-  onCutCapture?: react13.ClipboardEventHandler<HTMLElement>;
-  onPaste?: react13.ClipboardEventHandler<HTMLElement>;
-  onPasteCapture?: react13.ClipboardEventHandler<HTMLElement>;
-  onCompositionEnd?: react13.CompositionEventHandler<HTMLElement>;
-  onCompositionEndCapture?: react13.CompositionEventHandler<HTMLElement>;
-  onCompositionStart?: react13.CompositionEventHandler<HTMLElement>;
-  onCompositionStartCapture?: react13.CompositionEventHandler<HTMLElement>;
-  onCompositionUpdate?: react13.CompositionEventHandler<HTMLElement>;
-  onCompositionUpdateCapture?: react13.CompositionEventHandler<HTMLElement>;
-  onFocusCapture?: react13.FocusEventHandler<HTMLElement>;
-  onBlur?: react13.FocusEventHandler<HTMLElement>;
-  onBlurCapture?: react13.FocusEventHandler<HTMLElement>;
-  onChangeCapture?: react13.FormEventHandler<HTMLElement>;
-  onBeforeInput?: react13.InputEventHandler<HTMLElement>;
-  onBeforeInputCapture?: react13.FormEventHandler<HTMLElement>;
-  onInput?: react13.FormEventHandler<HTMLElement>;
-  onInputCapture?: react13.FormEventHandler<HTMLElement>;
-  onReset?: react13.FormEventHandler<HTMLElement>;
-  onResetCapture?: react13.FormEventHandler<HTMLElement>;
-  onSubmitCapture?: react13.FormEventHandler<HTMLElement>;
-  onInvalid?: react13.FormEventHandler<HTMLElement>;
-  onInvalidCapture?: react13.FormEventHandler<HTMLElement>;
-  onLoad?: react13.ReactEventHandler<HTMLElement>;
-  onLoadCapture?: react13.ReactEventHandler<HTMLElement>;
-  onError?: react13.ReactEventHandler<HTMLElement>;
-  onErrorCapture?: react13.ReactEventHandler<HTMLElement>;
-  onKeyDown?: react13.KeyboardEventHandler<HTMLElement>;
-  onKeyDownCapture?: react13.KeyboardEventHandler<HTMLElement>;
-  onKeyPress?: react13.KeyboardEventHandler<HTMLElement>;
-  onKeyPressCapture?: react13.KeyboardEventHandler<HTMLElement>;
-  onKeyUp?: react13.KeyboardEventHandler<HTMLElement>;
-  onKeyUpCapture?: react13.KeyboardEventHandler<HTMLElement>;
-  onAbort?: react13.ReactEventHandler<HTMLElement>;
-  onAbortCapture?: react13.ReactEventHandler<HTMLElement>;
-  onCanPlay?: react13.ReactEventHandler<HTMLElement>;
-  onCanPlayCapture?: react13.ReactEventHandler<HTMLElement>;
-  onCanPlayThrough?: react13.ReactEventHandler<HTMLElement>;
-  onCanPlayThroughCapture?: react13.ReactEventHandler<HTMLElement>;
-  onDurationChange?: react13.ReactEventHandler<HTMLElement>;
-  onDurationChangeCapture?: react13.ReactEventHandler<HTMLElement>;
-  onEmptied?: react13.ReactEventHandler<HTMLElement>;
-  onEmptiedCapture?: react13.ReactEventHandler<HTMLElement>;
-  onEncrypted?: react13.ReactEventHandler<HTMLElement>;
-  onEncryptedCapture?: react13.ReactEventHandler<HTMLElement>;
-  onEnded?: react13.ReactEventHandler<HTMLElement>;
-  onEndedCapture?: react13.ReactEventHandler<HTMLElement>;
-  onLoadedData?: react13.ReactEventHandler<HTMLElement>;
-  onLoadedDataCapture?: react13.ReactEventHandler<HTMLElement>;
-  onLoadedMetadata?: react13.ReactEventHandler<HTMLElement>;
-  onLoadedMetadataCapture?: react13.ReactEventHandler<HTMLElement>;
-  onLoadStart?: react13.ReactEventHandler<HTMLElement>;
-  onLoadStartCapture?: react13.ReactEventHandler<HTMLElement>;
-  onPause?: react13.ReactEventHandler<HTMLElement>;
-  onPauseCapture?: react13.ReactEventHandler<HTMLElement>;
-  onPlay?: react13.ReactEventHandler<HTMLElement>;
-  onPlayCapture?: react13.ReactEventHandler<HTMLElement>;
-  onPlaying?: react13.ReactEventHandler<HTMLElement>;
-  onPlayingCapture?: react13.ReactEventHandler<HTMLElement>;
-  onProgress?: react13.ReactEventHandler<HTMLElement>;
-  onProgressCapture?: react13.ReactEventHandler<HTMLElement>;
-  onRateChange?: react13.ReactEventHandler<HTMLElement>;
-  onRateChangeCapture?: react13.ReactEventHandler<HTMLElement>;
-  onSeeked?: react13.ReactEventHandler<HTMLElement>;
-  onSeekedCapture?: react13.ReactEventHandler<HTMLElement>;
-  onSeeking?: react13.ReactEventHandler<HTMLElement>;
-  onSeekingCapture?: react13.ReactEventHandler<HTMLElement>;
-  onStalled?: react13.ReactEventHandler<HTMLElement>;
-  onStalledCapture?: react13.ReactEventHandler<HTMLElement>;
-  onSuspend?: react13.ReactEventHandler<HTMLElement>;
-  onSuspendCapture?: react13.ReactEventHandler<HTMLElement>;
-  onTimeUpdate?: react13.ReactEventHandler<HTMLElement>;
-  onTimeUpdateCapture?: react13.ReactEventHandler<HTMLElement>;
-  onVolumeChange?: react13.ReactEventHandler<HTMLElement>;
-  onVolumeChangeCapture?: react13.ReactEventHandler<HTMLElement>;
-  onWaiting?: react13.ReactEventHandler<HTMLElement>;
-  onWaitingCapture?: react13.ReactEventHandler<HTMLElement>;
-  onAuxClick?: react13.MouseEventHandler<HTMLElement>;
-  onAuxClickCapture?: react13.MouseEventHandler<HTMLElement>;
-  onClickCapture?: react13.MouseEventHandler<HTMLElement>;
-  onContextMenu?: react13.MouseEventHandler<HTMLElement>;
-  onContextMenuCapture?: react13.MouseEventHandler<HTMLElement>;
-  onDoubleClick?: react13.MouseEventHandler<HTMLElement>;
-  onDoubleClickCapture?: react13.MouseEventHandler<HTMLElement>;
-  onDrag?: react13.DragEventHandler<HTMLElement>;
-  onDragCapture?: react13.DragEventHandler<HTMLElement>;
-  onDragEnd?: react13.DragEventHandler<HTMLElement>;
-  onDragEndCapture?: react13.DragEventHandler<HTMLElement>;
-  onDragEnter?: react13.DragEventHandler<HTMLElement>;
-  onDragEnterCapture?: react13.DragEventHandler<HTMLElement>;
-  onDragExit?: react13.DragEventHandler<HTMLElement>;
-  onDragExitCapture?: react13.DragEventHandler<HTMLElement>;
-  onDragLeave?: react13.DragEventHandler<HTMLElement>;
-  onDragLeaveCapture?: react13.DragEventHandler<HTMLElement>;
-  onDragOver?: react13.DragEventHandler<HTMLElement>;
-  onDragOverCapture?: react13.DragEventHandler<HTMLElement>;
-  onDragStart?: react13.DragEventHandler<HTMLElement>;
-  onDragStartCapture?: react13.DragEventHandler<HTMLElement>;
-  onDrop?: react13.DragEventHandler<HTMLElement>;
-  onDropCapture?: react13.DragEventHandler<HTMLElement>;
-  onMouseDownCapture?: react13.MouseEventHandler<HTMLElement>;
-  onMouseEnter?: react13.MouseEventHandler<HTMLElement>;
-  onMouseLeave?: react13.MouseEventHandler<HTMLElement>;
-  onMouseMove?: react13.MouseEventHandler<HTMLElement>;
-  onMouseMoveCapture?: react13.MouseEventHandler<HTMLElement>;
-  onMouseOut?: react13.MouseEventHandler<HTMLElement>;
-  onMouseOutCapture?: react13.MouseEventHandler<HTMLElement>;
-  onMouseOver?: react13.MouseEventHandler<HTMLElement>;
-  onMouseOverCapture?: react13.MouseEventHandler<HTMLElement>;
-  onMouseUpCapture?: react13.MouseEventHandler<HTMLElement>;
-  onSelect?: react13.ReactEventHandler<HTMLElement>;
-  onSelectCapture?: react13.ReactEventHandler<HTMLElement>;
-  onTouchCancel?: react13.TouchEventHandler<HTMLElement>;
-  onTouchCancelCapture?: react13.TouchEventHandler<HTMLElement>;
-  onTouchEndCapture?: react13.TouchEventHandler<HTMLElement>;
-  onTouchMove?: react13.TouchEventHandler<HTMLElement>;
-  onTouchMoveCapture?: react13.TouchEventHandler<HTMLElement>;
-  onTouchStartCapture?: react13.TouchEventHandler<HTMLElement>;
-  onPointerDown?: react13.PointerEventHandler<HTMLElement>;
-  onPointerDownCapture?: react13.PointerEventHandler<HTMLElement>;
-  onPointerMove?: react13.PointerEventHandler<HTMLElement>;
-  onPointerMoveCapture?: react13.PointerEventHandler<HTMLElement>;
-  onPointerUp?: react13.PointerEventHandler<HTMLElement>;
-  onPointerUpCapture?: react13.PointerEventHandler<HTMLElement>;
-  onPointerCancel?: react13.PointerEventHandler<HTMLElement>;
-  onPointerCancelCapture?: react13.PointerEventHandler<HTMLElement>;
-  onPointerEnter?: react13.PointerEventHandler<HTMLElement>;
-  onPointerLeave?: react13.PointerEventHandler<HTMLElement>;
-  onPointerOver?: react13.PointerEventHandler<HTMLElement>;
-  onPointerOverCapture?: react13.PointerEventHandler<HTMLElement>;
-  onPointerOut?: react13.PointerEventHandler<HTMLElement>;
-  onPointerOutCapture?: react13.PointerEventHandler<HTMLElement>;
-  onGotPointerCapture?: react13.PointerEventHandler<HTMLElement>;
-  onGotPointerCaptureCapture?: react13.PointerEventHandler<HTMLElement>;
-  onLostPointerCapture?: react13.PointerEventHandler<HTMLElement>;
-  onLostPointerCaptureCapture?: react13.PointerEventHandler<HTMLElement>;
-  onScroll?: react13.UIEventHandler<HTMLElement>;
-  onScrollCapture?: react13.UIEventHandler<HTMLElement>;
-  onScrollEnd?: react13.UIEventHandler<HTMLElement>;
-  onScrollEndCapture?: react13.UIEventHandler<HTMLElement>;
-  onWheel?: react13.WheelEventHandler<HTMLElement>;
-  onWheelCapture?: react13.WheelEventHandler<HTMLElement>;
-  onAnimationStart?: react13.AnimationEventHandler<HTMLElement>;
-  onAnimationStartCapture?: react13.AnimationEventHandler<HTMLElement>;
-  onAnimationEnd?: react13.AnimationEventHandler<HTMLElement>;
-  onAnimationEndCapture?: react13.AnimationEventHandler<HTMLElement>;
-  onAnimationIteration?: react13.AnimationEventHandler<HTMLElement>;
-  onAnimationIterationCapture?: react13.AnimationEventHandler<HTMLElement>;
-  onToggle?: react13.ToggleEventHandler<HTMLElement>;
-  onBeforeToggle?: react13.ToggleEventHandler<HTMLElement>;
-  onTransitionCancel?: react13.TransitionEventHandler<HTMLElement>;
-  onTransitionCancelCapture?: react13.TransitionEventHandler<HTMLElement>;
-  onTransitionEnd?: react13.TransitionEventHandler<HTMLElement>;
-  onTransitionEndCapture?: react13.TransitionEventHandler<HTMLElement>;
-  onTransitionRun?: react13.TransitionEventHandler<HTMLElement>;
-  onTransitionRunCapture?: react13.TransitionEventHandler<HTMLElement>;
-  onTransitionStart?: react13.TransitionEventHandler<HTMLElement>;
-  onTransitionStartCapture?: react13.TransitionEventHandler<HTMLElement>;
+  onCopy?: react2.ClipboardEventHandler<HTMLElement>;
+  onCopyCapture?: react2.ClipboardEventHandler<HTMLElement>;
+  onCut?: react2.ClipboardEventHandler<HTMLElement>;
+  onCutCapture?: react2.ClipboardEventHandler<HTMLElement>;
+  onPaste?: react2.ClipboardEventHandler<HTMLElement>;
+  onPasteCapture?: react2.ClipboardEventHandler<HTMLElement>;
+  onCompositionEnd?: react2.CompositionEventHandler<HTMLElement>;
+  onCompositionEndCapture?: react2.CompositionEventHandler<HTMLElement>;
+  onCompositionStart?: react2.CompositionEventHandler<HTMLElement>;
+  onCompositionStartCapture?: react2.CompositionEventHandler<HTMLElement>;
+  onCompositionUpdate?: react2.CompositionEventHandler<HTMLElement>;
+  onCompositionUpdateCapture?: react2.CompositionEventHandler<HTMLElement>;
+  onFocus?: react2.FocusEventHandler<HTMLElement>;
+  onFocusCapture?: react2.FocusEventHandler<HTMLElement>;
+  onBlur?: react2.FocusEventHandler<HTMLElement>;
+  onBlurCapture?: react2.FocusEventHandler<HTMLElement>;
+  onChange?: react2.FormEventHandler<HTMLElement>;
+  onChangeCapture?: react2.FormEventHandler<HTMLElement>;
+  onBeforeInput?: react2.InputEventHandler<HTMLElement>;
+  onBeforeInputCapture?: react2.FormEventHandler<HTMLElement>;
+  onInput?: react2.FormEventHandler<HTMLElement>;
+  onInputCapture?: react2.FormEventHandler<HTMLElement>;
+  onReset?: react2.FormEventHandler<HTMLElement>;
+  onResetCapture?: react2.FormEventHandler<HTMLElement>;
+  onSubmit?: react2.FormEventHandler<HTMLElement>;
+  onSubmitCapture?: react2.FormEventHandler<HTMLElement>;
+  onInvalid?: react2.FormEventHandler<HTMLElement>;
+  onInvalidCapture?: react2.FormEventHandler<HTMLElement>;
+  onLoad?: react2.ReactEventHandler<HTMLElement>;
+  onLoadCapture?: react2.ReactEventHandler<HTMLElement>;
+  onError?: react2.ReactEventHandler<HTMLElement>;
+  onErrorCapture?: react2.ReactEventHandler<HTMLElement>;
+  onKeyDown?: react2.KeyboardEventHandler<HTMLElement>;
+  onKeyDownCapture?: react2.KeyboardEventHandler<HTMLElement>;
+  onKeyPress?: react2.KeyboardEventHandler<HTMLElement>;
+  onKeyPressCapture?: react2.KeyboardEventHandler<HTMLElement>;
+  onKeyUp?: react2.KeyboardEventHandler<HTMLElement>;
+  onKeyUpCapture?: react2.KeyboardEventHandler<HTMLElement>;
+  onAbort?: react2.ReactEventHandler<HTMLElement>;
+  onAbortCapture?: react2.ReactEventHandler<HTMLElement>;
+  onCanPlay?: react2.ReactEventHandler<HTMLElement>;
+  onCanPlayCapture?: react2.ReactEventHandler<HTMLElement>;
+  onCanPlayThrough?: react2.ReactEventHandler<HTMLElement>;
+  onCanPlayThroughCapture?: react2.ReactEventHandler<HTMLElement>;
+  onDurationChange?: react2.ReactEventHandler<HTMLElement>;
+  onDurationChangeCapture?: react2.ReactEventHandler<HTMLElement>;
+  onEmptied?: react2.ReactEventHandler<HTMLElement>;
+  onEmptiedCapture?: react2.ReactEventHandler<HTMLElement>;
+  onEncrypted?: react2.ReactEventHandler<HTMLElement>;
+  onEncryptedCapture?: react2.ReactEventHandler<HTMLElement>;
+  onEnded?: react2.ReactEventHandler<HTMLElement>;
+  onEndedCapture?: react2.ReactEventHandler<HTMLElement>;
+  onLoadedData?: react2.ReactEventHandler<HTMLElement>;
+  onLoadedDataCapture?: react2.ReactEventHandler<HTMLElement>;
+  onLoadedMetadata?: react2.ReactEventHandler<HTMLElement>;
+  onLoadedMetadataCapture?: react2.ReactEventHandler<HTMLElement>;
+  onLoadStart?: react2.ReactEventHandler<HTMLElement>;
+  onLoadStartCapture?: react2.ReactEventHandler<HTMLElement>;
+  onPause?: react2.ReactEventHandler<HTMLElement>;
+  onPauseCapture?: react2.ReactEventHandler<HTMLElement>;
+  onPlay?: react2.ReactEventHandler<HTMLElement>;
+  onPlayCapture?: react2.ReactEventHandler<HTMLElement>;
+  onPlaying?: react2.ReactEventHandler<HTMLElement>;
+  onPlayingCapture?: react2.ReactEventHandler<HTMLElement>;
+  onProgress?: react2.ReactEventHandler<HTMLElement>;
+  onProgressCapture?: react2.ReactEventHandler<HTMLElement>;
+  onRateChange?: react2.ReactEventHandler<HTMLElement>;
+  onRateChangeCapture?: react2.ReactEventHandler<HTMLElement>;
+  onSeeked?: react2.ReactEventHandler<HTMLElement>;
+  onSeekedCapture?: react2.ReactEventHandler<HTMLElement>;
+  onSeeking?: react2.ReactEventHandler<HTMLElement>;
+  onSeekingCapture?: react2.ReactEventHandler<HTMLElement>;
+  onStalled?: react2.ReactEventHandler<HTMLElement>;
+  onStalledCapture?: react2.ReactEventHandler<HTMLElement>;
+  onSuspend?: react2.ReactEventHandler<HTMLElement>;
+  onSuspendCapture?: react2.ReactEventHandler<HTMLElement>;
+  onTimeUpdate?: react2.ReactEventHandler<HTMLElement>;
+  onTimeUpdateCapture?: react2.ReactEventHandler<HTMLElement>;
+  onVolumeChange?: react2.ReactEventHandler<HTMLElement>;
+  onVolumeChangeCapture?: react2.ReactEventHandler<HTMLElement>;
+  onWaiting?: react2.ReactEventHandler<HTMLElement>;
+  onWaitingCapture?: react2.ReactEventHandler<HTMLElement>;
+  onAuxClick?: react2.MouseEventHandler<HTMLElement>;
+  onAuxClickCapture?: react2.MouseEventHandler<HTMLElement>;
+  onClickCapture?: react2.MouseEventHandler<HTMLElement>;
+  onContextMenu?: react2.MouseEventHandler<HTMLElement>;
+  onContextMenuCapture?: react2.MouseEventHandler<HTMLElement>;
+  onDoubleClick?: react2.MouseEventHandler<HTMLElement>;
+  onDoubleClickCapture?: react2.MouseEventHandler<HTMLElement>;
+  onDrag?: react2.DragEventHandler<HTMLElement>;
+  onDragCapture?: react2.DragEventHandler<HTMLElement>;
+  onDragEnd?: react2.DragEventHandler<HTMLElement>;
+  onDragEndCapture?: react2.DragEventHandler<HTMLElement>;
+  onDragEnter?: react2.DragEventHandler<HTMLElement>;
+  onDragEnterCapture?: react2.DragEventHandler<HTMLElement>;
+  onDragExit?: react2.DragEventHandler<HTMLElement>;
+  onDragExitCapture?: react2.DragEventHandler<HTMLElement>;
+  onDragLeave?: react2.DragEventHandler<HTMLElement>;
+  onDragLeaveCapture?: react2.DragEventHandler<HTMLElement>;
+  onDragOver?: react2.DragEventHandler<HTMLElement>;
+  onDragOverCapture?: react2.DragEventHandler<HTMLElement>;
+  onDragStart?: react2.DragEventHandler<HTMLElement>;
+  onDragStartCapture?: react2.DragEventHandler<HTMLElement>;
+  onDrop?: react2.DragEventHandler<HTMLElement>;
+  onDropCapture?: react2.DragEventHandler<HTMLElement>;
+  onMouseDown?: react2.MouseEventHandler<HTMLElement>;
+  onMouseDownCapture?: react2.MouseEventHandler<HTMLElement>;
+  onMouseEnter?: react2.MouseEventHandler<HTMLElement>;
+  onMouseLeave?: react2.MouseEventHandler<HTMLElement>;
+  onMouseMove?: react2.MouseEventHandler<HTMLElement>;
+  onMouseMoveCapture?: react2.MouseEventHandler<HTMLElement>;
+  onMouseOut?: react2.MouseEventHandler<HTMLElement>;
+  onMouseOutCapture?: react2.MouseEventHandler<HTMLElement>;
+  onMouseOver?: react2.MouseEventHandler<HTMLElement>;
+  onMouseOverCapture?: react2.MouseEventHandler<HTMLElement>;
+  onMouseUp?: react2.MouseEventHandler<HTMLElement>;
+  onMouseUpCapture?: react2.MouseEventHandler<HTMLElement>;
+  onSelect?: react2.ReactEventHandler<HTMLElement>;
+  onSelectCapture?: react2.ReactEventHandler<HTMLElement>;
+  onTouchCancel?: react2.TouchEventHandler<HTMLElement>;
+  onTouchCancelCapture?: react2.TouchEventHandler<HTMLElement>;
+  onTouchEnd?: react2.TouchEventHandler<HTMLElement>;
+  onTouchEndCapture?: react2.TouchEventHandler<HTMLElement>;
+  onTouchMove?: react2.TouchEventHandler<HTMLElement>;
+  onTouchMoveCapture?: react2.TouchEventHandler<HTMLElement>;
+  onTouchStart?: react2.TouchEventHandler<HTMLElement>;
+  onTouchStartCapture?: react2.TouchEventHandler<HTMLElement>;
+  onPointerDown?: react2.PointerEventHandler<HTMLElement>;
+  onPointerDownCapture?: react2.PointerEventHandler<HTMLElement>;
+  onPointerMove?: react2.PointerEventHandler<HTMLElement>;
+  onPointerMoveCapture?: react2.PointerEventHandler<HTMLElement>;
+  onPointerUp?: react2.PointerEventHandler<HTMLElement>;
+  onPointerUpCapture?: react2.PointerEventHandler<HTMLElement>;
+  onPointerCancel?: react2.PointerEventHandler<HTMLElement>;
+  onPointerCancelCapture?: react2.PointerEventHandler<HTMLElement>;
+  onPointerEnter?: react2.PointerEventHandler<HTMLElement>;
+  onPointerLeave?: react2.PointerEventHandler<HTMLElement>;
+  onPointerOver?: react2.PointerEventHandler<HTMLElement>;
+  onPointerOverCapture?: react2.PointerEventHandler<HTMLElement>;
+  onPointerOut?: react2.PointerEventHandler<HTMLElement>;
+  onPointerOutCapture?: react2.PointerEventHandler<HTMLElement>;
+  onGotPointerCapture?: react2.PointerEventHandler<HTMLElement>;
+  onGotPointerCaptureCapture?: react2.PointerEventHandler<HTMLElement>;
+  onLostPointerCapture?: react2.PointerEventHandler<HTMLElement>;
+  onLostPointerCaptureCapture?: react2.PointerEventHandler<HTMLElement>;
+  onScroll?: react2.UIEventHandler<HTMLElement>;
+  onScrollCapture?: react2.UIEventHandler<HTMLElement>;
+  onScrollEnd?: react2.UIEventHandler<HTMLElement>;
+  onScrollEndCapture?: react2.UIEventHandler<HTMLElement>;
+  onWheel?: react2.WheelEventHandler<HTMLElement>;
+  onWheelCapture?: react2.WheelEventHandler<HTMLElement>;
+  onAnimationStart?: react2.AnimationEventHandler<HTMLElement>;
+  onAnimationStartCapture?: react2.AnimationEventHandler<HTMLElement>;
+  onAnimationEnd?: react2.AnimationEventHandler<HTMLElement>;
+  onAnimationEndCapture?: react2.AnimationEventHandler<HTMLElement>;
+  onAnimationIteration?: react2.AnimationEventHandler<HTMLElement>;
+  onAnimationIterationCapture?: react2.AnimationEventHandler<HTMLElement>;
+  onToggle?: react2.ToggleEventHandler<HTMLElement>;
+  onBeforeToggle?: react2.ToggleEventHandler<HTMLElement>;
+  onTransitionCancel?: react2.TransitionEventHandler<HTMLElement>;
+  onTransitionCancelCapture?: react2.TransitionEventHandler<HTMLElement>;
+  onTransitionEnd?: react2.TransitionEventHandler<HTMLElement>;
+  onTransitionEndCapture?: react2.TransitionEventHandler<HTMLElement>;
+  onTransitionRun?: react2.TransitionEventHandler<HTMLElement>;
+  onTransitionRunCapture?: react2.TransitionEventHandler<HTMLElement>;
+  onTransitionStart?: react2.TransitionEventHandler<HTMLElement>;
+  onTransitionStartCapture?: react2.TransitionEventHandler<HTMLElement>;
   className: string;
-  style: react13.CSSProperties;
+  style: react2.CSSProperties;
   id: string;
   'data-testid': string;
 }, HTMLElement>;

package/dist/DesignTokens/DesignTokensComponent.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 import { Config } from "tailwindcss";
 
 //#region src/components/DesignTokens/DesignTokensComponent.d.ts
@@ -9,6 +9,6 @@ type DesignTokensProps = {
 declare const DesignTokens: ({
   selectedMerchant,
   config
-}: DesignTokensProps) => react_jsx_runtime27.JSX.Element;
+}: DesignTokensProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { DesignTokens, DesignTokensProps };

package/dist/DesignTokens/DesignTokensComponent.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import { Config } from "tailwindcss";
 
 //#region src/components/DesignTokens/DesignTokensComponent.d.ts
@@ -9,6 +9,6 @@ type DesignTokensProps = {
 declare const DesignTokens: ({
   selectedMerchant,
   config
-}: DesignTokensProps) => react_jsx_runtime24.JSX.Element;
+}: DesignTokensProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { DesignTokens, DesignTokensProps };

package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.cts

@@ -1,5 +1,5 @@
 import { DocumentRetrievalCardProps } from "./types/index.cjs";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/components/DocumentRetrievalCard/DocumentRetrievalCard.d.ts
 declare const DocumentRetrievalCard: ({
@@ -16,6 +16,6 @@ declare const DocumentRetrievalCard: ({
   onViewArticle,
   ariaLabel,
   viewArticleLabel
-}: DocumentRetrievalCardProps) => react_jsx_runtime28.JSX.Element;
+}: DocumentRetrievalCardProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { DocumentRetrievalCard };

package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.ts

@@ -1,5 +1,5 @@
 import { DocumentRetrievalCardProps } from "./types/index.js";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 
 //#region src/components/DocumentRetrievalCard/DocumentRetrievalCard.d.ts
 declare const DocumentRetrievalCard: ({
@@ -16,6 +16,6 @@ declare const DocumentRetrievalCard: ({
   onViewArticle,
   ariaLabel,
   viewArticleLabel
-}: DocumentRetrievalCardProps) => react_jsx_runtime26.JSX.Element;
+}: DocumentRetrievalCardProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { DocumentRetrievalCard };

package/dist/FloatingButton/FloatingButton.d.cts

@@ -1,5 +1,5 @@
 import { FloatingButtonProps } from "./types/types.cjs";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#region src/components/FloatingButton/FloatingButton.d.ts
 declare const FloatingButton: ({
@@ -18,6 +18,6 @@ declare const FloatingButton: ({
   onMouseOver,
   ariaLabel,
   previewMode
-}: FloatingButtonProps) => react_jsx_runtime17.JSX.Element;
+}: FloatingButtonProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { FloatingButton };

package/dist/FloatingButton/FloatingButton.d.ts

@@ -1,5 +1,5 @@
 import { FloatingButtonProps } from "./types/types.js";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/components/FloatingButton/FloatingButton.d.ts
 declare const FloatingButton: ({
@@ -18,6 +18,6 @@ declare const FloatingButton: ({
   onMouseOver,
   ariaLabel,
   previewMode
-}: FloatingButtonProps) => react_jsx_runtime35.JSX.Element;
+}: FloatingButtonProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { FloatingButton };

package/dist/FloatingChat/FloatingChat.cjs

@@ -21,7 +21,7 @@ const require_useScrollToBottom = require('./hooks/useScrollToBottom.cjs');
 const require_useSnapSetup = require('./hooks/useSnapSetup.cjs');
 const require_useFilteredChatMessages = require('./hooks/useFilteredChatMessages.cjs');
 const require_useSnapCalculator = require('./hooks/useSnapCalculator.cjs');
-const require_functions = require('./utils/functions.cjs');
+const require_trackProductCardInteraction = require('./utils/trackProductCardInteraction.cjs');
 const require_ModalSheet = require('./components/ModalSheet.cjs');
 const require_index$1 = require('./components/index.cjs');
 let react = require("react");
@@ -33,7 +33,7 @@ let framer_motion = require("framer-motion");
 let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 
 //#region src/components/FloatingChat/FloatingChat.tsx
-const FloatingChat = ({ id, className, style, testId, theme = require_theme.Theme.GLOBAL_CUSTOM, salesAgentData, floatingChatConfig, hardcopyContent, lookAndFeelConfig, isCXButtonSwitchEnabled, isFloatingChatOpen, debugBar, onClose, onSwipeClose, onToggleCXButton }) => {
+const FloatingChat = ({ id, className, style, testId, theme = require_theme.Theme.GLOBAL_CUSTOM, salesAgentData, floatingChatConfig, hardcopyContent, lookAndFeelConfig, isCXButtonSwitchEnabled, isFloatingChatOpen, debugBar, onClose, onSwipeClose, onToggleCXButton, setIsResultsModalOpen }) => {
 	const finalTheme = require_resolveTheme.resolveTheme(theme);
 	const { trackWidgetInteraction } = (0, __envive_ai_react_hooks_hooks_WidgetInteraction.useWidgetInteraction)();
 	const { onDrag, onHover, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = require_usePromptCarouselAnalytics.usePromptCarouselAnalytics(__envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.FLOATING_CHAT, (text) => text);
@@ -76,7 +76,15 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 		footerHeight: 160,
 		isOpen: isFloatingChatOpen
 	});
-	const { resultsViewData, setResultsViewData, isResultsView, scrollContainerRef, isResultsViewRef, handleBackToChat } = require_useProductResultsView.useProductResultsView({ scrollToBottom });
+	const { resultsViewData, isResultsView, scrollContainerRef, isResultsViewRef, handleBackToChat, handleExploreAllResults } = require_useProductResultsView.useProductResultsView({ scrollToBottom });
+	(0, react.useEffect)(() => {
+		setIsResultsModalOpen?.(!isMobile && isResultsView && resultsViewData !== null);
+	}, [
+		isMobile,
+		isResultsView,
+		resultsViewData,
+		setIsResultsModalOpen
+	]);
 	(0, react.useEffect)(() => {
 		if (isFloatingChatOpen) trackWidgetInteraction({
 			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetInteraction,
@@ -112,14 +120,7 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 		modalSheetControl
 	});
 	const handleProductCardClick = (product) => {
-		trackWidgetInteraction({
-			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetInteraction,
-			trigger: {
-				widget: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.FLOATING_CHAT,
-				widget_interaction: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionType.PRODUCT_CARD_CLICKED,
-				widget_interaction_data: { product_card_clicked: { product_id: product.id } }
-			}
-		});
+		require_trackProductCardInteraction.trackProductCardClicked(trackWidgetInteraction, __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.FLOATING_CHAT, product);
 	};
 	const header = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatHeader.ChatHeader, {
 		logoDark: chatHeaderLogoDarkSrc,
@@ -206,16 +207,6 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 		text: welcomeMessageText,
 		theme: finalTheme
 	});
-	const handleExploreAllResults = (firstProductMessageId) => {
-		const blockIndex = messages.findIndex((block) => block.some((msg) => msg.type === __envive_ai_react_hooks_application_models.MessageType.Product && msg.id === firstProductMessageId));
-		if (blockIndex < 0) return;
-		const products = require_functions.getCleanProducts(messages[blockIndex].filter((msg) => msg.type === __envive_ai_react_hooks_application_models.MessageType.Product));
-		if (products.length === 0) return;
-		setResultsViewData({
-			products,
-			searchQuery: require_functions.getSearchQueryFromMessageBlock(messages, blockIndex)
-		});
-	};
 	const chatMessages = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.FloatingChatComponents.ChatMessages, {
 		theme: finalTheme,
 		ref: chatMessagesRef,
@@ -230,7 +221,7 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 		showVerifiedBuyer,
 		onFormResponseSubmitted,
 		parentWidget: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.FLOATING_CHAT,
-		onExploreAllResults: handleExploreAllResults
+		onExploreAllResults: (firstProductMessageId) => handleExploreAllResults(firstProductMessageId, filteredMessages)
 	});
 	const middleContent = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.FloatingChatComponents.SlideChatContent, {
 		isResultsView,
@@ -293,6 +284,18 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 		isFloatingFooterLayout: isFloatingLayout,
 		scrollContainerRef
 	});
+	if (!isMobile && isResultsView && resultsViewData) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.FloatingChatComponents.ProductResultsModal, {
+		theme: finalTheme,
+		resultsViewData,
+		onBackToChat: handleBackToChat,
+		onProductCardClick: handleProductCardClick,
+		onClose,
+		logoDark: chatHeaderLogoDarkSrc,
+		logoLight: chatHeaderLogoLightSrc,
+		headerBgColor: headerBackgroundColor,
+		headerMode,
+		footer
+	});
 	return isMobile ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ModalSheet.ModalSheet, {
 		animationKey,
 		open: isOpen,

package/dist/FloatingChat/FloatingChat.d.cts

@@ -1,5 +1,5 @@
 import { FloatingChatProps } from "./types/types.cjs";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/components/FloatingChat/FloatingChat.d.ts
 declare const FloatingChat: ({
@@ -17,7 +17,8 @@ declare const FloatingChat: ({
   debugBar,
   onClose,
   onSwipeClose,
-  onToggleCXButton
-}: FloatingChatProps) => react_jsx_runtime29.JSX.Element;
+  onToggleCXButton,
+  setIsResultsModalOpen
+}: FloatingChatProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { FloatingChat };

package/dist/FloatingChat/FloatingChat.d.ts

@@ -1,5 +1,5 @@
 import { FloatingChatProps } from "./types/types.js";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/FloatingChat/FloatingChat.d.ts
 declare const FloatingChat: ({
@@ -17,7 +17,8 @@ declare const FloatingChat: ({
   debugBar,
   onClose,
   onSwipeClose,
-  onToggleCXButton
-}: FloatingChatProps) => react_jsx_runtime25.JSX.Element;
+  onToggleCXButton,
+  setIsResultsModalOpen
+}: FloatingChatProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { FloatingChat };