@envive-ai/react-toolkit 0.1.1 → 0.1.2

package/dist/common/SuggestionButton/SuggestionButton.js

@@ -0,0 +1,180 @@
+import { ButtonBase } from "../../ButtonBase-C1rsL9gO.js";
+import "../../textVariantClasses-5t3OricK.js";
+import "../../Text-Bdv7F5-u.js";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+import FourPointStar from "@envive-ai/react-icons/src/FourPointStar";
+import OutlinedStar from "@envive-ai/react-icons/src/OutlinedStar";
+
+//#region src/components/common/SuggestionButton/SuggestionButton.tsx
+const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = "spiffy-suggestion-button-question-class";
+const SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS = "spiffy-suggestion-button-answer-class";
+const SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS = "spiffy-suggestion-button-text-class";
+const BORDER_CLASS = "spiffy-tw-border";
+const TEXT_LINK_CLASSES = [
+	"spiffy-tw-text-[--spiffy-colors-text-link]",
+	"spiffy-tw-fill-[--spiffy-colors-text-link]",
+	"spiffy-tw-stroke-[--spiffy-colors-text-link]"
+];
+const TEXT_LIGHT_CLASSES = [
+	"spiffy-tw-text-[--spiffy-colors-text-light]",
+	"spiffy-tw-fill-[--spiffy-colors-text-light]",
+	"spiffy-tw-stroke-[--spiffy-colors-text-light]"
+];
+const TEXT_PRIMARY_CLASSES = [
+	"spiffy-tw-text-[--spiffy-colors-text-primary]",
+	"spiffy-tw-fill-[--spiffy-colors-text-primary]",
+	"spiffy-tw-stroke-[--spiffy-colors-text-primary]"
+];
+const ACCENT_PRIMARY_CLASSES = ["spiffy-tw-fill-[--spiffy-colors-accent-primary]", "spiffy-tw-stroke-[--spiffy-colors-accent-primary]"];
+const DARK_BACKGROUND_CLASSES = ["spiffy-tw-bg-[--spiffy-colors-background-dark]", "spiffy-tw-border-[--spiffy-colors-background-dark]"];
+const SECONDARY_DARK_BACKGROUND_CLASSES = ["spiffy-tw-bg-[--spiffy-colors-background-secondary-dark]", "spiffy-tw-border-[--spiffy-colors-background-secondary-dark]"];
+const variantClassMap = new Map([
+	["outlined", ["spiffy-tw-border-[--spiffy-colors-border-outline]", ...TEXT_LINK_CLASSES]],
+	["outlinedLight", [
+		"spiffy-tw-border-[--spiffy-colors-border-outline]",
+		"spiffy-tw-bg-[--spiffy-colors-background-light]",
+		...TEXT_LINK_CLASSES,
+		BORDER_CLASS
+	]],
+	["primary", [
+		"spiffy-tw-bg-[--spiffy-colors-background-primary]",
+		"spiffy-tw-border-[--spiffy-colors-background-primary]",
+		...TEXT_LIGHT_CLASSES,
+		BORDER_CLASS
+	]],
+	["secondary", [
+		"spiffy-tw-bg-[--spiffy-colors-background-secondary]",
+		"spiffy-tw-text-[--spiffy-colors-text-link]",
+		"spiffy-tw-border-[--spiffy-colors-background-secondary]",
+		...ACCENT_PRIMARY_CLASSES,
+		BORDER_CLASS
+	]],
+	["tertiary", [
+		"spiffy-tw-bg-[--spiffy-colors-background-tertiary]",
+		"spiffy-tw-border-[--spiffy-colors-background-tertiary]",
+		...TEXT_LINK_CLASSES,
+		BORDER_CLASS
+	]],
+	["dark", [
+		...DARK_BACKGROUND_CLASSES,
+		...TEXT_LIGHT_CLASSES,
+		BORDER_CLASS
+	]],
+	["darkPrimary", [
+		...DARK_BACKGROUND_CLASSES,
+		"spiffy-tw-text-[--spiffy-colors-text-light]",
+		...ACCENT_PRIMARY_CLASSES,
+		BORDER_CLASS
+	]],
+	["darkAccent", [
+		...DARK_BACKGROUND_CLASSES,
+		"spiffy-tw-text-[--spiffy-colors-text-light]",
+		"spiffy-tw-fill-[--spiffy-colors-text-accent]",
+		"spiffy-tw-stroke-[--spiffy-colors-text-accent]",
+		BORDER_CLASS
+	]],
+	["transparent", [
+		"spiffy-tw-bg-transparent",
+		"spiffy-tw-border-[--spiffy-colors-background-light]",
+		"spiffy-tw-text-[--spiffy-colors-text-light]",
+		"spiffy-tw-fill-transparent",
+		"spiffy-tw-stroke-[--spiffy-colors-text-light]",
+		BORDER_CLASS
+	]],
+	["transparentDark", [
+		"spiffy-tw-bg-transparent",
+		"spiffy-tw-border-[--spiffy-colors-border-light]",
+		"spiffy-tw-text-[--spiffy-colors-text-primary]",
+		"spiffy-tw-fill-transparent",
+		"spiffy-tw-stroke-[--spiffy-colors-text-primary]",
+		BORDER_CLASS
+	]],
+	["secondaryDark", [
+		...SECONDARY_DARK_BACKGROUND_CLASSES,
+		...TEXT_LINK_CLASSES,
+		BORDER_CLASS
+	]],
+	["secondaryAccent", [
+		...SECONDARY_DARK_BACKGROUND_CLASSES,
+		"spiffy-tw-text-[--spiffy-colors-text-link]",
+		...ACCENT_PRIMARY_CLASSES,
+		BORDER_CLASS
+	]],
+	["lightDark", [
+		"spiffy-tw-bg-[--spiffy-colors-background-light]",
+		"spiffy-tw-border-[--spiffy-colors-background-dark]",
+		...TEXT_PRIMARY_CLASSES,
+		BORDER_CLASS
+	]]
+]);
+const borderedVariants = [
+	"outlined",
+	"outlinedLight",
+	"primary",
+	"secondary",
+	"tertiary",
+	"dark",
+	"darkAccent",
+	"darkPrimary",
+	"transparent",
+	"transparentDark",
+	"secondaryDark",
+	"secondaryAccent",
+	"lightDark"
+];
+const hoverTransform = (variantClass) => variantClass?.map((className) => `hover:${className}`);
+const SuggestionButton = ({ variant, hoverVariant, isDisabled, content, boldText, borderRadius = "lg", isAnswer = false, dataAttributes, dataTestId, onClick }) => {
+	const buttonClassName = classNames({
+		[SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS]: !isAnswer,
+		[SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS]: isAnswer,
+		"!spiffy-tw-rounded-[20px]": borderRadius === "lg",
+		"!spiffy-tw-rounded-[8px]": borderRadius === "md",
+		"!spiffy-tw-rounded-[0px]": borderRadius === "sm",
+		"spiffy-tw-border-[1px]": borderedVariants.includes(variant),
+		"spiffy-tw-border-solid": borderedVariants.includes(variant)
+	});
+	const textClassName = classNames({
+		"spiffy-tw-text-[14px]": true,
+		"spiffy-tw-leading-[100%]": true,
+		"!spiffy-tw-font-bold": boldText
+	});
+	const iconClass = classNames({
+		"spiffy-tw-w-[11px]": true,
+		"spiffy-tw-h-[11px]": true,
+		"spiffy-tw-stroke-inherit": true,
+		"spiffy-tw-fill-inherit": true
+	});
+	const baseClasses = variantClassMap.get(variant) ?? [];
+	const hoverClasses = variantClassMap.get(hoverVariant) ?? [];
+	const baseBorderClasses = baseClasses.filter((cls) => cls.includes("border"));
+	const baseNonBorderClasses = baseClasses.filter((cls) => !cls.includes("border"));
+	const hoverBorderClasses = hoverClasses.filter((cls) => cls.includes("border"));
+	const hoverNonBorderClasses = hoverClasses.filter((cls) => !cls.includes("border"));
+	const variantClasses = [
+		...baseNonBorderClasses,
+		...hoverTransform(hoverNonBorderClasses),
+		...baseBorderClasses,
+		...hoverTransform(hoverBorderClasses)
+	];
+	const buttonClass = `${buttonClassName} ${variantClasses.join(" ")}`;
+	const getIcon = () => {
+		if (isAnswer) return void 0;
+		if (variant === "transparentDark") return OutlinedStar;
+		return FourPointStar;
+	};
+	return /* @__PURE__ */ jsx(ButtonBase, {
+		text: content,
+		dataAttributes,
+		dataTestId,
+		isDisabled,
+		icon: getIcon(),
+		iconClass: isAnswer ? void 0 : iconClass,
+		textClass: `${SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS} ${textClassName}`,
+		buttonClass,
+		onClick
+	});
+};
+
+//#endregion
+export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton };

