@envive-ai/react-toolkit 0.1.10 → 0.1.12

package/dist/ProductCard/index.cjs

@@ -1,9 +1,9 @@
 require('../textVariantClasses-Dgz7Zaql.cjs');
 require('../Text-MQjxqgZZ.cjs');
-require('../Headline-DSmu5Mg8.cjs');
-const require_ProductCard = require('../ProductCard-CymUvJnC.cjs');
+require('../Headline-DTT4RSv2.cjs');
 require('../ImageWithFallback-Cx-KNi-D.cjs');
-require('../Spinner-DjK8ts9E.cjs');
+const require_ProductCard = require('../ProductCard-FDyIMnZs.cjs');
+require('../Spinner-DFor2Szi.cjs');
 
 exports.AnimatedProductCardOverrides = require_ProductCard.AnimatedProductCardOverrides;
 exports.PriceSection = require_ProductCard.PriceSection;

package/dist/ProductCard/index.d.cts

@@ -1,2 +1,2 @@
-import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-b4yAASuy.cjs";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-CFH3KUVw.cjs";
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/ProductCard/index.d.ts

@@ -1,2 +1,2 @@
-import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-DggZTKvc.js";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-Vck3pox6.js";
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/ProductCard/index.js

@@ -1,8 +1,8 @@
 import "../textVariantClasses-D77TGEy1.js";
 import "../Text-Bod4OMPk.js";
-import "../Headline-DTaT30_m.js";
-import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../ProductCard-Dkkhl9pk.js";
+import "../Headline-DNEWF8ly.js";
 import "../ImageWithFallback-DqxjwO3i.js";
-import "../Spinner-BqTt55uu.js";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../ProductCard-C3MjnfZJ.js";
+import "../Spinner-CjGLIRgs.js";
 
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/{ProductCard-Dkkhl9pk.js → ProductCard-C3MjnfZJ.js}

@@ -1,11 +1,11 @@
 import { Text } from "./Text-Bod4OMPk.js";
-import { Headline } from "./Headline-DTaT30_m.js";
+import { Headline } from "./Headline-DNEWF8ly.js";
 import { ImageWithFallback } from "./ImageWithFallback-DqxjwO3i.js";
