@envive-ai/react-widgets 0.1.3 → 0.3.1

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

@@ -1,3 +0,0 @@
-'use client';
-
-import { RecommendedProducts } from "./RecommendedProducts.js";

package/dist/packages/components/dist/components/SearchAutocomplete/SearchAutocomplete.cjs

@@ -1,72 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_Typography = require('../Typography/Typography.cjs');
-require('../Typography/index.cjs');
-const require_OutlinedStar = require('../../../../icons/dist/OutlinedStar.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-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/SearchAutocomplete/SearchAutocomplete.js
-const SearchAutocomplete = ({ id, results, focusedIndex, searchText = "", onSuggestionSelect, iconColor }) => {
-	if (results.length === 0) return null;
-	const highlightMatchingText = (text, searchQuery) => {
-		if (!searchQuery.trim()) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-			variant: "body3",
-			children: text
-		});
-		const escapedQuery = searchQuery.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-		const regex = new RegExp(`(${escapedQuery})`, "gi");
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-			variant: "body3",
-			children: text.split(regex).map((part, index) => {
-				return part.toLowerCase() === searchQuery.toLowerCase() ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
-					className: "spiffy-tw-font-bold",
-					children: part
-				}, index) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: part }, index);
-			})
-		});
-	};
-	const containerClasses = (0, classnames.default)("spiffy-tw-mt-[16px]", "spiffy-tw-mb-[8px]");
-	const getListElementClasses = (index) => (0, classnames.default)("spiffy-tw-flex", "spiffy-tw-items-center", "spiffy-tw-cursor-pointer", "spiffy-tw-py-[8px]", "spiffy-tw-pl-[16px]", "spiffy-tw-text-[--spiffy-colors-text-primary]", "hover:spiffy-tw-bg-neutral-100", { "spiffy-tw-bg-neutral-200": focusedIndex === index });
-	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: containerClasses,
-			children: results.map((result, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				id: `option-${index}`,
-				role: "option",
-				"aria-selected": index === focusedIndex,
-				className: getListElementClasses(index),
-				onClick: () => onSuggestionSelect(result, index),
-				onKeyDown: (event) => {
-					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
-				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_OutlinedStar.OutlinedStar_default, {
-					className: "spiffy-tw-mr-[16px] spiffy-tw-h-[16px] spiffy-tw-w-[16px]",
-					fill: iconColor
-				}), highlightMatchingText(result, searchText)]
-			}, index))
-		})
-	});
-};
-
-//#endregion
-exports.SearchAutocomplete = SearchAutocomplete;

package/dist/packages/components/dist/components/SearchAutocomplete/SearchAutocomplete.js

@@ -1,69 +0,0 @@
-import { Typography } from "../Typography/Typography.js";
-import "../Typography/index.js";
-import { OutlinedStar_default } from "../../../../icons/dist/OutlinedStar.js";
-import React from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { motion } from "framer-motion";
-
-//#region ../components/dist/components/SearchAutocomplete/SearchAutocomplete.js
-const SearchAutocomplete = ({ id, results, focusedIndex, searchText = "", onSuggestionSelect, iconColor }) => {
-	if (results.length === 0) return null;
-	const highlightMatchingText = (text, searchQuery) => {
-		if (!searchQuery.trim()) return /* @__PURE__ */ jsx(Typography, {
-			variant: "body3",
-			children: text
-		});
-		const escapedQuery = searchQuery.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-		const regex = new RegExp(`(${escapedQuery})`, "gi");
-		return /* @__PURE__ */ jsx(Typography, {
-			variant: "body3",
-			children: text.split(regex).map((part, index) => {
-				return part.toLowerCase() === searchQuery.toLowerCase() ? /* @__PURE__ */ jsx("strong", {
-					className: "spiffy-tw-font-bold",
-					children: part
-				}, index) : /* @__PURE__ */ jsx("span", { children: part }, index);
-			})
-		});
-	};
-	const containerClasses = classNames("spiffy-tw-mt-[16px]", "spiffy-tw-mb-[8px]");
-	const getListElementClasses = (index) => classNames("spiffy-tw-flex", "spiffy-tw-items-center", "spiffy-tw-cursor-pointer", "spiffy-tw-py-[8px]", "spiffy-tw-pl-[16px]", "spiffy-tw-text-[--spiffy-colors-text-primary]", "hover:spiffy-tw-bg-neutral-100", { "spiffy-tw-bg-neutral-200": focusedIndex === index });
-	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: containerClasses,
-			children: results.map((result, index) => /* @__PURE__ */ jsxs("li", {
-				id: `option-${index}`,
-				role: "option",
-				"aria-selected": index === focusedIndex,
-				className: getListElementClasses(index),
-				onClick: () => onSuggestionSelect(result, index),
-				onKeyDown: (event) => {
-					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
-				},
-				children: [/* @__PURE__ */ jsx(OutlinedStar_default, {
-					className: "spiffy-tw-mr-[16px] spiffy-tw-h-[16px] spiffy-tw-w-[16px]",
-					fill: iconColor
-				}), highlightMatchingText(result, searchText)]
-			}, index))
-		})
-	});
-};
-
-//#endregion
-export { SearchAutocomplete };

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

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

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

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