package/dist/common/Text/Text.cjs

@@ -0,0 +1,4 @@
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+const require_Text = require('../../Text-C04c4Z93.cjs');
+
+exports.Text = require_Text.Text;

package/dist/common/Text/Text.d.cts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/components/common/Text/types.d.ts
+
+type TextVariant = 'body1' | 'body2' | 'body3' | 'body4' | 'body5';
+type TextType = 'p' | 'span' | 'sub';
+//#endregion
+//#region src/components/common/Text/Text.d.ts
+type TextProps = {
+  children: React.ReactNode;
+  noOfLines?: number;
+  className?: string;
+  style?: React.CSSProperties;
+  variant?: TextVariant;
+  type?: TextType;
+  testId?: string;
+};
+declare const Text: ({
+  children,
+  className,
+  style,
+  noOfLines,
+  testId,
+  type,
+  variant
+}: TextProps) => react_jsx_runtime7.JSX.Element;
+//#endregion
+export { Text };

package/dist/common/Text/Text.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+
+//#region src/components/common/Text/types.d.ts
+
+type TextVariant = 'body1' | 'body2' | 'body3' | 'body4' | 'body5';
+type TextType = 'p' | 'span' | 'sub';
+//#endregion
+//#region src/components/common/Text/Text.d.ts
+type TextProps = {
+  children: React.ReactNode;
+  noOfLines?: number;
+  className?: string;
+  style?: React.CSSProperties;
+  variant?: TextVariant;
+  type?: TextType;
+  testId?: string;
+};
+declare const Text: ({
+  children,
+  className,
+  style,
+  noOfLines,
+  testId,
+  type,
+  variant
+}: TextProps) => react_jsx_runtime17.JSX.Element;
+//#endregion
+export { Text };

