@envive-ai/react-toolkit 0.2.0 → 0.2.2

package/src/components/Typography/util.ts

@@ -0,0 +1,19 @@
+import {
+  TypographyVariantMap,
+  TypographyDomVariantMap,
+  ElementTypes,
+} from './typographyVariantClasses';
+
+export const getElementTypeFromVariant = (
+  variant: keyof typeof TypographyVariantMap,
+  isHeadline: boolean,
+): ElementTypes => {
+  if (isHeadline) {
+    // if the variant corresponds to a real dom element, then use it as the element type.
+    const mappedHeaderElement = TypographyDomVariantMap[variant]
+      ? (variant as keyof typeof TypographyDomVariantMap)
+      : null;
+    return mappedHeaderElement || 'h3'; // defaults to h3
+  }
+  return 'span'; // default to span for body variants.
+};

package/dist/Accordion/index.cjs

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

package/dist/Accordion/index.d.cts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
-
-//#region src/components/Accordion/Accordion.d.ts
-interface AccordionProps {
-  title: string;
-  content: React.ReactNode;
-}
-declare const Accordion: ({
-  title,
-  content
-}: AccordionProps) => react_jsx_runtime17.JSX.Element;
-//#endregion
-export { Accordion };

package/dist/Accordion/index.d.ts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime22 from "react/jsx-runtime";
-
-//#region src/components/Accordion/Accordion.d.ts
-interface AccordionProps {
-  title: string;
-  content: React.ReactNode;
-}
-declare const Accordion: ({
-  title,
-  content
-}: AccordionProps) => react_jsx_runtime22.JSX.Element;
-//#endregion
-export { Accordion };

package/dist/Accordion/index.js

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

package/dist/Accordion-D9gO9_y3.cjs

