@envive-ai/react-toolkit-v3 0.3.14 → 0.3.15-beta.0

package/dist/Message/components/AgentHeader.cjs

@@ -1,32 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-require('../../Stack/index.cjs');
-const require_index = require('../../Typography/types/index.cjs');
-const require_Typography = require('../../Typography/Typography.cjs');
-require('../../Typography/index.cjs');
-const require_SparkleAnimation = require('../../SparkleAnimation/SparkleAnimation.cjs');
-require('../../SparkleAnimation/index.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/Message/components/AgentHeader.tsx
-/**
-* Component that displays the agent name using the Typography component.
-*/
-const AgentHeader = ({ agentName, isLoading, showSparkle }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
-		direction: "row",
-		gap: "1",
-		align: "center",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-			variant: require_index.TypographyVariant.H3_MD,
-			color: require_index.TypographyColor.TEXT_PRIMARY,
-			children: agentName
-		}), (isLoading || showSparkle) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SparkleAnimation.SparkleAnimation, {
-			color: "var(--envive-colors-accent-primary)",
-			animate: true
-		})]
-	});
-};
-
-//#endregion
-exports.AgentHeader = AgentHeader;

package/dist/Message/components/Layout.cjs

@@ -1,25 +0,0 @@
-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);
-
-//#region src/components/Message/components/Layout.tsx
-/**
-* Component that structures the message container according to the variant.
-*/
-const Layout = ({ variant, children, id, testId, className, style, ariaLabel }) => {
-	const { containerLayoutClasses, containerBackgroundClasses, containerBorderClasses, containerRadiusClasses } = require_useVariantStyleProperties.useVariantStyleProperties(variant);
-	const combinedClasses = (0, classnames.default)(containerLayoutClasses, containerBackgroundClasses, containerBorderClasses, containerRadiusClasses, className);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		id,
-		"data-testid": testId,
-		className: combinedClasses,
-		style,
-		"aria-label": ariaLabel,
-		children
-	});
-};
-
-//#endregion
-exports.Layout = Layout;

package/dist/Message/components/LinkButton.cjs

@@ -1,54 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../../Typography/types/index.cjs');
-const require_Typography = require('../../Typography/Typography.cjs');
-require('../../Typography/index.cjs');
-const require_CustomIcon = require('../../utils/CustomIcon.cjs');
-const require_useGetLinkButtonProperties = require('../hooks/useGetLinkButtonProperties.cjs');
-const require_useGetLinkButtonIconProperties = require('../hooks/useGetLinkButtonIconProperties.cjs');
-const require_openUrlInNewTab = require('../utils/openUrlInNewTab.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-let __envive_ai_react_icons_VectorUpRight = require("@envive-ai/react-icons/VectorUpRight");
-__envive_ai_react_icons_VectorUpRight = require_rolldown_runtime.__toESM(__envive_ai_react_icons_VectorUpRight);
-
-//#region src/components/Message/components/LinkButton.tsx
-/**
-* Component that renders an external link with an icon.
-* Uses an inline span with button role for better accessibility and inline text flow.
-*/
-const LinkButton = ({ url, text, typographyColor }) => {
-	const { containerClasses } = require_useGetLinkButtonProperties.useGetLinkButtonProperties();
-	const { iconContainerClasses } = require_useGetLinkButtonIconProperties.useGetLinkButtonIconProperties();
-	const handleClick = () => {
-		require_openUrlInNewTab.openUrlInNewTab(url);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		role: "button",
-		tabIndex: 0,
-		onClick: handleClick,
-		className: containerClasses,
-		"aria-label": `${text} (opens in new tab)`,
-		onKeyDown: (event) => {
-			if (event.key === "Enter" || event.key === " ") handleClick();
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Typography.Typography, {
-			variant: require_index.TypographyVariant.B3_MD,
-			color: typographyColor ?? require_index.TypographyColor.TEXT_PRIMARY,
-			className: "envive-tw-inline",
-			children: [
-				text,
-				"\xA0",
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: iconContainerClasses,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CustomIcon.CustomIcon, {
-						IconComponent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_VectorUpRight.default, {}),
-						className: "envive-tw-h-3 envive-tw-w-3",
-						fill: "var(--envive-colors-text-link)"
-					})
-				})
-			]
-		})
-	});
-};
-
-//#endregion
-exports.LinkButton = LinkButton;

