@envive-ai/react-toolkit 0.2.13 → 0.3.0

package/dist/components/ButtonBase/{index-3ltL6jhO.d.ts → types.d.cts}

@@ -1,23 +1,22 @@
 import { ButtonHTMLAttributes, CSSProperties } from "react";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
-import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/ButtonBase/types.d.ts
 interface ButtonHoverStyles extends CSSProperties {
   backgroundColor?: string;
   color?: string;
 }
-interface ButtonBaseProps extends TestProps {
+interface ButtonBaseProps {
   type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
   isDisabled?: boolean;
   dataAttributes?: Record<string, string>;
   buttonClass?: string;
   text: string;
   textClass?: string;
-  icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+  icon?: React.ReactNode;
   iconClass?: string;
   onClick?: () => void;
   disablePadding?: boolean;
+  dataTestId?: string;
 }
 declare enum ButtonBaseOverrides {
   BUTTON = "spiffy-button-base-button",
@@ -25,18 +24,4 @@ declare enum ButtonBaseOverrides {
   BUTTON_ICON = "spiffy-button-base-button-icon",
 }
 //#endregion
-//#region src/components/ButtonBase/ButtonBase.d.ts
-declare const ButtonBase: ({
-  isDisabled,
-  dataAttributes,
-  buttonClass,
-  text,
-  textClass,
-  icon,
-  iconClass,
-  dataTestId,
-  onClick,
-  disablePadding
-}: ButtonBaseProps) => react_jsx_runtime22.JSX.Element;
-//#endregion
-export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };
+export { ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/components/ButtonBase/{index-CcVRnbuQ.d.cts → types.d.ts}

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
-import { TestProps } from "@envive-ai/react-hooks/types";
 import { ButtonHTMLAttributes, CSSProperties } from "react";
 
 //#region src/components/ButtonBase/types.d.ts
@@ -7,17 +5,18 @@ interface ButtonHoverStyles extends CSSProperties {
   backgroundColor?: string;
   color?: string;
 }
-interface ButtonBaseProps extends TestProps {
+interface ButtonBaseProps {
   type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
   isDisabled?: boolean;
   dataAttributes?: Record<string, string>;
   buttonClass?: string;
   text: string;
   textClass?: string;
-  icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+  icon?: React.ReactNode;
   iconClass?: string;
   onClick?: () => void;
   disablePadding?: boolean;
+  dataTestId?: string;
 }
 declare enum ButtonBaseOverrides {
   BUTTON = "spiffy-button-base-button",
@@ -25,18 +24,4 @@ declare enum ButtonBaseOverrides {
   BUTTON_ICON = "spiffy-button-base-button-icon",
 }
 //#endregion
-//#region src/components/ButtonBase/ButtonBase.d.ts
-declare const ButtonBase: ({
-  isDisabled,
-  dataAttributes,
-  buttonClass,
-  text,
-  textClass,
-  icon,
-  iconClass,
-  dataTestId,
-  onClick,
-  disablePadding
-}: ButtonBaseProps) => react_jsx_runtime13.JSX.Element;
-//#endregion
-export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };
+export { ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/components/ButtonBase/types.js

@@ -0,0 +1,10 @@
+//#region src/components/ButtonBase/types.ts
+let ButtonBaseOverrides = /* @__PURE__ */ function(ButtonBaseOverrides$1) {
+	ButtonBaseOverrides$1["BUTTON"] = "spiffy-button-base-button";
+	ButtonBaseOverrides$1["BUTTON_TEXT"] = "spiffy-button-base-button-text";
+	ButtonBaseOverrides$1["BUTTON_ICON"] = "spiffy-button-base-button-icon";
+	return ButtonBaseOverrides$1;
+}({});
+
+//#endregion
+export { ButtonBaseOverrides };

package/dist/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.cjs

@@ -0,0 +1,33 @@
+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");
+let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
+react_indiana_drag_scroll = require_rolldown_runtime.__toESM(react_indiana_drag_scroll);
+
+//#region src/components/DynamicFiltersScrollbar/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 }) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: (0, classnames.default)("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses),
+			onClick: () => {
+				onToggleDynamicFilter({
+					filter: name,
+					dynamicFilterDisplayName: displayName
+				});
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+				variant: "body3",
+				children: displayName
+			})
+		}, name);
+	})
+});
+
+//#endregion
+exports.DynamicFiltersScrollbar = DynamicFiltersScrollbar;

