@envive-ai/react-toolkit 0.1.12 → 0.1.13

package/dist/DynamicFiltersScrollbar-CVw1PINp.cjs

@@ -1,85 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-MQjxqgZZ.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) => {
-			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);
-		})
-	});
-};
-
-//#endregion
-//#region src/components/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, 'AppliedFiltersScrollbar', {
-  enumerable: true,
-  get: function () {
-    return AppliedFiltersScrollbar;
-  }
-});
-Object.defineProperty(exports, 'DynamicFiltersScrollbar', {
-  enumerable: true,
-  get: function () {
-    return DynamicFiltersScrollbar;
-  }
-});

package/dist/SearchAutocomplete-BlpII8Xs.js

@@ -1,51 +0,0 @@
-import { motion } from "framer-motion";
-import React from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import OutlinedStar from "@envive-ai/react-icons/OutlinedStar";
-
-//#region src/components/SearchAutocomplete/SearchAutocomplete.tsx
-const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
-	if (results.length === 0) return null;
-	return /* @__PURE__ */ jsx(motion.div, {
-		className: "spiffy-tw-h-full",
-		initial: {
-			opacity: 0,
-			y: -10
-		},
-		animate: {
-			opacity: 1,
-			y: 0
-		},
-		exit: {
-			opacity: 0,
-			y: -10
-		},
-		transition: { duration: .2 },
-		children: /* @__PURE__ */ jsx("ul", {
-			id,
-			role: "listbox",
-			className: "spiffy-tw-mt-4 spiffy-tw-space-y-2",
-			children: results.map((result, index) => /* @__PURE__ */ jsxs("li", {
-				id: `option-${index}`,
-				role: "option",
-				"aria-selected": index === focusedIndex,
-				className: classNames("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-cursor-pointer spiffy-tw-py-1", { "spiffy-tw-bg-neutral-200": index === focusedIndex }, "hover:spiffy-tw-bg-neutral-100"),
-				onClick: () => onSuggestionSelect(result, index),
-				onKeyDown: (event) => {
-					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
-				},
-				children: [/* @__PURE__ */ jsx(OutlinedStar, {
-					className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-2",
-					fill: iconColor
-				}), /* @__PURE__ */ jsx("span", {
-					className: "spiffy-tw-font-bold",
-					children: result
-				})]
-			}, index))
-		})
-	});
-};
-
-//#endregion
-export { SearchAutocomplete };

package/dist/SearchAutocomplete-DIEhLT4C.cjs

@@ -1,62 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-let framer_motion = require("framer-motion");
-framer_motion = require_chunk.__toESM(framer_motion);
-let react = require("react");
-react = require_chunk.__toESM(react);
-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 __envive_ai_react_icons_OutlinedStar = require("@envive-ai/react-icons/OutlinedStar");
-__envive_ai_react_icons_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_OutlinedStar);
-
-//#region src/components/SearchAutocomplete/SearchAutocomplete.tsx
-const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
-	if (results.length === 0) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-		className: "spiffy-tw-h-full",
-		initial: {
-			opacity: 0,
-			y: -10
-		},
-		animate: {
-			opacity: 1,
-			y: 0
-		},
-		exit: {
-			opacity: 0,
-			y: -10
-		},
-		transition: { duration: .2 },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-			id,
-			role: "listbox",
-			className: "spiffy-tw-mt-4 spiffy-tw-space-y-2",
-			children: results.map((result, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				id: `option-${index}`,
-				role: "option",
-				"aria-selected": index === focusedIndex,
-				className: (0, classnames.default)("spiffy-tw-flex spiffy-tw-items-center spiffy-tw-cursor-pointer spiffy-tw-py-1", { "spiffy-tw-bg-neutral-200": index === focusedIndex }, "hover:spiffy-tw-bg-neutral-100"),
-				onClick: () => onSuggestionSelect(result, index),
-				onKeyDown: (event) => {
-					if (event.key === "Enter" || event.keyCode === 13) onSuggestionSelect(result, index);
-				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_OutlinedStar.default, {
-					className: "spiffy-tw-w-[16px] spiffy-tw-h-[16px] spiffy-tw-mr-2",
-					fill: iconColor
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "spiffy-tw-font-bold",
-					children: result
-				})]
-			}, index))
-		})
-	});
-};
-
-//#endregion
-Object.defineProperty(exports, 'SearchAutocomplete', {
-  enumerable: true,
-  get: function () {
-    return SearchAutocomplete;
-  }
-});