package/dist/common/Text/Text.js

@@ -0,0 +1,4 @@
+import "../../textVariantClasses-5t3OricK.js";
+import { Text } from "../../Text-Bdv7F5-u.js";
+
+export { Text };

package/dist/common/TextInput/TextInput.cjs

@@ -0,0 +1,4 @@
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+const require_TextInput = require('../../TextInput-BO80ixsV.cjs');
+
+exports.TextInput = require_TextInput.TextInput;

package/dist/common/TextInput/TextInput.d.cts

@@ -0,0 +1,98 @@
+import React from "react";
+
+//#region src/components/common/Text/textVariantClasses.d.ts
+
+declare const TextStyleVariantMap: {
+  t1: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-1': boolean;
+    'spiffy-tw-text-[32px]': boolean;
+    'spiffy-tw-font-medium': boolean;
+    'spiffy-tw-leading-[124%]': boolean;
+  };
+  t2: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-1': boolean;
+    'spiffy-tw-text-[16px]': boolean;
+    'spiffy-tw-font-medium': boolean;
+    'spiffy-tw-leading-[124%]': boolean;
+  };
+  t3: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-1': boolean;
+    'spiffy-tw-text-[24px]': boolean;
+    'spiffy-tw-leading-[120%]': boolean;
+  };
+  h1: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-1': boolean;
+    'spiffy-tw-text-[20px]': boolean;
+    'spiffy-tw-font-normal': boolean;
+    'spiffy-tw-leading-[120%]': boolean;
+  };
+  h2: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-2': boolean;
+    'spiffy-tw-text-[16px]': boolean;
+    'spiffy-tw-font-normal': boolean;
+    'spiffy-tw-leading-[124%]': boolean;
+  };
+  h3: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-3': boolean;
+    'spiffy-tw-text-[15px]': boolean;
+    'spiffy-tw-font-medium': boolean;
+    'spiffy-tw-leading-[124%]': boolean;
+  };
+  h4: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-4': boolean;
+    'spiffy-tw-text-[14px]': boolean;
+    'spiffy-tw-font-medium': boolean;
+    'spiffy-tw-leading-[124%]': boolean;
+  };
+  body1: {
+    'spiffy-body-text': boolean;
+    'spiffy-body-1': boolean;
+    'spiffy-tw-text-[20px]': boolean;
+    'spiffy-tw-font-normal': boolean;
+    'spiffy-tw-line-height-[120%]': boolean;
+  };
+  body2: {
+    'spiffy-body-text': boolean;
+    'spiffy-body-2': boolean;
+    'spiffy-tw-text-[16px]': boolean;
+    'spiffy-tw-font-normal': boolean;
+    'spiffy-tw-line-height-[148%]': boolean;
+  };
+  body3: {
+    'spiffy-body-text': boolean;
+    'spiffy-body-3': boolean;
+    'spiffy-tw-text-sm': boolean;
+    'spiffy-tw-font-normal': boolean;
+    'spiffy-tw-leading-[140%]': boolean;
+  };
+  body4: {
+    'spiffy-body-text': boolean;
+    'spiffy-body-4': boolean;
+    'spiffy-tw-text-xs': boolean;
+    'spiffy-tw-font-medium': boolean;
+    'spiffy-tw-leading-[130%]': boolean;
+  };
+  body5: {
+    'spiffy-body-text': boolean;
+    'spiffy-body-5': boolean;
+    'spiffy-tw-text-[10px]': boolean;
+    'spiffy-tw-font-normal': boolean;
+  };
+};
+//#endregion
+//#region src/components/common/TextInput/TextInput.d.ts
+interface TextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  borderRadius: 'sm' | 'md' | 'lg' | 'xl';
+  borderColorClass?: string;
+  placeholderVariant?: keyof typeof TextStyleVariantMap;
+}
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { TextInput, TextInputProps };