package/dist/Message/components/LinkButton.d.cts

@@ -1,19 +0,0 @@
-import { TypographyColor } from "../../Typography/types/index.cjs";
-
-//#region src/components/Message/components/LinkButton.d.ts
-type LinkButtonProps = {
-  url: string;
-  text: string;
-  typographyColor?: TypographyColor;
-};
-/**
- * Component that renders an external link with an icon.
- * Uses an inline span with button role for better accessibility and inline text flow.
- */
-declare const LinkButton: ({
-  url,
-  text,
-  typographyColor
-}: LinkButtonProps) => React.ReactNode;
-//#endregion
-export { LinkButton };

package/dist/Message/components/LinkButton.d.ts

@@ -1,19 +0,0 @@
-import { TypographyColor } from "../../Typography/types/index.js";
-
-//#region src/components/Message/components/LinkButton.d.ts
-type LinkButtonProps = {
-  url: string;
-  text: string;
-  typographyColor?: TypographyColor;
-};
-/**
- * Component that renders an external link with an icon.
- * Uses an inline span with button role for better accessibility and inline text flow.
- */
-declare const LinkButton: ({
-  url,
-  text,
-  typographyColor
-}: LinkButtonProps) => React.ReactNode;
-//#endregion
-export { LinkButton };

package/dist/Message/components/LinkButton.js

@@ -1,52 +0,0 @@
-import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
-import { Typography } from "../../Typography/Typography.js";
-import "../../Typography/index.js";
-import { CustomIcon } from "../../utils/CustomIcon.js";
-import { useGetLinkButtonProperties } from "../hooks/useGetLinkButtonProperties.js";
-import { useGetLinkButtonIconProperties } from "../hooks/useGetLinkButtonIconProperties.js";
-import { openUrlInNewTab } from "../utils/openUrlInNewTab.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import VectorUpRight from "@envive-ai/react-icons/VectorUpRight";
-
-//#region src/components/Message/components/LinkButton.tsx
-/**
-* Component that renders an external link with an icon.
-* Uses an inline span with button role for better accessibility and inline text flow.
-*/
-const LinkButton = ({ url, text, typographyColor }) => {
-	const { containerClasses } = useGetLinkButtonProperties();
-	const { iconContainerClasses } = useGetLinkButtonIconProperties();
-	const handleClick = () => {
-		openUrlInNewTab(url);
-	};
-	return /* @__PURE__ */ jsx("span", {
-		role: "button",
-		tabIndex: 0,
-		onClick: handleClick,
-		className: containerClasses,
-		"aria-label": `${text} (opens in new tab)`,
-		onKeyDown: (event) => {
-			if (event.key === "Enter" || event.key === " ") handleClick();
-		},
-		children: /* @__PURE__ */ jsxs(Typography, {
-			variant: TypographyVariant.B3_MD,
-			color: typographyColor ?? TypographyColor.TEXT_PRIMARY,
-			className: "envive-tw-inline",
-			children: [
-				text,
-				"\xA0",
-				/* @__PURE__ */ jsx("span", {
-					className: iconContainerClasses,
-					children: /* @__PURE__ */ jsx(CustomIcon, {
-						IconComponent: /* @__PURE__ */ jsx(VectorUpRight, {}),
-						className: "envive-tw-h-3 envive-tw-w-3",
-						fill: "var(--envive-colors-text-link)"
-					})
-				})
-			]
-		})
-	});
-};
-
-//#endregion
-export { LinkButton };

package/dist/Message/components/LoadingSkeleton.cjs

@@ -1,19 +0,0 @@
-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");
-
-//#region src/components/Message/components/LoadingSkeleton.tsx
-/**
-* This component displays two gray rounded rectangles as placeholders while content is loading.
-*/
-const LoadingSkeleton = () => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
-		direction: "column",
-		gap: 2,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "envive-tw-h-4 envive-tw-w-full envive-tw-animate-pulse envive-tw-rounded-global-custom envive-tw-bg-gray-200" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "envive-tw-h-4 envive-tw-w-2/3 envive-tw-animate-pulse envive-tw-rounded-global-custom envive-tw-bg-gray-200" })]
-	});
-};
-
-//#endregion
-exports.LoadingSkeleton = LoadingSkeleton;