package/dist/components/DynamicFiltersScrollbar/{index-B_a6Oebn.d.ts → DynamicFiltersScrollbar.d.cts}

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

package/dist/components/DynamicFiltersScrollbar/{index-B483Jhki.d.cts → DynamicFiltersScrollbar.d.ts}

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

package/dist/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.js

@@ -0,0 +1,30 @@
+import { Typography } from "../Typography/Typography.js";
+import "../Typography/index.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 }) => /* @__PURE__ */ jsx(ScrollContainer, {
+	className: filterBarClassNames,
+	hideScrollbars: true,
+	children: availableDynamicFilters.map(({ name, displayName }) => {
+		return /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: classNames("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses),
+			onClick: () => {
+				onToggleDynamicFilter({
+					filter: name,
+					dynamicFilterDisplayName: displayName
+				});
+			},
+			children: /* @__PURE__ */ jsx(Typography, {
+				variant: "body3",
+				children: displayName
+			})
+		}, name);
+	})
+});
+
+//#endregion
+export { DynamicFiltersScrollbar };

package/dist/components/DynamicFiltersScrollbar/index.cjs

@@ -1,32 +1,3 @@
-const require_chunk = require('../../chunk-CbDLau6x.cjs');
-const require_Typography = require('../../Typography-Csg-nd_w.cjs');
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
-react_indiana_drag_scroll = require_chunk.__toESM(react_indiana_drag_scroll);
+const require_DynamicFiltersScrollbar = require('./DynamicFiltersScrollbar.cjs');
 
-//#region src/components/DynamicFiltersScrollbar/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 }) => {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			type: "button",
-			className: (0, classnames.default)("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses),
-			onClick: () => {
-				onToggleDynamicFilter({
-					filter: name,
-					dynamicFilterDisplayName: displayName
-				});
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-				variant: "body3",
-				children: displayName
-			})
-		}, name);
-	})
-});
-
-//#endregion
-exports.DynamicFiltersScrollbar = DynamicFiltersScrollbar;
+exports.DynamicFiltersScrollbar = require_DynamicFiltersScrollbar.DynamicFiltersScrollbar;

package/dist/components/DynamicFiltersScrollbar/index.d.cts

@@ -0,0 +1,2 @@
+import { DynamicFiltersScrollbar } from "./DynamicFiltersScrollbar.cjs";
+export { DynamicFiltersScrollbar };

package/dist/components/DynamicFiltersScrollbar/index.d.ts

@@ -0,0 +1,2 @@
+import { DynamicFiltersScrollbar } from "./DynamicFiltersScrollbar.js";
+export { DynamicFiltersScrollbar };

package/dist/components/DynamicFiltersScrollbar/index.js

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

package/dist/{DynamicFiltersScrollbar-bT3VoG-D.cjs → components/FilterScrollbar/AppliedFiltersScrollbar.cjs}

@@ -1,10 +1,11 @@
-const require_chunk = require('./chunk-CbDLau6x.cjs');
-const require_Typography = require('./Typography-Csg-nd_w.cjs');
+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_chunk.__toESM(classnames);
+classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
-react_indiana_drag_scroll = require_chunk.__toESM(react_indiana_drag_scroll);
+react_indiana_drag_scroll = require_rolldown_runtime.__toESM(react_indiana_drag_scroll);
 
 //#region src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx
 const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
@@ -41,38 +42,4 @@ const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, f
 };
 
 //#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 }) => {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			type: "button",
-			className: (0, classnames.default)("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses),
-			onClick: () => {
-				onToggleDynamicFilter({
-					filter: name,
-					dynamicFilterDisplayName: displayName
-				});
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-				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;
-  }
-});
+exports.AppliedFiltersScrollbar = AppliedFiltersScrollbar;

package/dist/components/FilterScrollbar/AppliedFiltersScrollbar.d.cts