package/dist/SearchInput-CVaCPWCE.js

@@ -1,89 +0,0 @@
-import { ColorNames, colorVar } from "./colorsConfig-DEfiLHH0.js";
-import { TextInput } from "./TextInput-DoM41M53.js";
-import React, { useImperativeHandle, useRef } from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import MagnifyingGlassStarVariant from "@envive-ai/react-icons/MagnifyingGlassStarVariant";
-import { IconClose } from "@envive-ai/react-icons/src/index.js";
-
-//#region src/components/SearchInput/searchInputVariants.ts
-const searchInputVariantClasses = { standard: {
-	searchInputIconColor: "transparent",
-	searchInputBorderColor: "spiffy-tw-border-[--spiffy-colors-border-medium]",
-	searchInputCloseIconClasses: "[&>circle]:spiffy-tw-fill-[--spiffy-colors-text-secondary] [&>path]:spiffy-tw-fill-[#fff]",
-	searchInputActiveStarClasses: `first:[&>path]:spiffy-tw-stroke-[--spiffy-colors-accent-primary] first:[&>path]:spiffy-tw-fill-[--spiffy-colors-accent-primary]`,
-	autocompleteIconColor: colorVar(ColorNames.BackgroundPrimary),
-	searchInputClasses: "spiffy-tw-text-[--spiffy-colors-text-primary] placeholder:spiffy-tw-text-[--spiffy-colors-text-secondary] spiffy-tw-text-[16px] spiffy-tw-font-normal spiffy-tw-leading-[148%] placeholder:spiffy-tw-font-medium placeholder:spiffy-tw-leading-[124%]",
-	placeholderVariant: "h2"
-} };
-
-//#endregion
-//#region src/components/SearchInput/SearchInput.tsx
-const SearchInput = React.forwardRef(({ searchInputVariant = "standard", value, placeholder, suggestions, className, dataTestId, ariaActivedescendant, onKeyDown, onChange, onFocus, onBlur }, ref) => {
-	const localInputRef = useRef(null);
-	const { searchInputClasses: inputClassName, searchInputIconColor: iconColor, searchInputBorderColor: borderColor, searchInputCloseIconClasses: closeIconClasses, searchInputActiveStarClasses, placeholderVariant } = searchInputVariantClasses[searchInputVariant];
-	useImperativeHandle(ref, () => localInputRef.current, []);
-	const magnifyingGlassClassesBase = [
-		"spiffy-tw-w-[24px]",
-		"spiffy-tw-h-[32px]",
-		"spiffy-tw-stroke-width-1",
-		"sm:spiffy-tw-w-[32px]"
-	];
-	const magnifyingGlassClassesInactive = classNames(magnifyingGlassClassesBase);
-	const magnifyingGlassClassesActive = classNames([...magnifyingGlassClassesBase, searchInputActiveStarClasses]);
-	const containerClasses = classNames("spiffy-global-search-input-container", "spiffy-tw-relative spiffy-tw-flex spiffy-tw-items-center", className);
-	const inputClasses = classNames("spiffy-global-search-input", "spiffy-tw-flex-grow spiffy-tw-p-2 spiffy-tw-px-[42px] sm:spiffy-tw-p-3 sm:spiffy-tw-px-[48px]", "spiffy-tw-border", "spiffy-tw-text-base", inputClassName);
-	const closeButtonIconClassName = classNames([
-		"spiffy-tw-w-[16px]",
-		"spiffy-tw-h-[16px]",
-		"sm:spiffy-tw-w-[24px]",
-		"sm:spiffy-tw-h-[24px]",
-		"spiffy-tw-cursor-pointer",
-		closeIconClasses
-	]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: containerClasses,
-		"data-testid": dataTestId,
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "spiffy-tw-absolute spiffy-tw-left-3 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2",
-				children: /* @__PURE__ */ jsx(MagnifyingGlassStarVariant, {
-					className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive,
-					stroke: iconColor,
-					strokeWidth: "1px"
-				})
-			}),
-			/* @__PURE__ */ jsx(TextInput, {
-				value,
-				onChange: (event) => onChange(event.target.value),
-				onFocus,
-				onBlur,
-				onKeyDown,
-				placeholder,
-				className: inputClasses,
-				placeholderVariant,
-				"aria-label": "Search",
-				"aria-autocomplete": "list",
-				"aria-expanded": !!suggestions && suggestions.length > 0,
-				"aria-controls": "autocomplete-results",
-				"aria-activedescendant": ariaActivedescendant,
-				borderRadius: "xl",
-				borderColorClass: borderColor,
-				ref: localInputRef
-			}),
-			value && /* @__PURE__ */ jsx("button", {
-				onClick: () => {
-					onChange("");
-					localInputRef.current?.focus();
-				},
-				className: "spiffy-tw-absolute spiffy-tw-right-5 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2 spiffy-tw-text-neutral-500 hover:spiffy-tw-text-neutral-700",
-				"aria-label": "Clear search input",
-				type: "button",
-				children: /* @__PURE__ */ jsx(IconClose, { className: closeButtonIconClassName })
-			})
-		]
-	});
-});
-
-//#endregion
-export { SearchInput, searchInputVariantClasses };