package/dist/Message/components/SparkleIcon.cjs

@@ -1,22 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-require('../../Stack/index.cjs');
-const require_useLatencyAnimation = require('../hooks/useLatencyAnimation.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/Message/components/SparkleIcon.tsx
-/**
-* This component displays a horizontal row of sparkle icons in a cyclic sequence.
-*/
-const SparkleIcon = ({ isLoading }) => {
-	const { IconComponent } = require_useLatencyAnimation.useLatencyAnimation(isLoading);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
-		direction: "row",
-		gap: "2",
-		align: "center",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconComponent, { style: { color: "var(--envive-colors-accent-primary)" } })
-	});
-};
-
-//#endregion
-exports.SparkleIcon = SparkleIcon;

package/dist/Message/components/UserContent.cjs

@@ -1,20 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../../Typography/types/index.cjs');
-const require_Typography = require('../../Typography/Typography.cjs');
-require('../../Typography/index.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/Message/components/UserContent.tsx
-/**
-* Component that renders the message as a dark pill button for the user.
-*/
-const UserContent = ({ content }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-		variant: require_index.TypographyVariant.B3_RG,
-		color: require_index.TypographyColor.TEXT_LIGHT,
-		children: content
-	});
-};
-
-//#endregion
-exports.UserContent = UserContent;

package/dist/Message/hooks/useGetLinkButtonIconProperties.cjs

@@ -1,15 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-
-//#region src/components/Message/hooks/useGetLinkButtonIconProperties.ts
-/**
-* Hook that returns CSS classes for the LinkButton icon container element.
-*/
-const useGetLinkButtonIconProperties = () => {
-	return { iconContainerClasses: (0, react.useMemo)(() => {
-		return `envive-tw-inline-flex envive-tw-h-4 envive-tw-w-4 envive-tw-items-center envive-tw-justify-center envive-tw-align-middle envive-tw-rounded-sm envive-tw-bg-background-secondary envive-tw-transition-colors envive-tw-duration-200 group-hover:envive-tw-bg-[color-mix(in_srgb,var(--envive-colors-background-secondary)_90%,#000000_10%)]`;
-	}, []) };
-};
-
-//#endregion
-exports.useGetLinkButtonIconProperties = useGetLinkButtonIconProperties;

package/dist/Message/hooks/useGetLinkButtonProperties.cjs

@@ -1,15 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-
-//#region src/components/Message/hooks/useGetLinkButtonProperties.ts
-/**
-* Hook that returns CSS classes for the LinkButton container element.
-*/
-const useGetLinkButtonProperties = () => {
-	return { containerClasses: (0, react.useMemo)(() => {
-		return `envive-tw-inline envive-tw-align-top envive-tw-cursor-pointer hover:envive-tw-underline envive-tw-group envive-tw-transition-all envive-tw-duration-200`;
-	}, []) };
-};
-
-//#endregion
-exports.useGetLinkButtonProperties = useGetLinkButtonProperties;

package/dist/Message/hooks/useLatencyAnimation.cjs