package/dist/common/TextInput/TextInput.d.ts

@@ -0,0 +1,98 @@
+import React from "react";
+
+//#region src/components/common/Text/textVariantClasses.d.ts
+
+declare const TextStyleVariantMap: {
+  t1: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-1': boolean;
+    'spiffy-tw-text-[32px]': boolean;
+    'spiffy-tw-font-medium': boolean;
+    'spiffy-tw-leading-[124%]': boolean;
+  };
+  t2: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-1': boolean;
+    'spiffy-tw-text-[16px]': boolean;
+    'spiffy-tw-font-medium': boolean;
+    'spiffy-tw-leading-[124%]': boolean;
+  };
+  t3: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-1': boolean;
+    'spiffy-tw-text-[24px]': boolean;
+    'spiffy-tw-leading-[120%]': boolean;
+  };
+  h1: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-1': boolean;
+    'spiffy-tw-text-[20px]': boolean;
+    'spiffy-tw-font-normal': boolean;
+    'spiffy-tw-leading-[120%]': boolean;
+  };
+  h2: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-2': boolean;
+    'spiffy-tw-text-[16px]': boolean;
+    'spiffy-tw-font-normal': boolean;
+    'spiffy-tw-leading-[124%]': boolean;
+  };
+  h3: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-3': boolean;
+    'spiffy-tw-text-[15px]': boolean;
+    'spiffy-tw-font-medium': boolean;
+    'spiffy-tw-leading-[124%]': boolean;
+  };
+  h4: {
+    'spiffy-headline': boolean;
+    'spiffy-headline-4': boolean;
+    'spiffy-tw-text-[14px]': boolean;
+    'spiffy-tw-font-medium': boolean;
+    'spiffy-tw-leading-[124%]': boolean;
+  };
+  body1: {
+    'spiffy-body-text': boolean;
+    'spiffy-body-1': boolean;
+    'spiffy-tw-text-[20px]': boolean;
+    'spiffy-tw-font-normal': boolean;
+    'spiffy-tw-line-height-[120%]': boolean;
+  };
+  body2: {
+    'spiffy-body-text': boolean;
+    'spiffy-body-2': boolean;
+    'spiffy-tw-text-[16px]': boolean;
+    'spiffy-tw-font-normal': boolean;
+    'spiffy-tw-line-height-[148%]': boolean;
+  };
+  body3: {
+    'spiffy-body-text': boolean;
+    'spiffy-body-3': boolean;
+    'spiffy-tw-text-sm': boolean;
+    'spiffy-tw-font-normal': boolean;
+    'spiffy-tw-leading-[140%]': boolean;
+  };
+  body4: {
+    'spiffy-body-text': boolean;
+    'spiffy-body-4': boolean;
+    'spiffy-tw-text-xs': boolean;
+    'spiffy-tw-font-medium': boolean;
+    'spiffy-tw-leading-[130%]': boolean;
+  };
+  body5: {
+    'spiffy-body-text': boolean;
+    'spiffy-body-5': boolean;
+    'spiffy-tw-text-[10px]': boolean;
+    'spiffy-tw-font-normal': boolean;
+  };
+};
+//#endregion
+//#region src/components/common/TextInput/TextInput.d.ts
+interface TextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  borderRadius: 'sm' | 'md' | 'lg' | 'xl';
+  borderColorClass?: string;
+  placeholderVariant?: keyof typeof TextStyleVariantMap;
+}
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { TextInput, TextInputProps };

