@envive-ai/react-toolkit-v3 0.3.6 → 0.3.8

package/dist/SocialProof/types/types.d.cts

@@ -9,6 +9,15 @@ declare enum DynamicLayout {
   NARROW = "narrow",
   WIDE = "wide",
 }
+declare enum PageVariant {
+  PLP = "PLP",
+  PDP = "PDP",
+  PageVisit = "PageVisit",
+}
+declare enum WidgetKind {
+  STATIC = "static",
+  DYNAMIC = "dynamic",
+}
 /**
  * Base props for the SocialProof component container.
  *
@@ -31,6 +40,16 @@ type BaseProps = {
    * Inline styles to apply to the container.
    */
   style?: React.CSSProperties;
+  /**
+   * Page variant for localStorage persistence of customer counts (PLP, PDP, or PageVisit).
+   */
+  pageVariant?: PageVariant;
+  /**
+   * Specific identifier for the pageVariant (e.g., productId for PDP, plpId for PLP, category for PageVisit).
+   * Used as the key for localStorage persistence.
+   * Falls back to the `id` prop if not provided.
+   */
+  countKey?: string;
 };
 /**
  * Content props for the SocialProof component.
@@ -47,11 +66,6 @@ type WidgetContentProps = {
    * Text label displayed in the widget title.
    */
   titleLabel: string;
-  /**
-   * Text displaying the number of customers (e.g., "114 customers").
-   * Displayed in the headline section.
-   */
-  numberOfCustomersText?: string;
   /**
    * Text displaying what customers asked (e.g., "asked which products are best for gifting...").
    * Displayed in the headline section alongside the customer count.
@@ -105,6 +119,12 @@ type WidgetStyleProps = {
    * @default WidgetWrapperVariant.CARD_WITH_BORDER
    */
   variant?: WidgetWrapperVariant;
+  /**
+   * Kind of the social proof widget.
+   *
+   * @default WidgetKind.STATIC
+   */
+  kind?: WidgetKind;
   /**
    * Custom hex color for the card background (e.g., "#FF5733").
    * Overrides theme colors when provided.
@@ -213,4 +233,4 @@ type SocialProofProps = {
   widgetEventProps?: WidgetEventProps;
 };
 //#endregion
-export { DynamicLayout, SocialProofProps };
+export { DynamicLayout, PageVariant, SocialProofProps, WidgetKind };

package/dist/SocialProof/types/types.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { WidgetWrapperVariant } from "../../WidgetWrapper/types/types.js";
 import { ImageGalleryImage, ImageGalleryLayout } from "../../ImageGallery/types/types.js";
 import { PromptButtonVariant } from "../../PromptButton/types/index.js";
@@ -9,6 +9,15 @@ declare enum DynamicLayout {
   NARROW = "narrow",
   WIDE = "wide",
 }
+declare enum PageVariant {
+  PLP = "PLP",
+  PDP = "PDP",
+  PageVisit = "PageVisit",
+}
+declare enum WidgetKind {
+  STATIC = "static",
+  DYNAMIC = "dynamic",
+}
 /**
  * Base props for the SocialProof component container.
  *
@@ -31,6 +40,16 @@ type BaseProps = {
    * Inline styles to apply to the container.
    */
   style?: React.CSSProperties;
+  /**
+   * Page variant for localStorage persistence of customer counts (PLP, PDP, or PageVisit).
+   */
+  pageVariant?: PageVariant;
+  /**
+   * Specific identifier for the pageVariant (e.g., productId for PDP, plpId for PLP, category for PageVisit).
+   * Used as the key for localStorage persistence.
+   * Falls back to the `id` prop if not provided.
+   */
+  countKey?: string;
 };
 /**
  * Content props for the SocialProof component.
@@ -47,11 +66,6 @@ type WidgetContentProps = {
    * Text label displayed in the widget title.
    */
   titleLabel: string;
-  /**
-   * Text displaying the number of customers (e.g., "114 customers").
-   * Displayed in the headline section.
-   */
-  numberOfCustomersText?: string;
   /**
    * Text displaying what customers asked (e.g., "asked which products are best for gifting...").
    * Displayed in the headline section alongside the customer count.
@@ -105,6 +119,12 @@ type WidgetStyleProps = {
    * @default WidgetWrapperVariant.CARD_WITH_BORDER
    */
   variant?: WidgetWrapperVariant;
