@envive-ai/react-toolkit 0.1.12 → 0.1.13

package/dist/Accordion/index.cjs

@@ -1,6 +1,6 @@
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../Text-MQjxqgZZ.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+require('../Text-DllCE9_D.cjs');
 require('../Text-C8t_iEj6.cjs');
-const require_Accordion = require('../Accordion-DBZpiQe7.cjs');
+const require_Accordion = require('../Accordion-D9gO9_y3.cjs');
 
 exports.Accordion = require_Accordion.Accordion;

package/dist/Accordion/index.d.cts

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

package/dist/Accordion/index.d.ts

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

package/dist/Accordion/index.js

@@ -1,6 +1,6 @@
-import "../textVariantClasses-D77TGEy1.js";
-import "../Text-Bod4OMPk.js";
+import "../textVariantClasses-CRrTb43V.js";
+import "../Text-BLzNhX4H.js";
 import "../Text-BMsncrpY.js";
-import { Accordion } from "../Accordion-Cp3Hx2zm.js";
+import { Accordion } from "../Accordion-ZEdp99Ph.js";
 
 export { Accordion };

package/dist/{Accordion-DBZpiQe7.cjs → Accordion-D9gO9_y3.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-MQjxqgZZ.cjs');
+const require_Text = require('./Text-DllCE9_D.cjs');
 let framer_motion = require("framer-motion");
 framer_motion = require_chunk.__toESM(framer_motion);
 let react = require("react");

package/dist/{Accordion-Cp3Hx2zm.js → Accordion-ZEdp99Ph.js}

@@ -1,4 +1,4 @@
-import { Text } from "./Text-Bod4OMPk.js";
+import { Text } from "./Text-BLzNhX4H.js";
 import { motion } from "framer-motion";
 import { useRef, useState } from "react";
 import classNames from "classnames";

package/dist/AppliedFiltersScrollbar/index.cjs

@@ -1,6 +1,6 @@
 const require_chunk = require('../chunk-CUT6urMc.cjs');
-require('../textVariantClasses-Dgz7Zaql.cjs');
-const require_Text = require('../Text-MQjxqgZZ.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+const require_Text = require('../Text-DllCE9_D.cjs');
 require('../Text-C8t_iEj6.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
@@ -18,31 +18,29 @@ const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, f
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
 		className: filterBarClassNames,
 		hideScrollbars: true,
-		children: selectedFilterOptions.map((filter) => {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				className: buttonClasses,
-				type: "button",
-				onClick: () => onRemoveFilter(filter),
-				"aria-label": `Remove filter: ${filter.displayName}`,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-[8px]",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
-						variant: "body3",
-						children: filter.displayName
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-						xmlns: "http://www.w3.org/2000/svg",
-						width: "10",
-						height: "10",
-						viewBox: "0 0 10 10",
-						fill: "none",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-							d: "M4.59766 4.29297L8.48535 0.405273L9.19238 1.1123L5.30469 5L9.19238 8.8877L8.48535 9.59473L4.59766 5.70703L0.707031 9.59766L0 8.89062L3.89062 5L0 1.10938L0.707031 0.402344L4.59766 4.29297Z",
-							fill: iconColor
-						})
-					})]
-				})
-			}, filter.id);
-		})
+		children: selectedFilterOptions.map((filter) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			className: buttonClasses,
+			type: "button",
+			onClick: () => onRemoveFilter(filter),
+			"aria-label": `Remove filter: ${filter.displayName}`,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-[8px]",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+					variant: "body3",
+					children: filter.displayName
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "10",
+					height: "10",
+					viewBox: "0 0 10 10",
+					fill: "none",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M4.59766 4.29297L8.48535 0.405273L9.19238 1.1123L5.30469 5L9.19238 8.8877L8.48535 9.59473L4.59766 5.70703L0.707031 9.59766L0 8.89062L3.89062 5L0 1.10938L0.707031 0.402344L4.59766 4.29297Z",
+						fill: iconColor
+					})
+				})]
+			})
+		}, filter.id))
 	});
 };
 

package/dist/AppliedFiltersScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime19 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_runtime15.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/AppliedFiltersScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 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_runtime15.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/AppliedFiltersScrollbar/index.js

