@envive-ai/react-toolkit 0.1.6 → 0.1.7

package/dist/Accordion/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/Accordion/Accordion.d.ts
 interface AccordionProps {
@@ -8,6 +8,6 @@ interface AccordionProps {
 declare const Accordion: ({
   title,
   content
-}: AccordionProps) => react_jsx_runtime0.JSX.Element;
+}: AccordionProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Accordion };

package/dist/Accordion/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/Accordion/Accordion.d.ts
 interface AccordionProps {
@@ -8,6 +8,6 @@ interface AccordionProps {
 declare const Accordion: ({
   title,
   content
-}: AccordionProps) => react_jsx_runtime7.JSX.Element;
+}: AccordionProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { Accordion };

package/dist/AppliedFiltersScrollbar/index.cjs

@@ -0,0 +1,49 @@
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let __envive_ai_react_toolkit_Text = require("@envive-ai/react-toolkit/Text");
+__envive_ai_react_toolkit_Text = require_chunk.__toESM(__envive_ai_react_toolkit_Text);
+let react_jsx_runtime = require("react/jsx-runtime");
+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/AppliedFiltersScrollbar/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();
+	const buttonClasses = (0, classnames.default)(" spiffy-tw-flex spiffy-tw-items-center spiffy-tw-rounded-full spiffy-tw-px-[8px] spiffy-tw-py-[4px] spiffy-tw-whitespace-nowrap", filterHoverClasses, filterDefaultWithoutBg, appliedFilterBackgroundClasses);
+	const iconColor = "currentColor";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
+		className: filterBarClassNames,
+		hideScrollbars: true,
+		children: selectedFilterOptions.map((filter) => {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				className: buttonClasses,
+				type: "button",
+				onClick: () => onRemoveFilter(filter),
+				"aria-label": `Remove filter: ${filter.displayName}`,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-[8px]",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_Text.Text, {
+						variant: "body3",
+						children: filter.displayName
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						width: "10",
+						height: "10",
+						viewBox: "0 0 10 10",
+						fill: "none",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+							d: "M4.59766 4.29297L8.48535 0.405273L9.19238 1.1123L5.30469 5L9.19238 8.8877L8.48535 9.59473L4.59766 5.70703L0.707031 9.59766L0 8.89062L3.89062 5L0 1.10938L0.707031 0.402344L4.59766 4.29297Z",
+							fill: iconColor
+						})
+					})]
+				})
+			}, filter.id);
+		})
+	});
+};
+
+//#endregion
+exports.AppliedFiltersScrollbar = AppliedFiltersScrollbar;

package/dist/AppliedFiltersScrollbar/index.d.cts

@@ -0,0 +1,22 @@
+import { SelectedFilterOption } from "../types-CZHc-1wI.cjs";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/AppliedFiltersScrollbar/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
+export { AppliedFiltersScrollbar };

package/dist/AppliedFiltersScrollbar/index.d.ts

@@ -0,0 +1,22 @@
+import { SelectedFilterOption } from "../types-Bm-qQyO3.js";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/components/AppliedFiltersScrollbar/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_runtime1.JSX.Element;
+//#endregion
+export { AppliedFiltersScrollbar };

package/dist/AppliedFiltersScrollbar/index.js

