@envive-ai/react-toolkit 0.1.13 → 0.2.1

package/dist/RadioButton-BdKJRzLM.cjs

@@ -1,84 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-DllCE9_D.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, 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)(react_jsx_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-			className: containerClassName,
-			onMouseEnter: () => !isDisabled && setIsHovered(true),
-			onMouseLeave: () => setIsHovered(false),
-			"aria-label": label,
-			htmlFor: id,
-			children: label
-		}),
-		/* @__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_Text.Text, {
-			variant: "body3",
-			children: label
-		})
-	] });
-};
-
-//#endregion
-Object.defineProperty(exports, 'RadioButton', {
-  enumerable: true,
-  get: function () {
-    return RadioButton;
-  }
-});

package/dist/RadioButton-S5dALI2f.js

@@ -1,75 +0,0 @@
-import { Text } from "./Text-BLzNhX4H.js";
-import { useState } from "react";
-import classNames from "classnames";
-import { Fragment, 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 }) => {
-	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(Fragment, { children: [
-		/* @__PURE__ */ jsx("label", {
-			className: containerClassName,
-			onMouseEnter: () => !isDisabled && setIsHovered(true),
-			onMouseLeave: () => setIsHovered(false),
-			"aria-label": label,
-			htmlFor: id,
-			children: label
-		}),
-		/* @__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(Text, {
-			variant: "body3",
-			children: label
-		})
-	] });
-};
-
-//#endregion
-export { RadioButton };

package/dist/RadioButtonGroup/index.cjs

@@ -1,8 +0,0 @@
-require('../textVariantClasses-CBre7vXv.cjs');
-require('../Text-DllCE9_D.cjs');
-require('../Text-C8t_iEj6.cjs');
-require('../RadioButton-BdKJRzLM.cjs');
-const require_RadioButtonGroup = require('../RadioButtonGroup-TAJMA1j_.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,36 +0,0 @@
-import * as react_jsx_runtime10 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_runtime10.JSX.Element;
-//#endregion
-export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/RadioButtonGroup/index.d.ts

@@ -1,36 +0,0 @@
-import * as react_jsx_runtime0 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_runtime0.JSX.Element;
-//#endregion
-export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/RadioButtonGroup/index.js

@@ -1,7 +0,0 @@
-import "../textVariantClasses-CRrTb43V.js";
-import "../Text-BLzNhX4H.js";
-import "../Text-BMsncrpY.js";
-import "../RadioButton-S5dALI2f.js";
-import { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS } from "../RadioButtonGroup-BipNsoHL.js";
-
-export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/RadioButtonGroup-BipNsoHL.js

@@ -1,38 +0,0 @@
-import { RadioButton } from "./RadioButton-S5dALI2f.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, {
-			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/RadioButtonGroup-TAJMA1j_.cjs

@@ -1,52 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_RadioButton = require('./RadioButton-BdKJRzLM.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, {
-			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
-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,57 +0,0 @@
-const require_chunk = require('../chunk-CUT6urMc.cjs');
-let framer_motion = require("framer-motion");
-framer_motion = require_chunk.__toESM(framer_motion);
-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);
-let __envive_ai_react_icons_OutlinedStar = require("@envive-ai/react-icons/OutlinedStar");
-__envive_ai_react_icons_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_OutlinedStar);
-
-//#region src/components/SearchAutocomplete/SearchAutocomplete.tsx
-const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
-	if (results.length === 0) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-		className: "spiffy-tw-h-full",
-		initial: {
-			opacity: 0,
-			y: -10
-		},
-		animate: {
-			opacity: 1,
-			y: 0
-		},
-		exit: {
-			opacity: 0,
-			y: -10
-		},
-		transition: { duration: .2 },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-			id,
-			role: "listbox",
-			className: "spiffy-tw-mt-4 spiffy-tw-space-y-2",
-			children: results.map((result, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				id: `option-${index}`,
-				role: "option",
-				"aria-selected": index === focusedIndex,
-				className: (0, classnames.default)("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-cursor-pointer spiffy-tw-py-1", { "spiffy-tw-bg-neutral-200": index === focusedIndex }, "hover:spiffy-tw-bg-neutral-100"),
-				onClick: () => onSuggestionSelect(result, index),
-				onKeyDown: (event) => {
-					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
-				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_OutlinedStar.default, {
-					className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-2",
-					fill: iconColor
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "spiffy-tw-font-bold",
-					children: result
-				})]
-			}, index))
-		})
-	});
-};
-
-//#endregion
-exports.SearchAutocomplete = SearchAutocomplete;

package/dist/SearchAutocomplete/index.d.cts

@@ -1,13 +0,0 @@
-import React from "react";
-
-//#region src/components/SearchAutocomplete/SearchAutocomplete.d.ts
-interface GlobalSearchAutocompleteProps {
-  id: string;
-  results: string[];
-  focusedIndex: number;
-  onSuggestionSelect: (suggestion: string, rankPosition: number) => void;
-  iconColor?: string;
-}
-declare const SearchAutocomplete: React.FC<GlobalSearchAutocompleteProps>;
-//#endregion
-export { SearchAutocomplete };

package/dist/SearchAutocomplete/index.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-
-//#region src/components/SearchAutocomplete/SearchAutocomplete.d.ts
-interface GlobalSearchAutocompleteProps {
-  id: string;
-  results: string[];
-  focusedIndex: number;
-  onSuggestionSelect: (suggestion: string, rankPosition: number) => void;
-  iconColor?: string;
-}
-declare const SearchAutocomplete: React.FC<GlobalSearchAutocompleteProps>;
-//#endregion
-export { SearchAutocomplete };

package/dist/SearchAutocomplete/index.js

@@ -1,51 +0,0 @@
-import { motion } from "framer-motion";
-import React from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import OutlinedStar from "@envive-ai/react-icons/OutlinedStar";
-
-//#region src/components/SearchAutocomplete/SearchAutocomplete.tsx
-const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
-	if (results.length === 0) return null;
-	return /* @__PURE__ */ jsx(motion.div, {
-		className: "spiffy-tw-h-full",
-		initial: {
-			opacity: 0,
-			y: -10
-		},
-		animate: {
-			opacity: 1,
-			y: 0
-		},
-		exit: {
-			opacity: 0,
-			y: -10
-		},
-		transition: { duration: .2 },
-		children: /* @__PURE__ */ jsx("ul", {
-			id,
-			role: "listbox",
-			className: "spiffy-tw-mt-4 spiffy-tw-space-y-2",
-			children: results.map((result, index) => /* @__PURE__ */ jsxs("li", {
-				id: `option-${index}`,
-				role: "option",
-				"aria-selected": index === focusedIndex,
-				className: classNames("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-cursor-pointer spiffy-tw-py-1", { "spiffy-tw-bg-neutral-200": index === focusedIndex }, "hover:spiffy-tw-bg-neutral-100"),
-				onClick: () => onSuggestionSelect(result, index),
-				onKeyDown: (event) => {
-					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
-				},
-				children: [/* @__PURE__ */ jsx(OutlinedStar, {
-					className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-2",
-					fill: iconColor
-				}), /* @__PURE__ */ jsx("span", {
-					className: "spiffy-tw-font-bold",
-					children: result
-				})]
-			}, index))
-		})
-	});
-};
-
-//#endregion
-export { SearchAutocomplete };

