@envive-ai/react-widgets 0.1.3 → 0.3.1

package/dist/node_modules/react-icons/lib/iconBase.js

@@ -1,119 +0,0 @@
-import { DefaultContext, IconContext } from "./iconContext.js";
-import React from "react";
-
-//#region ../../node_modules/react-icons/lib/iconBase.mjs
-var _excluded = [
-	"attr",
-	"size",
-	"title"
-];
-function _objectWithoutProperties(source, excluded) {
-	if (source == null) return {};
-	var target = _objectWithoutPropertiesLoose(source, excluded);
-	var key, i;
-	if (Object.getOwnPropertySymbols) {
-		var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-		for (i = 0; i < sourceSymbolKeys.length; i++) {
-			key = sourceSymbolKeys[i];
-			if (excluded.indexOf(key) >= 0) continue;
-			if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-			target[key] = source[key];
-		}
-	}
-	return target;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-	if (source == null) return {};
-	var target = {};
-	for (var key in source) if (Object.prototype.hasOwnProperty.call(source, key)) {
-		if (excluded.indexOf(key) >= 0) continue;
-		target[key] = source[key];
-	}
-	return target;
-}
-function _extends() {
-	_extends = Object.assign ? Object.assign.bind() : function(target) {
-		for (var i = 1; i < arguments.length; i++) {
-			var source = arguments[i];
-			for (var key in source) if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
-		}
-		return target;
-	};
-	return _extends.apply(this, arguments);
-}
-function ownKeys(e, r) {
-	var t = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var o = Object.getOwnPropertySymbols(e);
-		r && (o = o.filter(function(r$1) {
-			return Object.getOwnPropertyDescriptor(e, r$1).enumerable;
-		})), t.push.apply(t, o);
-	}
-	return t;
-}
-function _objectSpread(e) {
-	for (var r = 1; r < arguments.length; r++) {
-		var t = null != arguments[r] ? arguments[r] : {};
-		r % 2 ? ownKeys(Object(t), !0).forEach(function(r$1) {
-			_defineProperty(e, r$1, t[r$1]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r$1) {
-			Object.defineProperty(e, r$1, Object.getOwnPropertyDescriptor(t, r$1));
-		});
-	}
-	return e;
-}
-function _defineProperty(obj, key, value) {
-	key = _toPropertyKey(key);
-	if (key in obj) Object.defineProperty(obj, key, {
-		value,
-		enumerable: true,
-		configurable: true,
-		writable: true
-	});
-	else obj[key] = value;
-	return obj;
-}
-function _toPropertyKey(t) {
-	var i = _toPrimitive(t, "string");
-	return "symbol" == typeof i ? i : i + "";
-}
-function _toPrimitive(t, r) {
-	if ("object" != typeof t || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != typeof i) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-function Tree2Element(tree) {
-	return tree && tree.map((node, i) => /* @__PURE__ */ React.createElement(node.tag, _objectSpread({ key: i }, node.attr), Tree2Element(node.child)));
-}
-function GenIcon(data) {
-	return (props) => /* @__PURE__ */ React.createElement(IconBase, _extends({ attr: _objectSpread({}, data.attr) }, props), Tree2Element(data.child));
-}
-function IconBase(props) {
-	var elem = (conf) => {
-		var { attr, size, title } = props, svgProps = _objectWithoutProperties(props, _excluded);
-		var computedSize = size || conf.size || "1em";
-		var className;
-		if (conf.className) className = conf.className;
-		if (props.className) className = (className ? className + " " : "") + props.className;
-		return /* @__PURE__ */ React.createElement("svg", _extends({
-			stroke: "currentColor",
-			fill: "currentColor",
-			strokeWidth: "0"
-		}, conf.attr, attr, svgProps, {
-			className,
-			style: _objectSpread(_objectSpread({ color: props.color || conf.color }, conf.style), props.style),
-			height: computedSize,
-			width: computedSize,
-			xmlns: "http://www.w3.org/2000/svg"
-		}), title && /* @__PURE__ */ React.createElement("title", null, title), props.children);
-	};
-	return IconContext !== void 0 ? /* @__PURE__ */ React.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
-}
-
-//#endregion
-export { GenIcon };

package/dist/node_modules/react-icons/lib/iconContext.cjs

@@ -1,17 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region ../../node_modules/react-icons/lib/iconContext.mjs
-var DefaultContext = {
-	color: void 0,
-	size: void 0,
-	className: void 0,
-	style: void 0,
-	attr: void 0
-};
-var IconContext = react.default.createContext && /* @__PURE__ */ react.default.createContext(DefaultContext);
-
-//#endregion
-exports.DefaultContext = DefaultContext;
-exports.IconContext = IconContext;

package/dist/node_modules/react-icons/lib/iconContext.js

@@ -1,14 +0,0 @@
-import React from "react";
-
-//#region ../../node_modules/react-icons/lib/iconContext.mjs
-var DefaultContext = {
-	color: void 0,
-	size: void 0,
-	className: void 0,
-	style: void 0,
-	attr: void 0
-};
-var IconContext = React.createContext && /* @__PURE__ */ React.createContext(DefaultContext);
-
-//#endregion
-export { DefaultContext, IconContext };

package/dist/node_modules/react-icons/md/index.cjs

@@ -1,35 +0,0 @@
-const require_iconBase = require('../lib/iconBase.cjs');
-
-//#region ../../node_modules/react-icons/md/index.mjs
-function MdStar(props) {
-	return require_iconBase.GenIcon({
-		"tag": "svg",
-		"attr": { "viewBox": "0 0 24 24" },
-		"child": [
-			{
-				"tag": "path",
-				"attr": {
-					"fill": "none",
-					"d": "M0 0h24v24H0z"
-				},
-				"child": []
-			},
-			{
-				"tag": "path",
-				"attr": {
-					"fill": "none",
-					"d": "M0 0h24v24H0z"
-				},
-				"child": []
-			},
-			{
-				"tag": "path",
-				"attr": { "d": "M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" },
-				"child": []
-			}
-		]
-	})(props);
-}
-
-//#endregion
-exports.MdStar = MdStar;

package/dist/node_modules/react-icons/md/index.js

@@ -1,35 +0,0 @@
-import { GenIcon } from "../lib/iconBase.js";
-
-//#region ../../node_modules/react-icons/md/index.mjs
-function MdStar(props) {
-	return GenIcon({
-		"tag": "svg",
-		"attr": { "viewBox": "0 0 24 24" },
-		"child": [
-			{
-				"tag": "path",
-				"attr": {
-					"fill": "none",
-					"d": "M0 0h24v24H0z"
-				},
-				"child": []
-			},
-			{
-				"tag": "path",
-				"attr": {
-					"fill": "none",
-					"d": "M0 0h24v24H0z"
-				},
-				"child": []
-			},
-			{
-				"tag": "path",
-				"attr": { "d": "M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" },
-				"child": []
-			}
-		]
-	})(props);
-}
-
-//#endregion
-export { MdStar };

package/dist/packages/components/dist/components/Accordion/Accordion.cjs

@@ -1,80 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_Typography = require('../Typography/Typography.cjs');
-require('../Typography/index.cjs');
-const require_ChevronDown = require('../../../../icons/dist/ChevronDown.cjs');
-let react = require("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/Accordion/Accordion.js
-const ANIMATION_DURATION = .3;
-const Accordion = ({ title, content }) => {
-	const [isOpen, setIsOpen] = (0, react.useState)(false);
-	const contentRef = (0, react.useRef)(null);
-	const titleWrapperClasses = (0, classnames.default)({
-		"spiffy-tw-border-b": true,
-		"spiffy-tw-border-[--spiffy-colors-border-light]": true,
-		"spiffy-tw-pb-2": true,
-		"spiffy-tw-flex": true,
-		"spiffy-tw-justify-between": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-w-full": true,
-		"spiffy-tw-group": true
-	});
-	const titleClasses = (0, classnames.default)({
-		"spiffy-tw-uppercase": true,
-		"spiffy-tw-text-[--spiffy-colors-text-primary]": true,
-		"!spiffy-tw-font-[400]": true,
-		"group-aria-expanded:!spiffy-tw-font-medium": true
-	});
-	const contentClasses = (0, classnames.default)({ "spiffy-tw-overflow-hidden": true });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-		"aria-expanded": isOpen,
-		type: "button",
-		className: titleWrapperClasses,
-		onClick: () => setIsOpen(!isOpen),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-			variant: "body4",
-			className: titleClasses,
-			children: title
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-			variants: {
-				open: { rotate: 180 },
-				closed: { rotate: 360 }
-			},
-			animate: isOpen ? "open" : "closed",
-			transition: {
-				duration: ANIMATION_DURATION,
-				ease: "easeOut"
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChevronDown.ChevronDown_default, {})
-		})]
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-		variants: {
-			open: {
-				height: "auto",
-				marginTop: "24px",
-				marginBottom: "24px"
-			},
-			closed: {
-				height: "0px",
-				marginTop: "0px",
-				marginBottom: "0px"
-			}
-		},
-		className: contentClasses,
-		initial: { height: 0 },
-		animate: isOpen ? "open" : "closed",
-		transition: {
-			duration: ANIMATION_DURATION,
-			ease: "easeOut"
-		},
-		ref: contentRef,
-		children: content
-	})] });
-};
-
-//#endregion
-exports.Accordion = Accordion;