+  /**
+   * Kind of the social proof widget.
+   *
+   * @default WidgetKind.STATIC
+   */
+  kind?: WidgetKind;
   /**
    * Custom hex color for the card background (e.g., "#FF5733").
    * Overrides theme colors when provided.
@@ -213,4 +233,4 @@ type SocialProofProps = {
   widgetEventProps?: WidgetEventProps;
 };
 //#endregion
-export { DynamicLayout, SocialProofProps };
+export { DynamicLayout, PageVariant, SocialProofProps, WidgetKind };

package/dist/SocialProof/types/types.js

@@ -4,6 +4,17 @@ let DynamicLayout = /* @__PURE__ */ function(DynamicLayout$1) {
 	DynamicLayout$1["WIDE"] = "wide";
 	return DynamicLayout$1;
 }({});
+let PageVariant = /* @__PURE__ */ function(PageVariant$1) {
+	PageVariant$1["PLP"] = "PLP";
+	PageVariant$1["PDP"] = "PDP";
+	PageVariant$1["PageVisit"] = "PageVisit";
+	return PageVariant$1;
+}({});
+let WidgetKind = /* @__PURE__ */ function(WidgetKind$1) {
+	WidgetKind$1["STATIC"] = "static";
+	WidgetKind$1["DYNAMIC"] = "dynamic";
+	return WidgetKind$1;
+}({});
 
 //#endregion
-export { DynamicLayout };
+export { DynamicLayout, PageVariant, WidgetKind };

package/dist/SocialProof/utils/functions.cjs

@@ -1,5 +1,5 @@
 const require_utils = require('../../DesignTokens/components/utils.cjs');