@@ -1,5 +1,5 @@
-import "../textVariantClasses-D77TGEy1.js";
-import { Text } from "../Text-Bod4OMPk.js";
+import "../textVariantClasses-CRrTb43V.js";
+import { Text } from "../Text-BLzNhX4H.js";
 import "../Text-BMsncrpY.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -14,31 +14,29 @@ const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, f
 	return /* @__PURE__ */ jsx(ScrollContainer, {
 		className: filterBarClassNames,
 		hideScrollbars: true,
-		children: selectedFilterOptions.map((filter) => {
-			return /* @__PURE__ */ jsx("button", {
-				className: buttonClasses,
-				type: "button",
-				onClick: () => onRemoveFilter(filter),
-				"aria-label": `Remove filter: ${filter.displayName}`,
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-[8px]",
-					children: [/* @__PURE__ */ jsx(Text, {
-						variant: "body3",
-						children: filter.displayName
-					}), /* @__PURE__ */ jsx("svg", {
-						xmlns: "http://www.w3.org/2000/svg",
-						width: "10",
-						height: "10",
-						viewBox: "0 0 10 10",
-						fill: "none",
-						children: /* @__PURE__ */ jsx("path", {
-							d: "M4.59766 4.29297L8.48535 0.405273L9.19238 1.1123L5.30469 5L9.19238 8.8877L8.48535 9.59473L4.59766 5.70703L0.707031 9.59766L0 8.89062L3.89062 5L0 1.10938L0.707031 0.402344L4.59766 4.29297Z",
-							fill: iconColor
-						})
-					})]
-				})
-			}, filter.id);
-		})
+		children: selectedFilterOptions.map((filter) => /* @__PURE__ */ jsx("button", {
+			className: buttonClasses,
+			type: "button",
+			onClick: () => onRemoveFilter(filter),
+			"aria-label": `Remove filter: ${filter.displayName}`,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-[8px]",
+				children: [/* @__PURE__ */ jsx(Text, {
+					variant: "body3",
+					children: filter.displayName
+				}), /* @__PURE__ */ jsx("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "10",
+					height: "10",
+					viewBox: "0 0 10 10",
+					fill: "none",
+					children: /* @__PURE__ */ jsx("path", {
+						d: "M4.59766 4.29297L8.48535 0.405273L9.19238 1.1123L5.30469 5L9.19238 8.8877L8.48535 9.59473L4.59766 5.70703L0.707031 9.59766L0 8.89062L3.89062 5L0 1.10938L0.707031 0.402344L4.59766 4.29297Z",
+						fill: iconColor
+					})
+				})]
+			})
+		}, filter.id))
 	});
 };
 

package/dist/ButtonBase/index.cjs