-import { Spinner } from "./Spinner-BqTt55uu.js";
+import { Spinner } from "./Spinner-CjGLIRgs.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MdStar } from "react-icons/md";
-import { useImageResolver } from "@envive-ai/react-hooks/hooks";
+import { useImageResolver } from "@envive-ai/react-hooks/hooks/ImageResolver";
 
 //#region src/components/ProductCard/productCardVariants.ts
 /**

package/dist/{ProductCard-CymUvJnC.cjs → ProductCard-FDyIMnZs.cjs}

@@ -1,16 +1,16 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_Text = require('./Text-MQjxqgZZ.cjs');
-const require_Headline = require('./Headline-DSmu5Mg8.cjs');
+const require_Headline = require('./Headline-DTT4RSv2.cjs');
 const require_ImageWithFallback = require('./ImageWithFallback-Cx-KNi-D.cjs');
-const require_Spinner = require('./Spinner-DjK8ts9E.cjs');
+const require_Spinner = require('./Spinner-DFor2Szi.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);
 let react_icons_md = require("react-icons/md");
 react_icons_md = require_chunk.__toESM(react_icons_md);
-let __envive_ai_react_hooks_hooks = require("@envive-ai/react-hooks/hooks");
-__envive_ai_react_hooks_hooks = require_chunk.__toESM(__envive_ai_react_hooks_hooks);
+let __envive_ai_react_hooks_hooks_ImageResolver = require("@envive-ai/react-hooks/hooks/ImageResolver");
+__envive_ai_react_hooks_hooks_ImageResolver = require_chunk.__toESM(__envive_ai_react_hooks_hooks_ImageResolver);
 
 //#region src/components/ProductCard/productCardVariants.ts
 /**
@@ -133,7 +133,7 @@ const PriceSection = ({ originalPrice, salePrice, pricePrefix }) => {
 	});
 };
 const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, url, originalPrice, averageRating, numberReviews, salePrice, variant, hoverVariant, dataTestId, layoutVariant = "normal", zoomOnHover = false, aspectRatio = "none", growWithContainer = false, handleClick }) => {
-	const { resolve } = (0, __envive_ai_react_hooks_hooks.useImageResolver)();
+	const { resolve } = (0, __envive_ai_react_hooks_hooks_ImageResolver.useImageResolver)();
 	const finalVariant = variant ?? productCardConfig?.variant ?? "filled";
 	const finalHoverVariant = hoverVariant ?? productCardConfig?.hoverVariant ?? "backgroundDark";
 	const finalLayoutVariant = layoutVariant ?? productCardConfig?.layoutVariant ?? "normal";

package/dist/ProductGrid/index.cjs

@@ -1,10 +1,10 @@
 require('../textVariantClasses-Dgz7Zaql.cjs');
 require('../Text-MQjxqgZZ.cjs');
-require('../Headline-DSmu5Mg8.cjs');
-require('../ProductCard-CymUvJnC.cjs');
+require('../Headline-DTT4RSv2.cjs');
 require('../ImageWithFallback-Cx-KNi-D.cjs');
-require('../Spinner-DjK8ts9E.cjs');
-const require_ProductGrid = require('../ProductGrid-ZNRujkuN.cjs');
+require('../ProductCard-FDyIMnZs.cjs');
+require('../Spinner-DFor2Szi.cjs');
+const require_ProductGrid = require('../ProductGrid-TlntVJ6h.cjs');
 
 exports.ProductGrid = require_ProductGrid.ProductGrid;
 exports.productGridVariantClasses = require_ProductGrid.productGridVariantClasses;

package/dist/ProductGrid/index.d.cts

@@ -1,5 +1,5 @@
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-b4yAASuy.cjs";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-CFH3KUVw.cjs";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -22,7 +22,7 @@ declare const ProductGrid: ({
   searchResponseId,
   cardsGrowWithContainer,
   cardDisplayLocation
-}: ProductGridProps) => react_jsx_runtime17.JSX.Element;
+}: ProductGridProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/ProductGrid/index.d.ts

@@ -1,5 +1,5 @@
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-DggZTKvc.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-Vck3pox6.js";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -22,7 +22,7 @@ declare const ProductGrid: ({
   searchResponseId,
   cardsGrowWithContainer,
   cardDisplayLocation
-}: ProductGridProps) => react_jsx_runtime13.JSX.Element;
+}: ProductGridProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/ProductGrid/index.js

@@ -1,9 +1,9 @@
 import "../textVariantClasses-D77TGEy1.js";
 import "../Text-Bod4OMPk.js";
-import "../Headline-DTaT30_m.js";
-import "../ProductCard-Dkkhl9pk.js";
+import "../Headline-DNEWF8ly.js";
 import "../ImageWithFallback-DqxjwO3i.js";
-import "../Spinner-BqTt55uu.js";
-import { ProductGrid, productGridVariantClasses } from "../ProductGrid-B3Ypqh7j.js";
+import "../ProductCard-C3MjnfZJ.js";
+import "../Spinner-CjGLIRgs.js";
+import { ProductGrid, productGridVariantClasses } from "../ProductGrid-C9OKsyB2.js";
 
 export { ProductGrid, productGridVariantClasses };

package/dist/{ProductGrid-B3Ypqh7j.js → ProductGrid-C9OKsyB2.js}

@@ -1,4 +1,4 @@
-import { ProductCard } from "./ProductCard-Dkkhl9pk.js";
+import { ProductCard } from "./ProductCard-C3MjnfZJ.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 

package/dist/{ProductGrid-ZNRujkuN.cjs → ProductGrid-TlntVJ6h.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-CymUvJnC.cjs');
+const require_ProductCard = require('./ProductCard-FDyIMnZs.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/RadioButton/index.cjs

@@ -0,0 +1,6 @@
+require('../textVariantClasses-Dgz7Zaql.cjs');
+require('../Text-MQjxqgZZ.cjs');
+require('../Text-C8t_iEj6.cjs');
+const require_RadioButton = require('../RadioButton-DZ6QXkrN.cjs');
+
+exports.RadioButton = require_RadioButton.RadioButton;

package/dist/RadioButton/index.d.cts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+import { TestProps } from "@envive-ai/react-hooks/types";
+
+//#region src/components/RadioButton/RadioButton.d.ts
+interface RadioButtonProps extends TestProps {
+  isDisabled?: boolean;
+  label: string;
+  name: string;
+  value: string;
+  textButtonGap?: 'small' | 'medium' | 'large';
+  fillColor?: string;
+  hoverColor?: string;
+  uncheckedBorderColor?: string;
+  checked?: boolean;
+  onChange: (value: string) => void;
+}
+declare const RadioButton: ({
+  isDisabled,
+  label,
+  name,
+  value,
+  textButtonGap,
+  fillColor,
+  hoverColor,
+  uncheckedBorderColor,
+  checked,
+  onChange
+}: RadioButtonProps) => react_jsx_runtime2.JSX.Element;
+//#endregion
+export { RadioButton };

package/dist/RadioButton/index.d.ts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import { TestProps } from "@envive-ai/react-hooks/types";
+
+//#region src/components/RadioButton/RadioButton.d.ts
+interface RadioButtonProps extends TestProps {
+  isDisabled?: boolean;
+  label: string;
+  name: string;
+  value: string;
+  textButtonGap?: 'small' | 'medium' | 'large';
+  fillColor?: string;
+  hoverColor?: string;
+  uncheckedBorderColor?: string;
+  checked?: boolean;
+  onChange: (value: string) => void;
+}
+declare const RadioButton: ({
+  isDisabled,
+  label,
+  name,
+  value,
+  textButtonGap,
+  fillColor,
+  hoverColor,
+  uncheckedBorderColor,
+  checked,
+  onChange
+}: RadioButtonProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { RadioButton };

package/dist/RadioButton/index.js

@@ -0,0 +1,6 @@
+import "../textVariantClasses-D77TGEy1.js";
+import "../Text-Bod4OMPk.js";
+import "../Text-BMsncrpY.js";
+import { RadioButton } from "../RadioButton-Bf68dZl7.js";
+
+export { RadioButton };

package/dist/RadioButton-Bf68dZl7.js

@@ -0,0 +1,68 @@
+import { Text } from "./Text-Bod4OMPk.js";
+import { useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/RadioButton/RadioButton.tsx
+const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "medium", fillColor, hoverColor, uncheckedBorderColor, checked = false, onChange }) => {
+	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),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "spiffy-tw-relative",
+			children: [/* @__PURE__ */ jsx("input", {
+				type: "radio",
+				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(Text, {
+			variant: "body3",
+			children: label
+		})]
+	});
+};
+
+//#endregion
+export { RadioButton };

