@envive-ai/react-widgets 0.1.3 → 0.3.1

package/dist/packages/components/dist/components/ProductCard/ProductCardSkeleton.js

@@ -1,31 +0,0 @@
-import { productCardLayoutVariantClasses } from "./productCardVariants.js";
-import { ProductCardSkeletonOverrides } from "./types.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ../components/dist/components/ProductCard/ProductCardSkeleton.js
-const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = false }) => {
-	const layoutClasses = productCardLayoutVariantClasses[layoutVariant || "normal"];
-	const containerClasses = classNames(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON_CONTAINER, "spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-inherit", "spiffy-tw-bg-transparent", !growWithContainer ? layoutClasses.container : "");
-	const verticalContainerClasses = classNames("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-overflow-hidden", "spiffy-tw-gap-inherit", !growWithContainer ? layoutClasses.verticalContainer : "");
-	const imageClipContainerClasses = classNames("spiffy-tw-w-full", aspectRatio === "3:4" ? "spiffy-tw-aspect-[3/4]" : "", aspectRatio === "square" ? "spiffy-tw-aspect-square" : "", "spiffy-tw-overflow-hidden");
-	const imageSkeletonClasses = classNames("spiffy-tw-bg-[#F4F4F6]", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-w-full", "spiffy-tw-h-full");
-	const contentContainerClasses = classNames("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-2", "spiffy-tw-w-full", "spiffy-tw-p-2");
-	const textSkeletonClasses = classNames(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON, "spiffy-tw-h-[15px]", "spiffy-tw-block", "spiffy-tw-rounded-sm", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-bg-[#F4F4F6]");
-	return /* @__PURE__ */ jsx("div", {
-		className: containerClasses,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: verticalContainerClasses,
-			children: [/* @__PURE__ */ jsx("div", {
-				className: imageClipContainerClasses,
-				children: /* @__PURE__ */ jsx("div", { className: imageSkeletonClasses })
-			}), /* @__PURE__ */ jsxs("div", {
-				className: contentContainerClasses,
-				children: [/* @__PURE__ */ jsx("div", { className: classNames(textSkeletonClasses, "spiffy-tw-w-full") }), /* @__PURE__ */ jsx("div", { className: classNames(textSkeletonClasses, "spiffy-tw-w-[60%]") })]
-			})]
-		})
-	});
-};
-
-//#endregion
-export { ProductCardSkeleton };

package/dist/packages/components/dist/components/ProductCard/index.cjs

@@ -1,4 +0,0 @@
-const require_productCardVariants = require('./productCardVariants.cjs');
-const require_ProductCard = require('./ProductCard.cjs');
-const require_types = require('./types.cjs');
-const require_ProductCardSkeleton = require('./ProductCardSkeleton.cjs');

package/dist/packages/components/dist/components/ProductCard/index.js

@@ -1,4 +0,0 @@
-import { productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "./productCardVariants.js";
-import { PriceSection, ProductCard, RatingSummary } from "./ProductCard.js";
-import { ProductCardSkeletonOverrides } from "./types.js";
-import { ProductCardSkeleton } from "./ProductCardSkeleton.js";

package/dist/packages/components/dist/components/ProductCard/productCardVariants.cjs

@@ -1,49 +0,0 @@
-
-//#region ../components/dist/components/ProductCard/productCardVariants.js
-/**
-* 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
-exports.productCardLayoutVariantClasses = productCardLayoutVariantClasses;
-exports.variantClassMap = variantClassMap;
-exports.variantHoverClassMap = variantHoverClassMap;
-exports.variantTitleColorMap = variantTitleColorMap;

package/dist/packages/components/dist/components/ProductCard/productCardVariants.js

@@ -1,45 +0,0 @@
-//#region ../components/dist/components/ProductCard/productCardVariants.js
-/**
-* 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/packages/components/dist/components/ProductCard/types.cjs

@@ -1,10 +0,0 @@
-
-//#region ../components/dist/components/ProductCard/types.js
-let ProductCardSkeletonOverrides = /* @__PURE__ */ function(ProductCardSkeletonOverrides$1) {
-	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON_CONTAINER"] = "spiffy-product-card-skeleton-container";
-	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON"] = "spiffy-product-card-skeleton";
-	return ProductCardSkeletonOverrides$1;
-}({});
-
-//#endregion
-exports.ProductCardSkeletonOverrides = ProductCardSkeletonOverrides;

package/dist/packages/components/dist/components/ProductCard/types.js

@@ -1,9 +0,0 @@
-//#region ../components/dist/components/ProductCard/types.js
-let ProductCardSkeletonOverrides = /* @__PURE__ */ function(ProductCardSkeletonOverrides$1) {
-	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON_CONTAINER"] = "spiffy-product-card-skeleton-container";
-	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON"] = "spiffy-product-card-skeleton";
-	return ProductCardSkeletonOverrides$1;
-}({});
-
-//#endregion
-export { ProductCardSkeletonOverrides };

package/dist/packages/components/dist/components/ProductGrid/ProductGrid.cjs

@@ -1,43 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_ProductCard = require('../ProductCard/ProductCard.cjs');
-require('../ProductCard/index.cjs');
-const require_productGridVariants = require('./productGridVariants.cjs');
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region ../components/dist/components/ProductGrid/ProductGrid.js
-const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, cardsGrowWithContainer = true, onProductClick }) => {
-	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = require_productGridVariants.productGridVariantClasses[productGridVariant];
-	const cardContainerClasses = (0, classnames.default)({
-		"spiffy-tw-w-full": cardsGrowWithContainer,
-		"spiffy-tw-h-full": cardsGrowWithContainer
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: productGridClasses,
-		children: productList.map((product, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: cardContainerClasses,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCard.ProductCard, {
-				productCardConfig,
-				merchantShortName,
-				imageUrl: product.imageUrl,
-				title: product.title,
-				url: product.url,
-				originalPrice: product.originalPrice,
-				salePrice: product.salePrice,
-				averageRating: product.averageRating,
-				numberReviews: product.numberReviews,
-				layoutVariant: productCardLayoutVariant,
-				variant: productCardVariant,
-				hoverVariant: productCardHoverVariant,
-				zoomOnHover,
-				aspectRatio: productCardImageAspectRatio,
-				growWithContainer: cardsGrowWithContainer,
-				onClick: () => onProductClick?.(product, index)
-			})
-		}, product.id))
-	});
-};
-
-//#endregion
-exports.ProductGrid = ProductGrid;

