@envive-ai/react-toolkit-v3 0.3.10 → 0.3.12

package/dist/FullPageSalesAgent/components/Layout.js

@@ -0,0 +1,51 @@
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
+import { Stack } from "../../Stack/Stack.js";
+import "../../Stack/index.js";
+import { useGetContainerStyles } from "../hooks/useGetContainerStyles.js";
+import { useGetFooterStyles } from "../hooks/useGetFooterStyles.js";
+import { useGetScrollContentStyles } from "../hooks/useGetScrollContentStyles.js";
+import { isValidElement } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/FullPageSalesAgent/components/Layout.tsx
+const Layout = ({ theme, welcomeMessage, footer, chatMessages, answerSuggestions, scrollToBottomButton, disclaimer, headerContainer, autoHeight }) => {
+	const hasWelcomeMessage = isValidElement(welcomeMessage);
+	const hasAnswerSuggestions = isValidElement(answerSuggestions);
+	const { contentClasses, messageContainerClasses } = useGetScrollContentStyles();
+	const { footerContainerClasses } = useGetFooterStyles();
+	const { containerClasses, containerStyles } = useGetContainerStyles({
+		headerContainer,
+		autoHeight
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: containerClasses,
+		style: containerStyles,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: contentClasses,
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				className: messageContainerClasses,
+				direction: "column",
+				justify: "between",
+				children: [welcomeMessage, disclaimer]
+			}), /* @__PURE__ */ jsxs(Stack, {
+				direction: "column",
+				gap: "0",
+				className: classNames((!hasWelcomeMessage || hasWelcomeMessage && theme === Theme.STANDARD) && !hasAnswerSuggestions && "envive-tw-pb-4", "envive-tw-pt-4"),
+				children: [chatMessages, answerSuggestions]
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: footerContainerClasses,
+			children: [scrollToBottomButton && /* @__PURE__ */ jsx("div", {
+				className: "envive-tw-h-[0px]",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "envive-tw-ml-auto envive-tw-table envive-tw-translate-x-[-30px] envive-tw-translate-y-[-50px]",
+					children: scrollToBottomButton
+				})
+			}), footer]
+		})]
+	});
+};
+
+//#endregion
+export { Layout };

package/dist/FullPageSalesAgent/components/index.cjs

@@ -0,0 +1,7 @@
+const require_Layout = require('./Layout.cjs');
+
+//#region src/components/FullPageSalesAgent/components/index.ts
+const FullPageSAComponents = { Layout: require_Layout.Layout };
+
+//#endregion
+exports.FullPageSAComponents = FullPageSAComponents;

package/dist/FullPageSalesAgent/components/index.js

@@ -0,0 +1,7 @@
+import { Layout } from "./Layout.js";
+
+//#region src/components/FullPageSalesAgent/components/index.ts
+const FullPageSAComponents = { Layout };
+
+//#endregion
+export { FullPageSAComponents };

package/dist/FullPageSalesAgent/hooks/useContainerResizerObserver.cjs

@@ -0,0 +1,23 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/components/FullPageSalesAgent/hooks/useContainerResizerObserver.ts
+const useContainerResizerObserver = ({ headerContainer, autoHeight }) => {
+	const [containerHeight, setContainerHeight] = (0, react.useState)("100%");
+	(0, react.useEffect)(() => {
+		if (!autoHeight) return () => {};
+		const watchResizing = () => {
+			const { height = 0, top = 0 } = document.querySelector(headerContainer)?.getBoundingClientRect() || {};
+			setContainerHeight(window.innerHeight - (height + top));
+		};
+		window.addEventListener("resize", watchResizing);
+		watchResizing();
+		return () => {
+			window.removeEventListener("resize", watchResizing);
+		};
+	}, [headerContainer, autoHeight]);
+	return { containerHeight };
+};
+
+//#endregion
+exports.useContainerResizerObserver = useContainerResizerObserver;

package/dist/FullPageSalesAgent/hooks/useContainerResizerObserver.js