@@ -0,0 +1,22 @@
+import { SelectedFilterOption } from "../../hooks/dist/atoms/search/searchAPI.cjs";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+
+//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
+interface AppliedFiltersScrollbarProps {
+  selectedFilterOptions: SelectedFilterOption[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  appliedFilterBackgroundClasses: string;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+}
+declare const AppliedFiltersScrollbar: ({
+  selectedFilterOptions,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  appliedFilterBackgroundClasses,
+  onRemoveFilter
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime9.JSX.Element;
+//#endregion
+export { AppliedFiltersScrollbar };

package/dist/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts

@@ -0,0 +1,22 @@
+import { SelectedFilterOption } from "../../hooks/dist/atoms/search/searchAPI.js";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
+interface AppliedFiltersScrollbarProps {
+  selectedFilterOptions: SelectedFilterOption[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  appliedFilterBackgroundClasses: string;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+}
+declare const AppliedFiltersScrollbar: ({
+  selectedFilterOptions,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  appliedFilterBackgroundClasses,
+  onRemoveFilter
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime13.JSX.Element;
+//#endregion
+export { AppliedFiltersScrollbar };

package/dist/{DynamicFiltersScrollbar-CibstqNd.js → components/FilterScrollbar/AppliedFiltersScrollbar.js}

@@ -1,4 +1,5 @@
-import { t as Typography } from "./Typography-xehJH05l.js";
+import { Typography } from "../Typography/Typography.js";
+import "../Typography/index.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import ScrollContainer from "react-indiana-drag-scroll";
@@ -38,27 +39,4 @@ const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, f
 };
 
 //#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 }) => {
-		return /* @__PURE__ */ jsx("button", {
-			type: "button",
-			className: classNames("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses),
-			onClick: () => {
-				onToggleDynamicFilter({
-					filter: name,
-					dynamicFilterDisplayName: displayName
-				});
-			},
-			children: /* @__PURE__ */ jsx(Typography, {
-				variant: "body3",
-				children: displayName
-			})
-		}, name);
-	})
-});
-
-//#endregion
-export { AppliedFiltersScrollbar as n, DynamicFiltersScrollbar as t };
+export { AppliedFiltersScrollbar };

package/dist/components/FilterScrollbar/DynamicFiltersScrollbar.cjs

@@ -0,0 +1,33 @@
+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");
+let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
+react_indiana_drag_scroll = require_rolldown_runtime.__toESM(react_indiana_drag_scroll);
+
+//#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 }) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: (0, classnames.default)("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses),
+			onClick: () => {
+				onToggleDynamicFilter({
+					filter: name,
+					dynamicFilterDisplayName: displayName
+				});
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+				variant: "body3",
+				children: displayName
+			})
+		}, name);
+	})
+});
+
+//#endregion
+exports.DynamicFiltersScrollbar = DynamicFiltersScrollbar;