package/dist/packages/components/dist/components/ProductGrid/ProductGrid.js

@@ -1,41 +0,0 @@
-import { ProductCard } from "../ProductCard/ProductCard.js";
-import "../ProductCard/index.js";
-import { productGridVariantClasses } from "./productGridVariants.js";
-import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
-
-//#region ../components/dist/components/ProductGrid/ProductGrid.js
-const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, cardsGrowWithContainer = true, onProductClick }) => {
-	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
-	const cardContainerClasses = classNames({
-		"spiffy-tw-w-full": cardsGrowWithContainer,
-		"spiffy-tw-h-full": cardsGrowWithContainer
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: productGridClasses,
-		children: productList.map((product, index) => /* @__PURE__ */ jsx("div", {
-			className: cardContainerClasses,
-			children: /* @__PURE__ */ jsx(ProductCard, {
-				productCardConfig,
-				merchantShortName,
-				imageUrl: product.imageUrl,
-				title: product.title,
-				url: product.url,
-				originalPrice: product.originalPrice,
-				salePrice: product.salePrice,
-				averageRating: product.averageRating,
-				numberReviews: product.numberReviews,
-				layoutVariant: productCardLayoutVariant,
-				variant: productCardVariant,
-				hoverVariant: productCardHoverVariant,
-				zoomOnHover,
-				aspectRatio: productCardImageAspectRatio,
-				growWithContainer: cardsGrowWithContainer,
-				onClick: () => onProductClick?.(product, index)
-			})
-		}, product.id))
-	});
-};
-
-//#endregion
-export { ProductGrid };

package/dist/packages/components/dist/components/ProductGrid/index.cjs

@@ -1,2 +0,0 @@
-const require_productGridVariants = require('./productGridVariants.cjs');
-const require_ProductGrid = require('./ProductGrid.cjs');

package/dist/packages/components/dist/components/ProductGrid/index.js

@@ -1,2 +0,0 @@
-import { productGridVariantClasses } from "./productGridVariants.js";
-import { ProductGrid } from "./ProductGrid.js";

package/dist/packages/components/dist/components/ProductGrid/productGridVariants.cjs

@@ -1,21 +0,0 @@
-
-//#region ../components/dist/components/ProductGrid/productGridVariants.js
-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
-exports.productGridVariantClasses = productGridVariantClasses;

package/dist/packages/components/dist/components/ProductGrid/productGridVariants.js

@@ -1,20 +0,0 @@
-//#region ../components/dist/components/ProductGrid/productGridVariants.js
-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/packages/components/dist/components/RadioButton/RadioButton.cjs

@@ -1,74 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_Typography = require('../Typography/Typography.cjs');
-require('../Typography/index.cjs');
-let react = require("react");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region ../components/dist/components/RadioButton/RadioButton.js
-const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "medium", fillColor, hoverColor, uncheckedBorderColor, checked = false, onChange, id }) => {
-	const [isHovered, setIsHovered] = (0, react.useState)(false);
-	const containerClassName = (0, classnames.default)({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-group": true,
-		"spiffy-tw-gap-1": textButtonGap === "small",
-		"spiffy-tw-gap-2": textButtonGap === "medium",
-		"spiffy-tw-gap-4": textButtonGap === "large",
-		"spiffy-tw-cursor-pointer": !isDisabled,
-		"spiffy-tw-opacity-40": isDisabled
-	});
-	const getFillColor = () => {
-		if (isHovered && hoverColor) return hoverColor;
-		if (checked) return fillColor;
-		return uncheckedBorderColor;
-	};
-	const handleChange = () => {
-		if (!isDisabled) onChange(value);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-		className: containerClassName,
-		onMouseEnter: () => !isDisabled && setIsHovered(true),
-		onMouseLeave: () => setIsHovered(false),
-		"aria-label": label,
-		htmlFor: id,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "spiffy-tw-relative",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				type: "radio",
-				id,
-				name,
-				value,
-				checked,
-				disabled: isDisabled,
-				onChange: handleChange,
-				className: "spiffy-tw-sr-only"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				width: "24",
-				height: "24",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-					cx: "12",
-					cy: "12",
-					r: "11.5",
-					fill: "white",
-					stroke: getFillColor()
-				}), checked && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-					cx: "12",
-					cy: "12",
-					r: "9",
-					fill: getFillColor()
-				})]
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-			variant: "body3",
-			children: label
-		})]
-	});
-};
-
-//#endregion
-exports.RadioButton = RadioButton;

package/dist/packages/components/dist/components/RadioButton/RadioButton.js

@@ -1,72 +0,0 @@
-import { Typography } from "../Typography/Typography.js";
-import "../Typography/index.js";
-import { useState } from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ../components/dist/components/RadioButton/RadioButton.js
-const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "medium", fillColor, hoverColor, uncheckedBorderColor, checked = false, onChange, id }) => {
-	const [isHovered, setIsHovered] = useState(false);
-	const containerClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-group": true,
-		"spiffy-tw-gap-1": textButtonGap === "small",
-		"spiffy-tw-gap-2": textButtonGap === "medium",
-		"spiffy-tw-gap-4": textButtonGap === "large",
-		"spiffy-tw-cursor-pointer": !isDisabled,
-		"spiffy-tw-opacity-40": isDisabled
-	});
-	const getFillColor = () => {
-		if (isHovered && hoverColor) return hoverColor;
-		if (checked) return fillColor;
-		return uncheckedBorderColor;
-	};
-	const handleChange = () => {
-		if (!isDisabled) onChange(value);
-	};
-	return /* @__PURE__ */ jsxs("label", {
-		className: containerClassName,
-		onMouseEnter: () => !isDisabled && setIsHovered(true),
-		onMouseLeave: () => setIsHovered(false),
-		"aria-label": label,
-		htmlFor: id,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "spiffy-tw-relative",
-			children: [/* @__PURE__ */ jsx("input", {
-				type: "radio",
-				id,
-				name,
-				value,
-				checked,
-				disabled: isDisabled,
-				onChange: handleChange,
-				className: "spiffy-tw-sr-only"
-			}), /* @__PURE__ */ jsxs("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				width: "24",
-				height: "24",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				children: [/* @__PURE__ */ jsx("circle", {
-					cx: "12",
-					cy: "12",
-					r: "11.5",
-					fill: "white",
-					stroke: getFillColor()
-				}), checked && /* @__PURE__ */ jsx("circle", {
-					cx: "12",
-					cy: "12",
-					r: "9",
-					fill: getFillColor()
-				})]
-			})]
-		}), /* @__PURE__ */ jsx(Typography, {
-			variant: "body3",
-			children: label
-		})]
-	});
-};
-
-//#endregion
-export { RadioButton };

package/dist/packages/components/dist/components/RadioButton/index.cjs

@@ -1 +0,0 @@
-const require_RadioButton = require('./RadioButton.cjs');

package/dist/packages/components/dist/components/RadioButton/index.js

@@ -1 +0,0 @@
-import { RadioButton } from "./RadioButton.js";

package/dist/packages/components/dist/components/RadioButtonGroup/RadioButtonGroup.cjs

@@ -1,42 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_RadioButton = require('../RadioButton/RadioButton.cjs');
-require('../RadioButton/index.cjs');
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region ../components/dist/components/RadioButtonGroup/RadioButtonGroup.js
-const SPIFFY_RADIO_BUTTON_GROUP_CLASS = "spiffy-radio-button-group-class";
-const RadioButtonGroup = ({ name, options, fillColor, hoverColor, uncheckedBorderColor, value, isDisabled = false, gap = "medium", textButtonGap = "medium", onChange }) => {
-	const groupClassName = (0, classnames.default)({
-		[SPIFFY_RADIO_BUTTON_GROUP_CLASS]: true,
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-col": true,
-		"spiffy-tw-gap-1": gap === "small",
-		"spiffy-tw-gap-2": gap === "medium",
-		"spiffy-tw-gap-4": gap === "large"
-	});
-	const handleChange = (selectedValue) => {
-		if (!isDisabled) onChange(selectedValue);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: groupClassName,
-		children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_RadioButton.RadioButton, {
-			id: option.value,
-			name,
-			value: option.value,
-			fillColor,
-			hoverColor,
-			uncheckedBorderColor,
-			label: option.label,
-			checked: value === option.value,
-			isDisabled: isDisabled || option.disabled,
-			onChange: handleChange,
-			textButtonGap
-		}, option.value))
-	});
-};
-
-//#endregion
-exports.RadioButtonGroup = RadioButtonGroup;
-exports.SPIFFY_RADIO_BUTTON_GROUP_CLASS = SPIFFY_RADIO_BUTTON_GROUP_CLASS;

package/dist/packages/components/dist/components/RadioButtonGroup/RadioButtonGroup.js

@@ -1,39 +0,0 @@
-import { RadioButton } from "../RadioButton/RadioButton.js";
-import "../RadioButton/index.js";
-import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
-
-//#region ../components/dist/components/RadioButtonGroup/RadioButtonGroup.js
-const SPIFFY_RADIO_BUTTON_GROUP_CLASS = "spiffy-radio-button-group-class";
-const RadioButtonGroup = ({ name, options, fillColor, hoverColor, uncheckedBorderColor, value, isDisabled = false, gap = "medium", textButtonGap = "medium", onChange }) => {
-	const groupClassName = classNames({
-		[SPIFFY_RADIO_BUTTON_GROUP_CLASS]: true,
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-col": true,
-		"spiffy-tw-gap-1": gap === "small",
-		"spiffy-tw-gap-2": gap === "medium",
-		"spiffy-tw-gap-4": gap === "large"
-	});
-	const handleChange = (selectedValue) => {
-		if (!isDisabled) onChange(selectedValue);
-	};
-	return /* @__PURE__ */ jsx("div", {
-		className: groupClassName,
-		children: options.map((option) => /* @__PURE__ */ jsx(RadioButton, {
-			id: option.value,
-			name,
-			value: option.value,
-			fillColor,
-			hoverColor,
-			uncheckedBorderColor,
-			label: option.label,
-			checked: value === option.value,
-			isDisabled: isDisabled || option.disabled,
-			onChange: handleChange,
-			textButtonGap
-		}, option.value))
-	});
-};
-
-//#endregion
-export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/packages/components/dist/components/RadioButtonGroup/index.cjs

@@ -1 +0,0 @@
-const require_RadioButtonGroup = require('./RadioButtonGroup.cjs');

package/dist/packages/components/dist/components/RadioButtonGroup/index.js

@@ -1 +0,0 @@
-import { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS } from "./RadioButtonGroup.js";

package/dist/packages/components/dist/components/RecommendedProducts/RecommendedProducts.cjs

