@envive-ai/react-toolkit 0.1.4 → 0.1.5

package/dist/ButtonBase/index.cjs

@@ -0,0 +1,6 @@
+const require_ButtonBase = require('../ButtonBase-Dlh3bpR3.cjs');
+require('../textVariantClasses-BnV4wXaw.cjs');
+require('../Text-CgOYTs8D.cjs');
+
+exports.ButtonBase = require_ButtonBase.ButtonBase;
+exports.ButtonBaseOverrides = require_ButtonBase.ButtonBaseOverrides;

package/dist/ButtonBase/index.d.cts

@@ -0,0 +1,43 @@
+import { TestProps } from "../types-BQYpWDJ4.cjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ButtonHTMLAttributes, CSSProperties } from "react";
+
+//#region src/components/ButtonBase/types.d.ts
+interface ButtonHoverStyles extends CSSProperties {
+  backgroundColor?: string;
+  color?: string;
+}
+interface ButtonBaseProps extends TestProps {
+  type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+  isDisabled?: boolean;
+  dataAttributes?: Record<string, string>;
+  buttonClass?: string;
+  text: string;
+  textClass?: string;
+  icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+  iconClass?: string;
+  onClick?: () => void;
+  disablePadding?: boolean;
+}
+declare enum ButtonBaseOverrides {
+  BUTTON = "spiffy-button-base-button",
+  BUTTON_TEXT = "spiffy-button-base-button-text",
+  BUTTON_ICON = "spiffy-button-base-button-icon",
+}
+//#endregion
+//#region src/components/ButtonBase/ButtonBase.d.ts
+declare const ButtonBase: ({
+  type,
+  isDisabled,
+  dataAttributes,
+  buttonClass,
+  text,
+  textClass,
+  icon,
+  iconClass,
+  dataTestId,
+  onClick,
+  disablePadding
+}: ButtonBaseProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/{common/ButtonBase/ButtonBase.d.ts → ButtonBase/index.d.ts}

@@ -1,9 +1,12 @@
-import { TestProps } from "../../types-Cph97xkm.js";
-import { ButtonHTMLAttributes } from "react";
+import { TestProps } from "../types-DpfHwTzY.js";
+import { ButtonHTMLAttributes, CSSProperties } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/common/ButtonBase/types.d.ts
-
+//#region src/components/ButtonBase/types.d.ts
+interface ButtonHoverStyles extends CSSProperties {
+  backgroundColor?: string;
+  color?: string;
+}
 interface ButtonBaseProps extends TestProps {
   type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
   isDisabled?: boolean;
@@ -16,8 +19,13 @@ interface ButtonBaseProps extends TestProps {
   onClick?: () => void;
   disablePadding?: boolean;
 }
+declare enum ButtonBaseOverrides {
+  BUTTON = "spiffy-button-base-button",
+  BUTTON_TEXT = "spiffy-button-base-button-text",
+  BUTTON_ICON = "spiffy-button-base-button-icon",
+}
 //#endregion
-//#region src/components/common/ButtonBase/ButtonBase.d.ts
+//#region src/components/ButtonBase/ButtonBase.d.ts
 declare const ButtonBase: ({
   type,
   isDisabled,
@@ -32,4 +40,4 @@ declare const ButtonBase: ({
   disablePadding
 }: ButtonBaseProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ButtonBase };
+export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/ButtonBase/index.js

@@ -0,0 +1,5 @@
+import { ButtonBase, ButtonBaseOverrides } from "../ButtonBase-CpmFsiUf.js";
+import "../textVariantClasses-CnjwO2Fv.js";
+import "../Text-BMg3d10t.js";
+
+export { ButtonBase, ButtonBaseOverrides };

package/dist/{ButtonBase-C1rsL9gO.js → ButtonBase-CpmFsiUf.js}

@@ -1,9 +1,9 @@
-import { Text } from "./Text-Bdv7F5-u.js";
+import { Text } from "./Text-BMg3d10t.js";
 import classNames from "classnames";
 import { createElement, useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/common/ButtonBase/types.ts
+//#region src/components/ButtonBase/types.ts
 let ButtonBaseOverrides = /* @__PURE__ */ function(ButtonBaseOverrides$1) {
 	ButtonBaseOverrides$1["BUTTON"] = "spiffy-button-base-button";
 	ButtonBaseOverrides$1["BUTTON_TEXT"] = "spiffy-button-base-button-text";
@@ -12,7 +12,7 @@ let ButtonBaseOverrides = /* @__PURE__ */ function(ButtonBaseOverrides$1) {
 }({});
 
 //#endregion
-//#region src/components/common/ButtonBase/ButtonBase.tsx
+//#region src/components/ButtonBase/ButtonBase.tsx
 const ButtonBase = ({ type = "button", isDisabled = false, dataAttributes, buttonClass, text, textClass, icon, iconClass = "spiffy-tw-w-[21px] spiffy-tw-h-[21px]", dataTestId, onClick, disablePadding = false }) => {
 	const buttonRef = useRef(null);
 	const buttonClassName = classNames({
@@ -57,4 +57,4 @@ const ButtonBase = ({ type = "button", isDisabled = false, dataAttributes, butto
 };
 
 //#endregion
-export { ButtonBase };
+export { ButtonBase, ButtonBaseOverrides };

package/dist/{ButtonBase-a8uj6c2f.cjs → ButtonBase-Dlh3bpR3.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-C04c4Z93.cjs');
+const require_Text = require('./Text-CgOYTs8D.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react = require("react");
@@ -7,7 +7,7 @@ react = require_chunk.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
-//#region src/components/common/ButtonBase/types.ts
+//#region src/components/ButtonBase/types.ts
 let ButtonBaseOverrides = /* @__PURE__ */ function(ButtonBaseOverrides$1) {
 	ButtonBaseOverrides$1["BUTTON"] = "spiffy-button-base-button";
 	ButtonBaseOverrides$1["BUTTON_TEXT"] = "spiffy-button-base-button-text";
@@ -16,7 +16,7 @@ let ButtonBaseOverrides = /* @__PURE__ */ function(ButtonBaseOverrides$1) {
 }({});
 
 //#endregion
-//#region src/components/common/ButtonBase/ButtonBase.tsx
+//#region src/components/ButtonBase/ButtonBase.tsx
 const ButtonBase = ({ type = "button", isDisabled = false, dataAttributes, buttonClass, text, textClass, icon, iconClass = "spiffy-tw-w-[21px] spiffy-tw-h-[21px]", dataTestId, onClick, disablePadding = false }) => {
 	const buttonRef = (0, react.useRef)(null);
 	const buttonClassName = (0, classnames.default)({
@@ -66,4 +66,10 @@ Object.defineProperty(exports, 'ButtonBase', {
   get: function () {
     return ButtonBase;
   }
+});
+Object.defineProperty(exports, 'ButtonBaseOverrides', {
+  enumerable: true,
+  get: function () {
+    return ButtonBaseOverrides;
+  }
 });

package/dist/{AppliedFiltersScrollbar-BlcyhZkZ.cjs → DynamicFiltersScrollbar-D8Lms7Ox.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-C04c4Z93.cjs');
+const require_Text = require('./Text-CgOYTs8D.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -7,7 +7,7 @@ react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
 react_indiana_drag_scroll = require_chunk.__toESM(react_indiana_drag_scroll);
 
-//#region src/components/search/FilterScrollbar/AppliedFiltersScrollbar.tsx
+//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx
 const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
 	if (selectedFilterOptions.length === 0) return null;
 	const filterDefaultWithoutBg = filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim();
@@ -44,10 +44,42 @@ const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, f
 	});
 };
 
+//#endregion
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx
+const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
+		className: filterBarClassNames,
+		hideScrollbars: true,
+		children: availableDynamicFilters.map(({ name, displayName }) => {
+			const buttonClasses = (0, classnames.default)("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: buttonClasses,
+				onClick: () => {
+					onToggleDynamicFilter({
+						filter: name,
+						dynamicFilterDisplayName: displayName
+					});
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+					variant: "body3",
+					children: displayName
+				})
+			}, name);
+		})
+	});
+};
+
 //#endregion
 Object.defineProperty(exports, 'AppliedFiltersScrollbar', {
   enumerable: true,
   get: function () {
     return AppliedFiltersScrollbar;
   }
+});
+Object.defineProperty(exports, 'DynamicFiltersScrollbar', {
+  enumerable: true,
+  get: function () {
+    return DynamicFiltersScrollbar;
+  }
 });

package/dist/{AppliedFiltersScrollbar-DFGzRemu.js → DynamicFiltersScrollbar-t_JASmYC.js}

@@ -1,9 +1,9 @@
-import { Text } from "./Text-Bdv7F5-u.js";
+import { Text } from "./Text-BMg3d10t.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import ScrollContainer from "react-indiana-drag-scroll";
 
-//#region src/components/search/FilterScrollbar/AppliedFiltersScrollbar.tsx
+//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx
 const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
 	if (selectedFilterOptions.length === 0) return null;
 	const filterDefaultWithoutBg = filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim();
@@ -41,4 +41,30 @@ const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, f
 };
 
 //#endregion
-export { AppliedFiltersScrollbar };
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx
+const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => {
+	return /* @__PURE__ */ jsx(ScrollContainer, {
+		className: filterBarClassNames,
+		hideScrollbars: true,
+		children: availableDynamicFilters.map(({ name, displayName }) => {
+			const buttonClasses = classNames("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
+			return /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: buttonClasses,
+				onClick: () => {
+					onToggleDynamicFilter({
+						filter: name,
+						dynamicFilterDisplayName: displayName
+					});
+				},
+				children: /* @__PURE__ */ jsx(Text, {
+					variant: "body3",
+					children: displayName
+				})
+			}, name);
+		})
+	});
+};
+
+//#endregion
+export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.cjs

@@ -0,0 +1,6 @@
+require('../textVariantClasses-BnV4wXaw.cjs');
+require('../Text-CgOYTs8D.cjs');
+const require_DynamicFiltersScrollbar = require('../DynamicFiltersScrollbar-D8Lms7Ox.cjs');
+
+exports.AppliedFiltersScrollbar = require_DynamicFiltersScrollbar.AppliedFiltersScrollbar;
+exports.DynamicFiltersScrollbar = require_DynamicFiltersScrollbar.DynamicFiltersScrollbar;

package/dist/FilterScrollbar/index.d.cts

@@ -0,0 +1,47 @@
+import { SelectedFilterOption } from "../types-C-Jrlw5Z.cjs";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
+interface AppliedFiltersScrollbarProps {
+  selectedFilterOptions: SelectedFilterOption[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  appliedFilterBackgroundClasses: string;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+}
+declare const AppliedFiltersScrollbar: ({
+  selectedFilterOptions,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  appliedFilterBackgroundClasses,
+  onRemoveFilter
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
+interface DynamicFiltersScrollbarProps {
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const DynamicFiltersScrollbar: ({
+  availableDynamicFilters,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  onToggleDynamicFilter
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.d.ts

@@ -0,0 +1,47 @@
+import { SelectedFilterOption } from "../types-B19i3fxM.js";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
+interface AppliedFiltersScrollbarProps {
+  selectedFilterOptions: SelectedFilterOption[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  appliedFilterBackgroundClasses: string;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+}
+declare const AppliedFiltersScrollbar: ({
+  selectedFilterOptions,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  appliedFilterBackgroundClasses,
+  onRemoveFilter
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
+interface DynamicFiltersScrollbarProps {
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const DynamicFiltersScrollbar: ({
+  availableDynamicFilters,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  onToggleDynamicFilter
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.js

@@ -0,0 +1,5 @@
+import "../textVariantClasses-CnjwO2Fv.js";
+import "../Text-BMg3d10t.js";
+import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-t_JASmYC.js";
+
+export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/Headline/index.cjs

@@ -0,0 +1,4 @@
+require('../textVariantClasses-BnV4wXaw.cjs');
+const require_Headline = require('../Headline-CdddUGwy.cjs');
+
+exports.Headline = require_Headline.Headline;

package/dist/{common/Headline/Headline.d.ts → Headline/index.d.cts}

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
-//#region src/components/common/Headline/Headline.d.ts
+//#region src/components/Headline/Headline.d.ts
 type HeadlineVariant = 't1' | 't2' | 't3' | 'h1' | 'h2' | 'h3' | 'h4';
 type HeadlineProps = {
   children: React.ReactNode;
@@ -16,6 +16,6 @@ declare const Headline: ({
   style,
   testId,
   variant
-}: HeadlineProps) => react_jsx_runtime10.JSX.Element;
+}: HeadlineProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { Headline, HeadlineProps, HeadlineVariant };

package/dist/{common/Headline/Headline.d.cts → Headline/index.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime2 from "react/jsx-runtime";
 
-//#region src/components/common/Headline/Headline.d.ts
+//#region src/components/Headline/Headline.d.ts
 type HeadlineVariant = 't1' | 't2' | 't3' | 'h1' | 'h2' | 'h3' | 'h4';
 type HeadlineProps = {
   children: React.ReactNode;

package/dist/Headline/index.js

@@ -0,0 +1,4 @@
+import "../textVariantClasses-CnjwO2Fv.js";
+import { Headline } from "../Headline-COAnonc2.js";
+
+export { Headline };

package/dist/{Headline-8on6ZB9e.js → Headline-COAnonc2.js}

@@ -1,8 +1,8 @@
-import { HeadlineVariantMap } from "./textVariantClasses-5t3OricK.js";
+import { HeadlineVariantMap } from "./textVariantClasses-CnjwO2Fv.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/common/Headline/Headline.tsx
+//#region src/components/Headline/Headline.tsx
 const Headline = ({ children, className, style, testId, variant = "h1" }) => {
 	const variantClassNames = variant ? HeadlineVariantMap[variant] : {};
 	const textClassNames = classNames(className, variantClassNames, { "spiffy-tw-font-[Poppins,sans-serif]": true });

package/dist/{Headline-CcWn0w-a.cjs → Headline-CdddUGwy.cjs}

@@ -1,11 +1,11 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_textVariantClasses = require('./textVariantClasses-Bhf4VY5z.cjs');
+const require_textVariantClasses = require('./textVariantClasses-BnV4wXaw.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
-//#region src/components/common/Headline/Headline.tsx
+//#region src/components/Headline/Headline.tsx
 const Headline = ({ children, className, style, testId, variant = "h1" }) => {
 	const variantClassNames = variant ? require_textVariantClasses.HeadlineVariantMap[variant] : {};
 	const textClassNames = (0, classnames.default)(className, variantClassNames, { "spiffy-tw-font-[Poppins,sans-serif]": true });

package/dist/ImageWithFallback/index.cjs

@@ -0,0 +1,3 @@
+const require_ImageWithFallback = require('../ImageWithFallback-By6QdlCR.cjs');
+
+exports.ImageWithFallback = require_ImageWithFallback.ImageWithFallback;

package/dist/{common/ImageWithFallback/ImageWithFallback.d.cts → ImageWithFallback/index.d.cts}

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
 
-//#region src/components/common/ImageWithFallback/ImageWithFallback.d.ts
+//#region src/components/ImageWithFallback/ImageWithFallback.d.ts
 interface ImageWithFallbackProps {
   src: string | undefined;
   alt: string;

package/dist/{common/ImageWithFallback/ImageWithFallback.d.ts → ImageWithFallback/index.d.ts}

@@ -1,7 +1,7 @@
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
-//#region src/components/common/ImageWithFallback/ImageWithFallback.d.ts
+//#region src/components/ImageWithFallback/ImageWithFallback.d.ts
 interface ImageWithFallbackProps {
   src: string | undefined;
   alt: string;
@@ -21,6 +21,6 @@ declare const ImageWithFallback: ({
   imageClassnames,
   onLoad,
   onError
-}: ImageWithFallbackProps) => react_jsx_runtime3.JSX.Element;
+}: ImageWithFallbackProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ImageWithFallback/index.js

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

package/dist/{ImageWithFallback-ioeMFrTf.cjs → ImageWithFallback-By6QdlCR.cjs}

@@ -6,7 +6,7 @@ react = require_chunk.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
-//#region src/components/common/ImageWithFallback/ImageWithFallback.tsx
+//#region src/components/ImageWithFallback/ImageWithFallback.tsx
 const ImageWithFallback = ({ src, alt, dataTestId, fallbackClassnames, fallback, imageClassnames, onLoad, onError }) => {
 	const [isLoaded, setIsLoaded] = (0, react.useState)(false);
 	const [isError, setIsError] = (0, react.useState)(false);

package/dist/{ImageWithFallback-gN5HDS9L.js → ImageWithFallback-DtUrq_bk.js}

@@ -2,7 +2,7 @@ import classNames from "classnames";
 import React, { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/common/ImageWithFallback/ImageWithFallback.tsx
+//#region src/components/ImageWithFallback/ImageWithFallback.tsx
 const ImageWithFallback = ({ src, alt, dataTestId, fallbackClassnames, fallback, imageClassnames, onLoad, onError }) => {
 	const [isLoaded, setIsLoaded] = useState(false);
 	const [isError, setIsError] = useState(false);

package/dist/ProductCard/index.cjs

@@ -0,0 +1,18 @@
+require('../textVariantClasses-BnV4wXaw.cjs');
+require('../Text-CgOYTs8D.cjs');
+require('../Headline-CdddUGwy.cjs');
+require('../ImageWithFallback-By6QdlCR.cjs');
+const require_ProductCard = require('../ProductCard-CvTRvhm7.cjs');
+require('../Spinner-DX35Epv3.cjs');
+const require_ProductCardSkeleton = require('../ProductCardSkeleton-BzBK36m-.cjs');
+
+exports.AnimatedProductCardOverrides = require_ProductCardSkeleton.AnimatedProductCardOverrides;
+exports.PriceSection = require_ProductCard.PriceSection;
+exports.ProductCard = require_ProductCard.ProductCard;
+exports.ProductCardSkeleton = require_ProductCardSkeleton.ProductCardSkeleton;
+exports.ProductCardSkeletonOverrides = require_ProductCardSkeleton.ProductCardSkeletonOverrides;
+exports.RatingSummary = require_ProductCard.RatingSummary;
+exports.productCardLayoutVariantClasses = require_ProductCard.productCardLayoutVariantClasses;
+exports.variantClassMap = require_ProductCard.variantClassMap;
+exports.variantHoverClassMap = require_ProductCard.variantHoverClassMap;
+exports.variantTitleColorMap = require_ProductCard.variantTitleColorMap;

package/dist/{common/ProductCard/ProductCard.d.ts → ProductCard/index.d.cts}

@@ -1,6 +1,7 @@
-import { TestProps } from "../../types-Cph97xkm.js";
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant } from "../../types-53zIialA.js";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import { TestProps } from "../types-BQYpWDJ4.cjs";
+import { AnimatedProductCardOverrides, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, SearchResponseProductAttributes } from "../types-Dvgr3ZeV.cjs";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+import { FC } from "react";
 
 //#region src/config/chatElementDisplayLocation.d.ts
 declare enum ChatElementDisplayLocation {
@@ -25,7 +26,7 @@ declare enum ChatElementDisplayLocation {
   WINDOW_API_CALL = "window_api_call",
 }
 //#endregion
-//#region src/components/common/ProductCard/ProductCard.d.ts
+//#region src/components/ProductCard/ProductCard.d.ts
 interface RatingSummaryProps {
   stars: number;
   reviewCount: number;
@@ -35,7 +36,7 @@ declare const RatingSummary: ({
   stars,
   reviewCount,
   className
-}: RatingSummaryProps) => react_jsx_runtime15.JSX.Element;
+}: RatingSummaryProps) => react_jsx_runtime12.JSX.Element;
 interface PriceSectionProps {
   originalPrice?: string;
   salePrice?: string;
@@ -45,7 +46,7 @@ declare const PriceSection: ({
   originalPrice,
   salePrice,
   pricePrefix
-}: PriceSectionProps) => react_jsx_runtime15.JSX.Element;
+}: PriceSectionProps) => react_jsx_runtime12.JSX.Element;
 interface ProductCardProps extends TestProps {
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
@@ -86,6 +87,23 @@ declare const ProductCard: ({
   aspectRatio,
   growWithContainer,
   handleClick
-}: ProductCardProps) => react_jsx_runtime15.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
-export { PriceSection, ProductCard, RatingSummary };
+//#region src/components/ProductCard/ProductCardSkeleton.d.ts
+interface ProductCardSkeletonProps$1 {
+  layoutVariant: ProductCardLayoutVariant;
+  aspectRatio?: '3:4' | 'square' | 'none';
+  growWithContainer?: boolean;
+}
+declare const ProductCardSkeleton: FC<ProductCardSkeletonProps$1>;
+//#endregion
+//#region src/components/ProductCard/productCardVariants.d.ts
+/**
+ * Shared variant mapping configurations for ProductCard components
+ */
+declare const variantClassMap: Map<ProductCardVariant, string[]>;
+declare const variantHoverClassMap: Map<ProductCardHoverVariant, string[]>;
+declare const variantTitleColorMap: Map<ProductCardVariant, string>;
+declare const productCardLayoutVariantClasses: Record<ProductCardLayoutVariant, Record<string, string[]>>;
+//#endregion
+export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/{common/ProductCard/ProductCard.d.cts → ProductCard/index.d.ts}

@@ -1,5 +1,6 @@
-import { TestProps } from "../../types-TYhhwWZw.cjs";
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant } from "../../types-aa4flfRE.cjs";
+import { TestProps } from "../types-DpfHwTzY.js";
+import { AnimatedProductCardOverrides, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, SearchResponseProductAttributes } from "../types-B7hf-Lif.js";
+import { FC } from "react";
 import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/config/chatElementDisplayLocation.d.ts
@@ -25,7 +26,7 @@ declare enum ChatElementDisplayLocation {
   WINDOW_API_CALL = "window_api_call",
 }
 //#endregion
-//#region src/components/common/ProductCard/ProductCard.d.ts
+//#region src/components/ProductCard/ProductCard.d.ts
 interface RatingSummaryProps {
   stars: number;
   reviewCount: number;
@@ -88,4 +89,21 @@ declare const ProductCard: ({
   handleClick
 }: ProductCardProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
-export { PriceSection, ProductCard, RatingSummary };
+//#region src/components/ProductCard/ProductCardSkeleton.d.ts
+interface ProductCardSkeletonProps$1 {
+  layoutVariant: ProductCardLayoutVariant;
+  aspectRatio?: '3:4' | 'square' | 'none';
+  growWithContainer?: boolean;
+}
+declare const ProductCardSkeleton: FC<ProductCardSkeletonProps$1>;
+//#endregion
+//#region src/components/ProductCard/productCardVariants.d.ts
+/**
+ * Shared variant mapping configurations for ProductCard components
+ */
+declare const variantClassMap: Map<ProductCardVariant, string[]>;
+declare const variantHoverClassMap: Map<ProductCardHoverVariant, string[]>;
+declare const variantTitleColorMap: Map<ProductCardVariant, string>;
+declare const productCardLayoutVariantClasses: Record<ProductCardLayoutVariant, Record<string, string[]>>;
+//#endregion
+export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/ProductCard/index.js

@@ -0,0 +1,9 @@
+import "../textVariantClasses-CnjwO2Fv.js";
+import "../Text-BMg3d10t.js";
+import "../Headline-COAnonc2.js";
+import "../ImageWithFallback-DtUrq_bk.js";
+import { PriceSection, ProductCard, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../ProductCard-aJbQz6Q7.js";
+import "../Spinner-D9kkaM9d.js";
+import { AnimatedProductCardOverrides, ProductCardSkeleton, ProductCardSkeletonOverrides } from "../ProductCardSkeleton-B6YetUCT.js";
+
+export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };