@envive-ai/react-toolkit 0.1.4 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envive-ai/react-toolkit",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "React component library for Envive services.",
   "keywords": [
     "react",
@@ -11,9 +11,9 @@
   "author": "Envive AI",
   "license": "UNLICENSED",
   "type": "module",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.cts",
   "files": [
     "dist",
     "src",
@@ -24,116 +24,89 @@
     "prepublish": "npm run build"
   },
   "dependencies": {
-    "@envive-ai/react-icons": "0.1.0",
+    "@envive-ai/react-icons": "0.1.1",
     "classnames": "^2.5.1",
     "framer-motion": "^12.23.12",
     "react-icons": "^5.0.1",
-    "react-indiana-drag-scroll": "^3.0.3-alpha",
-    "vite-plugin-svgr": "^4.5.0"
+    "react-indiana-drag-scroll": "^3.0.3-alpha"
   },
   "peerDependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@svgr/cli": "^8.1.0",
-    "copyfiles": "^2.4.1",
     "tsdown": "^0.14.2",
     "typescript": "~5.8.3"
   },
   "exports": {
-    "./common/ButtonBase/ButtonBase": {
-      "import": "./dist/common/ButtonBase/ButtonBase.js",
-      "require": "./dist/common/ButtonBase/ButtonBase.cjs"
+    "./ButtonBase": {
+      "import": "./dist/ButtonBase/index.js",
+      "require": "./dist/ButtonBase/index.cjs"
     },
-    "./common/Headline/Headline": {
-      "import": "./dist/common/Headline/Headline.js",
-      "require": "./dist/common/Headline/Headline.cjs"
+    "./FilterScrollbar": {
+      "import": "./dist/FilterScrollbar/index.js",
+      "require": "./dist/FilterScrollbar/index.cjs"
     },
-    "./common/ImageWithFallback/ImageWithFallback": {
-      "import": "./dist/common/ImageWithFallback/ImageWithFallback.js",
-      "require": "./dist/common/ImageWithFallback/ImageWithFallback.cjs"
+    "./Headline": {
+      "import": "./dist/Headline/index.js",
+      "require": "./dist/Headline/index.cjs"
     },
-    "./common/ProductCard/ProductCard": {
-      "import": "./dist/common/ProductCard/ProductCard.js",
-      "require": "./dist/common/ProductCard/ProductCard.cjs"
+    "./ImageWithFallback": {
+      "import": "./dist/ImageWithFallback/index.js",
+      "require": "./dist/ImageWithFallback/index.cjs"
     },
-    "./common/ProductCard/ProductCardSkeleton": {
-      "import": "./dist/common/ProductCard/ProductCardSkeleton.js",
-      "require": "./dist/common/ProductCard/ProductCardSkeleton.cjs"
+    "./ProductCard": {
+      "import": "./dist/ProductCard/index.js",
+      "require": "./dist/ProductCard/index.cjs"
     },
-    "./common/ProductGrid/ProductGrid": {
-      "import": "./dist/common/ProductGrid/ProductGrid.js",
-      "require": "./dist/common/ProductGrid/ProductGrid.cjs"
+    "./ProductGrid": {
+      "import": "./dist/ProductGrid/index.js",
+      "require": "./dist/ProductGrid/index.cjs"
     },
-    "./common/SparkleAnimation/SparkleAnimation": {
-      "import": "./dist/common/SparkleAnimation/SparkleAnimation.js",
-      "require": "./dist/common/SparkleAnimation/SparkleAnimation.cjs"
+    "./SearchFilter": {
+      "import": "./dist/SearchFilter/index.js",
+      "require": "./dist/SearchFilter/index.cjs"
     },
-    "./common/Spinner/Spinner": {
-      "import": "./dist/common/Spinner/Spinner.js",
-      "require": "./dist/common/Spinner/Spinner.cjs"
+    "./SearchInput": {
+      "import": "./dist/SearchInput/index.js",
+      "require": "./dist/SearchInput/index.cjs"
     },
-    "./common/SuggestionButton/SuggestionButton": {
-      "import": "./dist/common/SuggestionButton/SuggestionButton.js",
-      "require": "./dist/common/SuggestionButton/SuggestionButton.cjs"
+    "./SearchInputAutocomplete": {
+      "import": "./dist/SearchInputAutocomplete/index.js",
+      "require": "./dist/SearchInputAutocomplete/index.cjs"
     },
-    "./common/Text/Text": {
-      "import": "./dist/common/Text/Text.js",
-      "require": "./dist/common/Text/Text.cjs"
+    "./SearchInputForm": {
+      "import": "./dist/SearchInputForm/index.js",
+      "require": "./dist/SearchInputForm/index.cjs"
     },
-    "./common/TextInput/TextInput": {
-      "import": "./dist/common/TextInput/TextInput.js",
-      "require": "./dist/common/TextInput/TextInput.cjs"
+    "./SearchResultsFilterSidebar": {
+      "import": "./dist/SearchResultsFilterSidebar/index.js",
+      "require": "./dist/SearchResultsFilterSidebar/index.cjs"
     },
-    "./search/FilterScrollbar/AppliedFiltersScrollbar": {
-      "import": "./dist/search/FilterScrollbar/AppliedFiltersScrollbar.js",
-      "require": "./dist/search/FilterScrollbar/AppliedFiltersScrollbar.cjs"
+    "./SearchResultsStates": {
+      "import": "./dist/SearchResultsStates/index.js",
+      "require": "./dist/SearchResultsStates/index.cjs"
     },
-    "./search/FilterScrollbar/DynamicFiltersScrollbar": {
-      "import": "./dist/search/FilterScrollbar/DynamicFiltersScrollbar.js",
-      "require": "./dist/search/FilterScrollbar/DynamicFiltersScrollbar.cjs"
+    "./SparkleAnimation": {
+      "import": "./dist/SparkleAnimation/index.js",
+      "require": "./dist/SparkleAnimation/index.cjs"
     },
-    "./search/SearchFilter/SearchFilter": {
-      "import": "./dist/search/SearchFilter/SearchFilter.js",
-      "require": "./dist/search/SearchFilter/SearchFilter.cjs"
+    "./Spinner": {
+      "import": "./dist/Spinner/index.js",
+      "require": "./dist/Spinner/index.cjs"
     },
-    "./search/SearchFilter/SearchFilterHeader": {
-      "import": "./dist/search/SearchFilter/SearchFilterHeader.js",
-      "require": "./dist/search/SearchFilter/SearchFilterHeader.cjs"
+    "./SuggestionButton": {
+      "import": "./dist/SuggestionButton/index.js",
+      "require": "./dist/SuggestionButton/index.cjs"
     },
-    "./search/SearchFilter/SearchFilterItem": {
-      "import": "./dist/search/SearchFilter/SearchFilterItem.js",
-      "require": "./dist/search/SearchFilter/SearchFilterItem.cjs"
+    "./Text": {
+      "import": "./dist/Text/index.js",
+      "require": "./dist/Text/index.cjs"
     },
-    "./search/SearchInput/SearchInput": {
-      "import": "./dist/search/SearchInput/SearchInput.js",
-      "require": "./dist/search/SearchInput/SearchInput.cjs"
+    "./TextInput": {
+      "import": "./dist/TextInput/index.js",
+      "require": "./dist/TextInput/index.cjs"
     },
-    "./search/SearchInputAutocomplete/SearchAutocomplete": {
-      "import": "./dist/search/SearchInputAutocomplete/SearchAutocomplete.js",
-      "require": "./dist/search/SearchInputAutocomplete/SearchAutocomplete.cjs"
-    },
-    "./search/SearchInputForm/SearchInputForm": {
-      "import": "./dist/search/SearchInputForm/SearchInputForm.js",
-      "require": "./dist/search/SearchInputForm/SearchInputForm.cjs"
-    },
-    "./search/SearchResultsFilterSidebar/SearchResultsFilter": {
-      "import": "./dist/search/SearchResultsFilterSidebar/SearchResultsFilter.js",
-      "require": "./dist/search/SearchResultsFilterSidebar/SearchResultsFilter.cjs"
-    },
-    "./search/SearchResultsStates/NoSearchResultsFound": {
-      "import": "./dist/search/SearchResultsStates/NoSearchResultsFound.js",
-      "require": "./dist/search/SearchResultsStates/NoSearchResultsFound.cjs"
-    },
-    "./search/SearchResultsStates/SearchResultsGrid": {
-      "import": "./dist/search/SearchResultsStates/SearchResultsGrid.js",
-      "require": "./dist/search/SearchResultsStates/SearchResultsGrid.cjs"
-    },
-    "./search/SearchResultsStates/SearchResultsLoadingGrid": {
-      "import": "./dist/search/SearchResultsStates/SearchResultsLoadingGrid.js",
-      "require": "./dist/search/SearchResultsStates/SearchResultsLoadingGrid.cjs"
-    },
-    "./*": "./*"
+    "./package.json": "./package.json"
   }
 }

package/src/components/ButtonBase/index.ts

@@ -0,0 +1,2 @@
+export * from './ButtonBase';
+export * from './types';

package/src/components/{common/ButtonBase → ButtonBase}/types.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, CSSProperties } from 'react';
-import { TestProps } from 'src/components/test/types';
+import { TestProps } from 'src/test/types';
 
 export interface ButtonHoverStyles extends CSSProperties {
   backgroundColor?: string;

package/src/components/{search/FilterScrollbar → FilterScrollbar}/AppliedFiltersScrollbar.tsx

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import ScrollContainer from 'react-indiana-drag-scroll';
-import { Text } from 'src/components/common/Text/Text';
+import { Text } from 'src/components/Text/Text';
 import type { SelectedFilterOption } from 'src/atoms/search/types';
 
 interface AppliedFiltersScrollbarProps {

package/src/components/{search/FilterScrollbar → FilterScrollbar}/DynamicFiltersScrollbar.tsx

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import ScrollContainer from 'react-indiana-drag-scroll';
-import { Text } from 'src/components/common/Text/Text';
+import { Text } from 'src/components/Text/Text';
 
 interface DynamicFiltersScrollbarProps {
   availableDynamicFilters: { name: string; displayName: string }[];

package/src/components/FilterScrollbar/index.ts

@@ -0,0 +1,2 @@
+export * from './AppliedFiltersScrollbar';
+export * from './DynamicFiltersScrollbar';

package/src/components/Headline/index.ts

@@ -0,0 +1 @@
+export * from './Headline';

package/src/components/ImageWithFallback/index.ts

@@ -0,0 +1 @@
+export * from './ImageWithFallback';

package/src/components/{common/ProductCard → ProductCard}/ProductCard.tsx

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import { MdStar } from 'react-icons/md';
-import { Text } from 'src/components/common/Text/Text';
+import { Text } from 'src/components/Text/Text';
 import {
   variantClassMap,
   variantHoverClassMap,
@@ -8,14 +8,14 @@ import {
   variantTitleColorMap,
 } from './productCardVariants';
 import { Headline } from '../Headline/Headline';
-import { ImageWithFallback } from 'src/components/common/ImageWithFallback/ImageWithFallback';
+import { ImageWithFallback } from 'src/components/ImageWithFallback/ImageWithFallback';
 import type {
   ProductCardConfig,
   ProductCardHoverVariant,
   ProductCardLayoutVariant,
   ProductCardVariant,
 } from './types';
-import type { TestProps } from 'src/components/test/types';
+import type { TestProps } from 'src/test/types';
 import type { ChatElementDisplayLocation } from 'src/config/chatElementDisplayLocation';
 import Logger from 'src/logging/logger';
 import { Spinner } from '../Spinner/Spinner';

package/src/components/ProductCard/index.ts

@@ -0,0 +1,4 @@
+export * from './ProductCard';
+export * from './ProductCardSkeleton';
+export * from './productCardVariants';
+export * from './types';

package/src/components/ProductGrid/index.ts

@@ -0,0 +1,2 @@
+export * from './ProductGrid';
+export * from './productGridVariants';

package/src/components/{search/SearchFilter → SearchFilter}/SearchFilter.tsx

@@ -1,8 +1,8 @@
 import classNames from 'classnames';
 import { SearchFilterItem } from './SearchFilterItem';
 import type { SearchFilterProps } from './types';
-import { Text } from 'src/components/common/Text/Text';
-import { ButtonBase } from 'src/components/common/ButtonBase/ButtonBase';
+import { Text } from 'src/components/Text/Text';
+import { ButtonBase } from 'src/components/ButtonBase/ButtonBase';
 
 export const SearchFilter = ({
   isOpen,

package/src/components/{search/SearchFilter → SearchFilter}/SearchFilterHeader.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { Text } from 'src/components/common/Text/Text';
+import { Text } from 'src/components/Text/Text';
 import type { SearchFilterHeaderProps } from './types';
 
 export const SearchFilterHeader = ({

package/src/components/{search/SearchFilter → SearchFilter}/SearchFilterItem.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { Text } from 'src/components/common/Text/Text';
+import { Text } from 'src/components/Text/Text';
 import type { SearchFilterItemProps } from './types';
 
 export const SearchFilterItem = ({

package/src/components/SearchFilter/index.ts

@@ -0,0 +1,4 @@
+export { SearchFilter } from './SearchFilter';
+export * from './SearchFilterHeader';
+export { SearchFilterItem } from './SearchFilterItem';
+export * from './types';

package/src/components/{search/SearchInput → SearchInput}/SearchInput.tsx

@@ -2,7 +2,7 @@ import React, { useRef, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import MagnifyingGlassStarVariant from '@envive-ai/react-icons/src/MagnifyingGlassStarVariant';
 import CloseIcon from '@envive-ai/react-icons/src/IconClose';
-import { TextInput } from 'src/components/common/TextInput/TextInput';
+import { TextInput } from 'src/components/TextInput/TextInput';
 import { searchInputVariantClasses } from './searchInputVariants';
 import type { SearchInputVariant } from '../SearchInputForm/types';
 

package/src/components/SearchInput/index.ts

@@ -0,0 +1,2 @@
+export * from './SearchInput';
+export * from './searchInputVariants';

package/src/components/{search/SearchInput → SearchInput}/searchInputVariants.ts

@@ -1,6 +1,6 @@
-import type { TextStyleVariantMap } from 'src/components/common/Text/textVariantClasses';
+import type { TextStyleVariantMap } from 'src/components/Text/textVariantClasses';
 import type { SearchInputVariant } from '../SearchInputForm/types';
-import { ColorNames, colorVar } from 'src/components/models/colorsConfig';
+import { ColorNames, colorVar } from 'src/models/colorsConfig';
 
 interface SearchInputVariantClasses {
   searchInputIconColor: string;

package/src/components/SearchInputAutocomplete/index.ts

@@ -0,0 +1 @@
+export * from './SearchAutocomplete';

package/src/components/SearchInputForm/index.ts

@@ -0,0 +1,2 @@
+export * from './SearchInputForm';
+export * from './types';

package/src/components/{search/SearchResultsFilterSidebar → SearchResultsFilterSidebar}/SearchResultsFilter.tsx

@@ -5,7 +5,7 @@ import { SearchFilterHeader } from '../SearchFilter/SearchFilterHeader';
 import type { SearchFilter as SearchFilterType, SelectFilterItem } from '../SearchFilter/types';
 import type { SearchFilterSidebarVariant } from './types';
 import { searchFilterSidebarVariantClasses } from './searchFilterSidebarVariants';
-import { ButtonBase } from 'src/components/common/ButtonBase/ButtonBase';
+import { ButtonBase } from 'src/components/ButtonBase/ButtonBase';
 
 export type SearchResultsFilterProps = {
   productCount: number;

package/src/components/SearchResultsFilterSidebar/index.ts

@@ -0,0 +1,3 @@
+export * from './searchFilterSidebarVariants';
+export * from './SearchResultsFilter';
+export * from './types';

package/src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.ts

@@ -0,0 +1,58 @@
+import type { SearchFilterSidebarVariant, CloseIconVariant } from './types';
+import { ColorNames, colorVar } from 'src/models/colorsConfig';
+
+interface SearchFilterSidebarVariantClasses {
+  searchFilterHeaderClasses: string;
+  radioButtonFillColor: string;
+  radioButtonHoverColor: string;
+  radioButtonUncheckedBorderColor: string;
+  filterDefaultClasses: string;
+  filterActiveClasses: string;
+  filterHoverClasses: string;
+  appliedFilterBackgroundClasses: string;
+  applyFiltersUnchangedClasses: string;
+  applyFiltersChangedClasses: string;
+  filterCloseIconVariant: CloseIconVariant;
+}
+
+export const searchFilterSidebarVariantClasses: Record<
+  SearchFilterSidebarVariant,
+  SearchFilterSidebarVariantClasses
+> = {
+  darkButton: {
+    radioButtonFillColor: colorVar(ColorNames.BackgroundDark),
+    radioButtonHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
+    radioButtonUncheckedBorderColor: colorVar(ColorNames.BorderMedium),
+    searchFilterHeaderClasses: 'spiffy-tw-text-[--spiffy-colors-text-light]',
+    filterDefaultClasses:
+      'spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]',
+    filterHoverClasses:
+      'hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]',
+    filterActiveClasses:
+      'spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]',
+    appliedFilterBackgroundClasses: 'spiffy-tw-bg-[--spiffy-colors-border-light]',
+    applyFiltersUnchangedClasses:
+      'spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]',
+    applyFiltersChangedClasses:
+      'spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]',
+    filterCloseIconVariant: 'light',
+  },
+  lightButton: {
+    radioButtonFillColor: colorVar(ColorNames.BackgroundDark),
+    radioButtonHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
+    radioButtonUncheckedBorderColor: colorVar(ColorNames.BorderMedium),
+    searchFilterHeaderClasses: 'spiffy-tw-text-[--spiffy-colors-text-primary]',
+    filterDefaultClasses:
+      'spiffy-tw-border-[--spiffy-colors-border-medium] spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-text-[--spiffy-colors-text-secondary]',
+    filterHoverClasses:
+      'hover:spiffy-tw-border-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark] hover:spiffy-tw-text-[--spiffy-colors-text-primary]',
+    filterActiveClasses:
+      'spiffy-tw-border-[--spiffy-colors-border-outline] spiffy-tw-bg-[--spiffy-colors-background-dark] spiffy-tw-text-[--spiffy-colors-text-light]',
+    appliedFilterBackgroundClasses: 'spiffy-tw-bg-[--spiffy-colors-border-light]',
+    applyFiltersUnchangedClasses:
+      'spiffy-tw-bg-[--spiffy-colors-border-light] spiffy-tw-text-[--spiffy-colors-text-secondary]',
+    applyFiltersChangedClasses:
+      'spiffy-tw-bg-[--spiffy-colors-background-primary] spiffy-tw-text-[--spiffy-colors-text-link]',
+    filterCloseIconVariant: 'dark',
+  },
+};

package/src/components/{search/SearchResultsStates → SearchResultsStates}/NoSearchResultsFound.tsx

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import Sparkles from '@envive-ai/react-icons/src/Sparkles';
-import { Text } from 'src/components/common/Text/Text';
+import { Text } from 'src/components/Text/Text';
 
 interface NoSearchResultsFoundProps {
   containerPaddingClasses: string;

package/src/components/{search/SearchResultsStates → SearchResultsStates}/SearchResultsGrid.tsx

@@ -2,12 +2,12 @@ import { motion } from 'framer-motion';
 import type { SelectedFilterOption } from 'src/atoms/search/types';
 import classNames from 'classnames';
 import type { SearchResponseProduct } from 'src/types/external';
-import { ProductGrid } from 'src/components/common/ProductGrid/ProductGrid';
+import { ProductGrid } from 'src/components/ProductGrid/ProductGrid';
 import { AppliedFiltersScrollbar } from '../FilterScrollbar/AppliedFiltersScrollbar';
 import { DynamicFiltersScrollbar } from '../FilterScrollbar/DynamicFiltersScrollbar';
 import { searchFilterSidebarVariantClasses } from '../SearchResultsFilterSidebar/searchFilterSidebarVariants';
 import type { SearchFilterSidebarVariant } from '../SearchResultsFilterSidebar/types';
-import { ProductGridVariant } from 'src/components/common/ProductCard/types';
+import { ProductGridVariant } from 'src/components/ProductCard/types';
 
 interface SearchResultsGridProps {
   productList: SearchResponseProduct[];

package/src/components/{search/SearchResultsStates → SearchResultsStates}/SearchResultsLoadingGrid.tsx

@@ -1,9 +1,9 @@
-import { Text } from 'src/components/common/Text/Text';
-import { SparkleAnimation } from 'src/components/common/SparkleAnimation/SparkleAnimation';
+import { Text } from 'src/components/Text/Text';
+import { SparkleAnimation } from 'src/components/SparkleAnimation/SparkleAnimation';
 import { motion } from 'framer-motion';
-import { ProductGridVariant } from 'src/components/common/ProductCard/types';
-import { ProductCardSkeleton } from 'src/components/common/ProductCard/ProductCardSkeleton';
-import { productGridVariantClasses } from 'src/components/common/ProductGrid/productGridVariants';
+import { ProductGridVariant } from 'src/components/ProductCard/types';
+import { ProductCardSkeleton } from 'src/components/ProductCard/ProductCardSkeleton';
+import { productGridVariantClasses } from 'src/components/ProductGrid/productGridVariants';
 
 export const SearchResultsLoadingGrid = ({
   productGridVariant,

package/src/components/SearchResultsStates/index.ts

@@ -0,0 +1,3 @@
+export * from './NoSearchResultsFound';
+export * from './SearchResultsGrid';
+export * from './SearchResultsLoadingGrid';

package/src/components/SparkleAnimation/index.ts

@@ -0,0 +1,2 @@
+export * from './SparkleAnimation';
+export * from './types';

package/src/components/Spinner/index.ts

@@ -0,0 +1 @@
+export * from './Spinner';

package/src/components/SuggestionButton/index.ts

@@ -0,0 +1,2 @@
+export * from './SuggestionButton';
+export * from './types';

package/src/components/Text/index.ts

@@ -0,0 +1,3 @@
+export * from './Text';
+export * from './textVariantClasses';
+export * from './types';

package/src/components/TextInput/index.ts

@@ -0,0 +1 @@
+export * from './TextInput';

package/dist/DynamicFiltersScrollbar-B2Rr1KnJ.cjs

@@ -1,41 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-C04c4Z93.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_indiana_drag_scroll = require("react-indiana-drag-scroll");
-react_indiana_drag_scroll = require_chunk.__toESM(react_indiana_drag_scroll);
-
-//#region src/components/search/FilterScrollbar/DynamicFiltersScrollbar.tsx
-const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
-		className: filterBarClassNames,
-		hideScrollbars: true,
-		children: availableDynamicFilters.map(({ name, displayName }) => {
-			const buttonClasses = (0, classnames.default)("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: buttonClasses,
-				onClick: () => {
-					onToggleDynamicFilter({
-						filter: name,
-						dynamicFilterDisplayName: displayName
-					});
-				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
-					variant: "body3",
-					children: displayName
-				})
-			}, name);
-		})
-	});
-};
-
-//#endregion
-Object.defineProperty(exports, 'DynamicFiltersScrollbar', {
-  enumerable: true,
-  get: function () {
-    return DynamicFiltersScrollbar;
-  }
-});

package/dist/DynamicFiltersScrollbar-Dys6geP0.js

@@ -1,32 +0,0 @@
-import { Text } from "./Text-Bdv7F5-u.js";
-import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
-import ScrollContainer from "react-indiana-drag-scroll";
-
-//#region src/components/search/FilterScrollbar/DynamicFiltersScrollbar.tsx
-const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => {
-	return /* @__PURE__ */ jsx(ScrollContainer, {
-		className: filterBarClassNames,
-		hideScrollbars: true,
-		children: availableDynamicFilters.map(({ name, displayName }) => {
-			const buttonClasses = classNames("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
-			return /* @__PURE__ */ jsx("button", {
-				type: "button",
-				className: buttonClasses,
-				onClick: () => {
-					onToggleDynamicFilter({
-						filter: name,
-						dynamicFilterDisplayName: displayName
-					});
-				},
-				children: /* @__PURE__ */ jsx(Text, {
-					variant: "body3",
-					children: displayName
-				})
-			}, name);
-		})
-	});
-};
-
-//#endregion
-export { DynamicFiltersScrollbar };

package/dist/SearchFilter-D-2IdBKS.js

@@ -1,62 +0,0 @@
-import { ButtonBase } from "./ButtonBase-C1rsL9gO.js";
-import { Text } from "./Text-Bdv7F5-u.js";
-import { SearchFilterItem } from "./SearchFilterItem-BodtWLoP.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/search/SearchFilter/SearchFilter.tsx
-const SearchFilter = ({ isOpen, setIsOpen, filters, selectFilterItem, clearAllFilters, filterButtonText, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, headerContent }) => {
-	const modalClasses = classNames("spiffy-tw-fixed spiffy-tw-inset-0 spiffy-tw-z-50 spiffy-tw-flex spiffy-tw-transform spiffy-tw-transition-all", {
-		"spiffy-tw-translate-x-full": !isOpen,
-		"spiffy-tw-translate-x-0": isOpen
-	});
-	const overlayClasses = classNames("spiffy-tw-absolute spiffy-tw-inset-0 spiffy-tw-bg-black spiffy-tw-bg-opacity-50", {
-		"spiffy-tw-opacity-0": !isOpen,
-		"spiffy-tw-opacity-100": isOpen
-	});
-	const sidebarClasses = classNames("spiffy-tw-relative spiffy-tw-ml-auto spiffy-tw-flex spiffy-tw-h-full spiffy-tw-w-full spiffy-tw-max-w-xs spiffy-tw-flex-col spiffy-tw-overflow-y-auto spiffy-tw-bg-[--spiffy-colors-background-light] spiffy-tw-py-4 spiffy-tw-shadow-xl");
-	return /* @__PURE__ */ jsxs("div", {
-		className: modalClasses,
-		children: [/* @__PURE__ */ jsx("div", {
-			className: overlayClasses,
-			onClick: () => setIsOpen(false)
-		}), /* @__PURE__ */ jsxs("div", {
-			className: sidebarClasses,
-			children: [
-				headerContent,
-				/* @__PURE__ */ jsx("div", {
-					className: "spiffy-tw-flex-1 spiffy-tw-px-4 spiffy-tw-py-6",
-					children: filters.map((filter) => /* @__PURE__ */ jsxs("div", {
-						className: "spiffy-tw-mb-6",
-						children: [/* @__PURE__ */ jsx(Text, {
-							variant: "body2",
-							className: "spiffy-tw-font-medium spiffy-tw-mb-3",
-							children: filter.displayName
-						}), /* @__PURE__ */ jsx("ul", { children: filter.items.map((item) => /* @__PURE__ */ jsx(SearchFilterItem, {
-							filterItem: item,
-							onSelectFilterItem: selectFilterItem,
-							radioButtonFillColor,
-							radioButtonHoverColor,
-							radioButtonUncheckedBorderColor
-						}, item.id)) })]
-					}, filter.id))
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "spiffy-tw-border-t spiffy-tw-border-[--spiffy-colors-border-light] spiffy-tw-px-4 spiffy-tw-py-3",
-					children: [/* @__PURE__ */ jsx(ButtonBase, {
-						onClick: clearAllFilters,
-						text: "Clear All",
-						buttonClass: "spiffy-tw-w-full spiffy-tw-mb-2"
-					}), /* @__PURE__ */ jsx(ButtonBase, {
-						onClick: () => setIsOpen(false),
-						text: filterButtonText,
-						buttonClass: "spiffy-tw-w-full"
-					})]
-				})
-			]
-		})]
-	});
-};
-
-//#endregion
-export { SearchFilter };