package/dist/packages/components/dist/components/Accordion/Accordion.js

@@ -1,78 +0,0 @@
-import { Typography } from "../Typography/Typography.js";
-import "../Typography/index.js";
-import { ChevronDown_default } from "../../../../icons/dist/ChevronDown.js";
-import { useRef, useState } from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { motion } from "framer-motion";
-
-//#region ../components/dist/components/Accordion/Accordion.js
-const ANIMATION_DURATION = .3;
-const Accordion = ({ title, content }) => {
-	const [isOpen, setIsOpen] = useState(false);
-	const contentRef = useRef(null);
-	const titleWrapperClasses = classNames({
-		"spiffy-tw-border-b": true,
-		"spiffy-tw-border-[--spiffy-colors-border-light]": true,
-		"spiffy-tw-pb-2": true,
-		"spiffy-tw-flex": true,
-		"spiffy-tw-justify-between": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-w-full": true,
-		"spiffy-tw-group": true
-	});
-	const titleClasses = classNames({
-		"spiffy-tw-uppercase": true,
-		"spiffy-tw-text-[--spiffy-colors-text-primary]": true,
-		"!spiffy-tw-font-[400]": true,
-		"group-aria-expanded:!spiffy-tw-font-medium": true
-	});
-	const contentClasses = classNames({ "spiffy-tw-overflow-hidden": true });
-	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("button", {
-		"aria-expanded": isOpen,
-		type: "button",
-		className: titleWrapperClasses,
-		onClick: () => setIsOpen(!isOpen),
-		children: [/* @__PURE__ */ jsx(Typography, {
-			variant: "body4",
-			className: titleClasses,
-			children: title
-		}), /* @__PURE__ */ jsx(motion.div, {
-			variants: {
-				open: { rotate: 180 },
-				closed: { rotate: 360 }
-			},
-			animate: isOpen ? "open" : "closed",
-			transition: {
-				duration: ANIMATION_DURATION,
-				ease: "easeOut"
-			},
-			children: /* @__PURE__ */ jsx(ChevronDown_default, {})
-		})]
-	}), /* @__PURE__ */ jsx(motion.div, {
-		variants: {
-			open: {
-				height: "auto",
-				marginTop: "24px",
-				marginBottom: "24px"
-			},
-			closed: {
-				height: "0px",
-				marginTop: "0px",
-				marginBottom: "0px"
-			}
-		},
-		className: contentClasses,
-		initial: { height: 0 },
-		animate: isOpen ? "open" : "closed",
-		transition: {
-			duration: ANIMATION_DURATION,
-			ease: "easeOut"
-		},
-		ref: contentRef,
-		children: content
-	})] });
-};
-
-//#endregion
-export { Accordion };

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

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

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

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