package/dist/SearchFilter/index.cjs

@@ -1,15 +0,0 @@
-require('../textVariantClasses-CBre7vXv.cjs');
-require('../Text-DllCE9_D.cjs');
-require('../Text-C8t_iEj6.cjs');
-require('../Accordion-D9gO9_y3.cjs');
-require('../ButtonBase-DrIwVGTR.cjs');
-require('../ButtonBase-BIXx56hq.cjs');
-require('../ModalSheet-Csz8HIxs.cjs');
-require('../RadioButton-BdKJRzLM.cjs');
-require('../RadioButtonGroup-TAJMA1j_.cjs');
-const require_SearchFilter = require('../SearchFilter-BcLc0TMq.cjs');
-require('../ToggleButton-DblAj4Cd.cjs');
-
-exports.SearchFilter = require_SearchFilter.SearchFilter;
-exports.SearchFilterHeader = require_SearchFilter.SearchFilterHeader;
-exports.SearchFilterItem = require_SearchFilter.SearchFilterItem;

package/dist/SearchFilter/index.d.cts

@@ -1,77 +0,0 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
-import { CloseIconVariant, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
-
-//#region src/components/SearchFilter/types.d.ts
-interface SearchFilterItem$1 extends SearchFilterItemDatum {
-  filterId: string;
-  filterItemId: string;
-}
-interface SearchFilterItemProps {
-  filterItem: SearchFilterItem$1;
-  onSelectFilterItem: SelectFilterItem;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-}
-interface SearchFilterHeaderProps {
-  closeModal: () => void;
-  productCount: number;
-  headerClassName: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-}
-type SearchFilterProps = {
-  filters: SearchFilterDatum[];
-  selectFilterItem: SelectFilterItem;
-  clearAllFilters: () => void;
-  productCount: number;
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-  headerContent?: React.ReactNode;
-  footerContent?: React.ReactNode;
-  filterButtonText?: string;
-  headerClassName?: string;
-  radioButtonFillColor: string;
-  radioButtonHoverColor?: string;
-  radioButtonUncheckedBorderColor?: string;
-  filterCloseIconVariant: CloseIconVariant;
-};
-//#endregion
-//#region src/components/SearchFilter/SearchFilter.d.ts
-declare const SearchFilter: ({
-  filters,
-  productCount,
-  selectFilterItem,
-  clearAllFilters,
-  isOpen,
-  setIsOpen,
-  applyFiltersUnchangedClasses,
-  applyFiltersChangedClasses,
-  headerContent,
-  footerContent,
-  headerClassName,
-  radioButtonFillColor,
-  radioButtonHoverColor,
-  radioButtonUncheckedBorderColor,
-  filterCloseIconVariant
-}: SearchFilterProps) => react_jsx_runtime6.JSX.Element;
-//#endregion
-//#region src/components/SearchFilter/SearchFilterHeader.d.ts
-declare const SearchFilterHeader: ({
-  closeModal,
-  productCount,
-  headerClassName,
-  filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime6.JSX.Element;
-//#endregion
-//#region src/components/SearchFilter/SearchFilterItem.d.ts
-declare const SearchFilterItem: ({
-  filterItem,
-  onSelectFilterItem,
-  radioButtonFillColor,
-  radioButtonHoverColor,
-  radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime6.JSX.Element;
-//#endregion
-export { SearchFilter, SearchFilterHeader, SearchFilterItem };

package/dist/SearchFilter/index.d.ts

@@ -1,77 +0,0 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
-import { CloseIconVariant, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
-
-//#region src/components/SearchFilter/types.d.ts
-interface SearchFilterItem$1 extends SearchFilterItemDatum {
-  filterId: string;
-  filterItemId: string;
-}
-interface SearchFilterItemProps {
-  filterItem: SearchFilterItem$1;
-  onSelectFilterItem: SelectFilterItem;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-}
-interface SearchFilterHeaderProps {
-  closeModal: () => void;
-  productCount: number;
-  headerClassName: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-}
-type SearchFilterProps = {
-  filters: SearchFilterDatum[];
-  selectFilterItem: SelectFilterItem;
-  clearAllFilters: () => void;
-  productCount: number;
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-  headerContent?: React.ReactNode;
-  footerContent?: React.ReactNode;
-  filterButtonText?: string;
-  headerClassName?: string;
-  radioButtonFillColor: string;
-  radioButtonHoverColor?: string;
-  radioButtonUncheckedBorderColor?: string;
-  filterCloseIconVariant: CloseIconVariant;
-};
-//#endregion
-//#region src/components/SearchFilter/SearchFilter.d.ts
-declare const SearchFilter: ({
-  filters,
-  productCount,
-  selectFilterItem,
-  clearAllFilters,
-  isOpen,
-  setIsOpen,
-  applyFiltersUnchangedClasses,
-  applyFiltersChangedClasses,
-  headerContent,
-  footerContent,
-  headerClassName,
-  radioButtonFillColor,
-  radioButtonHoverColor,
-  radioButtonUncheckedBorderColor,
-  filterCloseIconVariant
-}: SearchFilterProps) => react_jsx_runtime18.JSX.Element;
-//#endregion
-//#region src/components/SearchFilter/SearchFilterHeader.d.ts
-declare const SearchFilterHeader: ({
-  closeModal,
-  productCount,
-  headerClassName,
-  filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime18.JSX.Element;
-//#endregion
-//#region src/components/SearchFilter/SearchFilterItem.d.ts
-declare const SearchFilterItem: ({
-  filterItem,
-  onSelectFilterItem,
-  radioButtonFillColor,
-  radioButtonHoverColor,
-  radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime18.JSX.Element;
-//#endregion
-export { SearchFilter, SearchFilterHeader, SearchFilterItem };

package/dist/SearchFilter/index.js

@@ -1,13 +0,0 @@
-import "../textVariantClasses-CRrTb43V.js";
-import "../Text-BLzNhX4H.js";
-import "../Text-BMsncrpY.js";
-import "../Accordion-ZEdp99Ph.js";
-import "../ButtonBase-DgRupM53.js";
-import "../ButtonBase-0NN6wmX-.js";
-import "../ModalSheet-01pxpy_K.js";
-import "../RadioButton-S5dALI2f.js";
-import "../RadioButtonGroup-BipNsoHL.js";
-import { SearchFilter, SearchFilterHeader, SearchFilterItem } from "../SearchFilter-w-0s2YVu.js";
-import "../ToggleButton-r7Y7Kzzo.js";
-
-export { SearchFilter, SearchFilterHeader, SearchFilterItem };