package/dist/RadioButton-DZ6QXkrN.cjs

@@ -0,0 +1,77 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_Text = require('./Text-MQjxqgZZ.cjs');
+let react = require("react");
+react = require_chunk.__toESM(react);
+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/RadioButton/RadioButton.tsx
+const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "medium", fillColor, hoverColor, uncheckedBorderColor, checked = false, onChange }) => {
+	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),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "spiffy-tw-relative",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "radio",
+				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_Text.Text, {
+			variant: "body3",
+			children: label
+		})]
+	});
+};
+
+//#endregion
+Object.defineProperty(exports, 'RadioButton', {
+  enumerable: true,
+  get: function () {
+    return RadioButton;
+  }
+});

package/dist/RadioButtonGroup/index.cjs

@@ -0,0 +1,8 @@
+require('../textVariantClasses-Dgz7Zaql.cjs');
+require('../Text-MQjxqgZZ.cjs');
+require('../Text-C8t_iEj6.cjs');
+require('../RadioButton-DZ6QXkrN.cjs');
+const require_RadioButtonGroup = require('../RadioButtonGroup-Dc_n5amh.cjs');
+
+exports.RadioButtonGroup = require_RadioButtonGroup.RadioButtonGroup;
+exports.SPIFFY_RADIO_BUTTON_GROUP_CLASS = require_RadioButtonGroup.SPIFFY_RADIO_BUTTON_GROUP_CLASS;

package/dist/RadioButtonGroup/index.d.cts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+import { TestProps } from "@envive-ai/react-hooks/types";
+
+//#region src/components/RadioButtonGroup/RadioButtonGroup.d.ts
+declare const SPIFFY_RADIO_BUTTON_GROUP_CLASS = "spiffy-radio-button-group-class";
+interface RadioButtonOption {
+  label: string;
+  value: string;
+  disabled?: boolean;
+}
+interface RadioButtonGroupProps extends TestProps {
+  name: string;
+  options: RadioButtonOption[];
+  fillColor?: string;
+  hoverColor?: string;
+  value?: string;
+  isDisabled?: boolean;
+  gap?: 'small' | 'medium' | 'large';
+  textButtonGap?: 'small' | 'medium' | 'large';
+  onChange: (value: string) => void;
+  uncheckedBorderColor?: string;
+}
+declare const RadioButtonGroup: ({
+  name,
+  options,
+  fillColor,
+  hoverColor,
+  uncheckedBorderColor,
+  value,
+  isDisabled,
+  gap,
+  textButtonGap,
+  onChange
+}: RadioButtonGroupProps) => react_jsx_runtime12.JSX.Element;
+//#endregion
+export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/RadioButtonGroup/index.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime23 from "react/jsx-runtime";
+import { TestProps } from "@envive-ai/react-hooks/types";
+
+//#region src/components/RadioButtonGroup/RadioButtonGroup.d.ts
+declare const SPIFFY_RADIO_BUTTON_GROUP_CLASS = "spiffy-radio-button-group-class";
+interface RadioButtonOption {
+  label: string;
+  value: string;
+  disabled?: boolean;
+}
+interface RadioButtonGroupProps extends TestProps {
+  name: string;
+  options: RadioButtonOption[];
+  fillColor?: string;
+  hoverColor?: string;
+  value?: string;
+  isDisabled?: boolean;
+  gap?: 'small' | 'medium' | 'large';
+  textButtonGap?: 'small' | 'medium' | 'large';
+  onChange: (value: string) => void;
+  uncheckedBorderColor?: string;
+}
+declare const RadioButtonGroup: ({
+  name,
+  options,
+  fillColor,
+  hoverColor,
+  uncheckedBorderColor,
+  value,
+  isDisabled,
+  gap,
+  textButtonGap,
+  onChange
+}: RadioButtonGroupProps) => react_jsx_runtime23.JSX.Element;
+//#endregion
+export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/RadioButtonGroup/index.js