@@ -0,0 +1,44 @@
+import classNames from "classnames";
+import { Text } from "@envive-ai/react-toolkit/Text";
+import { jsx, jsxs } from "react/jsx-runtime";
+import ScrollContainer from "react-indiana-drag-scroll";
+
+//#region src/components/AppliedFiltersScrollbar/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();
+	const buttonClasses = classNames(" spiffy-tw-flex spiffy-tw-items-center spiffy-tw-rounded-full spiffy-tw-px-[8px] spiffy-tw-py-[4px] spiffy-tw-whitespace-nowrap", filterHoverClasses, filterDefaultWithoutBg, appliedFilterBackgroundClasses);
+	const iconColor = "currentColor";
+	return /* @__PURE__ */ jsx(ScrollContainer, {
+		className: filterBarClassNames,
+		hideScrollbars: true,
+		children: selectedFilterOptions.map((filter) => {
+			return /* @__PURE__ */ jsx("button", {
+				className: buttonClasses,
+				type: "button",
+				onClick: () => onRemoveFilter(filter),
+				"aria-label": `Remove filter: ${filter.displayName}`,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-[8px]",
+					children: [/* @__PURE__ */ jsx(Text, {
+						variant: "body3",
+						children: filter.displayName
+					}), /* @__PURE__ */ jsx("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						width: "10",
+						height: "10",
+						viewBox: "0 0 10 10",
+						fill: "none",
+						children: /* @__PURE__ */ jsx("path", {
+							d: "M4.59766 4.29297L8.48535 0.405273L9.19238 1.1123L5.30469 5L9.19238 8.8877L8.48535 9.59473L4.59766 5.70703L0.707031 9.59766L0 8.89062L3.89062 5L0 1.10938L0.707031 0.402344L4.59766 4.29297Z",
+							fill: iconColor
+						})
+					})]
+				})
+			}, filter.id);
+		})
+	});
+};
+
+//#endregion
+export { AppliedFiltersScrollbar };

package/dist/ButtonBase/index.d.cts

@@ -1,5 +1,5 @@
-import { TestProps } from "../types-BQYpWDJ4.cjs";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import { TestProps } from "../types-D2xCS4y9.cjs";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 import { ButtonHTMLAttributes, CSSProperties } from "react";
 
 //#region src/components/ButtonBase/types.d.ts
@@ -38,6 +38,6 @@ declare const ButtonBase: ({
   dataTestId,
   onClick,
   disablePadding
-}: ButtonBaseProps) => react_jsx_runtime12.JSX.Element;
+}: ButtonBaseProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/ButtonBase/index.d.ts

@@ -1,6 +1,6 @@
-import { TestProps } from "../types-BruEHw-X.js";
+import { TestProps } from "../types-C0UWKVvw.js";
 import { ButtonHTMLAttributes, CSSProperties } from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/ButtonBase/types.d.ts
 interface ButtonHoverStyles extends CSSProperties {
@@ -38,6 +38,6 @@ declare const ButtonBase: ({
   dataTestId,
   onClick,
   disablePadding
-}: ButtonBaseProps) => react_jsx_runtime5.JSX.Element;
+}: ButtonBaseProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/DynamicFiltersScrollbar/index.cjs

@@ -0,0 +1,37 @@
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let __envive_ai_react_toolkit_Text = require("@envive-ai/react-toolkit/Text");
+__envive_ai_react_toolkit_Text = require_chunk.__toESM(__envive_ai_react_toolkit_Text);
+let react_jsx_runtime = require("react/jsx-runtime");
+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/DynamicFiltersScrollbar/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)(__envive_ai_react_toolkit_Text.Text, {
+					variant: "body3",
+					children: displayName
+				})
+			}, name);
+		})
+	});
+};
+
+//#endregion
+exports.DynamicFiltersScrollbar = DynamicFiltersScrollbar;

package/dist/DynamicFiltersScrollbar/index.d.cts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/components/DynamicFiltersScrollbar/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_runtime2.JSX.Element;
+//#endregion
+export { DynamicFiltersScrollbar };

package/dist/DynamicFiltersScrollbar/index.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/DynamicFiltersScrollbar/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 { DynamicFiltersScrollbar };

package/dist/DynamicFiltersScrollbar/index.js

@@ -0,0 +1,32 @@
+import classNames from "classnames";
+import { Text } from "@envive-ai/react-toolkit/Text";
+import { jsx } from "react/jsx-runtime";
+import ScrollContainer from "react-indiana-drag-scroll";
+
+//#region src/components/DynamicFiltersScrollbar/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 { DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import { SelectedFilterOption } from "../types-C-Jrlw5Z.cjs";
+import { SelectedFilterOption } from "../types-CZHc-1wI.cjs";
 import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts

package/dist/FilterScrollbar/index.d.ts

