@envive-ai/react-toolkit 0.2.8 → 0.2.9

package/dist/Accordion/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime23 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_runtime26.JSX.Element;
+}: AccordionProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { Accordion };

package/dist/Accordion/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime27 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_runtime25.JSX.Element;
+}: AccordionProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { Accordion };

package/dist/AnimatedChevron/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import { MotionValue } from "framer-motion";
 
 //#region src/components/AnimatedChevron/AnimatedChevron.d.ts
@@ -9,6 +9,6 @@ interface AnimatedChevronProps {
 declare const AnimatedChevron: ({
   animationKey,
   chevronColor
-}: AnimatedChevronProps) => react_jsx_runtime18.JSX.Element;
+}: AnimatedChevronProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { AnimatedChevron };

package/dist/AnimatedChevron/index.d.ts

@@ -1,5 +1,5 @@
 import { MotionValue } from "framer-motion";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/AnimatedChevron/AnimatedChevron.d.ts
 interface AnimatedChevronProps {
@@ -9,6 +9,6 @@ interface AnimatedChevronProps {
 declare const AnimatedChevron: ({
   animationKey,
   chevronColor
-}: AnimatedChevronProps) => react_jsx_runtime19.JSX.Element;
+}: AnimatedChevronProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { AnimatedChevron };

package/dist/AppliedFiltersScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,6 +17,6 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime25.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/AppliedFiltersScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,6 +17,6 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime24.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/ButtonBase/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 import { ButtonHTMLAttributes, CSSProperties } from "react";
 
@@ -37,6 +37,6 @@ declare const ButtonBase: ({
   dataTestId,
   onClick,
   disablePadding
-}: ButtonBaseProps) => react_jsx_runtime19.JSX.Element;
+}: ButtonBaseProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/ButtonBase/index.d.ts

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

package/dist/DynamicFiltersScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -23,6 +23,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime14.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { DynamicFiltersScrollbar };

package/dist/DynamicFiltersScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -23,6 +23,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime27.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,7 +17,7 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime21.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_runtime21.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,7 +17,7 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime23.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime20.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_runtime23.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/ImageWithFallback/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime22 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_runtime20.JSX.Element;
+}: ImageWithFallbackProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ModalSheet/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/components/ModalSheet/types.d.ts
 type ModalSheetProps = {
@@ -33,6 +33,6 @@ declare const ModalSheet: ({
   desktopWidth,
   headerProps,
   footerProps
-}: ModalSheetProps) => react_jsx_runtime13.JSX.Element;
+}: ModalSheetProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { ModalSheet };

package/dist/ModalSheet/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/ModalSheet/types.d.ts
 type ModalSheetProps = {
@@ -33,6 +33,6 @@ declare const ModalSheet: ({
   desktopWidth,
   headerProps,
   footerProps
-}: ModalSheetProps) => react_jsx_runtime26.JSX.Element;
+}: ModalSheetProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { ModalSheet };

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-CY3-7i6i.cjs";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-Dz7MKQfH.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-DELwJODl.js";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-Wd_cQHmW.js";
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/ProductGrid/index.cjs

@@ -2,7 +2,7 @@ require('../Typography-CFNWgbM5.cjs');
 require('../ImageWithFallback-1LqhQK1q.cjs');
 require('../ProductCard-DksbHI3v.cjs');
 require('../Spinner-DjK8ts9E.cjs');
-const require_ProductGrid = require('../ProductGrid-DxbFvnNs.cjs');
+const require_ProductGrid = require('../ProductGrid-CStAsiRj.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-CY3-7i6i.cjs";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-Dz7MKQfH.cjs";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -18,7 +18,7 @@ declare const ProductGrid: ({
   productCardConfig,
   merchantShortName,
   cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime16.JSX.Element;
+}: ProductGridProps) => react_jsx_runtime19.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-DELwJODl.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-Wd_cQHmW.js";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -18,7 +18,7 @@ declare const ProductGrid: ({
   productCardConfig,
   merchantShortName,
   cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime14.JSX.Element;
+}: ProductGridProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/ProductGrid/index.js

@@ -2,6 +2,6 @@ import "../Typography-D3vDkBMS.js";
 import "../ImageWithFallback-Ckwsmd8P.js";
 import "../ProductCard-DRczevG8.js";
 import "../Spinner-BqTt55uu.js";
-import { ProductGrid, productGridVariantClasses } from "../ProductGrid-CGHDHthe.js";
+import { ProductGrid, productGridVariantClasses } from "../ProductGrid-B36atUp5.js";
 
 export { ProductGrid, productGridVariantClasses };

package/dist/RadioButton/index.cjs

@@ -1,3 +1,4 @@
-const require_RadioButton = require('../RadioButton-BzZTrq-i.cjs');
+require('../Typography-CFNWgbM5.cjs');
+const require_RadioButton = require('../RadioButton-OqwNhq7S.cjs');
 
 exports.RadioButton = require_RadioButton.RadioButton;

package/dist/RadioButton/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButton/RadioButton.d.ts
@@ -27,6 +27,6 @@ declare const RadioButton: ({
   checked,
   onChange,
   id
-}: RadioButtonProps) => react_jsx_runtime12.JSX.Element;
+}: RadioButtonProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { RadioButton };

package/dist/RadioButton/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButton/RadioButton.d.ts
@@ -27,6 +27,6 @@ declare const RadioButton: ({
   checked,
   onChange,
   id
-}: RadioButtonProps) => react_jsx_runtime28.JSX.Element;
+}: RadioButtonProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { RadioButton };

package/dist/RadioButton/index.js