@@ -1,53 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-let __envive_ai_react_icons_LatencyIconStep1 = require("@envive-ai/react-icons/LatencyIconStep1");
-__envive_ai_react_icons_LatencyIconStep1 = require_rolldown_runtime.__toESM(__envive_ai_react_icons_LatencyIconStep1);
-let __envive_ai_react_icons_LatencyIconStep2 = require("@envive-ai/react-icons/LatencyIconStep2");
-__envive_ai_react_icons_LatencyIconStep2 = require_rolldown_runtime.__toESM(__envive_ai_react_icons_LatencyIconStep2);
-let __envive_ai_react_icons_LatencyIconStep3 = require("@envive-ai/react-icons/LatencyIconStep3");
-__envive_ai_react_icons_LatencyIconStep3 = require_rolldown_runtime.__toESM(__envive_ai_react_icons_LatencyIconStep3);
-let __envive_ai_react_icons_LatencyIconStep4 = require("@envive-ai/react-icons/LatencyIconStep4");
-__envive_ai_react_icons_LatencyIconStep4 = require_rolldown_runtime.__toESM(__envive_ai_react_icons_LatencyIconStep4);
-let __envive_ai_react_icons_LatencyIconStep5 = require("@envive-ai/react-icons/LatencyIconStep5");
-__envive_ai_react_icons_LatencyIconStep5 = require_rolldown_runtime.__toESM(__envive_ai_react_icons_LatencyIconStep5);
-let __envive_ai_react_icons_LatencyIconEmptyStep = require("@envive-ai/react-icons/LatencyIconEmptyStep");
-__envive_ai_react_icons_LatencyIconEmptyStep = require_rolldown_runtime.__toESM(__envive_ai_react_icons_LatencyIconEmptyStep);
-
-//#region src/components/Message/hooks/useLatencyAnimation.ts
-const STEP_DURATION_MS = 200;
-const STEP_ICONS = [
-	__envive_ai_react_icons_LatencyIconEmptyStep.default,
-	__envive_ai_react_icons_LatencyIconStep4.default,
-	__envive_ai_react_icons_LatencyIconStep5.default,
-	__envive_ai_react_icons_LatencyIconStep1.default,
-	__envive_ai_react_icons_LatencyIconStep2.default,
-	__envive_ai_react_icons_LatencyIconStep3.default
-];
-/**
-* Hook that manages the latency animation sequence with sparkle icons.
-* @returns Current step number and the React component for the current step's icon
-*/
-const useLatencyAnimation = (isLoading) => {
-	const [currentStep, setCurrentStep] = (0, react.useState)(0);
-	(0, react.useEffect)(() => {
-		if (!isLoading) {
-			setCurrentStep(0);
-			return;
-		}
-		const interval = setInterval(() => {
-			setCurrentStep((prevStep) => {
-				return prevStep >= STEP_ICONS.length - 1 ? 0 : prevStep + 1;
-			});
-		}, STEP_DURATION_MS);
-		return () => {
-			clearInterval(interval);
-		};
-	}, [isLoading]);
-	return {
-		currentStep,
-		IconComponent: STEP_ICONS[currentStep] || __envive_ai_react_icons_LatencyIconStep1.default
-	};
-};
-
-//#endregion
-exports.useLatencyAnimation = useLatencyAnimation;

package/dist/Message/hooks/useLatencyAnimation.js

@@ -1,46 +0,0 @@
-import { useEffect, useState } from "react";
-import LatencyIconStep1 from "@envive-ai/react-icons/LatencyIconStep1";
-import LatencyIconStep2 from "@envive-ai/react-icons/LatencyIconStep2";
-import LatencyIconStep3 from "@envive-ai/react-icons/LatencyIconStep3";
-import LatencyIconStep4 from "@envive-ai/react-icons/LatencyIconStep4";
-import LatencyIconStep5 from "@envive-ai/react-icons/LatencyIconStep5";
-import LatencyIconEmptyStep from "@envive-ai/react-icons/LatencyIconEmptyStep";
-
-//#region src/components/Message/hooks/useLatencyAnimation.ts
-const STEP_DURATION_MS = 200;
-const STEP_ICONS = [
-	LatencyIconEmptyStep,
-	LatencyIconStep4,
-	LatencyIconStep5,
-	LatencyIconStep1,
-	LatencyIconStep2,
-	LatencyIconStep3
-];
-/**
-* Hook that manages the latency animation sequence with sparkle icons.
-* @returns Current step number and the React component for the current step's icon
-*/
-const useLatencyAnimation = (isLoading) => {
-	const [currentStep, setCurrentStep] = useState(0);
-	useEffect(() => {
-		if (!isLoading) {
-			setCurrentStep(0);
-			return;
-		}
-		const interval = setInterval(() => {
-			setCurrentStep((prevStep) => {
-				return prevStep >= STEP_ICONS.length - 1 ? 0 : prevStep + 1;
-			});
-		}, STEP_DURATION_MS);
-		return () => {
-			clearInterval(interval);
-		};
-	}, [isLoading]);
-	return {
-		currentStep,
-		IconComponent: STEP_ICONS[currentStep] || LatencyIconStep1
-	};
-};
-
-//#endregion
-export { useLatencyAnimation };