package/dist/packages/components/dist/components/AnimatedChevron/AnimatedChevron.cjs

@@ -1,30 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-let framer_motion = require("framer-motion");
-
-//#region ../components/dist/components/AnimatedChevron/AnimatedChevron.js
-const AnimatedChevron = ({ animationKey, chevronColor }) => {
-	const leftRotation = (0, framer_motion.useTransform)(animationKey, [300, 0], [-12, 0]);
-	const rightRotation = (0, framer_motion.useTransform)(animationKey, [300, 0], [12, 0]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		style: { display: "flex" },
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, { style: {
-			x: 1,
-			width: "25px",
-			height: "4px",
-			background: chevronColor,
-			borderRadius: "8px",
-			rotate: leftRotation
-		} }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, { style: {
-			x: -1,
-			width: "25px",
-			height: "4px",
-			background: chevronColor,
-			borderRadius: "8px",
-			rotate: rightRotation
-		} })]
-	});
-};
-
-//#endregion
-exports.AnimatedChevron = AnimatedChevron;

package/dist/packages/components/dist/components/AnimatedChevron/AnimatedChevron.js

@@ -1,29 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { motion, useTransform } from "framer-motion";
-
-//#region ../components/dist/components/AnimatedChevron/AnimatedChevron.js
-const AnimatedChevron = ({ animationKey, chevronColor }) => {
-	const leftRotation = useTransform(animationKey, [300, 0], [-12, 0]);
-	const rightRotation = useTransform(animationKey, [300, 0], [12, 0]);
-	return /* @__PURE__ */ jsxs("div", {
-		style: { display: "flex" },
-		children: [/* @__PURE__ */ jsx(motion.div, { style: {
-			x: 1,
-			width: "25px",
-			height: "4px",
-			background: chevronColor,
-			borderRadius: "8px",
-			rotate: leftRotation
-		} }), /* @__PURE__ */ jsx(motion.div, { style: {
-			x: -1,
-			width: "25px",
-			height: "4px",
-			background: chevronColor,
-			borderRadius: "8px",
-			rotate: rightRotation
-		} })]
-	});
-};
-
-//#endregion
-export { AnimatedChevron };