@@ -1,5 +1,5 @@
 import { SelectedFilterOption } from "../types-Bm-qQyO3.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
 interface AppliedFiltersScrollbarProps {
@@ -17,7 +17,7 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime13.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 //#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -42,6 +42,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime13.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/Headline/index.d.ts

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

package/dist/ImageWithFallback/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ImageWithFallback/ImageWithFallback.d.ts
@@ -21,6 +21,6 @@ declare const ImageWithFallback: ({
   imageClassnames,
   onLoad,
   onError
-}: ImageWithFallbackProps) => react_jsx_runtime15.JSX.Element;
+}: ImageWithFallbackProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ImageWithFallback/index.d.ts

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

package/dist/ProductCard/index.d.cts

@@ -1,3 +1,3 @@
-import "../types-BQYpWDJ4.cjs";
-import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-wYn2mEDm.cjs";
+import "../types-D2xCS4y9.cjs";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-B3iEVxkL.cjs";
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/ProductCard/index.d.ts

@@ -1,3 +1,3 @@
-import "../types-BruEHw-X.js";
-import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-CcnuEYQN.js";
+import "../types-C0UWKVvw.js";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-ByucvlTy.js";
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/ProductGrid/index.d.cts

@@ -1,6 +1,6 @@
-import "../types-BQYpWDJ4.cjs";
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-wYn2mEDm.cjs";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import "../types-D2xCS4y9.cjs";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-B3iEVxkL.cjs";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -21,7 +21,7 @@ declare const ProductGrid: ({
   merchantShortName,
   searchResponseId,
   cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime20.JSX.Element;
+}: ProductGridProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/ProductGrid/index.d.ts

@@ -1,6 +1,6 @@
-import "../types-BruEHw-X.js";
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-CcnuEYQN.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import "../types-C0UWKVvw.js";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-ByucvlTy.js";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -21,7 +21,7 @@ declare const ProductGrid: ({
   merchantShortName,
   searchResponseId,
   cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime11.JSX.Element;
+}: ProductGridProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/SearchFilter/index.d.cts

@@ -1,2 +1,2 @@
-import { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem } from "../index-B125udRj.cjs";
+import { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem } from "../index-DlvTcfAg.cjs";
 export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };

package/dist/SearchFilter/index.d.ts

@@ -1,2 +1,2 @@
-import { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem } from "../index-DMXTg_9L.js";
+import { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem } from "../index-DLbdcczl.js";
 export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };

package/dist/SearchInput/index.d.cts

@@ -1,6 +1,6 @@
-import { SearchInputVariant } from "../index-BNCrvswP.cjs";
+import { SearchInputVariant } from "../index-C2iKBk7w.cjs";
+import { TextStyleVariantMap } from "../textVariantClasses-DwnnFNBf.cjs";
 import React from "react";