package/dist/packages/components/dist/components/SearchFilter/SearchFilter.cjs

@@ -1,134 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_SearchFilterHeader = require('./SearchFilterHeader.cjs');
-const require_Accordion = require('../Accordion/Accordion.cjs');
-require('../Accordion/index.cjs');
-const require_ModalSheet = require('../ModalSheet/ModalSheet.cjs');
-require('../ModalSheet/index.cjs');
-const require_RadioButtonGroup = require('../RadioButtonGroup/RadioButtonGroup.cjs');
-require('../RadioButtonGroup/index.cjs');
-const require_useHasFilterStateChanged = require('./useHasFilterStateChanged.cjs');
-const require_utils = require('./utils.cjs');
-const require_ToggleButton = require('../ToggleButton/ToggleButton.cjs');
-require('../ToggleButton/index.cjs');
-const require_SearchFilterFooter = require('./SearchFilterFooter.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/SearchFilter/SearchFilter.js
-const SortFilter = ({ filter, selectFilterItem, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor }) => {
-	const filterTitle = filter.displayName;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Accordion.Accordion, {
-		title: filterTitle,
-		content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_RadioButtonGroup.RadioButtonGroup, {
-			options: filter.items.map((item) => ({
-				label: item.displayName,
-				value: item.filterItemId,
-				isSelected: item.isSelected
-			})),
-			name: filterTitle,
-			onChange: (value) => {
-				const selectedItem = filter.items.find((item) => item.filterItemId === value);
-				selectFilterItem({
-					filterId: filter.filterId,
-					filterItemId: value,
-					isSelected: true,
-					displayName: selectedItem?.displayName || value
-				});
-			},
-			gap: "large",
-			textButtonGap: "large",
-			value: filter.items.find((item) => item.isSelected)?.filterItemId,
-			fillColor: radioButtonFillColor,
-			hoverColor: radioButtonHoverColor,
-			uncheckedBorderColor: radioButtonUncheckedBorderColor
-		})
-	});
-};
-const FilterItem = ({ filterId, filterItem, selectFilterItem }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ToggleButton.ToggleButton, {
-	label: filterItem.displayName,
-	secondaryLabel: `(${filterItem.productCount})`,
-	isSelected: filterItem.isSelected,
-	onClick: () => selectFilterItem({
-		filterId,
-		filterItemId: filterItem.filterItemId,
-		isSelected: !filterItem.isSelected,
-		displayName: filterItem.displayName
-	}),
-	variant: "default"
-});
-const Filter = ({ filter, selectFilterItem }) => {
-	const filterContentClassName = (0, classnames.default)({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-wrap": true,
-		"spiffy-tw-gap-[8px]": true,
-		"spiffy-tw-pb-[1px]": true
-	});
-	const selectedFilterItems = require_utils.getSelectedFilterItemsCount(filter);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Accordion.Accordion, {
-		title: selectedFilterItems > 0 ? `${filter.displayName} (${selectedFilterItems})` : filter.displayName,
-		content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: filterContentClassName,
-			children: filter.items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterItem, {
-				filterId: filter.filterId,
-				filterItem: item,
-				selectFilterItem
-			}, item.filterItemId))
-		})
-	});
-};
-const SearchFilter = ({ filters, productCount, selectFilterItem, clearAllFilters, isOpen, setIsOpen, applyFiltersUnchangedClasses, applyFiltersChangedClasses, headerContent, footerContent, headerClassName, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant }) => {
-	const closeModal = (0, react.useCallback)(() => setIsOpen(false), [setIsOpen]);
-	const filterCount = require_utils.getTotalSelectedFilterItemsCount(filters);
-	const hasFiltersChanged = require_useHasFilterStateChanged.useHasFilterStateChanged(filters, isOpen);
-	const filterWrapperClassName = (0, classnames.default)({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-col": true,
-		"spiffy-tw-gap-[16px]": true,
-		"spiffy-tw-px-[24px]": true,
-		"spiffy-tw-py-[16px]": true,
-		"spiffy-tw-max-h-screen": true,
-		"spiffy-tw-overflow-y-auto": true
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ModalSheet.ModalSheet, {
-		isOpen,
-		closeModal,
-		headerProps: {
-			headerContent: headerContent || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilterHeader.SearchFilterHeader, {
-				closeModal,
-				productCount,
-				headerClassName: headerClassName ?? "",
-				filterCloseIconVariant
-			}),
-			chevronColor: "#000"
-		},
-		footerProps: { footerContent: footerContent || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilterFooter.SearchFilterFooter, {
-			closeModal,
-			clearAllFilters,
-			filterCount,
-			hasFiltersChanged,
-			applyFiltersUnchangedClasses,
-			applyFiltersChangedClasses
-		}) },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: filterWrapperClassName,
-			children: filters.filter((filter) => filter.displayName !== "").map((filter) => {
-				if (filter.filterId === "sort") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortFilter, {
-					filter,
-					selectFilterItem,
-					radioButtonFillColor,
-					radioButtonHoverColor,
-					radioButtonUncheckedBorderColor
-				}, filter.filterId);
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Filter, {
-					filter,
-					selectFilterItem
-				}, filter.filterId);
-			})
-		})
-	});
-};
-
-//#endregion
-exports.SearchFilter = SearchFilter;

