npm - @envive-ai/react-toolkit-v3 - Versions diffs - 0.3.7 → 0.3.9 - Mend

@envive-ai/react-toolkit-v3 0.3.7 → 0.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (569) hide show

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

@@ -14,6 +14,10 @@ declare enum PageVariant {
   PDP = "PDP",
   PageVisit = "PageVisit",
 }
+declare enum WidgetKind {
+  STATIC = "static",
+  DYNAMIC = "dynamic",
+}
 /**
  * Base props for the SocialProof component container.
  *
@@ -115,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.
@@ -223,4 +233,4 @@ type SocialProofProps = {
   widgetEventProps?: WidgetEventProps;
 };
 //#endregion
-export { DynamicLayout, PageVariant, SocialProofProps };
+export { DynamicLayout, PageVariant, SocialProofProps, WidgetKind };

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

@@ -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";
@@ -14,6 +14,10 @@ declare enum PageVariant {
   PDP = "PDP",
   PageVisit = "PageVisit",
 }
+declare enum WidgetKind {
+  STATIC = "static",
+  DYNAMIC = "dynamic",
+}
 /**
  * Base props for the SocialProof component container.
  *
@@ -115,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.
@@ -223,4 +233,4 @@ type SocialProofProps = {
   widgetEventProps?: WidgetEventProps;
 };
 //#endregion
-export { DynamicLayout, PageVariant, SocialProofProps };
+export { DynamicLayout, PageVariant, SocialProofProps, WidgetKind };

package/dist/SocialProof/types/types.js CHANGED Viewed

@@ -10,6 +10,11 @@ let PageVariant = /* @__PURE__ */ function(PageVariant$1) {
 	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, PageVariant };
+export { DynamicLayout, PageVariant, WidgetKind };

package/dist/SocialProof/utils/functions.cjs CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/dist/Stack/Stack.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 import { StackProps } from "./types/index.js";
-import * as react5 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: react5.ForwardRefExoticComponent<StackProps & react5.RefAttributes<HTMLDivElement>>;
+declare const Stack: react8.ForwardRefExoticComponent<StackProps & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Stack };

package/dist/Stack/hooks/useFormatStackChildren.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 //#region src/components/Stack/hooks/useFormatStackChildren.tsx
 const renderDivider = (divider) => {

package/dist/Stack/hooks/useFormatStackChildren.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Children, cloneElement, isValidElement, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
+import { Children, cloneElement, isValidElement, useMemo } from "react";
 //#region src/components/Stack/hooks/useFormatStackChildren.tsx
 const renderDivider = (divider) => {

package/dist/TextField/TextField.cjs CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/Title/components/Image.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 //#region src/components/Title/components/Image.tsx
 const Image = ({ logo }) => {

package/dist/Title/components/Image.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
 //#region src/components/Title/components/Image.tsx
 const Image = ({ logo }) => {

package/dist/TitledPromptCarousel/TitledPromptCarousel.cjs CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,5 +1,5 @@
 import { TitledPromptCarouselProps } from "./types/index.cjs";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime9.JSX.Element;
+}: TitledPromptCarouselProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { TitledPromptCarousel };

package/dist/TitledPromptCarousel/TitledPromptCarousel.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { TitledPromptCarouselProps } from "./types/index.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime11 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_runtime13.JSX.Element;
+}: TitledPromptCarouselProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { TitledPromptCarousel };

package/dist/TitledPromptCarousel/TitledPromptCarousel.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,13 +1,13 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
 const require_AnimatedText = require('../AnimatedText/AnimatedText.cjs');
 require('../AnimatedText/index.cjs');
-const require_theme = require('../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');
@@ -19,8 +19,8 @@ require('../WidgetWrapper/index.cjs');
 const require_WidgetWrapperWithTitle = require('../WidgetWrapperWithTitle/WidgetWrapperWithTitle.cjs');
 require('../WidgetWrapperWithTitle/index.cjs');
 const require_useGetTypographyVariant = require('./hooks/useGetTypographyVariant.cjs');
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 //#region src/components/TypingAnimation/TypingAnimation.tsx
 const TypingAnimation = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEventProps }) => {

package/dist/TypingAnimation/TypingAnimation.d.cts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { TypingAnimationProps } from "./types/index.cjs";
-import * as react_jsx_runtime11 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_runtime11.JSX.Element;
+}: TypingAnimationProps) => react_jsx_runtime7.JSX.Element;
 //#endregion
 export { TypingAnimation };

package/dist/TypingAnimation/TypingAnimation.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { TypingAnimationProps } from "./types/index.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime7.JSX.Element;
+}: TypingAnimationProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { TypingAnimation };

package/dist/TypingAnimation/TypingAnimation.js CHANGED Viewed

@@ -1,12 +1,12 @@
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
 import { AnimatedText } from "../AnimatedText/AnimatedText.js";
 import "../AnimatedText/index.js";
-import { Theme } from "../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";
@@ -18,8 +18,8 @@ import "../WidgetWrapper/index.js";
 import { WidgetWrapperWithTitle } from "../WidgetWrapperWithTitle/WidgetWrapperWithTitle.js";
 import "../WidgetWrapperWithTitle/index.js";
 import { useGetTypographyVariant } from "./hooks/useGetTypographyVariant.js";
-import { useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
 //#region src/components/TypingAnimation/TypingAnimation.tsx
 const TypingAnimation = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEventProps }) => {

package/dist/TypingAnimation/hooks/useGetTypographyVariant.cjs CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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";