@@ -1,6 +1,6 @@
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../Text-MQjxqgZZ.cjs');
-const require_ButtonBase = require('../ButtonBase-Do88ndKa.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+require('../Text-DllCE9_D.cjs');
+const require_ButtonBase = require('../ButtonBase-DrIwVGTR.cjs');
 require('../ButtonBase-BIXx56hq.cjs');
 
 exports.ButtonBase = require_ButtonBase.ButtonBase;

package/dist/ButtonBase/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 import { ButtonHTMLAttributes, CSSProperties } from "react";
 
@@ -27,7 +27,6 @@ declare enum ButtonBaseOverrides {
 //#endregion
 //#region src/components/ButtonBase/ButtonBase.d.ts
 declare const ButtonBase: ({
-  type,
   isDisabled,
   dataAttributes,
   buttonClass,
@@ -38,6 +37,6 @@ declare const ButtonBase: ({
   dataTestId,
   onClick,
   disablePadding
-}: ButtonBaseProps) => react_jsx_runtime0.JSX.Element;
+}: ButtonBaseProps) => react_jsx_runtime20.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_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/ButtonBase/types.d.ts
@@ -27,7 +27,6 @@ declare enum ButtonBaseOverrides {
 //#endregion
 //#region src/components/ButtonBase/ButtonBase.d.ts
 declare const ButtonBase: ({
-  type,
   isDisabled,
   dataAttributes,
   buttonClass,
@@ -38,6 +37,6 @@ declare const ButtonBase: ({
   dataTestId,
   onClick,
   disablePadding
-}: ButtonBaseProps) => react_jsx_runtime2.JSX.Element;
+}: ButtonBaseProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/ButtonBase/index.js

@@ -1,6 +1,6 @@
-import "../textVariantClasses-D77TGEy1.js";
-import "../Text-Bod4OMPk.js";
-import { ButtonBase, ButtonBaseOverrides } from "../ButtonBase-BAf-nlCm.js";
+import "../textVariantClasses-CRrTb43V.js";
+import "../Text-BLzNhX4H.js";
+import { ButtonBase, ButtonBaseOverrides } from "../ButtonBase-DgRupM53.js";
 import "../ButtonBase-0NN6wmX-.js";
 
 export { ButtonBase, ButtonBaseOverrides };

package/dist/{ButtonBase-BAf-nlCm.js → ButtonBase-DgRupM53.js}

@@ -1,4 +1,4 @@
-import { Text } from "./Text-Bod4OMPk.js";
+import { Text } from "./Text-BLzNhX4H.js";
 import { createElement, useEffect, useRef } from "react";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -13,7 +13,7 @@ let ButtonBaseOverrides = /* @__PURE__ */ function(ButtonBaseOverrides$1) {
 
 //#endregion
 //#region src/components/ButtonBase/ButtonBase.tsx
-const ButtonBase = ({ type = "button", isDisabled = false, dataAttributes, buttonClass, text, textClass, icon, iconClass = "spiffy-tw-w-[21px] spiffy-tw-h-[21px]", dataTestId, onClick, disablePadding = false }) => {
+const ButtonBase = ({ isDisabled = false, dataAttributes, buttonClass, text, textClass, icon, iconClass = "spiffy-tw-w-[21px] spiffy-tw-h-[21px]", dataTestId, onClick, disablePadding = false }) => {
 	const buttonRef = useRef(null);
 	const buttonClassName = classNames({
 		[ButtonBaseOverrides.BUTTON]: true,
@@ -43,7 +43,7 @@ const ButtonBase = ({ type = "button", isDisabled = false, dataAttributes, butto
 		});
 	}, [dataAttributes]);
 	return /* @__PURE__ */ jsxs("button", {
-		type,
+		type: "button",
 		ref: buttonRef,
 		className: buttonClassName,
 		disabled: isDisabled,

package/dist/{ButtonBase-Do88ndKa.cjs → ButtonBase-DrIwVGTR.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-MQjxqgZZ.cjs');
+const require_Text = require('./Text-DllCE9_D.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let classnames = require("classnames");
@@ -17,7 +17,7 @@ let ButtonBaseOverrides = /* @__PURE__ */ function(ButtonBaseOverrides$1) {
 
 //#endregion
 //#region src/components/ButtonBase/ButtonBase.tsx
-const ButtonBase = ({ type = "button", isDisabled = false, dataAttributes, buttonClass, text, textClass, icon, iconClass = "spiffy-tw-w-[21px] spiffy-tw-h-[21px]", dataTestId, onClick, disablePadding = false }) => {
+const ButtonBase = ({ isDisabled = false, dataAttributes, buttonClass, text, textClass, icon, iconClass = "spiffy-tw-w-[21px] spiffy-tw-h-[21px]", dataTestId, onClick, disablePadding = false }) => {
 	const buttonRef = (0, react.useRef)(null);
 	const buttonClassName = (0, classnames.default)({
 		[ButtonBaseOverrides.BUTTON]: true,
@@ -47,7 +47,7 @@ const ButtonBase = ({ type = "button", isDisabled = false, dataAttributes, butto
 		});
 	}, [dataAttributes]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-		type,
+		type: "button",
 		ref: buttonRef,
 		className: buttonClassName,
 		disabled: isDisabled,

package/dist/DynamicFiltersScrollbar/index.cjs

@@ -1,6 +1,6 @@
 const require_chunk = require('../chunk-CUT6urMc.cjs');
-require('../textVariantClasses-Dgz7Zaql.cjs');
-const require_Text = require('../Text-MQjxqgZZ.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+const require_Text = require('../Text-DllCE9_D.cjs');
 require('../Text-C8t_iEj6.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
@@ -10,29 +10,27 @@ let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
 react_indiana_drag_scroll = require_chunk.__toESM(react_indiana_drag_scroll);
 
 //#region src/components/DynamicFiltersScrollbar/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);
-		})
-	});
-};
+const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__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
 exports.DynamicFiltersScrollbar = DynamicFiltersScrollbar;

package/dist/DynamicFiltersScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime1.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { DynamicFiltersScrollbar };

package/dist/DynamicFiltersScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime15 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_runtime7.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { DynamicFiltersScrollbar };

package/dist/DynamicFiltersScrollbar/index.js

@@ -1,34 +1,32 @@
-import "../textVariantClasses-D77TGEy1.js";
-import { Text } from "../Text-Bod4OMPk.js";
+import "../textVariantClasses-CRrTb43V.js";
+import { Text } from "../Text-BLzNhX4H.js";
 import "../Text-BMsncrpY.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 import ScrollContainer from "react-indiana-drag-scroll";
 
 //#region src/components/DynamicFiltersScrollbar/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);
-		})
-	});
-};
+const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__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/DynamicFiltersScrollbar-B1j53y2q.cjs

@@ -0,0 +1,81 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_Text = require('./Text-DllCE9_D.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/FilterScrollbar/AppliedFiltersScrollbar.tsx
+const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
+	if (selectedFilterOptions.length === 0) return null;
+	const filterDefaultWithoutBg = filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim();
+	const buttonClasses = (0, classnames.default)(" spiffy-tw-flex spiffy-tw-items-center spiffy-tw-rounded-full spiffy-tw-px-[8px] spiffy-tw-py-[4px] spiffy-tw-whitespace-nowrap", filterHoverClasses, filterDefaultWithoutBg, appliedFilterBackgroundClasses);
+	const iconColor = "currentColor";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
+		className: filterBarClassNames,
+		hideScrollbars: true,
+		children: selectedFilterOptions.map((filter) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			className: buttonClasses,
+			type: "button",
+			onClick: () => onRemoveFilter(filter),
+			"aria-label": `Remove filter: ${filter.displayName}`,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-[8px]",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+					variant: "body3",
+					children: filter.displayName
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "10",
+					height: "10",
+					viewBox: "0 0 10 10",
+					fill: "none",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M4.59766 4.29297L8.48535 0.405273L9.19238 1.1123L5.30469 5L9.19238 8.8877L8.48535 9.59473L4.59766 5.70703L0.707031 9.59766L0 8.89062L3.89062 5L0 1.10938L0.707031 0.402344L4.59766 4.29297Z",
+						fill: iconColor
+					})
+				})]
+			})
+		}, filter.id))
+	});
+};
+
+//#endregion
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx
+const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__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, 'AppliedFiltersScrollbar', {
+  enumerable: true,
+  get: function () {
+    return AppliedFiltersScrollbar;
+  }
+});
+Object.defineProperty(exports, 'DynamicFiltersScrollbar', {
+  enumerable: true,
+  get: function () {
+    return DynamicFiltersScrollbar;
+  }
+});