package/dist/packages/components/dist/components/SearchFilter/SearchFilter.js

@@ -1,132 +0,0 @@
-import { SearchFilterHeader } from "./SearchFilterHeader.js";
-import { Accordion } from "../Accordion/Accordion.js";
-import "../Accordion/index.js";
-import { ModalSheet } from "../ModalSheet/ModalSheet.js";
-import "../ModalSheet/index.js";
-import { RadioButtonGroup } from "../RadioButtonGroup/RadioButtonGroup.js";
-import "../RadioButtonGroup/index.js";
-import { useHasFilterStateChanged } from "./useHasFilterStateChanged.js";
-import { getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount } from "./utils.js";
-import { ToggleButton } from "../ToggleButton/ToggleButton.js";
-import "../ToggleButton/index.js";
-import { SearchFilterFooter } from "./SearchFilterFooter.js";
-import { useCallback } from "react";
-import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
-
-//#region ../components/dist/components/SearchFilter/SearchFilter.js
-const SortFilter = ({ filter, selectFilterItem, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor }) => {
-	const filterTitle = filter.displayName;
-	return /* @__PURE__ */ jsx(Accordion, {
-		title: filterTitle,
-		content: /* @__PURE__ */ jsx(RadioButtonGroup, {
-			options: filter.items.map((item) => ({
-				label: item.displayName,
-				value: item.filterItemId,
-				isSelected: item.isSelected
-			})),
-			name: filterTitle,
-			onChange: (value) => {
-				const selectedItem = filter.items.find((item) => item.filterItemId === value);
-				selectFilterItem({
-					filterId: filter.filterId,
-					filterItemId: value,
-					isSelected: true,
-					displayName: selectedItem?.displayName || value
-				});
-			},
-			gap: "large",
-			textButtonGap: "large",
-			value: filter.items.find((item) => item.isSelected)?.filterItemId,
-			fillColor: radioButtonFillColor,
-			hoverColor: radioButtonHoverColor,
-			uncheckedBorderColor: radioButtonUncheckedBorderColor
-		})
-	});
-};
-const FilterItem = ({ filterId, filterItem, selectFilterItem }) => /* @__PURE__ */ jsx(ToggleButton, {
-	label: filterItem.displayName,
-	secondaryLabel: `(${filterItem.productCount})`,
-	isSelected: filterItem.isSelected,
-	onClick: () => selectFilterItem({
-		filterId,
-		filterItemId: filterItem.filterItemId,
-		isSelected: !filterItem.isSelected,
-		displayName: filterItem.displayName
-	}),
-	variant: "default"
-});
-const Filter = ({ filter, selectFilterItem }) => {
-	const filterContentClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-wrap": true,
-		"spiffy-tw-gap-[8px]": true,
-		"spiffy-tw-pb-[1px]": true
-	});
-	const selectedFilterItems = getSelectedFilterItemsCount(filter);
-	return /* @__PURE__ */ jsx(Accordion, {
-		title: selectedFilterItems > 0 ? `${filter.displayName} (${selectedFilterItems})` : filter.displayName,
-		content: /* @__PURE__ */ jsx("div", {
-			className: filterContentClassName,
-			children: filter.items.map((item) => /* @__PURE__ */ jsx(FilterItem, {
-				filterId: filter.filterId,
-				filterItem: item,
-				selectFilterItem
-			}, item.filterItemId))
-		})
-	});
-};
-const SearchFilter = ({ filters, productCount, selectFilterItem, clearAllFilters, isOpen, setIsOpen, applyFiltersUnchangedClasses, applyFiltersChangedClasses, headerContent, footerContent, headerClassName, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant }) => {
-	const closeModal = useCallback(() => setIsOpen(false), [setIsOpen]);
-	const filterCount = getTotalSelectedFilterItemsCount(filters);
-	const hasFiltersChanged = useHasFilterStateChanged(filters, isOpen);
-	const filterWrapperClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-col": true,
-		"spiffy-tw-gap-[16px]": true,
-		"spiffy-tw-px-[24px]": true,
-		"spiffy-tw-py-[16px]": true,
-		"spiffy-tw-max-h-screen": true,
-		"spiffy-tw-overflow-y-auto": true
-	});
-	return /* @__PURE__ */ jsx(ModalSheet, {
-		isOpen,
-		closeModal,
-		headerProps: {
-			headerContent: headerContent || /* @__PURE__ */ jsx(SearchFilterHeader, {
-				closeModal,
-				productCount,
-				headerClassName: headerClassName ?? "",
-				filterCloseIconVariant
-			}),
-			chevronColor: "#000"
-		},
-		footerProps: { footerContent: footerContent || /* @__PURE__ */ jsx(SearchFilterFooter, {
-			closeModal,
-			clearAllFilters,
-			filterCount,
-			hasFiltersChanged,
-			applyFiltersUnchangedClasses,
-			applyFiltersChangedClasses
-		}) },
-		children: /* @__PURE__ */ jsx("div", {
-			className: filterWrapperClassName,
-			children: filters.filter((filter) => filter.displayName !== "").map((filter) => {
-				if (filter.filterId === "sort") return /* @__PURE__ */ jsx(SortFilter, {
-					filter,
-					selectFilterItem,
-					radioButtonFillColor,
-					radioButtonHoverColor,
-					radioButtonUncheckedBorderColor
-				}, filter.filterId);
-				return /* @__PURE__ */ jsx(Filter, {
-					filter,
-					selectFilterItem
-				}, filter.filterId);
-			})
-		})
-	});
-};
-
-//#endregion
-export { SearchFilter };