@@ -0,0 +1,7 @@
+import "../textVariantClasses-D77TGEy1.js";
+import "../Text-Bod4OMPk.js";
+import "../Text-BMsncrpY.js";
+import "../RadioButton-Bf68dZl7.js";
+import { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS } from "../RadioButtonGroup-8k7hkJYB.js";
+
+export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/RadioButtonGroup-8k7hkJYB.js

@@ -0,0 +1,37 @@
+import { RadioButton } from "./RadioButton-Bf68dZl7.js";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/RadioButtonGroup/RadioButtonGroup.tsx
+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, {
+			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/RadioButtonGroup-Dc_n5amh.cjs

@@ -0,0 +1,51 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_RadioButton = require('./RadioButton-DZ6QXkrN.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/RadioButtonGroup/RadioButtonGroup.tsx
+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, {
+			name,
+			value: option.value,
+			fillColor,
+			hoverColor,
+			uncheckedBorderColor,
+			label: option.label,
+			checked: value === option.value,
+			isDisabled: isDisabled || option.disabled,
+			onChange: handleChange,
+			textButtonGap
+		}, option.value))
+	});
+};
+
+//#endregion
+Object.defineProperty(exports, 'RadioButtonGroup', {
+  enumerable: true,
+  get: function () {
+    return RadioButtonGroup;
+  }
+});
+Object.defineProperty(exports, 'SPIFFY_RADIO_BUTTON_GROUP_CLASS', {
+  enumerable: true,
+  get: function () {
+    return SPIFFY_RADIO_BUTTON_GROUP_CLASS;
+  }
+});

package/dist/SearchAutocomplete/index.cjs

@@ -1,3 +1,3 @@
-const require_SearchAutocomplete = require('../SearchAutocomplete-hQDnKtwQ.cjs');
+const require_SearchAutocomplete = require('../SearchAutocomplete-DIEhLT4C.cjs');
 
 exports.SearchAutocomplete = require_SearchAutocomplete.SearchAutocomplete;

package/dist/SearchAutocomplete/index.js

@@ -1,3 +1,3 @@
-import { SearchAutocomplete } from "../SearchAutocomplete-C4RY0IoT.js";
+import { SearchAutocomplete } from "../SearchAutocomplete-BlpII8Xs.js";
 
 export { SearchAutocomplete };

package/dist/SearchFilter/index.cjs

@@ -1,7 +1,14 @@
 require('../textVariantClasses-Dgz7Zaql.cjs');
 require('../Text-MQjxqgZZ.cjs');
-require('../ButtonBase-DGpQBeLR.cjs');
-const require_SearchFilter = require('../SearchFilter-CLYCSNAa.cjs');
+require('../Text-C8t_iEj6.cjs');
+require('../Accordion-DBZpiQe7.cjs');
+require('../ButtonBase-Do88ndKa.cjs');
+require('../ButtonBase-BIXx56hq.cjs');
+require('../ModalSheet-Csz8HIxs.cjs');
+require('../RadioButton-DZ6QXkrN.cjs');
+require('../RadioButtonGroup-Dc_n5amh.cjs');
+const require_SearchFilter = require('../SearchFilter-CTVBi5s3.cjs');
+require('../ToggleButton-CK_vkMvt.cjs');
 
 exports.SearchFilter = require_SearchFilter.SearchFilter;
 exports.SearchFilterHeader = require_SearchFilter.SearchFilterHeader;