package/dist/SearchInput-vJMWoLzS.cjs

@@ -1,106 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_colorsConfig = require('./colorsConfig-D-MZuBvt.cjs');
-const require_TextInput = require('./TextInput-B3dTeD3q.cjs');
-let react = require("react");
-react = require_chunk.__toESM(react);
-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 __envive_ai_react_icons_MagnifyingGlassStarVariant = require("@envive-ai/react-icons/MagnifyingGlassStarVariant");
-__envive_ai_react_icons_MagnifyingGlassStarVariant = require_chunk.__toESM(__envive_ai_react_icons_MagnifyingGlassStarVariant);
-let __envive_ai_react_icons_src_index_js = require("@envive-ai/react-icons/src/index.js");
-__envive_ai_react_icons_src_index_js = require_chunk.__toESM(__envive_ai_react_icons_src_index_js);
-
-//#region src/components/SearchInput/searchInputVariants.ts
-const searchInputVariantClasses = { standard: {
-	searchInputIconColor: "transparent",
-	searchInputBorderColor: "spiffy-tw-border-[--spiffy-colors-border-medium]",
-	searchInputCloseIconClasses: "[&>circle]:spiffy-tw-fill-[--spiffy-colors-text-secondary] [&>path]:spiffy-tw-fill-[#fff]",
-	searchInputActiveStarClasses: `first:[&>path]:spiffy-tw-stroke-[--spiffy-colors-accent-primary] first:[&>path]:spiffy-tw-fill-[--spiffy-colors-accent-primary]`,
-	autocompleteIconColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundPrimary),
-	searchInputClasses: "spiffy-tw-text-[--spiffy-colors-text-primary] placeholder:spiffy-tw-text-[--spiffy-colors-text-secondary] spiffy-tw-text-[16px] spiffy-tw-font-normal spiffy-tw-leading-[148%] placeholder:spiffy-tw-font-medium placeholder:spiffy-tw-leading-[124%]",
-	placeholderVariant: "h2"
-} };
-
-//#endregion
-//#region src/components/SearchInput/SearchInput.tsx
-const SearchInput = react.default.forwardRef(({ searchInputVariant = "standard", value, placeholder, suggestions, className, dataTestId, ariaActivedescendant, onKeyDown, onChange, onFocus, onBlur }, ref) => {
-	const localInputRef = (0, react.useRef)(null);
-	const { searchInputClasses: inputClassName, searchInputIconColor: iconColor, searchInputBorderColor: borderColor, searchInputCloseIconClasses: closeIconClasses, searchInputActiveStarClasses, placeholderVariant } = searchInputVariantClasses[searchInputVariant];
-	(0, react.useImperativeHandle)(ref, () => localInputRef.current, []);
-	const magnifyingGlassClassesBase = [
-		"spiffy-tw-w-[24px]",
-		"spiffy-tw-h-[32px]",
-		"spiffy-tw-stroke-width-1",
-		"sm:spiffy-tw-w-[32px]"
-	];
-	const magnifyingGlassClassesInactive = (0, classnames.default)(magnifyingGlassClassesBase);
-	const magnifyingGlassClassesActive = (0, classnames.default)([...magnifyingGlassClassesBase, searchInputActiveStarClasses]);
-	const containerClasses = (0, classnames.default)("spiffy-global-search-input-container", "spiffy-tw-relative spiffy-tw-flex spiffy-tw-items-center", className);
-	const inputClasses = (0, classnames.default)("spiffy-global-search-input", "spiffy-tw-flex-grow spiffy-tw-p-2 spiffy-tw-px-[42px] sm:spiffy-tw-p-3 sm:spiffy-tw-px-[48px]", "spiffy-tw-border", "spiffy-tw-text-base", inputClassName);
-	const closeButtonIconClassName = (0, classnames.default)([
-		"spiffy-tw-w-[16px]",
-		"spiffy-tw-h-[16px]",
-		"sm:spiffy-tw-w-[24px]",
-		"sm:spiffy-tw-h-[24px]",
-		"spiffy-tw-cursor-pointer",
-		closeIconClasses
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: containerClasses,
-		"data-testid": dataTestId,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "spiffy-tw-absolute spiffy-tw-left-3 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_MagnifyingGlassStarVariant.default, {
-					className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive,
-					stroke: iconColor,
-					strokeWidth: "1px"
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextInput.TextInput, {
-				value,
-				onChange: (event) => onChange(event.target.value),
-				onFocus,
-				onBlur,
-				onKeyDown,
-				placeholder,
-				className: inputClasses,
-				placeholderVariant,
-				"aria-label": "Search",
-				"aria-autocomplete": "list",
-				"aria-expanded": !!suggestions && suggestions.length > 0,
-				"aria-controls": "autocomplete-results",
-				"aria-activedescendant": ariaActivedescendant,
-				borderRadius: "xl",
-				borderColorClass: borderColor,
-				ref: localInputRef
-			}),
-			value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				onClick: () => {
-					onChange("");
-					localInputRef.current?.focus();
-				},
-				className: "spiffy-tw-absolute spiffy-tw-right-5 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2 spiffy-tw-text-neutral-500 hover:spiffy-tw-text-neutral-700",
-				"aria-label": "Clear search input",
-				type: "button",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_src_index_js.IconClose, { className: closeButtonIconClassName })
-			})
-		]
-	});
-});
-
-//#endregion
-Object.defineProperty(exports, 'SearchInput', {
-  enumerable: true,
-  get: function () {
-    return SearchInput;
-  }
-});
-Object.defineProperty(exports, 'searchInputVariantClasses', {
-  enumerable: true,
-  get: function () {
-    return searchInputVariantClasses;
-  }
-});