@@ -0,0 +1,22 @@
+import { useEffect, useState } from "react";
+
+//#region src/components/FullPageSalesAgent/hooks/useContainerResizerObserver.ts
+const useContainerResizerObserver = ({ headerContainer, autoHeight }) => {
+	const [containerHeight, setContainerHeight] = useState("100%");
+	useEffect(() => {
+		if (!autoHeight) return () => {};
+		const watchResizing = () => {
+			const { height = 0, top = 0 } = document.querySelector(headerContainer)?.getBoundingClientRect() || {};
+			setContainerHeight(window.innerHeight - (height + top));
+		};
+		window.addEventListener("resize", watchResizing);
+		watchResizing();
+		return () => {
+			window.removeEventListener("resize", watchResizing);
+		};
+	}, [headerContainer, autoHeight]);
+	return { containerHeight };
+};
+
+//#endregion
+export { useContainerResizerObserver };

package/dist/FullPageSalesAgent/hooks/useGetContainerStyles.cjs

@@ -0,0 +1,16 @@
+const require_useContainerResizerObserver = require('./useContainerResizerObserver.cjs');
+
+//#region src/components/FullPageSalesAgent/hooks/useGetContainerStyles.ts
+const useGetContainerStyles = ({ headerContainer, autoHeight }) => {
+	const { containerHeight } = require_useContainerResizerObserver.useContainerResizerObserver({
+		headerContainer,
+		autoHeight
+	});
+	return {
+		containerClasses: "envive-tw-mx-auto envive-tw-flex envive-tw-h-full envive-tw-max-w-[768px] envive-tw-flex-col",
+		containerStyles: { height: containerHeight }
+	};
+};
+
+//#endregion
+exports.useGetContainerStyles = useGetContainerStyles;

package/dist/FullPageSalesAgent/hooks/useGetContainerStyles.js

@@ -0,0 +1,16 @@
+import { useContainerResizerObserver } from "./useContainerResizerObserver.js";
+
+//#region src/components/FullPageSalesAgent/hooks/useGetContainerStyles.ts
+const useGetContainerStyles = ({ headerContainer, autoHeight }) => {
+	const { containerHeight } = useContainerResizerObserver({
+		headerContainer,
+		autoHeight
+	});
+	return {
+		containerClasses: "envive-tw-mx-auto envive-tw-flex envive-tw-h-full envive-tw-max-w-[768px] envive-tw-flex-col",
+		containerStyles: { height: containerHeight }
+	};
+};
+
+//#endregion
+export { useGetContainerStyles };

package/dist/FullPageSalesAgent/hooks/useGetFooterStyles.cjs

@@ -0,0 +1,16 @@
+const require_useIsMobile = require('./useIsMobile.cjs');
+
+//#region src/components/FullPageSalesAgent/hooks/useGetFooterStyles.ts
+const useGetFooterStyles = () => {
+	const { isMobile } = require_useIsMobile.useIsMobile();
+	return {
+		footerStyles: !isMobile ? {
+			boxShadow: "0px 2px 10px 0px rgba(0, 0, 0, 0.2)",
+			borderWidth: "1px"
+		} : null,
+		footerContainerClasses: isMobile ? "envive-tw-absolute envive-tw-bottom-[0] envive-tw-left-[0] envive-tw-right-[0]" : "envive-tw-pb-5"
+	};
+};
+
+//#endregion
+exports.useGetFooterStyles = useGetFooterStyles;

package/dist/FullPageSalesAgent/hooks/useGetFooterStyles.js

@@ -0,0 +1,16 @@
+import { useIsMobile } from "./useIsMobile.js";
+
+//#region src/components/FullPageSalesAgent/hooks/useGetFooterStyles.ts
+const useGetFooterStyles = () => {
+	const { isMobile } = useIsMobile();
+	return {
+		footerStyles: !isMobile ? {
+			boxShadow: "0px 2px 10px 0px rgba(0, 0, 0, 0.2)",
+			borderWidth: "1px"
+		} : null,
+		footerContainerClasses: isMobile ? "envive-tw-absolute envive-tw-bottom-[0] envive-tw-left-[0] envive-tw-right-[0]" : "envive-tw-pb-5"
+	};
+};
+
+//#endregion
+export { useGetFooterStyles };

package/dist/FullPageSalesAgent/hooks/useGetScrollContentStyles.cjs

