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

package/dist/ChatPreviewComparison/components/Layout.cjs

@@ -1,15 +1,15 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-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_useCheckIsMobile = require('../../utils/useCheckIsMobile.cjs');
+const require_Container = require('../../Container/Container.cjs');
+require('../../Container/index.cjs');
+const require_utils = require('../../DesignTokens/components/utils.cjs');
+const require_resolveTheme = require('../../utils/resolveTheme.cjs');
+const require_aspectRatio = require('../../packages/components-v3/tokens/aspectRatio/aspectRatio.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');
 const require_functions = require('../../SocialProof/utils/functions.cjs');
@@ -19,7 +19,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ChatPreviewComparison/components/Layout.tsx
 const Layout = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, headline, message, promptCarousel, widgetTextField, images, hideImage = false, hideTextField = false }) => {
-	const { isMobile, viewportWidth } = require_useCheckIsMobile.useCheckIsMobile();
+	const { isMobile, viewportWidth } = require_utils_useCheckIsMobile.useCheckIsMobile();
 	const isTablet = !isMobile && viewportWidth !== void 0 && viewportWidth < require_breakpoints.screensBreakpointsVariables.lg;
 	const finalTheme = require_resolveTheme.resolveTheme(theme);
 	const isPortrait = require_utils.getCSSVariable(`--${require_aspectRatio.AspectRatioCSSVar.GlobalCustom}`) === "3/4";

package/dist/ChatPreviewComparison/components/Layout.js

@@ -1,13 +1,13 @@
-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 { getCSSVariable } from "../../DesignTokens/components/utils.js";
+import { resolveTheme } from "../../utils/resolveTheme.js";
+import { AspectRatioCSSVar } from "../../packages/components-v3/tokens/aspectRatio/aspectRatio.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,17 +1,17 @@
 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_useCheckIsMobile = require('../../utils/useCheckIsMobile.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");
 
 //#region src/components/ChatPreviewComparison/components/Message.tsx
 const MarkdownProcessor = (0, react.lazy)(async () => ({ default: (await Promise.resolve().then(() => require("../../MarkdownProcessor/MarkdownProcessor.cjs"))).MarkdownProcessor }));
 const Message = ({ messageText, theme = require_theme.Theme.GLOBAL_CUSTOM, onLinkClick }) => {
-	const { isMobile } = require_useCheckIsMobile.useCheckIsMobile();
+	const { isMobile } = require_utils_useCheckIsMobile.useCheckIsMobile();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkdownProcessor, {
 		content: messageText,
 		clampParagraphs: require_resolveTheme.resolveTheme(theme) === require_theme.Theme.STANDARD && isMobile ? 7 : 3,

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.cts

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

package/dist/ChatPreviewLoading/ChatPreviewLoading.d.ts

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

package/dist/Container/Container.d.cts

@@ -18,16 +18,10 @@ 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>;
-  content?: string | undefined;
-  color?: string | undefined;
   onChange?: react10.FormEventHandler<HTMLElement>;
   onSubmit?: react10.FormEventHandler<HTMLElement>;
+  onFocus?: react10.FocusEventHandler<HTMLElement>;
+  color?: string | undefined;
   slot?: string | undefined;
   title?: string | undefined;
   defaultChecked?: boolean | undefined;
@@ -51,6 +45,7 @@ declare const Container: ({
   radioGroup?: string | undefined;
   role?: react10.AriaRole | undefined;
   about?: string | undefined;
+  content?: string | undefined;
   datatype?: string | undefined;
   inlist?: any;
   prefix?: string | undefined;
@@ -215,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>;
@@ -236,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>;
@@ -245,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>;

package/dist/Container/Container.d.ts

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

package/dist/DesignTokens/components/FontFamily.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils = require('./utils.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/DesignTokens/components/FontFamily.tsx
 const FontFamily = ({ fontFamilyTokens }) => {

package/dist/DesignTokens/components/FontFamily.js

@@ -1,6 +1,6 @@
 import { getComputedCSSVariable } from "./utils.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/DesignTokens/components/FontFamily.tsx
 const FontFamily = ({ fontFamilyTokens }) => {

package/dist/DesignTokens/components/FontSize.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils = require('./utils.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/DesignTokens/components/FontSize.tsx
 const FontSize = ({ fontSizeTokens }) => {