@@ -1,53 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_Typography = require('../Typography/Typography.cjs');
-require('../Typography/index.cjs');
-const require_ProductGrid = require('../ProductGrid/ProductGrid.cjs');
-require('../ProductGrid/index.cjs');
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-let framer_motion = require("framer-motion");
-
-//#region ../components/dist/components/RecommendedProducts/RecommendedProducts.js
-const RecommendedProducts = ({ retrievedProducts, merchantShortName, productCardConfig = {
-	variant: "minimal",
-	hoverVariant: "none",
-	layoutVariant: "square"
-}, productGridVariant = "square", heading, onProductClick }) => {
-	const containerClasses = (0, classnames.default)("spiffy-tw-justify-center", "spiffy-tw-overflow-hidden", "spiffy-tw-bg-white", "spiffy-tw-relative", "spiffy-tw-px-[24px]", "spiffy-tw-py-[16px]", "sm:spiffy-tw-px-[41px]", "sm:spiffy-tw-py-[40px]");
-	const titleContainerClasses = (0, classnames.default)("spiffy-tw-w-full", "spiffy-tw-border-b", "spiffy-tw-border-solid", "spiffy-tw-border-b-[--spiffy-colors-text-accent]", "spiffy-tw-pb-[8px]", "spiffy-tw-mb-[16px]");
-	const productGridClasses = (0, classnames.default)("spiffy-tw-grid", "spiffy-tw-justify-items-stretch", "spiffy-tw-grid-cols-2", "md:spiffy-tw-grid-cols-3", "lg:spiffy-tw-grid-cols-4", "spiffy-tw-gap-x-[4px]", "spiffy-tw-gap-y-[24px]", "spiffy-tw-h-full", "spiffy-tw-w-full", "spiffy-tw-items-stretch");
-	if (retrievedProducts == null || retrievedProducts.length === 0) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
-		className: containerClasses,
-		initial: { opacity: 0 },
-		animate: { opacity: 1 },
-		exit: { opacity: 0 },
-		transition: { duration: .2 },
-		style: {
-			left: "50%",
-			right: "50%",
-			marginLeft: "-50vw",
-			marginRight: "-50vw",
-			width: "100vw"
-		},
-		children: [heading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: titleContainerClasses,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-				variant: "h1",
-				className: "spiffy-tw-text-[--spiffy-colors-text-accent]",
-				children: heading
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductGrid.ProductGrid, {
-			productList: retrievedProducts,
-			productGridVariant,
-			productGridClasses,
-			productCardConfig,
-			merchantShortName,
-			onProductClick
-		})]
-	});
-};
-
-//#endregion
-exports.RecommendedProducts = RecommendedProducts;

package/dist/packages/components/dist/components/RecommendedProducts/RecommendedProducts.js

@@ -1,51 +0,0 @@
-import { Typography } from "../Typography/Typography.js";
-import "../Typography/index.js";
-import { ProductGrid } from "../ProductGrid/ProductGrid.js";
-import "../ProductGrid/index.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { motion } from "framer-motion";
-
-//#region ../components/dist/components/RecommendedProducts/RecommendedProducts.js
-const RecommendedProducts = ({ retrievedProducts, merchantShortName, productCardConfig = {
-	variant: "minimal",
-	hoverVariant: "none",
-	layoutVariant: "square"
-}, productGridVariant = "square", heading, onProductClick }) => {
-	const containerClasses = classNames("spiffy-tw-justify-center", "spiffy-tw-overflow-hidden", "spiffy-tw-bg-white", "spiffy-tw-relative", "spiffy-tw-px-[24px]", "spiffy-tw-py-[16px]", "sm:spiffy-tw-px-[41px]", "sm:spiffy-tw-py-[40px]");
-	const titleContainerClasses = classNames("spiffy-tw-w-full", "spiffy-tw-border-b", "spiffy-tw-border-solid", "spiffy-tw-border-b-[--spiffy-colors-text-accent]", "spiffy-tw-pb-[8px]", "spiffy-tw-mb-[16px]");
-	const productGridClasses = classNames("spiffy-tw-grid", "spiffy-tw-justify-items-stretch", "spiffy-tw-grid-cols-2", "md:spiffy-tw-grid-cols-3", "lg:spiffy-tw-grid-cols-4", "spiffy-tw-gap-x-[4px]", "spiffy-tw-gap-y-[24px]", "spiffy-tw-h-full", "spiffy-tw-w-full", "spiffy-tw-items-stretch");
-	if (retrievedProducts == null || retrievedProducts.length === 0) return null;
-	return /* @__PURE__ */ jsxs(motion.div, {
-		className: containerClasses,
-		initial: { opacity: 0 },
-		animate: { opacity: 1 },
-		exit: { opacity: 0 },
-		transition: { duration: .2 },
-		style: {
-			left: "50%",
-			right: "50%",
-			marginLeft: "-50vw",
-			marginRight: "-50vw",
-			width: "100vw"
-		},
-		children: [heading && /* @__PURE__ */ jsx("div", {
-			className: titleContainerClasses,
-			children: /* @__PURE__ */ jsx(Typography, {
-				variant: "h1",
-				className: "spiffy-tw-text-[--spiffy-colors-text-accent]",
-				children: heading
-			})
-		}), /* @__PURE__ */ jsx(ProductGrid, {
-			productList: retrievedProducts,
-			productGridVariant,
-			productGridClasses,
-			productCardConfig,
-			merchantShortName,
-			onProductClick
-		})]
-	});
-};
-
-//#endregion
-export { RecommendedProducts };

package/dist/packages/components/dist/components/RecommendedProducts/index.cjs

@@ -1,3 +0,0 @@
-'use client';
-
-const require_RecommendedProducts = require('./RecommendedProducts.cjs');