@@ -1,88 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.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");
-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_ChevronDown = require("@envive-ai/react-icons/ChevronDown");
-__envive_ai_react_icons_ChevronDown = require_chunk.__toESM(__envive_ai_react_icons_ChevronDown);
-
-//#region src/components/Accordion/Accordion.tsx
-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_Text.Text, {
-			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)(__envive_ai_react_icons_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
-Object.defineProperty(exports, 'Accordion', {
-  enumerable: true,
-  get: function () {
-    return Accordion;
-  }
-});

package/dist/Accordion-ZEdp99Ph.js

@@ -1,77 +0,0 @@
-import { Text } from "./Text-BLzNhX4H.js";
-import { motion } from "framer-motion";
-import { useRef, useState } from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import ChevronDown from "@envive-ai/react-icons/ChevronDown";
-
-//#region src/components/Accordion/Accordion.tsx
-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(Text, {
-			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, {})
-		})]
-	}), /* @__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/AnimatedChevron/index.cjs

@@ -1,3 +0,0 @@
-const require_AnimatedChevron = require('../AnimatedChevron-e_UzWBl0.cjs');
-
-exports.AnimatedChevron = require_AnimatedChevron.AnimatedChevron;

package/dist/AnimatedChevron/index.d.cts

@@ -1,11 +0,0 @@
-import { MotionValue } from "framer-motion";
-import { FC } from "react";
-
-//#region src/components/AnimatedChevron/AnimatedChevron.d.ts
-interface AnimatedChevronProps {
-  animationKey: MotionValue;
-  chevronColor: string;
-}
-declare const AnimatedChevron: FC<AnimatedChevronProps>;
-//#endregion
-export { AnimatedChevron };

package/dist/AnimatedChevron/index.d.ts

@@ -1,11 +0,0 @@
-import { MotionValue } from "framer-motion";
-import { FC } from "react";
-
-//#region src/components/AnimatedChevron/AnimatedChevron.d.ts
-interface AnimatedChevronProps {
-  animationKey: MotionValue;
-  chevronColor: string;
-}
-declare const AnimatedChevron: FC<AnimatedChevronProps>;
-//#endregion
-export { AnimatedChevron };

package/dist/AnimatedChevron/index.js

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

package/dist/AnimatedChevron-CwuXgR2r.js

@@ -1,29 +0,0 @@
-import { motion, useTransform } from "framer-motion";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/AnimatedChevron/AnimatedChevron.tsx
-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/AnimatedChevron-e_UzWBl0.cjs

@@ -1,37 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-let framer_motion = require("framer-motion");
-framer_motion = require_chunk.__toESM(framer_motion);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-
-//#region src/components/AnimatedChevron/AnimatedChevron.tsx
-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
-Object.defineProperty(exports, 'AnimatedChevron', {
-  enumerable: true,
-  get: function () {
-    return AnimatedChevron;
-  }
-});

package/dist/AppliedFiltersScrollbar/index.cjs

@@ -1,48 +0,0 @@
-const require_chunk = require('../chunk-CUT6urMc.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);
-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/AppliedFiltersScrollbar/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
-exports.AppliedFiltersScrollbar = AppliedFiltersScrollbar;

package/dist/AppliedFiltersScrollbar/index.d.cts

@@ -1,22 +0,0 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
-import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
-
-//#region src/components/AppliedFiltersScrollbar/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_runtime15.JSX.Element;
-//#endregion
-export { AppliedFiltersScrollbar };

package/dist/AppliedFiltersScrollbar/index.d.ts

@@ -1,22 +0,0 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
-import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
-
-//#region src/components/AppliedFiltersScrollbar/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_runtime5.JSX.Element;
-//#endregion
-export { AppliedFiltersScrollbar };

package/dist/AppliedFiltersScrollbar/index.js

@@ -1,44 +0,0 @@
-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";
-import ScrollContainer from "react-indiana-drag-scroll";
-
-//#region src/components/AppliedFiltersScrollbar/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
-export { AppliedFiltersScrollbar };

package/dist/ButtonBase/index.cjs

@@ -1,7 +0,0 @@
-require('../textVariantClasses-CBre7vXv.cjs');
-require('../Text-DllCE9_D.cjs');
-const require_ButtonBase = require('../ButtonBase-VIv-tn7H.cjs');
-require('../ButtonBase-Cb6Iec6f.cjs');
-
-exports.ButtonBase = require_ButtonBase.ButtonBase;
-exports.ButtonBaseOverrides = require_ButtonBase.ButtonBaseOverrides;

package/dist/ButtonBase/index.d.cts

@@ -1,42 +0,0 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
-import { ButtonHTMLAttributes, CSSProperties } from "react";
-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 {
-  type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
-  isDisabled?: boolean;
-  dataAttributes?: Record<string, string>;
-  buttonClass?: string;
-  text: string;
-  textClass?: string;
-  icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-  iconClass?: string;
-  onClick?: () => void;
-  disablePadding?: boolean;
-}
-declare enum ButtonBaseOverrides {
-  BUTTON = "spiffy-button-base-button",
-  BUTTON_TEXT = "spiffy-button-base-button-text",
-  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_runtime16.JSX.Element;
-//#endregion
-export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/ButtonBase/index.d.ts

@@ -1,42 +0,0 @@
-import { ButtonHTMLAttributes, CSSProperties } from "react";
-import * as react_jsx_runtime0 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 {
-  type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
-  isDisabled?: boolean;
-  dataAttributes?: Record<string, string>;
-  buttonClass?: string;
-  text: string;
-  textClass?: string;
-  icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-  iconClass?: string;
-  onClick?: () => void;
-  disablePadding?: boolean;
-}
-declare enum ButtonBaseOverrides {
-  BUTTON = "spiffy-button-base-button",
-  BUTTON_TEXT = "spiffy-button-base-button-text",
-  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_runtime0.JSX.Element;
-//#endregion
-export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/ButtonBase/index.js

@@ -1,6 +0,0 @@
-import "../textVariantClasses-CRrTb43V.js";
-import "../Text-BLzNhX4H.js";
-import { ButtonBase, ButtonBaseOverrides } from "../ButtonBase-BJ0qXMWD.js";
-import "../ButtonBase-BktteD9c.js";
-
-export { ButtonBase, ButtonBaseOverrides };

package/dist/ButtonBase-BJ0qXMWD.js

@@ -1,60 +0,0 @@
-import { Text } from "./Text-BLzNhX4H.js";
-import { createElement, useEffect, useRef } from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#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
-//#region src/components/ButtonBase/ButtonBase.tsx
-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,
-		"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
-	});
-	const iconClassName = 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 && createElement(icon, { className: iconClassName }), /* @__PURE__ */ jsx(Text, {
-			className: textClassName,
-			children: text
-		})]
-	});
-};
-
-//#endregion
-export { ButtonBase, ButtonBaseOverrides };

package/dist/ButtonBase-BktteD9c.js

@@ -1 +0,0 @@
-export {  };