package/dist/packages/components/dist/components/ButtonBase/ButtonBase.cjs

@@ -1,56 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_Typography = require('../Typography/Typography.cjs');
-require('../Typography/index.cjs');
-const require_types = require('./types.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/ButtonBase/ButtonBase.js
-const ButtonBase = ({ isDisabled = false, dataAttributes, buttonClass, text, textClass, icon, iconClass = "spiffy-tw-w-[21px] spiffy-tw-h-[21px]", dataTestId, onClick, disablePadding = false }) => {
-	const RenderedIcon = () => icon;
-	const buttonRef = (0, react.useRef)(null);
-	const buttonClassName = (0, classnames.default)({
-		[require_types.ButtonBaseOverrides.BUTTON]: true,
-		"spiffy-tw-flex": true,
-		"spiffy-tw-min-h-[36px]": true,
-		"spiffy-tw-cursor-pointer": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-gap-2": true,
-		"spiffy-tw-px-4": !disablePadding,
-		"spiffy-tw-transition-colors": true,
-		"spiffy-tw-opacity-40": isDisabled,
-		"spiffy-tw-cursor-not-allowed": isDisabled,
-		[`${buttonClass}`]: buttonClass != null
-	});
-	const textClassName = (0, classnames.default)({
-		[require_types.ButtonBaseOverrides.BUTTON_TEXT]: true,
-		"spiffy-tw-whitespace-nowrap": true,
-		[`${textClass}`]: textClass != null
-	});
-	(0, classnames.default)({
-		[require_types.ButtonBaseOverrides.BUTTON_ICON]: true,
-		[`${iconClass}`]: iconClass != null
-	});
-	(0, react.useEffect)(() => {
-		if (dataAttributes && buttonRef.current) Object.entries(dataAttributes).forEach(([key, value]) => {
-			buttonRef.current?.setAttribute(key, value);
-		});
-	}, [dataAttributes]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-		type: "button",
-		ref: buttonRef,
-		className: buttonClassName,
-		disabled: isDisabled,
-		"data-testid": dataTestId,
-		onClick,
-		children: [icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RenderedIcon, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-			className: textClassName,
-			children: text
-		})]
-	});
-};
-
-//#endregion
-exports.ButtonBase = ButtonBase;