@@ -0,0 +1,19 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_useIsMobile = require('./useIsMobile.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#region src/components/FullPageSalesAgent/hooks/useGetScrollContentStyles.ts
+const useGetScrollContentStyles = () => {
+	const { isMobile } = require_useIsMobile.useIsMobile();
+	return {
+		contentClasses: (0, classnames.default)({
+			"envive-tw-flex-1 envive-tw-overflow-y-auto envive-tw-overflow-x-hidden envive-tw-transition-all envive-tw-duration-300 envive-tw-ease-in-out": true,
+			"envive-tw-pb-[131px]": isMobile
+		}),
+		messageContainerClasses: !isMobile ? "envive-tw-pt-4" : null
+	};
+};
+
+//#endregion
+exports.useGetScrollContentStyles = useGetScrollContentStyles;

package/dist/FullPageSalesAgent/hooks/useGetScrollContentStyles.js

@@ -0,0 +1,17 @@
+import { useIsMobile } from "./useIsMobile.js";
+import classNames from "classnames";
+
+//#region src/components/FullPageSalesAgent/hooks/useGetScrollContentStyles.ts
+const useGetScrollContentStyles = () => {
+	const { isMobile } = useIsMobile();
+	return {
+		contentClasses: classNames({
+			"envive-tw-flex-1 envive-tw-overflow-y-auto envive-tw-overflow-x-hidden envive-tw-transition-all envive-tw-duration-300 envive-tw-ease-in-out": true,
+			"envive-tw-pb-[131px]": isMobile
+		}),
+		messageContainerClasses: !isMobile ? "envive-tw-pt-4" : null
+	};
+};
+
+//#endregion
+export { useGetScrollContentStyles };

package/dist/FullPageSalesAgent/hooks/useIsMobile.cjs

@@ -0,0 +1,7 @@
+const require_useCheckIsMobile = require('../../utils/useCheckIsMobile.cjs');
+
+//#region src/components/FullPageSalesAgent/hooks/useIsMobile.ts
+const useIsMobile = () => require_useCheckIsMobile.useCheckIsMobile("md");
+
+//#endregion
+exports.useIsMobile = useIsMobile;

package/dist/FullPageSalesAgent/hooks/useIsMobile.js

@@ -0,0 +1,7 @@
+import { useCheckIsMobile } from "../../utils/useCheckIsMobile.js";
+
+//#region src/components/FullPageSalesAgent/hooks/useIsMobile.ts
+const useIsMobile = () => useCheckIsMobile("md");
+
+//#endregion
+export { useIsMobile };

package/dist/FullPageSalesAgent/index.cjs

@@ -0,0 +1,3 @@
+const require_FullPageSalesAgent = require('./FullPageSalesAgent.cjs');
+
+exports.FullPageSalesAgent = require_FullPageSalesAgent.FullPageSalesAgent;

package/dist/FullPageSalesAgent/index.d.cts

@@ -0,0 +1,2 @@
+import { FullPageSalesAgent } from "./FullPageSalesAgent.cjs";
+export { FullPageSalesAgent };

package/dist/FullPageSalesAgent/index.d.ts

@@ -0,0 +1,2 @@
+import { FullPageSalesAgent } from "./FullPageSalesAgent.js";
+export { FullPageSalesAgent };

package/dist/FullPageSalesAgent/index.js

@@ -0,0 +1,3 @@
+import { FullPageSalesAgent } from "./FullPageSalesAgent.js";
+
+export { FullPageSalesAgent };

package/dist/Image/Image.cjs

@@ -7,9 +7,9 @@ const require_useGetRoundedProperties = require('./hooks/useGetRoundedProperties
 const require_useGetAccessibilityProperties = require('./hooks/useGetAccessibilityProperties.cjs');
 const require_useGetWidthProperties = require('./hooks/useGetWidthProperties.cjs');
 const require_useHandleImageLoading = require('./hooks/useHandleImageLoading.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/Image/Image.tsx
 /**
@@ -52,8 +52,13 @@ const Image = ({ id, testId, src, alt, aspectRatio = require_index.ImageAspectRa
 			src,
 			alt,
 			className: (0, classnames.default)("envive-tw-h-full envive-tw-w-full", objectFitClass, isLoading && "envive-tw-opacity-0"),
+			style: {
+				userSelect: "none",
+				WebkitUserDrag: "none"
+			},
 			onLoad: handleLoad,
 			onError: handleError,
+			draggable: false,
 			...accessibilityProps,
 			...rest
 		})]

package/dist/Image/Image.d.cts

@@ -1,5 +1,5 @@
 import { ImageProps } from "./types/index.cjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region src/components/Image/Image.d.ts
 
@@ -25,6 +25,6 @@ declare const Image: ({
   role,
   "aria-hidden": ariaHidden,
   ...rest
-}: ImageProps) => react_jsx_runtime15.JSX.Element;
+}: ImageProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { Image };

package/dist/Image/Image.d.ts

@@ -1,5 +1,5 @@
 import { ImageProps } from "./types/index.js";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/components/Image/Image.d.ts
 
@@ -25,6 +25,6 @@ declare const Image: ({
   role,
   "aria-hidden": ariaHidden,
   ...rest
-}: ImageProps) => react_jsx_runtime28.JSX.Element;
+}: ImageProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { Image };

package/dist/Image/Image.js

@@ -6,8 +6,8 @@ import { useGetRoundedProperties } from "./hooks/useGetRoundedProperties.js";
 import { useGetAccessibilityProperties } from "./hooks/useGetAccessibilityProperties.js";
 import { useGetWidthProperties } from "./hooks/useGetWidthProperties.js";
 import { useHandleImageLoading } from "./hooks/useHandleImageLoading.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Image/Image.tsx
 /**
@@ -50,8 +50,13 @@ const Image = ({ id, testId, src, alt, aspectRatio = ImageAspectRatio.GLOBAL_CUS
 			src,
 			alt,
 			className: classNames("envive-tw-h-full envive-tw-w-full", objectFitClass, isLoading && "envive-tw-opacity-0"),
+			style: {
+				userSelect: "none",
+				WebkitUserDrag: "none"
+			},
 			onLoad: handleLoad,
 			onError: handleError,
+			draggable: false,
 			...accessibilityProps,
 			...rest
 		})]

package/dist/ImageGallery/ImageGallery.d.cts

@@ -1,5 +1,5 @@
 import { ImageGalleryProps } from "./types/types.cjs";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/components/ImageGallery/ImageGallery.d.ts
 
@@ -40,6 +40,6 @@ declare const ImageGallery: ({
   "aria-describedby": ariaDescribedBy,
   role,
   "aria-hidden": ariaHidden
-}: ImageGalleryProps) => react_jsx_runtime8.JSX.Element;
+}: ImageGalleryProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { ImageGallery };

package/dist/ImageGallery/ImageGallery.d.ts

@@ -1,5 +1,5 @@
 import { ImageGalleryProps } from "./types/types.js";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/components/ImageGallery/ImageGallery.d.ts
 
@@ -40,6 +40,6 @@ declare const ImageGallery: ({
   "aria-describedby": ariaDescribedBy,
   role,
   "aria-hidden": ariaHidden
-}: ImageGalleryProps) => react_jsx_runtime20.JSX.Element;
+}: ImageGalleryProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { ImageGallery };

package/dist/ImageGallery/components/Layout.cjs

@@ -9,9 +9,9 @@ const require_useValidateImages = require('../hooks/useValidateImages.cjs');
 const require_functions = require('../utils/functions.cjs');
 const require_OverlappedLayout = require('./OverlappedLayout.cjs');
 const require_NormalLayout = require('./NormalLayout.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/ImageGallery/components/Layout.tsx
 const Layout = ({ id, testId, className, style, images, layout, theme = require_theme.Theme.GLOBAL_CUSTOM, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, role, "aria-hidden": ariaHidden }) => {

package/dist/ImageGallery/components/Layout.js

@@ -8,8 +8,8 @@ import { useValidateImages } from "../hooks/useValidateImages.js";
 import { getIsTwoSideStandardOnMobile } from "../utils/functions.js";
 import { OverlappedLayout } from "./OverlappedLayout.js";
 import { NormalLayout } from "./NormalLayout.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ImageGallery/components/Layout.tsx
 const Layout = ({ id, testId, className, style, images, layout, theme = Theme.GLOBAL_CUSTOM, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, role, "aria-hidden": ariaHidden }) => {

package/dist/ImageGallery/utils/functions.cjs

@@ -1,5 +1,5 @@
-const require_utils = require('../../DesignTokens/components/utils.cjs');
 const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
+const require_utils = require('../../DesignTokens/components/utils.cjs');
 const require_types = require('../types/types.cjs');
 
 //#region src/components/ImageGallery/utils/functions.ts

package/dist/ImageGallery/utils/functions.js

@@ -1,5 +1,5 @@
-import { getComputedCSSVariable } from "../../DesignTokens/components/utils.js";
 import { Theme, ThemeCSSVar } from "../../packages/components-v3/tokens/theme/theme.js";
+import { getComputedCSSVariable } from "../../DesignTokens/components/utils.js";
 import { ImageGalleryLayout } from "../types/types.js";
 
 //#region src/components/ImageGallery/utils/functions.ts

package/dist/MarkdownProcessor/MarkdownProcessor.d.cts

@@ -1,5 +1,5 @@
 import { MarkdownProcessorProps } from "./types/types.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/components/MarkdownProcessor/MarkdownProcessor.d.ts
 declare const MarkdownProcessor: ({
@@ -9,6 +9,6 @@ declare const MarkdownProcessor: ({
   textVariant,
   subTextVariant,
   subTextColor
-}: MarkdownProcessorProps) => react_jsx_runtime0.JSX.Element;
+}: MarkdownProcessorProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { MarkdownProcessor };

package/dist/MarkdownProcessor/MarkdownProcessor.d.ts

@@ -1,5 +1,5 @@
 import { MarkdownProcessorProps } from "./types/types.js";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/MarkdownProcessor/MarkdownProcessor.d.ts
 declare const MarkdownProcessor: ({
@@ -9,6 +9,6 @@ declare const MarkdownProcessor: ({
   textVariant,
   subTextVariant,
   subTextColor
-}: MarkdownProcessorProps) => react_jsx_runtime23.JSX.Element;
+}: MarkdownProcessorProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { MarkdownProcessor };

package/dist/Message/components/Layout.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_useVariantStyleProperties = require('../hooks/useVariantStyleProperties.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/Message/components/Layout.tsx
 /**

package/dist/Message/components/Layout.js

@@ -1,6 +1,6 @@
 import { useVariantStyleProperties } from "../hooks/useVariantStyleProperties.js";
-import { jsx } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Message/components/Layout.tsx
 /**

package/dist/Message/hooks/useVariantStyleProperties.cjs

@@ -11,7 +11,7 @@ const useVariantStyleProperties = (variant = require_index.MessageVariant.AGENT)
 		return {
 			[require_index.MessageVariant.AGENT]: {
 				containerLayoutClasses: "envive-tw-flex envive-tw-flex-col envive-tw-gap-2",
-				containerBackgroundClasses: "envive-tw-bg-background-light",
+				containerBackgroundClasses: "",
 				containerBorderClasses: "",
 				containerRadiusClasses: "envive-tw-rounded-md",
 				contentClasses: "",

package/dist/Message/hooks/useVariantStyleProperties.js

@@ -10,7 +10,7 @@ const useVariantStyleProperties = (variant = MessageVariant.AGENT) => {
 		return {
 			[MessageVariant.AGENT]: {
 				containerLayoutClasses: "envive-tw-flex envive-tw-flex-col envive-tw-gap-2",
-				containerBackgroundClasses: "envive-tw-bg-background-light",
+				containerBackgroundClasses: "",
 				containerBorderClasses: "",
 				containerRadiusClasses: "envive-tw-rounded-md",
 				contentClasses: "",

package/dist/OrderLookupCard/OrderLookupCard.cjs

@@ -10,9 +10,9 @@ const require_getProductImagesToDisplay = require('./utils/getProductImagesToDis
 const require_calculateMoreProductsCount = require('./utils/calculateMoreProductsCount.cjs');
 const require_formatOrderNumber = require('./utils/formatOrderNumber.cjs');
 const require_formatOrderDate = require('./utils/formatOrderDate.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/OrderLookupCard/OrderLookupCard.tsx
 /**

package/dist/OrderLookupCard/OrderLookupCard.js

@@ -9,8 +9,8 @@ import { getProductImagesToDisplay } from "./utils/getProductImagesToDisplay.js"
 import { calculateMoreProductsCount } from "./utils/calculateMoreProductsCount.js";
 import { formatOrderNumber } from "./utils/formatOrderNumber.js";
 import { formatOrderDate } from "./utils/formatOrderDate.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/OrderLookupCard/OrderLookupCard.tsx
 /**

package/dist/OrderLookupCard/components/Layout.cjs

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.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/OrderLookupCard/components/Layout.tsx
 const Layout = ({ productImagesGrid, content, id, testId, className, style, ariaLabel }) => {

package/dist/OrderLookupCard/components/Layout.js

@@ -1,7 +1,7 @@
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/OrderLookupCard/components/Layout.tsx
 const Layout = ({ productImagesGrid, content, id, testId, className, style, ariaLabel }) => {

package/dist/OrderLookupCard/components/MoreProductsOverlay.cjs

@@ -5,9 +5,9 @@ const require_index = require('../../Typography/types/index.cjs');
 const require_Typography = require('../../Typography/Typography.cjs');
 require('../../Typography/index.cjs');
 const require_useGetImageBorderRadiusProperties = require('../hooks/useGetImageBorderRadiusProperties.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/OrderLookupCard/components/MoreProductsOverlay.tsx
 const MoreProductsOverlay = ({ count, theme, label, className, style, id, testId, ariaLabel }) => {

package/dist/OrderLookupCard/components/MoreProductsOverlay.js

@@ -4,8 +4,8 @@ import { TypographyColor, TypographyVariant } from "../../Typography/types/index
 import { Typography } from "../../Typography/Typography.js";
 import "../../Typography/index.js";
 import { useGetImageBorderRadiusProperties } from "../hooks/useGetImageBorderRadiusProperties.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/OrderLookupCard/components/MoreProductsOverlay.tsx
 const MoreProductsOverlay = ({ count, theme, label, className, style, id, testId, ariaLabel }) => {

package/dist/OrderLookupCard/components/ProductImageGridItem.cjs

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ProductImageItem = require('./ProductImageItem.cjs');
 const require_useGetImageGridPositionProperties = require('../hooks/useGetImageGridPositionProperties.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/OrderLookupCard/components/ProductImageGridItem.tsx
 const ProductImageGridItem = ({ imageUrl, index, totalImages, moreProductsCount, theme, imageBorderRadiusClass, moreProductsOverlayAriaLabel, moreProductsLabel }) => {

package/dist/OrderLookupCard/components/ProductImageGridItem.js

@@ -1,7 +1,7 @@
 import { ProductImageItem } from "./ProductImageItem.js";
 import { useGetImageGridPositionProperties } from "../hooks/useGetImageGridPositionProperties.js";
-import { jsx } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/OrderLookupCard/components/ProductImageGridItem.tsx
 const ProductImageGridItem = ({ imageUrl, index, totalImages, moreProductsCount, theme, imageBorderRadiusClass, moreProductsOverlayAriaLabel, moreProductsLabel }) => {

package/dist/OrderLookupCard/components/ProductImageItem.cjs

@@ -3,9 +3,9 @@ const require_index = require('../../Image/types/index.cjs');
 const require_Image = require('../../Image/Image.cjs');
 require('../../Image/index.cjs');
 const require_MoreProductsOverlay = require('./MoreProductsOverlay.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/OrderLookupCard/components/ProductImageItem.tsx
 const ProductImageItem = ({ src, alt, className, style, id, testId, borderRadiusClass, showOverlay = false, moreProductsCount, theme, moreProductsOverlayAriaLabel, moreProductsLabel }) => {

package/dist/OrderLookupCard/components/ProductImageItem.js

@@ -2,8 +2,8 @@ import { ImageAspectRatio, ImageObjectFit } from "../../Image/types/index.js";
 import { Image } from "../../Image/Image.js";
 import "../../Image/index.js";
 import { MoreProductsOverlay } from "./MoreProductsOverlay.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/OrderLookupCard/components/ProductImageItem.tsx
 const ProductImageItem = ({ src, alt, className, style, id, testId, borderRadiusClass, showOverlay = false, moreProductsCount, theme, moreProductsOverlayAriaLabel, moreProductsLabel }) => {

package/dist/OrderLookupCard/components/ProductImagesGrid.cjs

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ProductImageGridItem = require('./ProductImageGridItem.cjs');
 const require_useGetProductImagesGridProperties = require('../hooks/useGetProductImagesGridProperties.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/OrderLookupCard/components/ProductImagesGrid.tsx
 const ProductImagesGrid = ({ images, moreProductsCount, theme, className, style, id, testId, imageBorderRadiusClass, ariaLabel, moreProductsOverlayAriaLabel, moreProductsLabel }) => {

package/dist/OrderLookupCard/components/ProductImagesGrid.js

@@ -1,7 +1,7 @@
 import { ProductImageGridItem } from "./ProductImageGridItem.js";
 import { useGetProductImagesGridProperties } from "../hooks/useGetProductImagesGridProperties.js";
-import { jsx } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/OrderLookupCard/components/ProductImagesGrid.tsx
 const ProductImagesGrid = ({ images, moreProductsCount, theme, className, style, id, testId, imageBorderRadiusClass, ariaLabel, moreProductsOverlayAriaLabel, moreProductsLabel }) => {