package/dist/DynamicFiltersScrollbar-D7WYp6x9.js

@@ -0,0 +1,66 @@
+import { Text } from "./Text-BLzNhX4H.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import ScrollContainer from "react-indiana-drag-scroll";
+
+//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx
+const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
+	if (selectedFilterOptions.length === 0) return null;
+	const filterDefaultWithoutBg = filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim();
+	const buttonClasses = classNames(" spiffy-tw-flex spiffy-tw-items-center spiffy-tw-rounded-full spiffy-tw-px-[8px] spiffy-tw-py-[4px] spiffy-tw-whitespace-nowrap", filterHoverClasses, filterDefaultWithoutBg, appliedFilterBackgroundClasses);
+	const iconColor = "currentColor";
+	return /* @__PURE__ */ jsx(ScrollContainer, {
+		className: filterBarClassNames,
+		hideScrollbars: true,
+		children: selectedFilterOptions.map((filter) => /* @__PURE__ */ jsx("button", {
+			className: buttonClasses,
+			type: "button",
+			onClick: () => onRemoveFilter(filter),
+			"aria-label": `Remove filter: ${filter.displayName}`,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-[8px]",
+				children: [/* @__PURE__ */ jsx(Text, {
+					variant: "body3",
+					children: filter.displayName
+				}), /* @__PURE__ */ jsx("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "10",
+					height: "10",
+					viewBox: "0 0 10 10",
+					fill: "none",
+					children: /* @__PURE__ */ jsx("path", {
+						d: "M4.59766 4.29297L8.48535 0.405273L9.19238 1.1123L5.30469 5L9.19238 8.8877L8.48535 9.59473L4.59766 5.70703L0.707031 9.59766L0 8.89062L3.89062 5L0 1.10938L0.707031 0.402344L4.59766 4.29297Z",
+						fill: iconColor
+					})
+				})]
+			})
+		}, filter.id))
+	});
+};
+
+//#endregion
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx
+const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__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 { AppliedFiltersScrollbar, DynamicFiltersScrollbar };