package/dist/packages/components/dist/components/ButtonBase/ButtonBase.js

@@ -1,54 +0,0 @@
-import { Typography } from "../Typography/Typography.js";
-import "../Typography/index.js";
-import { ButtonBaseOverrides } from "./types.js";
-import { useEffect, useRef } from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ../components/dist/components/ButtonBase/ButtonBase.js
-const ButtonBase = ({ isDisabled = false, dataAttributes, buttonClass, text, textClass, icon, iconClass = "spiffy-tw-w-[21px] spiffy-tw-h-[21px]", dataTestId, onClick, disablePadding = false }) => {
-	const RenderedIcon = () => icon;
-	const buttonRef = useRef(null);
-	const buttonClassName = classNames({
-		[ButtonBaseOverrides.BUTTON]: true,
-		"spiffy-tw-flex": true,
-		"spiffy-tw-min-h-[36px]": true,
-		"spiffy-tw-cursor-pointer": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-gap-2": true,
-		"spiffy-tw-px-4": !disablePadding,
-		"spiffy-tw-transition-colors": true,
-		"spiffy-tw-opacity-40": isDisabled,
-		"spiffy-tw-cursor-not-allowed": isDisabled,
-		[`${buttonClass}`]: buttonClass != null
-	});
-	const textClassName = classNames({
-		[ButtonBaseOverrides.BUTTON_TEXT]: true,
-		"spiffy-tw-whitespace-nowrap": true,
-		[`${textClass}`]: textClass != null
-	});
-	classNames({
-		[ButtonBaseOverrides.BUTTON_ICON]: true,
-		[`${iconClass}`]: iconClass != null
-	});
-	useEffect(() => {
-		if (dataAttributes && buttonRef.current) Object.entries(dataAttributes).forEach(([key, value]) => {
-			buttonRef.current?.setAttribute(key, value);
-		});
-	}, [dataAttributes]);
-	return /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		ref: buttonRef,
-		className: buttonClassName,
-		disabled: isDisabled,
-		"data-testid": dataTestId,
-		onClick,
-		children: [icon && /* @__PURE__ */ jsx(RenderedIcon, {}), /* @__PURE__ */ jsx(Typography, {
-			className: textClassName,
-			children: text
-		})]
-	});
-};
-
-//#endregion
-export { ButtonBase };

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

@@ -1,2 +0,0 @@
-const require_types = require('./types.cjs');
-const require_ButtonBase = require('./ButtonBase.cjs');

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

@@ -1,2 +0,0 @@
-import { ButtonBaseOverrides } from "./types.js";
-import { ButtonBase } from "./ButtonBase.js";

package/dist/packages/components/dist/components/ButtonBase/types.cjs

@@ -1,11 +0,0 @@
-
-//#region ../components/dist/components/ButtonBase/types.js
-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
-exports.ButtonBaseOverrides = ButtonBaseOverrides;

package/dist/packages/components/dist/components/ButtonBase/types.js

@@ -1,10 +0,0 @@
-//#region ../components/dist/components/ButtonBase/types.js
-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/packages/components/dist/components/FilterScrollbar/AppliedFiltersScrollbar.cjs

@@ -1,45 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../../../../../node_modules/react-indiana-drag-scroll/dist/index.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/FilterScrollbar/AppliedFiltersScrollbar.js
-var import_dist = /* @__PURE__ */ require_rolldown_runtime.__toESM(require_index.default, 1);
-const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
-	if (selectedFilterOptions.length === 0) return null;
-	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, filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim(), appliedFilterBackgroundClasses);
-	const iconColor = "currentColor";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_dist.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_Typography.Typography, {
-					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
-exports.AppliedFiltersScrollbar = AppliedFiltersScrollbar;