@envive-ai/react-toolkit 0.1.13 → 0.2.1

package/src/components/{Text/textVariantClasses.ts → Typography/typographyVariantClasses.ts}

@@ -1,33 +1,16 @@
-// TODO: add the rest of the variants as needed
-export const HeadlineVariantMap = {
-  t1: {
-    'spiffy-headline': true,
-    'spiffy-headline-1': true,
-    'spiffy-tw-text-[32px]': true,
-    'spiffy-tw-font-medium': true,
-    'spiffy-tw-leading-[124%]': true,
-  },
-  t2: {
-    'spiffy-headline': true,
-    'spiffy-headline-1': true,
-    'spiffy-tw-text-[16px]': true,
-    'spiffy-tw-font-medium': true,
-    'spiffy-tw-leading-[124%]': true,
-  },
-  t3: {
-    'spiffy-headline': true,
-    'spiffy-headline-1': true,
-    'spiffy-tw-text-[24px]': true,
-    'spiffy-tw-leading-[120%]': true,
-  },
-  h1: {
+// Variants that map to a particular dom element.
+
+export type ElementTypes = 'h1' | 'h2' | 'h3' | 'h4' | 'p' | 'span' | 'sub';
+
+export const TypographyDomVariantMap = {
+  ['h1' as const]: {
     'spiffy-headline': true,
     'spiffy-headline-1': true,
     'spiffy-tw-text-[20px]': true,
     'spiffy-tw-font-normal': true,
     'spiffy-tw-leading-[120%]': true,
   },
-  h2: {
+  ['h2' as const]: {
     'spiffy-headline': true,
     'spiffy-headline-2': true,
     'spiffy-tw-text-[16px]': true,
@@ -35,14 +18,14 @@ export const HeadlineVariantMap = {
     'spiffy-tw-leading-[124%]': true,
   },
 
-  h3: {
+  ['h3' as const]: {
     'spiffy-headline': true,
     'spiffy-headline-3': true,
     'spiffy-tw-text-[15px]': true,
     'spiffy-tw-font-medium': true,
     'spiffy-tw-leading-[124%]': true,
   },
-  h4: {
+  ['h4' as const]: {
     'spiffy-headline': true,
     'spiffy-headline-4': true,
     'spiffy-tw-text-[14px]': true,
@@ -51,37 +34,57 @@ export const HeadlineVariantMap = {
   },
 };
 
-// TODO: add the rest of the variants as needed
-export const TextVariantMap = {
-  body1: {
+export const TypographyVariantMap = {
+  ...TypographyDomVariantMap,
+  ['t1' as const]: {
+    'spiffy-headline': true,
+    'spiffy-headline-1': true,
+    'spiffy-tw-text-[32px]': true,
+    'spiffy-tw-font-medium': true,
+    'spiffy-tw-leading-[124%]': true,
+  },
+  ['t2' as const]: {
+    'spiffy-headline': true,
+    'spiffy-headline-1': true,
+    'spiffy-tw-text-[16px]': true,
+    'spiffy-tw-font-medium': true,
+    'spiffy-tw-leading-[124%]': true,
+  },
+  ['t3' as const]: {
+    'spiffy-headline': true,
+    'spiffy-headline-1': true,
+    'spiffy-tw-text-[24px]': true,
+    'spiffy-tw-leading-[120%]': true,
+  },
+  ['body1' as const]: {
     'spiffy-body-text': true,
     'spiffy-body-1': true,
     'spiffy-tw-text-[20px]': true,
     'spiffy-tw-font-normal': true,
     'spiffy-tw-line-height-[120%]': true,
   },
-  body2: {
+  ['body2' as const]: {
     'spiffy-body-text': true,
     'spiffy-body-2': true,
     'spiffy-tw-text-[16px]': true,
     'spiffy-tw-font-normal': true,
     'spiffy-tw-line-height-[148%]': true,
   },
-  body3: {
+  ['body3' as const]: {
     'spiffy-body-text': true,
     'spiffy-body-3': true,
     'spiffy-tw-text-sm': true,
     'spiffy-tw-font-normal': true,
     'spiffy-tw-leading-[140%]': true,
   },
-  body4: {
+  ['body4' as const]: {
     'spiffy-body-text': true,
     'spiffy-body-4': true,
     'spiffy-tw-text-xs': true,
     'spiffy-tw-font-medium': true,
     'spiffy-tw-leading-[130%]': true,
   },
-  body5: {
+  ['body5' as const]: {
     'spiffy-body-text': true,
     'spiffy-body-5': true,
     'spiffy-tw-text-[10px]': true,
@@ -89,11 +92,6 @@ export const TextVariantMap = {
   },
 };
 
-export const TextStyleVariantMap = {
-  ...TextVariantMap,
-  ...HeadlineVariantMap,
-};
-
 export const getVariantPlaceholderClassNames = (classes: Record<string, boolean>) =>
   Object.keys(classes).reduce(
     (acc, key) => {

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_runtime25 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_runtime25.JSX.Element;
-//#endregion
-export { Accordion };

package/dist/Accordion/index.d.ts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime3 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_runtime3.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/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_runtime19 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_runtime19.JSX.Element;
-//#endregion
-export { AppliedFiltersScrollbar };

package/dist/AppliedFiltersScrollbar/index.d.ts

@@ -1,22 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
-
-//#region src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.d.ts
-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_runtime0.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-DrIwVGTR.cjs');
-require('../ButtonBase-BIXx56hq.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_runtime20 from "react/jsx-runtime";
-import { TestProps } from "@envive-ai/react-hooks/types";
-import { ButtonHTMLAttributes, CSSProperties } from "react";
-
-//#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_runtime20.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_runtime19 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_runtime19.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-DgRupM53.js";
-import "../ButtonBase-0NN6wmX-.js";
-
-export { ButtonBase, ButtonBaseOverrides };

package/dist/ButtonBase-0NN6wmX-.js

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

package/dist/ButtonBase-DgRupM53.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 };