package/dist/Message/hooks/useVariantStyleProperties.cjs

@@ -1,33 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../types/index.cjs');
-let react = require("react");
-
-//#region src/components/Message/hooks/useVariantStyleProperties.ts
-/**
-* Hook that returns CSS classes and style properties for the specified message variant.
-*/
-const useVariantStyleProperties = (variant = require_index.MessageVariant.AGENT) => {
-	return (0, react.useMemo)(() => {
-		return {
-			[require_index.MessageVariant.AGENT]: {
-				containerLayoutClasses: "envive-tw-flex envive-tw-flex-col envive-tw-gap-2",
-				containerBackgroundClasses: "",
-				containerBorderClasses: "",
-				containerRadiusClasses: "envive-tw-rounded-md",
-				contentClasses: "",
-				userContentClasses: ""
-			},
-			[require_index.MessageVariant.USER]: {
-				containerLayoutClasses: "envive-tw-inline-flex envive-tw-flex-row envive-tw-justify-center envive-tw-items-center envive-tw-content-center envive-tw-gap-[10px] envive-tw-flex-wrap envive-tw-px-4 envive-tw-py-2",
-				containerBackgroundClasses: "envive-tw-bg-background-dark",
-				containerBorderClasses: "",
-				containerRadiusClasses: "envive-tw-rounded-[16px_16px_0_16px]",
-				contentClasses: "",
-				userContentClasses: ""
-			}
-		}[variant];
-	}, [variant]);
-};
-
-//#endregion
-exports.useVariantStyleProperties = useVariantStyleProperties;

package/dist/Message/types/index.d.cts

@@ -1,60 +0,0 @@
-//#region src/components/Message/types/index.d.ts
-/**
- * Visual variant of the message component.
- */
-declare enum MessageVariant {
-  AGENT = "agent",
-  USER = "user",
-}
-/**
- * Type of the message content.
- */
-
-/**
- * Props accepted by the `Message` component.
- */
-interface MessageProps {
-  /**
-   * Visual variant of the message (agent or user).
-   * Defaults to 'agent'.
-   */
-  variant?: MessageVariant;
-  /**
-   * Name of the agent. Required when variant is 'agent'.
-   */
-  agentName?: string;
-  /**
-   * Content of the message. Can contain text and URLs.
-   */
-  content?: string;
-  /**
-   * When true, shows loading skeleton instead of content.
-   */
-  isLoading?: boolean;
-  /**
-   * When true, shows sparkle animation.
-   */
-  showSparkle?: boolean;
-  /**
-   * Accessible label for the message container, used by screen readers.
-   */
-  ariaLabel?: string;
-  /**
-   * Unique `id` attribute attached to the rendered element.
-   */
-  id?: string;
-  /**
-   * Adds a `data-testid` attribute for testing utilities.
-   */
-  testId?: string;
-  /**
-   * Additional class names appended to the computed message classes.
-   */
-  className?: string;
-  /**
-   * Inline styles forwarded to the rendered element.
-   */
-  style?: React.CSSProperties;
-}
-//#endregion
-export { MessageProps, MessageVariant };

package/dist/Message/types/index.d.ts

@@ -1,60 +0,0 @@
-//#region src/components/Message/types/index.d.ts
-/**
- * Visual variant of the message component.
- */
-declare enum MessageVariant {
-  AGENT = "agent",
-  USER = "user",
-}
-/**
- * Type of the message content.
- */
-
-/**
- * Props accepted by the `Message` component.
- */
-interface MessageProps {
-  /**
-   * Visual variant of the message (agent or user).
-   * Defaults to 'agent'.
-   */
-  variant?: MessageVariant;
-  /**
-   * Name of the agent. Required when variant is 'agent'.
-   */
-  agentName?: string;
-  /**
-   * Content of the message. Can contain text and URLs.
-   */
-  content?: string;
-  /**
-   * When true, shows loading skeleton instead of content.
-   */
-  isLoading?: boolean;
-  /**
-   * When true, shows sparkle animation.
-   */
-  showSparkle?: boolean;
-  /**
-   * Accessible label for the message container, used by screen readers.
-   */
-  ariaLabel?: string;
-  /**
-   * Unique `id` attribute attached to the rendered element.
-   */
-  id?: string;
-  /**
-   * Adds a `data-testid` attribute for testing utilities.
-   */
-  testId?: string;
-  /**
-   * Additional class names appended to the computed message classes.
-   */
-  className?: string;
-  /**
-   * Inline styles forwarded to the rendered element.
-   */
-  style?: React.CSSProperties;
-}
-//#endregion
-export { MessageProps, MessageVariant };