package/dist/packages/components/dist/components/SearchFilter/SearchFilterFooter.cjs

@@ -1,48 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_ButtonBase = require('../ButtonBase/ButtonBase.cjs');
-require('../ButtonBase/index.cjs');
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region ../components/dist/components/SearchFilter/SearchFilterFooter.js
-const SearchFilterFooter = ({ closeModal, clearAllFilters, filterCount, applyFiltersUnchangedClasses, applyFiltersChangedClasses, hasFiltersChanged }) => {
-	const clearAllButtonEnabled = filterCount > 0;
-	const footerWrapperClassName = (0, classnames.default)({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-col": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-justify-between": true,
-		"spiffy-tw-w-full": true,
-		"spiffy-tw-border-t": true,
-		"spiffy-tw-border-t-[--spiffy-colors-border-light]": true,
-		"spiffy-tw-p-[16px]": true,
-		"spiffy-tw-gap-[16px]": true
-	});
-	const applyFilterButtonClassName = (0, classnames.default)("spiffy-tw-flex spiffy-tw-flex-row spiffy-tw-justify-center spiffy-tw-rounded-[8px] spiffy-tw-w-full", hasFiltersChanged ? applyFiltersChangedClasses : applyFiltersUnchangedClasses);
-	const clearAllButtonClassName = (0, classnames.default)({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-row": true,
-		"spiffy-tw-justify-center": true,
-		"spiffy-tw-w-full": true,
-		"spiffy-tw-text-[--spiffy-colors-text-primary]": clearAllButtonEnabled,
-		"spiffy-tw-text-[--spiffy-colors-text-secondary]": !clearAllButtonEnabled
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: footerWrapperClassName,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
-			isDisabled: !hasFiltersChanged,
-			buttonClass: applyFilterButtonClassName,
-			text: "Apply Filters",
-			onClick: closeModal
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
-			isDisabled: !clearAllButtonEnabled,
-			buttonClass: clearAllButtonClassName,
-			text: "Clear All",
-			onClick: clearAllFilters
-		})]
-	});
-};
-
-//#endregion
-exports.SearchFilterFooter = SearchFilterFooter;