package/dist/components/FilterScrollbar/DynamicFiltersScrollbar.d.cts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
+interface DynamicFiltersScrollbarProps {
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const DynamicFiltersScrollbar: ({
+  availableDynamicFilters,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  onToggleDynamicFilter
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime8.JSX.Element;
+//#endregion
+export { DynamicFiltersScrollbar };

package/dist/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
+interface DynamicFiltersScrollbarProps {
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const DynamicFiltersScrollbar: ({
+  availableDynamicFilters,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  onToggleDynamicFilter
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime11.JSX.Element;
+//#endregion
+export { DynamicFiltersScrollbar };

package/dist/components/FilterScrollbar/DynamicFiltersScrollbar.js

@@ -0,0 +1,30 @@
+import { Typography } from "../Typography/Typography.js";
+import "../Typography/index.js";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+import ScrollContainer from "react-indiana-drag-scroll";
+
+//#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 }) => {
+		return /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: classNames("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses),
+			onClick: () => {
+				onToggleDynamicFilter({
+					filter: name,
+					dynamicFilterDisplayName: displayName
+				});
+			},
+			children: /* @__PURE__ */ jsx(Typography, {
+				variant: "body3",
+				children: displayName
+			})
+		}, name);
+	})
+});
+
+//#endregion
+export { DynamicFiltersScrollbar };

package/dist/components/FilterScrollbar/index.cjs

@@ -1,5 +1,5 @@
-require('../../Typography-Csg-nd_w.cjs');
-const require_DynamicFiltersScrollbar = require('../../DynamicFiltersScrollbar-bT3VoG-D.cjs');
+const require_AppliedFiltersScrollbar = require('./AppliedFiltersScrollbar.cjs');
+const require_DynamicFiltersScrollbar = require('./DynamicFiltersScrollbar.cjs');
 
-exports.AppliedFiltersScrollbar = require_DynamicFiltersScrollbar.AppliedFiltersScrollbar;
+exports.AppliedFiltersScrollbar = require_AppliedFiltersScrollbar.AppliedFiltersScrollbar;
 exports.DynamicFiltersScrollbar = require_DynamicFiltersScrollbar.DynamicFiltersScrollbar;

package/dist/components/FilterScrollbar/index.d.cts

@@ -0,0 +1,3 @@
+import { AppliedFiltersScrollbar } from "./AppliedFiltersScrollbar.cjs";
+import { DynamicFiltersScrollbar } from "./DynamicFiltersScrollbar.cjs";
+export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/components/FilterScrollbar/index.d.ts

@@ -0,0 +1,3 @@
+import { AppliedFiltersScrollbar } from "./AppliedFiltersScrollbar.js";
+import { DynamicFiltersScrollbar } from "./DynamicFiltersScrollbar.js";
+export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/components/FilterScrollbar/index.js

@@ -1,4 +1,4 @@
-import "../../Typography-xehJH05l.js";
-import { n as AppliedFiltersScrollbar, t as DynamicFiltersScrollbar } from "../../DynamicFiltersScrollbar-CibstqNd.js";
+import { AppliedFiltersScrollbar } from "./AppliedFiltersScrollbar.js";
+import { DynamicFiltersScrollbar } from "./DynamicFiltersScrollbar.js";
 
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/{ImageWithFallback-BiBjNK-9.cjs → components/ImageWithFallback/ImageWithFallback.cjs}

@@ -1,8 +1,8 @@
-const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 let react = require("react");
-react = require_chunk.__toESM(react);
+react = require_rolldown_runtime.__toESM(react);
 let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
+classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ImageWithFallback/ImageWithFallback.tsx
@@ -42,9 +42,4 @@ const ImageWithFallback = ({ src, alt, dataTestId, fallbackClassnames, fallback,
 };
 
 //#endregion
-Object.defineProperty(exports, 'ImageWithFallback', {
-  enumerable: true,
-  get: function () {
-    return ImageWithFallback;
-  }
-});
+exports.ImageWithFallback = ImageWithFallback;

package/dist/components/ImageWithFallback/{index-Dk89vxqv.d.cts → ImageWithFallback.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ImageWithFallback/ImageWithFallback.d.ts
@@ -21,6 +21,6 @@ declare const ImageWithFallback: ({
   imageClassnames,
   onLoad,
   onError
-}: ImageWithFallbackProps) => react_jsx_runtime1.JSX.Element;
+}: ImageWithFallbackProps) => react_jsx_runtime7.JSX.Element;
 //#endregion
 export { ImageWithFallback, ImageWithFallbackProps };

package/dist/components/ImageWithFallback/{index-CCWzf6ZV.d.ts → ImageWithFallback.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/components/ImageWithFallback/ImageWithFallback.d.ts
 interface ImageWithFallbackProps {
@@ -21,6 +21,6 @@ declare const ImageWithFallback: ({
   imageClassnames,
   onLoad,
   onError
-}: ImageWithFallbackProps) => react_jsx_runtime24.JSX.Element;
+}: ImageWithFallbackProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { ImageWithFallback, ImageWithFallbackProps };

package/dist/{ImageWithFallback-_QZT0EKI.js → components/ImageWithFallback/ImageWithFallback.js}

@@ -39,4 +39,4 @@ const ImageWithFallback = ({ src, alt, dataTestId, fallbackClassnames, fallback,
 };
 
 //#endregion
-export { ImageWithFallback as t };
+export { ImageWithFallback };

package/dist/components/ImageWithFallback/index.cjs

@@ -1,3 +1,3 @@
-const require_ImageWithFallback = require('../../ImageWithFallback-BiBjNK-9.cjs');
+const require_ImageWithFallback = require('./ImageWithFallback.cjs');
 
 exports.ImageWithFallback = require_ImageWithFallback.ImageWithFallback;

package/dist/components/ImageWithFallback/index.d.cts

@@ -0,0 +1,2 @@
+import { ImageWithFallback, ImageWithFallbackProps } from "./ImageWithFallback.cjs";
+export { ImageWithFallback, ImageWithFallbackProps };

package/dist/components/ImageWithFallback/index.d.ts

@@ -0,0 +1,2 @@
+import { ImageWithFallback, ImageWithFallbackProps } from "./ImageWithFallback.js";
+export { ImageWithFallback, ImageWithFallbackProps };

package/dist/components/ImageWithFallback/index.js

@@ -1,3 +1,3 @@
-import { t as ImageWithFallback } from "../../ImageWithFallback-_QZT0EKI.js";
+import { ImageWithFallback } from "./ImageWithFallback.js";
 
 export { ImageWithFallback };