package/dist/OrderLookupCard/OrderLookupCard.cjs

@@ -1,76 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
-const require_Stack = require('../Stack/Stack.cjs');
-require('../Stack/index.cjs');
-const require_resolveTheme = require('../utils/resolveTheme.cjs');
-const require_useGetImageBorderRadiusProperties = require('./hooks/useGetImageBorderRadiusProperties.cjs');
-const require_index = require('./components/index.cjs');
-const require_useGetContainerProperties = require('./hooks/useGetContainerProperties.cjs');
-const require_getProductImagesToDisplay = require('./utils/getProductImagesToDisplay.cjs');
-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);
-
-//#region src/components/OrderLookupCard/OrderLookupCard.tsx
-/**
-* Renders a card with product images, order status, order number, date, and track order button.
-* Supports four visual themes: Standard, Modern, Minimal, and GLOBAL_CUSTOM.
-* GLOBAL_CUSTOM (default) uses CSS variable --envive-global-custom-theme.
-*/
-const OrderLookupCard = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, productImages, orderStatus, orderNumber, orderDate, locale = typeof navigator !== "undefined" ? navigator.language : "en-US", placedLabel, orderLabel, trackOrderUrl, onTrackOrderClick, ariaLabel, productImagesAriaLabel, statusLabelAriaLabel, moreProductsOverlayAriaLabel, moreProductsLabel, trackOrderAriaLabel, trackOrderLabel, id, testId, className, style }) => {
-	const currentTheme = require_resolveTheme.resolveTheme(theme);
-	const containerProperties = require_useGetContainerProperties.useGetContainerProperties(currentTheme);
-	const imagesToDisplay = require_getProductImagesToDisplay.getProductImagesToDisplay(productImages);
-	const moreProductsCount = require_calculateMoreProductsCount.calculateMoreProductsCount(productImages);
-	const formattedOrderNumber = require_formatOrderNumber.formatOrderNumber(orderNumber, orderLabel);
-	const formattedDate = `${placedLabel} ${require_formatOrderDate.formatOrderDate(orderDate, locale)}`;
-	const imageBorderRadiusClass = require_useGetImageBorderRadiusProperties.useGetImageBorderRadiusProperties(currentTheme);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, classnames.default)(containerProperties.layoutClasses, containerProperties.defaultClasses, containerProperties.hoverClasses, className),
-		style,
-		id,
-		"data-testid": testId,
-		role: ariaLabel ? "region" : void 0,
-		"aria-label": ariaLabel,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.OrderLookupCardComponents.Layout, {
-			productImagesGrid: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.OrderLookupCardComponents.ProductImagesGrid, {
-				images: imagesToDisplay,
-				moreProductsCount,
-				theme: currentTheme,
-				imageBorderRadiusClass,
-				ariaLabel: productImagesAriaLabel,
-				moreProductsOverlayAriaLabel,
-				moreProductsLabel
-			}),
-			content: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
-				direction: "column",
-				gap: 2,
-				justify: "between",
-				className: "envive-tw-flex-1 envive-tw-pt-2",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.OrderLookupCardComponents.StatusLabel, {
-						text: orderStatus,
-						theme: currentTheme,
-						ariaLabel: statusLabelAriaLabel
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.OrderLookupCardComponents.OrderNumber, { text: formattedOrderNumber }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.OrderLookupCardComponents.OrderDate, { text: formattedDate }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.OrderLookupCardComponents.TrackOrderLink, {
-						orderNumber,
-						trackOrderLabel,
-						theme: currentTheme,
-						trackOrderUrl,
-						onTrackOrderClick,
-						ariaLabel: trackOrderAriaLabel
-					})
-				]
-			})
-		})
-	});
-};
-
-//#endregion
-exports.OrderLookupCard = OrderLookupCard;