@@ -1,3 +1,4 @@
-import { RadioButton } from "../RadioButton-DRdlp-HC.js";
+import "../Typography-D3vDkBMS.js";
+import { RadioButton } from "../RadioButton-DoqlQgeW.js";
 
 export { RadioButton };

package/dist/{RadioButton-DRdlp-HC.js → RadioButton-DoqlQgeW.js}

@@ -1,6 +1,7 @@
+import { Typography } from "./Typography-D3vDkBMS.js";
 import { useState } from "react";
 import classNames from "classnames";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+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, id }) => {
@@ -23,44 +24,47 @@ const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "
 	const handleChange = () => {
 		if (!isDisabled) onChange(value);
 	};
-	return /* @__PURE__ */ jsxs(Fragment, { 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("label", {
+	return /* @__PURE__ */ jsxs("label", {
 		className: containerClassName,
 		onMouseEnter: () => !isDisabled && setIsHovered(true),
 		onMouseLeave: () => setIsHovered(false),
 		"aria-label": label,
 		htmlFor: id,
-		children: label
-	})] });
+		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

package/dist/{RadioButton-BzZTrq-i.cjs → RadioButton-OqwNhq7S.cjs}

@@ -1,4 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_Typography = require('./Typography-CFNWgbM5.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let classnames = require("classnames");
@@ -27,44 +28,47 @@ const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "
 	const handleChange = () => {
 		if (!isDisabled) onChange(value);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { 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)("label", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 		className: containerClassName,
 		onMouseEnter: () => !isDisabled && setIsHovered(true),
 		onMouseLeave: () => setIsHovered(false),
 		"aria-label": label,
 		htmlFor: id,
-		children: label
-	})] });
+		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

package/dist/RadioButtonGroup/index.cjs

@@ -1,5 +1,6 @@
-require('../RadioButton-BzZTrq-i.cjs');
-const require_RadioButtonGroup = require('../RadioButtonGroup-DU4_ZMJ2.cjs');
+require('../Typography-CFNWgbM5.cjs');
+require('../RadioButton-OqwNhq7S.cjs');
+const require_RadioButtonGroup = require('../RadioButtonGroup-DwMWFYga.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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButtonGroup/RadioButtonGroup.d.ts
@@ -31,6 +31,6 @@ declare const RadioButtonGroup: ({
   gap,
   textButtonGap,
   onChange
-}: RadioButtonGroupProps) => react_jsx_runtime11.JSX.Element;
+}: RadioButtonGroupProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/RadioButtonGroup/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButtonGroup/RadioButtonGroup.d.ts
@@ -31,6 +31,6 @@ declare const RadioButtonGroup: ({
   gap,
   textButtonGap,
   onChange
-}: RadioButtonGroupProps) => react_jsx_runtime15.JSX.Element;
+}: RadioButtonGroupProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/RadioButtonGroup/index.js

@@ -1,4 +1,5 @@
-import "../RadioButton-DRdlp-HC.js";
-import { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS } from "../RadioButtonGroup-BHfAwrH7.js";
+import "../Typography-D3vDkBMS.js";
+import "../RadioButton-DoqlQgeW.js";
+import { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS } from "../RadioButtonGroup-BP4aECu6.js";
 
 export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/{RadioButtonGroup-BHfAwrH7.js → RadioButtonGroup-BP4aECu6.js}

@@ -1,4 +1,4 @@
-import { RadioButton } from "./RadioButton-DRdlp-HC.js";
+import { RadioButton } from "./RadioButton-DoqlQgeW.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 

package/dist/{RadioButtonGroup-DU4_ZMJ2.cjs → RadioButtonGroup-DwMWFYga.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_RadioButton = require('./RadioButton-BzZTrq-i.cjs');
+const require_RadioButton = require('./RadioButton-OqwNhq7S.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/SearchAutocomplete/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/SearchAutocomplete/SearchAutocomplete.d.ts
 interface GlobalSearchAutocompleteProps {
@@ -16,6 +16,6 @@ declare const SearchAutocomplete: ({
   searchText,
   onSuggestionSelect,
   iconColor
-}: GlobalSearchAutocompleteProps) => react_jsx_runtime15.JSX.Element;
+}: GlobalSearchAutocompleteProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { SearchAutocomplete };

package/dist/SearchAutocomplete/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/components/SearchAutocomplete/SearchAutocomplete.d.ts
 interface GlobalSearchAutocompleteProps {
@@ -16,6 +16,6 @@ declare const SearchAutocomplete: ({
   searchText,
   onSuggestionSelect,
   iconColor
-}: GlobalSearchAutocompleteProps) => react_jsx_runtime7.JSX.Element;
+}: GlobalSearchAutocompleteProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { SearchAutocomplete };

package/dist/SearchFilter/index.cjs

@@ -4,10 +4,10 @@ require('../AnimatedChevron-Q96FneFy.cjs');
 require('../ButtonBase-AU23oGQr.cjs');
 require('../ButtonBase-DbWQ25n-.cjs');
 require('../ModalSheet-CcthFeMD.cjs');
-require('../RadioButton-BzZTrq-i.cjs');
-require('../RadioButtonGroup-DU4_ZMJ2.cjs');
-const require_SearchFilter = require('../SearchFilter-y4vrVBUC.cjs');
-require('../ToggleButton-CJ74eu-N.cjs');
+require('../RadioButton-OqwNhq7S.cjs');
+require('../RadioButtonGroup-DwMWFYga.cjs');
+const require_SearchFilter = require('../SearchFilter-Yk01V_VO.cjs');
+require('../ToggleButton-DCiR4sB5.cjs');
 
 exports.SearchFilter = require_SearchFilter.SearchFilter;
 exports.SearchFilterFooter = require_SearchFilter.SearchFilterFooter;