package/dist/Styles/index.cjs

@@ -1,274 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-const require_chunk = require('../chunk-CUT6urMc.cjs');
-let __tailwindcss_typography = require("@tailwindcss/typography");
-__tailwindcss_typography = require_chunk.__toESM(__tailwindcss_typography);
-
-//#region src/components/Styles/EnviveTailwindPreset.ts
-/**
-* Helper function to create content paths for the Envive React Toolkit
-* This should be used in the consuming application's tailwind.config.js
-*
-* @param additionalPaths - Additional content paths to include
-* @returns Array of content paths including the toolkit components
-*/
-const createEnviveContentPaths = (additionalPaths = []) => {
-	let toolkitPath;
-	try {
-		if (typeof require !== "undefined" && typeof require.resolve === "function") {
-			const path = require("path");
-			toolkitPath = path.join(path.dirname(require.resolve("@envive-ai/react-toolkit/package.json")), "dist/**/*.{js,cjs}");
-		} else toolkitPath = "./node_modules/@envive-ai/react-toolkit/dist/**/*.{js,cjs}";
-	} catch {
-		toolkitPath = "./node_modules/@envive-ai/react-toolkit/dist/**/*.{js,cjs}";
-	}
-	return [toolkitPath, ...additionalPaths];
-};
-/** @type {import('tailwindcss').Config} */
-const EnviveTailwindPreset = {
-	future: { hoverOnlyWhenSupported: true },
-	prefix: "spiffy-tw-",
-	theme: {
-		screens: {
-			sm: "480px",
-			md: "768px",
-			lg: "976px",
-			xl: "1440px"
-		},
-		fontFamily: { sans: [
-			"Inter Variable",
-			"Poppins",
-			"sans-serif"
-		] },
-		fontSize: {
-			xs: "12px",
-			sm: "14px",
-			md: "16px",
-			lg: "18px",
-			xl: "20px"
-		},
-		fontWeight: {
-			normal: 400,
-			medium: 500,
-			semibold: 600,
-			bold: 700
-		},
-		spacing: {
-			px: "1px",
-			.5: "2px",
-			1: "4px",
-			1.5: "6px",
-			2: "8px",
-			2.5: "10px",
-			3: "12px",
-			3.5: "14px",
-			4: "16px",
-			5: "20px",
-			6: "24px",
-			7: "28px",
-			8: "32px",
-			9: "36px",
-			10: "40px",
-			12: "48px",
-			14: "56px",
-			16: "64px",
-			20: "80px",
-			24: "96px",
-			28: "112px",
-			32: "128px",
-			36: "144px",
-			40: "160px",
-			44: "176px",
-			48: "192px",
-			52: "208px",
-			56: "224px",
-			60: "240px",
-			64: "256px",
-			72: "288px",
-			80: "320px",
-			96: "384px"
-		},
-		borderRadius: {
-			none: "0",
-			sm: "2px",
-			base: "4px",
-			md: "6px",
-			lg: "8px",
-			xl: "12px",
-			"2xl": "16px",
-			"3xl": "24px",
-			full: "9999px"
-		},
-		extend: {
-			keyframes: {
-				pulse: {
-					"0%": {
-						borderColor: "#EDF2F7",
-						background: "#EDF2F7"
-					},
-					"50%": {},
-					"100%": {
-						borderColor: "#A0AEC0",
-						background: "#A0AEC0"
-					}
-				},
-				ellipse_162_1_flow_1: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 9.5px",
-						cy: "9.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 7.5px",
-						cy: "7.5px"
-					}
-				},
-				ellipse_162_1_flow_2: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 7.5px",
-						cy: "7.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 9.5px",
-						cy: "9.5px"
-					}
-				},
-				ellipse_162_1_flow_5: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 9.5px",
-						cy: "9.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 7.5px",
-						cy: "7.5px"
-					}
-				},
-				ellipse_162_1_flow_6: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 7.5px",
-						cy: "7.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "8.5px 9.5px",
-						cy: "9.5px"
-					}
-				},
-				ellipse_163_2_flow_2: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 9.5px",
-						cy: "9.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 7.5px",
-						cy: "7.5px"
-					}
-				},
-				ellipse_163_2_flow_3: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 7.5px",
-						cy: "7.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 9.5px",
-						cy: "9.5px"
-					}
-				},
-				ellipse_163_2_flow_6: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 9.5px",
-						cy: "9.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 7.5px",
-						cy: "7.5px"
-					}
-				},
-				ellipse_163_2_flow_7: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 7.5px",
-						cy: "7.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "16.5px 9.5px",
-						cy: "9.5px"
-					}
-				},
-				ellipse_164_3_flow_3: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 9.5px",
-						cy: "9.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 7.5px",
-						cy: "7.5px"
-					}
-				},
-				ellipse_164_3_flow_4: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 7.5px",
-						cy: "7.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 9.5px",
-						cy: "9.5px"
-					}
-				},
-				ellipse_164_3_flow_7: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 9.5px",
-						cy: "9.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 7.5px",
-						cy: "7.5px"
-					}
-				},
-				ellipse_164_3_flow_8: {
-					from: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 7.5px",
-						cy: "7.5px"
-					},
-					to: {
-						transform: "translate(0px, 0px) rotate(0deg)",
-						transformOrigin: "24.5px 9.5px",
-						cy: "9.5px"
-					}
-				}
-			},
-			animation: {
-				pulse: "pulse 0.8s linear infinite alternate",
-				"ellipse-1-complete": "ellipse_162_1_flow_1 0.3s ease-out 0s forwards, ellipse_162_1_flow_2 0.2s ease-out 0.3s forwards, ellipse_162_1_flow_5 0.2s ease-out 0.91s forwards, ellipse_162_1_flow_6 0.2s ease-out 1.11s forwards",
-				"ellipse-2-complete": "ellipse_163_2_flow_2 0.2s ease-out 0.3s forwards, ellipse_163_2_flow_3 0.2s ease-out 0.5s forwards, ellipse_163_2_flow_6 0.2s ease-out 1.11s forwards, ellipse_163_2_flow_7 0.2s ease-out 1.31s forwards",
-				"ellipse-3-complete": "ellipse_164_3_flow_3 0.2s ease-out 0.5s forwards, ellipse_164_3_flow_4 0.2s ease-out 0.7s forwards, ellipse_164_3_flow_7 0.2s ease-out 1.31s forwards, ellipse_164_3_flow_8 0.2s ease-out 1.51s forwards"
-			}
-		}
-	},
-	content: [createEnviveContentPaths(["./index.html", "./src/**/*.{js,ts,jsx,tsx}"])],
-	plugins: [__tailwindcss_typography.default]
-};
-
-//#endregion
-exports.EnviveTailwindPreset = EnviveTailwindPreset;
-exports.createEnviveContentPaths = createEnviveContentPaths;
-exports.default = EnviveTailwindPreset;