package/dist/packages/components/dist/components/SearchFilter/SearchFilterFooter.js

@@ -1,46 +0,0 @@
-import { ButtonBase } from "../ButtonBase/ButtonBase.js";
-import "../ButtonBase/index.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ../components/dist/components/SearchFilter/SearchFilterFooter.js
-const SearchFilterFooter = ({ closeModal, clearAllFilters, filterCount, applyFiltersUnchangedClasses, applyFiltersChangedClasses, hasFiltersChanged }) => {
-	const clearAllButtonEnabled = filterCount > 0;
-	const footerWrapperClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-col": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-justify-between": true,
-		"spiffy-tw-w-full": true,
-		"spiffy-tw-border-t": true,
-		"spiffy-tw-border-t-[--spiffy-colors-border-light]": true,
-		"spiffy-tw-p-[16px]": true,
-		"spiffy-tw-gap-[16px]": true
-	});
-	const applyFilterButtonClassName = classNames("spiffy-tw-flex spiffy-tw-flex-row spiffy-tw-justify-center spiffy-tw-rounded-[8px] spiffy-tw-w-full", hasFiltersChanged ? applyFiltersChangedClasses : applyFiltersUnchangedClasses);
-	const clearAllButtonClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-flex-row": true,
-		"spiffy-tw-justify-center": true,
-		"spiffy-tw-w-full": true,
-		"spiffy-tw-text-[--spiffy-colors-text-primary]": clearAllButtonEnabled,
-		"spiffy-tw-text-[--spiffy-colors-text-secondary]": !clearAllButtonEnabled
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: footerWrapperClassName,
-		children: [/* @__PURE__ */ jsx(ButtonBase, {
-			isDisabled: !hasFiltersChanged,
-			buttonClass: applyFilterButtonClassName,
-			text: "Apply Filters",
-			onClick: closeModal
-		}), /* @__PURE__ */ jsx(ButtonBase, {
-			isDisabled: !clearAllButtonEnabled,
-			buttonClass: clearAllButtonClassName,
-			text: "Clear All",
-			onClick: clearAllFilters
-		})]
-	});
-};
-
-//#endregion
-export { SearchFilterFooter };

package/dist/packages/components/dist/components/SearchFilter/SearchFilterHeader.cjs

@@ -1,42 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_Typography = require('../Typography/Typography.cjs');
-require('../Typography/index.cjs');
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region ../components/dist/components/SearchFilter/SearchFilterHeader.js
-const SearchFilterHeader = ({ closeModal, productCount, headerClassName, filterCloseIconVariant }) => {
-	const closeIconColor = filterCloseIconVariant === "dark" ? "var(--spiffy-colors-text-primary)" : "var(--spiffy-colors-text-light)";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, classnames.default)("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-px-4 spiffy-tw-py-3", headerClassName),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Typography.Typography, {
-			variant: "body2",
-			className: "spiffy-tw-font-medium",
-			children: [
-				"Filters (",
-				productCount,
-				")"
-			]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			onClick: closeModal,
-			className: "spiffy-tw-p-2",
-			type: "button",
-			"aria-label": "Open Filter Menu",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				width: "14",
-				height: "14",
-				viewBox: "0 0 14 14",
-				fill: "none",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					d: "M13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711Z",
-					fill: closeIconColor
-				})
-			})
-		})]
-	});
-};
-
-//#endregion
-exports.SearchFilterHeader = SearchFilterHeader;