package/dist/common/TextInput/TextInput.js

@@ -0,0 +1,4 @@
+import "../../textVariantClasses-5t3OricK.js";
+import { TextInput } from "../../TextInput-CEGWfdPC.js";
+
+export { TextInput };

package/dist/productCardVariants-C_QIZ-KF.js

@@ -0,0 +1,45 @@
+//#region src/components/common/ProductCard/productCardVariants.ts
+/**
+* Shared variant mapping configurations for ProductCard components
+*/
+const variantClassMap = new Map([
+	["filled", ["spiffy-tw-bg-[--spiffy-colors-background-secondary]", "spiffy-tw-shadow-md"]],
+	["bordered", [
+		"spiffy-tw-bg-[--spiffy-colors-background-secondary]",
+		"spiffy-tw-border",
+		"spiffy-tw-border-[--spiffy-colors-border-light]"
+	]],
+	["minimal", ["spiffy-tw-bg-transparent"]],
+	["transparentBordered", [
+		"spiffy-tw-bg-transparent",
+		"spiffy-tw-border",
+		"spiffy-tw-border-[--spiffy-colors-border-light]"
+	]]
+]);
+const variantHoverClassMap = new Map([["backgroundDark", ["hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark]"]], ["none", []]]);
+const variantTitleColorMap = new Map([
+	["filled", "spiffy-tw-text-[--spiffy-colors-text-link]"],
+	["bordered", "spiffy-tw-text-[--spiffy-colors-text-primary]"],
+	["minimal", "spiffy-tw-text-[--spiffy-colors-text-primary]"],
+	["transparentBordered", "spiffy-tw-text-[--spiffy-colors-text-primary]"]
+]);
+const productCardLayoutVariantClasses = {
+	normal: {
+		productTitle: ["spiffy-product-card-title"],
+		container: ["spiffy-tw-w-[208px]"],
+		verticalContainer: ["spiffy-tw-rounded-[8px]", "spiffy-tw-h-[268px]"]
+	},
+	tall: {
+		productTitle: ["spiffy-product-card-title-tall", "spiffy-tw-pt-[8px]"],
+		container: ["spiffy-tw-w-[160px] lg:spiffy-tw-w-[300px]"],
+		verticalContainer: ["lg:spiffy-tw-h-[496px]"]
+	},
+	square: {
+		productTitle: ["spiffy-product-card-title-tall", "spiffy-tw-pt-[8px]"],
+		container: ["spiffy-tw-w-[160px] lg:spiffy-tw-w-[280px]"],
+		verticalContainer: ["lg:spiffy-tw-h-[400px]"]
+	}
+};
+
+//#endregion
+export { productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/productCardVariants-Dd-wrJKP.cjs

@@ -0,0 +1,69 @@
+
+//#region src/components/common/ProductCard/productCardVariants.ts
+/**
+* Shared variant mapping configurations for ProductCard components
+*/
+const variantClassMap = new Map([
+	["filled", ["spiffy-tw-bg-[--spiffy-colors-background-secondary]", "spiffy-tw-shadow-md"]],
+	["bordered", [
+		"spiffy-tw-bg-[--spiffy-colors-background-secondary]",
+		"spiffy-tw-border",
+		"spiffy-tw-border-[--spiffy-colors-border-light]"
+	]],
+	["minimal", ["spiffy-tw-bg-transparent"]],
+	["transparentBordered", [
+		"spiffy-tw-bg-transparent",
+		"spiffy-tw-border",
+		"spiffy-tw-border-[--spiffy-colors-border-light]"
+	]]
+]);
+const variantHoverClassMap = new Map([["backgroundDark", ["hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark]"]], ["none", []]]);
+const variantTitleColorMap = new Map([
+	["filled", "spiffy-tw-text-[--spiffy-colors-text-link]"],
+	["bordered", "spiffy-tw-text-[--spiffy-colors-text-primary]"],
+	["minimal", "spiffy-tw-text-[--spiffy-colors-text-primary]"],
+	["transparentBordered", "spiffy-tw-text-[--spiffy-colors-text-primary]"]
+]);
+const productCardLayoutVariantClasses = {
+	normal: {
+		productTitle: ["spiffy-product-card-title"],
+		container: ["spiffy-tw-w-[208px]"],
+		verticalContainer: ["spiffy-tw-rounded-[8px]", "spiffy-tw-h-[268px]"]
+	},
+	tall: {
+		productTitle: ["spiffy-product-card-title-tall", "spiffy-tw-pt-[8px]"],
+		container: ["spiffy-tw-w-[160px] lg:spiffy-tw-w-[300px]"],
+		verticalContainer: ["lg:spiffy-tw-h-[496px]"]
+	},
+	square: {
+		productTitle: ["spiffy-product-card-title-tall", "spiffy-tw-pt-[8px]"],
+		container: ["spiffy-tw-w-[160px] lg:spiffy-tw-w-[280px]"],
+		verticalContainer: ["lg:spiffy-tw-h-[400px]"]
+	}
+};
+
+//#endregion
+Object.defineProperty(exports, 'productCardLayoutVariantClasses', {
+  enumerable: true,
+  get: function () {
+    return productCardLayoutVariantClasses;
+  }
+});
+Object.defineProperty(exports, 'variantClassMap', {
+  enumerable: true,
+  get: function () {
+    return variantClassMap;
+  }
+});
+Object.defineProperty(exports, 'variantHoverClassMap', {
+  enumerable: true,
+  get: function () {
+    return variantHoverClassMap;
+  }
+});
+Object.defineProperty(exports, 'variantTitleColorMap', {
+  enumerable: true,
+  get: function () {
+    return variantTitleColorMap;
+  }
+});

package/dist/productGridVariants-CxCKx5Fq.js

@@ -0,0 +1,20 @@
+//#region src/components/common/ProductGrid/productGridVariants.ts
+const productGridVariantClasses = {
+	standard: {
+		productCardVariant: "minimal",
+		productCardHoverVariant: "backgroundDark",
+		productCardLayoutVariant: "tall",
+		productCardImageAspectRatio: "3:4",
+		zoomOnHover: true
+	},
+	square: {
+		productCardVariant: "minimal",
+		productCardHoverVariant: "backgroundDark",
+		productCardLayoutVariant: "square",
+		productCardImageAspectRatio: "square",
+		zoomOnHover: true
+	}
+};
+
+//#endregion
+export { productGridVariantClasses };

package/dist/productGridVariants-DVzvjK9i.cjs

@@ -0,0 +1,26 @@
+
+//#region src/components/common/ProductGrid/productGridVariants.ts
+const productGridVariantClasses = {
+	standard: {
+		productCardVariant: "minimal",
+		productCardHoverVariant: "backgroundDark",
+		productCardLayoutVariant: "tall",
+		productCardImageAspectRatio: "3:4",
+		zoomOnHover: true
+	},
+	square: {
+		productCardVariant: "minimal",
+		productCardHoverVariant: "backgroundDark",
+		productCardLayoutVariant: "square",
+		productCardImageAspectRatio: "square",
+		zoomOnHover: true
+	}
+};
+
+//#endregion
+Object.defineProperty(exports, 'productGridVariantClasses', {
+  enumerable: true,
+  get: function () {
+    return productGridVariantClasses;
+  }
+});

package/dist/search/FilterScrollbar/AppliedFiltersScrollbar.cjs

@@ -0,0 +1,5 @@
+require('../../textVariantClasses-Bhf4VY5z.cjs');
+require('../../Text-C04c4Z93.cjs');
+const require_AppliedFiltersScrollbar = require('../../AppliedFiltersScrollbar-BlcyhZkZ.cjs');
+
+exports.AppliedFiltersScrollbar = require_AppliedFiltersScrollbar.AppliedFiltersScrollbar;

package/dist/search/FilterScrollbar/AppliedFiltersScrollbar.d.cts

@@ -0,0 +1,22 @@
+import { SelectedFilterOption } from "../../types-DaSkJnT_.cjs";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+
+//#region src/components/search/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_runtime11.JSX.Element;
+//#endregion
+export { AppliedFiltersScrollbar };

package/dist/search/FilterScrollbar/AppliedFiltersScrollbar.d.ts

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

package/dist/search/FilterScrollbar/AppliedFiltersScrollbar.js

@@ -0,0 +1,5 @@
+import "../../textVariantClasses-5t3OricK.js";
+import "../../Text-Bdv7F5-u.js";
+import { AppliedFiltersScrollbar } from "../../AppliedFiltersScrollbar-DFGzRemu.js";
+
+export { AppliedFiltersScrollbar };