-const require_aspectRatio = require('../../tokens/aspectRatio/aspectRatio.cjs');
+const require_aspectRatio = require('../../packages/components-v3/tokens/aspectRatio/aspectRatio.cjs');
 
 //#region src/components/SocialProof/utils/functions.ts
 const calculateWidthImageGallery = (height, numberOfImagesInRow, numberOfImagesInColumn) => {

package/dist/SocialProof/utils/functions.js

@@ -1,5 +1,5 @@
 import { getCSSVariable } from "../../DesignTokens/components/utils.js";
-import { AspectRatioCSSVar } from "../../tokens/aspectRatio/aspectRatio.js";
+import { AspectRatioCSSVar } from "../../packages/components-v3/tokens/aspectRatio/aspectRatio.js";
 
 //#region src/components/SocialProof/utils/functions.ts
 const calculateWidthImageGallery = (height, numberOfImagesInRow, numberOfImagesInColumn) => {

package/dist/Stack/Stack.d.cts

@@ -1,10 +1,10 @@
 import { StackProps } from "./types/index.cjs";
-import * as react184 from "react";
+import * as react8 from "react";
 
 //#region src/components/Stack/Stack.d.ts
 /**
  * Stack component for laying out children in a flexible container with gap.
  */
-declare const Stack: react184.ForwardRefExoticComponent<StackProps & react184.RefAttributes<HTMLDivElement>>;
+declare const Stack: react8.ForwardRefExoticComponent<StackProps & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Stack };

package/dist/TextField/TextField.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../tokens/theme/theme.cjs');
+const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
 const require_index = require('./components/index.cjs');
 const require_useGetSkeletonProperties = require('./hooks/useGetSkeletonProperties.cjs');

package/dist/TextField/TextField.js

@@ -1,4 +1,4 @@
-import { Theme } from "../tokens/theme/theme.js";
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
 import { TextFieldComponents } from "./components/index.js";
 import { useGetSkeletonProperties } from "./hooks/useGetSkeletonProperties.js";

package/dist/TextField/components/Input.cjs

@@ -20,7 +20,7 @@ const Input = ({ theme, placeholder, value, onChange, onKeyDown, onFocus, onBlur
 		onFocus,
 		onBlur,
 		disabled,
-		className: (0, classnames.default)(inputClasses, className, disabled && "envive-tw-cursor-not-allowed"),
+		className: (0, classnames.default)(inputClasses, "focus-visible:envive-tw-shadow-none focus-visible:envive-tw-outline-none", className, disabled && "envive-tw-cursor-not-allowed"),
 		style,
 		"aria-label": ariaLabel,
 		"aria-disabled": disabled

package/dist/TextField/components/Input.js

@@ -18,7 +18,7 @@ const Input = ({ theme, placeholder, value, onChange, onKeyDown, onFocus, onBlur
 		onFocus,
 		onBlur,
 		disabled,
-		className: classNames(inputClasses, className, disabled && "envive-tw-cursor-not-allowed"),
+		className: classNames(inputClasses, "focus-visible:envive-tw-shadow-none focus-visible:envive-tw-outline-none", className, disabled && "envive-tw-cursor-not-allowed"),
 		style,
 		"aria-label": ariaLabel,
 		"aria-disabled": disabled

package/dist/TextField/hooks/useGetContainerProperties.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 let react = require("react");
 
 //#region src/components/TextField/hooks/useGetContainerProperties.ts
@@ -7,7 +7,7 @@ const useGetContainerProperties = ({ theme }) => {
 	return (0, react.useMemo)(() => {
 		const containerClassesMap = {
 			[require_theme.Theme.STANDARD]: {
-				containerLayoutClasses: "envive-tw-flex envive-tw-min-w-[358px] envive-tw-h-[40px] envive-tw-py-2 envive-tw-px-4 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
+				containerLayoutClasses: "envive-tw-flex envive-tw-h-[40px] envive-tw-py-2 envive-tw-px-4 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
 				containerDefaultClasses: "envive-tw-border envive-tw-border-solid envive-tw-bg-background-light envive-tw-rounded-global-custom",
 				containerBorderClasses: "envive-tw-border-border-light",
 				containerBorderActiveClasses: "envive-tw-border-border-dark",
@@ -16,7 +16,7 @@ const useGetContainerProperties = ({ theme }) => {
 				containerDisabledClasses: "envive-tw-opacity-50"
 			},
 			[require_theme.Theme.MODERN]: {
-				containerLayoutClasses: "envive-tw-flex envive-tw-min-w-[358px] envive-tw-h-[40px] envive-tw-py-2 envive-tw-pr-2 envive-tw-pl-4 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
+				containerLayoutClasses: "envive-tw-flex envive-tw-h-[40px] envive-tw-py-2 envive-tw-pr-2 envive-tw-pl-4 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
 				containerDefaultClasses: "envive-tw-border envive-tw-border-solid envive-tw-bg-background-light envive-tw-rounded-[4px]",
 				containerBorderClasses: "envive-tw-border-border-light",
 				containerBorderActiveClasses: "envive-tw-border-border-dark",
@@ -25,7 +25,7 @@ const useGetContainerProperties = ({ theme }) => {
 				containerDisabledClasses: "envive-tw-opacity-50"
 			},
 			[require_theme.Theme.MINIMAL]: {
-				containerLayoutClasses: "envive-tw-flex envive-tw-min-w-[358px] envive-tw-h-[40px] envive-tw-py-2 envive-tw-pr-2 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
+				containerLayoutClasses: "envive-tw-flex envive-tw-h-[40px] envive-tw-py-2 envive-tw-pr-2 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
 				containerDefaultClasses: "envive-tw-border-b envive-tw-border-solid envive-tw-bg-background-light",
 				containerBorderClasses: "envive-tw-border-b-border-medium",
 				containerBorderActiveClasses: "envive-tw-border-b-border-dark",
@@ -34,7 +34,7 @@ const useGetContainerProperties = ({ theme }) => {
 				containerDisabledClasses: "envive-tw-opacity-50"
 			},
 			[require_theme.Theme.GLOBAL_CUSTOM]: {
-				containerLayoutClasses: "envive-tw-flex envive-tw-min-w-[358px] envive-tw-h-[40px] envive-tw-py-2 envive-tw-px-4 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
+				containerLayoutClasses: "envive-tw-flex envive-tw-h-[40px] envive-tw-py-2 envive-tw-px-4 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
 				containerDefaultClasses: "envive-tw-border envive-tw-border-solid envive-tw-bg-background-light envive-tw-rounded-global-custom",
 				containerBorderClasses: "envive-tw-border-border-light",
 				containerBorderActiveClasses: "envive-tw-border-border-dark",

package/dist/TextField/hooks/useGetContainerProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { useMemo } from "react";
 
 //#region src/components/TextField/hooks/useGetContainerProperties.ts
@@ -6,7 +6,7 @@ const useGetContainerProperties = ({ theme }) => {
 	return useMemo(() => {
 		const containerClassesMap = {
 			[Theme.STANDARD]: {
-				containerLayoutClasses: "envive-tw-flex envive-tw-min-w-[358px] envive-tw-h-[40px] envive-tw-py-2 envive-tw-px-4 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
+				containerLayoutClasses: "envive-tw-flex envive-tw-h-[40px] envive-tw-py-2 envive-tw-px-4 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
 				containerDefaultClasses: "envive-tw-border envive-tw-border-solid envive-tw-bg-background-light envive-tw-rounded-global-custom",
 				containerBorderClasses: "envive-tw-border-border-light",
 				containerBorderActiveClasses: "envive-tw-border-border-dark",
@@ -15,7 +15,7 @@ const useGetContainerProperties = ({ theme }) => {
 				containerDisabledClasses: "envive-tw-opacity-50"
 			},
 			[Theme.MODERN]: {
-				containerLayoutClasses: "envive-tw-flex envive-tw-min-w-[358px] envive-tw-h-[40px] envive-tw-py-2 envive-tw-pr-2 envive-tw-pl-4 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
+				containerLayoutClasses: "envive-tw-flex envive-tw-h-[40px] envive-tw-py-2 envive-tw-pr-2 envive-tw-pl-4 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
 				containerDefaultClasses: "envive-tw-border envive-tw-border-solid envive-tw-bg-background-light envive-tw-rounded-[4px]",
 				containerBorderClasses: "envive-tw-border-border-light",
 				containerBorderActiveClasses: "envive-tw-border-border-dark",
@@ -24,7 +24,7 @@ const useGetContainerProperties = ({ theme }) => {
 				containerDisabledClasses: "envive-tw-opacity-50"
 			},
 			[Theme.MINIMAL]: {
-				containerLayoutClasses: "envive-tw-flex envive-tw-min-w-[358px] envive-tw-h-[40px] envive-tw-py-2 envive-tw-pr-2 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
+				containerLayoutClasses: "envive-tw-flex envive-tw-h-[40px] envive-tw-py-2 envive-tw-pr-2 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
 				containerDefaultClasses: "envive-tw-border-b envive-tw-border-solid envive-tw-bg-background-light",
 				containerBorderClasses: "envive-tw-border-b-border-medium",
 				containerBorderActiveClasses: "envive-tw-border-b-border-dark",
@@ -33,7 +33,7 @@ const useGetContainerProperties = ({ theme }) => {
 				containerDisabledClasses: "envive-tw-opacity-50"
 			},
 			[Theme.GLOBAL_CUSTOM]: {
-				containerLayoutClasses: "envive-tw-flex envive-tw-min-w-[358px] envive-tw-h-[40px] envive-tw-py-2 envive-tw-px-4 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
+				containerLayoutClasses: "envive-tw-flex envive-tw-h-[40px] envive-tw-py-2 envive-tw-px-4 envive-tw-justify-between envive-tw-items-center envive-tw-flex-shrink-0",
 				containerDefaultClasses: "envive-tw-border envive-tw-border-solid envive-tw-bg-background-light envive-tw-rounded-global-custom",
 				containerBorderClasses: "envive-tw-border-border-light",
 				containerBorderActiveClasses: "envive-tw-border-border-dark",

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

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 
 //#region src/components/TextField/types/index.d.ts
 type TextFieldProps = {

package/dist/TextField/utils/getInputClasses.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 
 //#region src/components/TextField/utils/getInputClasses.ts
 /**

package/dist/TextField/utils/getInputClasses.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 
 //#region src/components/TextField/utils/getInputClasses.ts
 /**

package/dist/TextField/utils/getSendIconElement.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_CustomIcon = require('../../utils/CustomIcon.cjs');
 const require_getIconColor = require('./getIconColor.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/TextField/utils/getSendIconElement.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { CustomIcon } from "../../utils/CustomIcon.js";
 import { getIconColor } from "./getIconColor.js";
 import { jsx } from "react/jsx-runtime";

package/dist/TitledPromptCarousel/TitledPromptCarousel.cjs

@@ -1,11 +1,11 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../tokens/theme/theme.cjs');
+const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
+require('../Tokens/index.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');
-require('../Tokens/index.cjs');
 const require_PromptButton_types_index = require('../PromptButton/types/index.cjs');
 require('../PromptButton/index.cjs');
 const require_PromptCarousel_types_types = require('../PromptCarousel/types/types.cjs');

package/dist/TitledPromptCarousel/TitledPromptCarousel.d.cts

@@ -1,5 +1,5 @@
 import { TitledPromptCarouselProps } from "./types/index.cjs";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/components/TitledPromptCarousel/TitledPromptCarousel.d.ts
 declare const TitledPromptCarousel: ({
@@ -15,6 +15,6 @@ declare const TitledPromptCarousel: ({
   handleButtonClick,
   promptButtonTexts,
   promptCarouselAriaLabel
-}: TitledPromptCarouselProps) => react_jsx_runtime41.JSX.Element;
+}: TitledPromptCarouselProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { TitledPromptCarousel };

package/dist/TitledPromptCarousel/TitledPromptCarousel.d.ts

@@ -1,5 +1,5 @@
 import { TitledPromptCarouselProps } from "./types/index.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/components/TitledPromptCarousel/TitledPromptCarousel.d.ts
 declare const TitledPromptCarousel: ({
@@ -15,6 +15,6 @@ declare const TitledPromptCarousel: ({
   handleButtonClick,
   promptButtonTexts,
   promptCarouselAriaLabel
-}: TitledPromptCarouselProps) => react_jsx_runtime17.JSX.Element;
+}: TitledPromptCarouselProps) => react_jsx_runtime6.JSX.Element;
 //#endregion
 export { TitledPromptCarousel };

package/dist/TitledPromptCarousel/TitledPromptCarousel.js

@@ -1,10 +1,10 @@
-import { Theme } from "../tokens/theme/theme.js";
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
+import "../Tokens/index.js";
 import { Stack } from "../Stack/Stack.js";
 import "../Stack/index.js";
 import { TypographyVariant } from "../Typography/types/index.js";
 import { Typography } from "../Typography/Typography.js";
 import "../Typography/index.js";
-import "../Tokens/index.js";
 import { PromptButtonVariant } from "../PromptButton/types/index.js";
 import "../PromptButton/index.js";
 import { AnimationSpeed, PromptCarouselRows } from "../PromptCarousel/types/types.js";

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

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

package/dist/Tokens/index.cjs

@@ -1,16 +1,16 @@
-const require_colors = require('../tokens/colors/colors.cjs');
-const require_fontSize = require('../tokens/typography/fontSize.cjs');
-const require_fontWeight = require('../tokens/typography/fontWeight.cjs');
-const require_lineHeight = require('../tokens/typography/lineHeight.cjs');
-const require_letterSpacing = require('../tokens/typography/letterSpacing.cjs');
-const require_fontFamily = require('../tokens/typography/fontFamily.cjs');
-const require_radius = require('../tokens/radius/radius.cjs');
-const require_aspectRatio = require('../tokens/aspectRatio/aspectRatio.cjs');
-const require_theme = require('../tokens/theme/theme.cjs');
-const require_breakpoints = require('../tokens/breakpoints/breakpoints.cjs');
-const require_typography = require('../tokens/typography/typography.cjs');
-const require_spacing = require('../tokens/spacing/spacing.cjs');
-const require_motion = require('../tokens/montion/motion.cjs');
+const require_colors = require('../packages/components-v3/tokens/colors/colors.cjs');
+const require_fontSize = require('../packages/components-v3/tokens/typography/fontSize.cjs');
+const require_fontWeight = require('../packages/components-v3/tokens/typography/fontWeight.cjs');
+const require_lineHeight = require('../packages/components-v3/tokens/typography/lineHeight.cjs');
+const require_letterSpacing = require('../packages/components-v3/tokens/typography/letterSpacing.cjs');
+const require_fontFamily = require('../packages/components-v3/tokens/typography/fontFamily.cjs');
+const require_radius = require('../packages/components-v3/tokens/radius/radius.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_typography = require('../packages/components-v3/tokens/typography/typography.cjs');
+const require_breakpoints = require('../packages/components-v3/tokens/breakpoints/breakpoints.cjs');
+const require_spacing = require('../packages/components-v3/tokens/spacing/spacing.cjs');
+const require_motion = require('../packages/components-v3/tokens/montion/motion.cjs');
 
 exports.FontFamily = require_fontFamily.FontFamily;
 exports.Theme = require_theme.Theme;

package/dist/Tokens/index.d.ts

@@ -1,14 +1,14 @@
-import { Theme } from "../tokens/theme/theme.js";
-import { createTypographyComponents } from "../tokens/typography/typography.js";
-import { FontFamily, fontFamilyVariables } from "../tokens/typography/fontFamily.js";
-import { fontSizeVariables } from "../tokens/typography/fontSize.js";
-import { fontWeightVariables } from "../tokens/typography/fontWeight.js";
-import { lineHeightVariables } from "../tokens/typography/lineHeight.js";
-import { letterSpacingVariables } from "../tokens/typography/letterSpacing.js";
-import { borderRadiusVariables } from "../tokens/radius/radius.js";
-import { screensBreakpointsVariables, tailwindScreens } from "../tokens/breakpoints/breakpoints.js";
-import { spacingVariables } from "../tokens/spacing/spacing.js";
-import { colorsVariables } from "../tokens/colors/colors.js";
-import { animationsVariables, keyFramesVariables } from "../tokens/montion/motion.js";
-import { aspectRatioVariables } from "../tokens/aspectRatio/aspectRatio.js";
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
+import { createTypographyComponents } from "../packages/components-v3/tokens/typography/typography.js";
+import { FontFamily, fontFamilyVariables } from "../packages/components-v3/tokens/typography/fontFamily.js";
+import { fontSizeVariables } from "../packages/components-v3/tokens/typography/fontSize.js";
+import { fontWeightVariables } from "../packages/components-v3/tokens/typography/fontWeight.js";
+import { lineHeightVariables } from "../packages/components-v3/tokens/typography/lineHeight.js";
+import { letterSpacingVariables } from "../packages/components-v3/tokens/typography/letterSpacing.js";
+import { borderRadiusVariables } from "../packages/components-v3/tokens/radius/radius.js";
+import { screensBreakpointsVariables, tailwindScreens } from "../packages/components-v3/tokens/breakpoints/breakpoints.js";
+import { spacingVariables } from "../packages/components-v3/tokens/spacing/spacing.js";
+import { colorsVariables } from "../packages/components-v3/tokens/colors/colors.js";
+import { animationsVariables, keyFramesVariables } from "../packages/components-v3/tokens/montion/motion.js";
+import { aspectRatioVariables } from "../packages/components-v3/tokens/aspectRatio/aspectRatio.js";
 export { FontFamily, Theme, animationsVariables, aspectRatioVariables, borderRadiusVariables, colorsVariables, createTypographyComponents, fontFamilyVariables, fontSizeVariables, fontWeightVariables, keyFramesVariables, letterSpacingVariables, lineHeightVariables, screensBreakpointsVariables, spacingVariables, tailwindScreens };

package/dist/Tokens/index.js

@@ -1,15 +1,15 @@
-import { colorsVariables } from "../tokens/colors/colors.js";
-import { fontSizeVariables } from "../tokens/typography/fontSize.js";
-import { fontWeightVariables } from "../tokens/typography/fontWeight.js";
-import { lineHeightVariables } from "../tokens/typography/lineHeight.js";
-import { letterSpacingVariables } from "../tokens/typography/letterSpacing.js";
-import { FontFamily, fontFamilyVariables } from "../tokens/typography/fontFamily.js";
-import { borderRadiusVariables } from "../tokens/radius/radius.js";
-import { aspectRatioVariables } from "../tokens/aspectRatio/aspectRatio.js";
-import { Theme } from "../tokens/theme/theme.js";
-import { screensBreakpointsVariables, tailwindScreens } from "../tokens/breakpoints/breakpoints.js";
-import { createTypographyComponents } from "../tokens/typography/typography.js";
-import { spacingVariables } from "../tokens/spacing/spacing.js";
-import { animationsVariables, keyFramesVariables } from "../tokens/montion/motion.js";
+import { colorsVariables } from "../packages/components-v3/tokens/colors/colors.js";
+import { fontSizeVariables } from "../packages/components-v3/tokens/typography/fontSize.js";
+import { fontWeightVariables } from "../packages/components-v3/tokens/typography/fontWeight.js";
+import { lineHeightVariables } from "../packages/components-v3/tokens/typography/lineHeight.js";
+import { letterSpacingVariables } from "../packages/components-v3/tokens/typography/letterSpacing.js";
+import { FontFamily, fontFamilyVariables } from "../packages/components-v3/tokens/typography/fontFamily.js";
+import { borderRadiusVariables } from "../packages/components-v3/tokens/radius/radius.js";
+import { aspectRatioVariables } from "../packages/components-v3/tokens/aspectRatio/aspectRatio.js";
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
+import { createTypographyComponents } from "../packages/components-v3/tokens/typography/typography.js";
+import { screensBreakpointsVariables, tailwindScreens } from "../packages/components-v3/tokens/breakpoints/breakpoints.js";
+import { spacingVariables } from "../packages/components-v3/tokens/spacing/spacing.js";
+import { animationsVariables, keyFramesVariables } from "../packages/components-v3/tokens/montion/motion.js";
 
 export { FontFamily, Theme, animationsVariables, aspectRatioVariables, borderRadiusVariables, colorsVariables, createTypographyComponents, fontFamilyVariables, fontSizeVariables, fontWeightVariables, keyFramesVariables, letterSpacingVariables, lineHeightVariables, screensBreakpointsVariables, spacingVariables, tailwindScreens };

package/dist/TypingAnimation/TypingAnimation.cjs

@@ -1,13 +1,13 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_AnimatedText = require('../AnimatedText/AnimatedText.cjs');
 require('../AnimatedText/index.cjs');
-const require_theme = require('../tokens/theme/theme.cjs');
+const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
+require('../Tokens/index.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');
-require('../Tokens/index.cjs');
 const require_PromptButton_types_index = require('../PromptButton/types/index.cjs');
 const require_PromptCarousel_types_types = require('../PromptCarousel/types/types.cjs');
 const require_PromptCarousel = require('../PromptCarousel/PromptCarousel.cjs');

package/dist/TypingAnimation/TypingAnimation.d.cts

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

package/dist/TypingAnimation/TypingAnimation.d.ts

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

package/dist/TypingAnimation/TypingAnimation.js

@@ -1,12 +1,12 @@
 import { AnimatedText } from "../AnimatedText/AnimatedText.js";
 import "../AnimatedText/index.js";
-import { Theme } from "../tokens/theme/theme.js";
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
+import "../Tokens/index.js";
 import { Stack } from "../Stack/Stack.js";
 import "../Stack/index.js";
 import { TypographyColor } from "../Typography/types/index.js";
 import { Typography } from "../Typography/Typography.js";
 import "../Typography/index.js";
-import "../Tokens/index.js";
 import { PromptButtonVariant } from "../PromptButton/types/index.js";
 import { PromptCarouselRows } from "../PromptCarousel/types/types.js";
 import { PromptCarousel } from "../PromptCarousel/PromptCarousel.js";

package/dist/TypingAnimation/hooks/useGetTypographyVariant.cjs

@@ -1,7 +1,7 @@
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
+require('../../Tokens/index.cjs');
 const require_index = require('../../Typography/types/index.cjs');
 require('../../Typography/index.cjs');
-require('../../Tokens/index.cjs');
 
 //#region src/components/TypingAnimation/hooks/useGetTypographyVariant.tsx
 const useGetTypographyVariant = (theme) => {

package/dist/TypingAnimation/hooks/useGetTypographyVariant.js

@@ -1,7 +1,7 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
+import "../../Tokens/index.js";
 import { TypographyVariant } from "../../Typography/types/index.js";
 import "../../Typography/index.js";
-import "../../Tokens/index.js";
 
 //#region src/components/TypingAnimation/hooks/useGetTypographyVariant.tsx
 const useGetTypographyVariant = (theme) => {

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

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { WidgetWrapperVariant } from "../../WidgetWrapper/types/types.js";
 import { PromptButtonVariant } from "../../PromptButton/types/index.js";
 import { PromptCarouselRows } from "../../PromptCarousel/types/types.js";

package/dist/Typography/Typography.d.cts

@@ -1,5 +1,5 @@
 import { TypographyProps } from "./types/index.cjs";
-import * as react0 from "react";
+import * as react5 from "react";
 
 //#region src/components/Typography/Typography.d.ts
 /**
@@ -18,13 +18,13 @@ declare const Typography: ({
   noWrap,
   as,
   "aria-label": ariaLabel
-}: TypographyProps) => react0.DetailedReactHTMLElement<{
+}: TypographyProps) => react5.DetailedReactHTMLElement<{
   'aria-label': string;
   'aria-level'?: number;
-  role?: react0.AriaRole;
+  role?: react5.AriaRole;
   title?: string;
   className: string;
-  style: react0.CSSProperties;
+  style: react5.CSSProperties;
   id: string;
   'data-testid': string;
 }, HTMLElement>;