package/dist/packages/components/dist/components/SearchFilter/SearchFilterHeader.js

@@ -1,40 +0,0 @@
-import { Typography } from "../Typography/Typography.js";
-import "../Typography/index.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ../components/dist/components/SearchFilter/SearchFilterHeader.js
-const SearchFilterHeader = ({ closeModal, productCount, headerClassName, filterCloseIconVariant }) => {
-	const closeIconColor = filterCloseIconVariant === "dark" ? "var(--spiffy-colors-text-primary)" : "var(--spiffy-colors-text-light)";
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-px-4 spiffy-tw-py-3", headerClassName),
-		children: [/* @__PURE__ */ jsxs(Typography, {
-			variant: "body2",
-			className: "spiffy-tw-font-medium",
-			children: [
-				"Filters (",
-				productCount,
-				")"
-			]
-		}), /* @__PURE__ */ jsx("button", {
-			onClick: closeModal,
-			className: "spiffy-tw-p-2",
-			type: "button",
-			"aria-label": "Open Filter Menu",
-			children: /* @__PURE__ */ jsx("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				width: "14",
-				height: "14",
-				viewBox: "0 0 14 14",
-				fill: "none",
-				children: /* @__PURE__ */ jsx("path", {
-					d: "M13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711Z",
-					fill: closeIconColor
-				})
-			})
-		})]
-	});
-};
-
-//#endregion
-export { SearchFilterHeader };

package/dist/packages/components/dist/components/SearchFilter/SearchFilterItem.cjs

@@ -1,6 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-require('../Typography/Typography.cjs');
-require('../Typography/index.cjs');
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");

package/dist/packages/components/dist/components/SearchFilter/SearchFilterItem.js

@@ -1,4 +0,0 @@
-import "../Typography/Typography.js";
-import "../Typography/index.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,5 +0,0 @@
-const require_SearchFilterHeader = require('./SearchFilterHeader.cjs');
-const require_utils = require('./utils.cjs');
-const require_SearchFilterFooter = require('./SearchFilterFooter.cjs');
-const require_SearchFilter = require('./SearchFilter.cjs');
-require('./SearchFilterItem.cjs');

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

@@ -1,5 +0,0 @@
-import { SearchFilterHeader } from "./SearchFilterHeader.js";
-import { getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount } from "./utils.js";
-import { SearchFilterFooter } from "./SearchFilterFooter.js";
-import { SearchFilter } from "./SearchFilter.js";
-import "./SearchFilterItem.js";

package/dist/packages/components/dist/components/SearchFilter/useHasFilterStateChanged.cjs

@@ -1,27 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-
-//#region ../components/dist/components/SearchFilter/useHasFilterStateChanged.js
-const useHasFilterStateChanged = (filters, isOpen) => {
-	const [initialFilterStates, setInitialFilterStates] = (0, react.useState)({});
-	const currentFilterStates = (0, react.useMemo)(() => {
-		const states = {};
-		filters.forEach((filter) => {
-			filter.items.forEach((item) => {
-				states[`${filter.filterId}-${item.filterItemId}`] = item.isSelected;
-			});
-		});
-		return states;
-	}, [filters]);
-	const hasFiltersChanged = (0, react.useMemo)(() => {
-		if (Object.keys(initialFilterStates).length === 0) return false;
-		return Object.keys(currentFilterStates).some((key) => currentFilterStates[key] !== initialFilterStates[key]);
-	}, [currentFilterStates, initialFilterStates]);
-	(0, react.useEffect)(() => {
-		if (isOpen) setInitialFilterStates(currentFilterStates);
-	}, [isOpen]);
-	return hasFiltersChanged;
-};
-
-//#endregion
-exports.useHasFilterStateChanged = useHasFilterStateChanged;