-import { TextStyleVariantMap } from "dist/textVariantClasses-sT9E8Uty";
 
 //#region src/components/SearchInput/SearchInput.d.ts
 interface SearchInputProps {
@@ -19,7 +19,7 @@ interface SearchInputProps {
 declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/SearchInput/searchInputVariants.d.ts
-interface SearchInputVariantClasses {
+type SearchInputVariantClasses = {
   searchInputIconColor: string;
   searchInputBorderColor: string;
   searchInputCloseIconClasses: string;
@@ -27,7 +27,7 @@ interface SearchInputVariantClasses {
   autocompleteIconColor: string;
   searchInputClasses: string;
   placeholderVariant: keyof typeof TextStyleVariantMap;
-}
+};
 declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
 //#endregion
 export { SearchInput, searchInputVariantClasses };

package/dist/SearchInput/index.d.ts

@@ -1,6 +1,6 @@
-import { SearchInputVariant } from "../index-BHNzU-Pc.js";
+import { SearchInputVariant } from "../index-B8bifyF-.js";
+import { TextStyleVariantMap } from "../textVariantClasses-C8OCWZAw.js";
 import React from "react";
-import { TextStyleVariantMap } from "dist/textVariantClasses-sT9E8Uty";
 
 //#region src/components/SearchInput/SearchInput.d.ts
 interface SearchInputProps {
@@ -19,7 +19,7 @@ interface SearchInputProps {
 declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/SearchInput/searchInputVariants.d.ts
-interface SearchInputVariantClasses {
+type SearchInputVariantClasses = {
   searchInputIconColor: string;
   searchInputBorderColor: string;
   searchInputCloseIconClasses: string;
@@ -27,7 +27,7 @@ interface SearchInputVariantClasses {
   autocompleteIconColor: string;
   searchInputClasses: string;
   placeholderVariant: keyof typeof TextStyleVariantMap;
-}
+};
 declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
 //#endregion
 export { SearchInput, searchInputVariantClasses };

package/dist/SearchInputForm/index.d.cts

@@ -1,2 +1,2 @@
-import { SearchInputForm, SearchInputVariant } from "../index-BNCrvswP.cjs";
+import { SearchInputForm, SearchInputVariant } from "../index-C2iKBk7w.cjs";
 export { SearchInputForm, SearchInputVariant };

package/dist/SearchInputForm/index.d.ts

@@ -1,2 +1,2 @@
-import { SearchInputForm, SearchInputVariant } from "../index-BHNzU-Pc.js";
+import { SearchInputForm, SearchInputVariant } from "../index-B8bifyF-.js";
 export { SearchInputForm, SearchInputVariant };

package/dist/SearchResultsContent/index.cjs

@@ -0,0 +1,64 @@
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+require('../textVariantClasses-BnV4wXaw.cjs');
+require('../Text-CgOYTs8D.cjs');
+require('../DynamicFiltersScrollbar-BTopFhyl.cjs');
+require('../Headline-iP_MckEO.cjs');
+require('../ImageWithFallback-1LqhQK1q.cjs');
+require('../ProductCard-DZZKutY-.cjs');
+require('../Spinner-DzdIkS6t.cjs');
+require('../ProductGrid-BSSmPr7K.cjs');
+require('../colorsConfig-DCvy_dV4.cjs');
+require('../Text-Ji61nRRE.cjs');
+const require_SearchResultsStates = require('../SearchResultsStates-Du7HXBi8.cjs');
+require('../searchFilterSidebarVariants-xyhy0PmQ.cjs');
+require('../SparkleAnimation-D1QpGZIg.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/components/SearchResultsContent/utils.ts
+let SearchResultsState = /* @__PURE__ */ function(SearchResultsState$1) {
+	SearchResultsState$1[SearchResultsState$1["Loading"] = 0] = "Loading";
+	SearchResultsState$1[SearchResultsState$1["Results"] = 1] = "Results";
+	SearchResultsState$1[SearchResultsState$1["NoResults"] = 2] = "NoResults";
+	return SearchResultsState$1;
+}({});
+const getSearchResultsState = (isLoadingSearch, searchData) => {
+	if (isLoadingSearch) return SearchResultsState.Loading;
+	if (searchData) return SearchResultsState.Results;
+	return SearchResultsState.NoResults;
+};
+
+//#endregion
+//#region src/components/SearchResultsContent/SearchResultsContent.tsx
+const SearchResultsContent = ({ searchResultsState, productList, productCardConfig, merchantShortName, searchFilterSidebarVariant, productGridVariant, productGridClasses, containerXPaddingClasses, selectedFilterOptions, availableDynamicFilters, searchResponseId, onRemoveFilter, onToggleDynamicFilter, noResultsFoundText }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+		searchResultsState === SearchResultsState.NoResults && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.NoSearchResultsFound, {
+			containerPaddingClasses: containerXPaddingClasses,
+			includeBottomMargin: true,
+			noResultsFoundText
+		}),
+		searchResultsState === SearchResultsState.Results && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.SearchResultsGrid, {
+			searchFilterSidebarVariant,
+			productCardConfig,
+			merchantShortName,
+			productList,
+			productGridVariant,
+			productGridClasses,
+			containerXPaddingClasses,
+			selectedFilterOptions,
+			availableDynamicFilters,
+			searchResponseId,
+			onRemoveFilter,
+			onToggleDynamicFilter
+		}),
+		searchResultsState === SearchResultsState.Loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.SearchResultsLoadingGrid, {
+			productGridVariant,
+			productGridClasses
+		})
+	] });
+};
+
+//#endregion
+exports.SearchResultsContent = SearchResultsContent;
+exports.SearchResultsState = SearchResultsState;
+exports.getSearchResultsState = getSearchResultsState;