@envive-ai/react-toolkit 0.2.13 → 0.3.0

package/dist/{chunk-CbDLau6x.cjs → _virtual/rolldown_runtime.cjs}

@@ -26,9 +26,4 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 
 //#endregion
 
-Object.defineProperty(exports, '__toESM', {
-  enumerable: true,
-  get: function () {
-    return __toESM;
-  }
-});
+exports.__toESM = __toESM;

package/dist/{types--eyQnaEA.d.cts → atoms/search/types.d.cts}

@@ -1,4 +1,4 @@
 //#region src/atoms/search/types.d.ts
 type SearchInputVariant = 'standard';
 //#endregion
-export { SearchInputVariant as t };
+export { SearchInputVariant };

package/dist/{types-CQpdBL3M.d.ts → atoms/search/types.d.ts}

@@ -1,4 +1,4 @@
 //#region src/atoms/search/types.d.ts
 type SearchInputVariant = 'standard';
 //#endregion
-export { SearchInputVariant as t };
+export { SearchInputVariant };

package/dist/{Accordion-Bc3o-NjV.cjs → components/Accordion/Accordion.cjs}

@@ -1,11 +1,12 @@
-const require_chunk = require('./chunk-CbDLau6x.cjs');
-const require_Typography = require('./Typography-Csg-nd_w.cjs');
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Typography = require('../Typography/Typography.cjs');
+require('../Typography/index.cjs');
 let react = require("react");
 let framer_motion = require("framer-motion");
 let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
+classnames = require_rolldown_runtime.__toESM(classnames);
 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);
+__envive_ai_react_icons_ChevronDown = require_rolldown_runtime.__toESM(__envive_ai_react_icons_ChevronDown);
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Accordion/Accordion.tsx
@@ -77,9 +78,4 @@ const Accordion = ({ title, content }) => {
 };
 
 //#endregion
-Object.defineProperty(exports, 'Accordion', {
-  enumerable: true,
-  get: function () {
-    return Accordion;
-  }
-});
+exports.Accordion = Accordion;

package/dist/components/Accordion/{index-DJOd-3Pi.d.ts → Accordion.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/components/Accordion/Accordion.d.ts
 interface AccordionProps {
@@ -8,6 +8,6 @@ interface AccordionProps {
 declare const Accordion: ({
   title,
   content
-}: AccordionProps) => react_jsx_runtime27.JSX.Element;
+}: AccordionProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { Accordion };

package/dist/components/Accordion/{index-D_7-KJa0.d.cts → Accordion.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/Accordion/Accordion.d.ts
 interface AccordionProps {
@@ -8,6 +8,6 @@ interface AccordionProps {
 declare const Accordion: ({
   title,
   content
-}: AccordionProps) => react_jsx_runtime0.JSX.Element;
+}: AccordionProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { Accordion };

package/dist/{Accordion-D8Vm8J1y.js → components/Accordion/Accordion.js}

@@ -1,4 +1,5 @@
-import { t as Typography } from "./Typography-xehJH05l.js";
+import { Typography } from "../Typography/Typography.js";
+import "../Typography/index.js";
 import { useRef, useState } from "react";
 import { motion } from "framer-motion";
 import classNames from "classnames";
@@ -74,4 +75,4 @@ const Accordion = ({ title, content }) => {
 };
 
 //#endregion
-export { Accordion as t };
+export { Accordion };

package/dist/components/Accordion/index.cjs

@@ -1,4 +1,3 @@
-require('../../Typography-Csg-nd_w.cjs');
-const require_Accordion = require('../../Accordion-Bc3o-NjV.cjs');
+const require_Accordion = require('./Accordion.cjs');
 
 exports.Accordion = require_Accordion.Accordion;

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

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

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

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

package/dist/components/Accordion/index.js

@@ -1,4 +1,3 @@
-import "../../Typography-xehJH05l.js";
-import { t as Accordion } from "../../Accordion-D8Vm8J1y.js";
+import { Accordion } from "./Accordion.js";
 
 export { Accordion };

package/dist/{AnimatedChevron-BKQrUKb5.cjs → components/AnimatedChevron/AnimatedChevron.cjs}

@@ -1,4 +1,4 @@
-const require_chunk = require('./chunk-CbDLau6x.cjs');
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 let framer_motion = require("framer-motion");
 let react_jsx_runtime = require("react/jsx-runtime");
 
@@ -27,9 +27,4 @@ const AnimatedChevron = ({ animationKey, chevronColor }) => {
 };
 
 //#endregion
-Object.defineProperty(exports, 'AnimatedChevron', {
-  enumerable: true,
-  get: function () {
-    return AnimatedChevron;
-  }
-});
+exports.AnimatedChevron = AnimatedChevron;

package/dist/components/AnimatedChevron/{index-BfdaL9eW.d.cts → AnimatedChevron.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { MotionValue } from "framer-motion";
 
 //#region src/components/AnimatedChevron/AnimatedChevron.d.ts
@@ -9,6 +9,6 @@ interface AnimatedChevronProps {
 declare const AnimatedChevron: ({
   animationKey,
   chevronColor
-}: AnimatedChevronProps) => react_jsx_runtime11.JSX.Element;
+}: AnimatedChevronProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { AnimatedChevron };

package/dist/components/AnimatedChevron/{index-bNdUYDzX.d.ts → AnimatedChevron.d.ts}

@@ -1,5 +1,5 @@
 import { MotionValue } from "framer-motion";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/components/AnimatedChevron/AnimatedChevron.d.ts
 interface AnimatedChevronProps {
@@ -9,6 +9,6 @@ interface AnimatedChevronProps {
 declare const AnimatedChevron: ({
   animationKey,
   chevronColor
-}: AnimatedChevronProps) => react_jsx_runtime29.JSX.Element;
+}: AnimatedChevronProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { AnimatedChevron };

package/dist/{AnimatedChevron-DghLnmlM.js → components/AnimatedChevron/AnimatedChevron.js}

@@ -26,4 +26,4 @@ const AnimatedChevron = ({ animationKey, chevronColor }) => {
 };
 
 //#endregion
-export { AnimatedChevron as t };
+export { AnimatedChevron };

package/dist/components/AnimatedChevron/index.cjs

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

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

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

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

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

package/dist/components/AnimatedChevron/index.js

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

package/dist/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.cjs

@@ -0,0 +1,45 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Typography = require('../Typography/Typography.cjs');
+require('../Typography/index.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
+react_indiana_drag_scroll = require_rolldown_runtime.__toESM(react_indiana_drag_scroll);
+
+//#region src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.tsx
+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)(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_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;

package/dist/components/AppliedFiltersScrollbar/{index-B68Mx16E.d.cts → AppliedFiltersScrollbar.d.cts}

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+import { SelectedFilterOption } from "../../hooks/dist/atoms/search/searchAPI.cjs";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.d.ts
 interface AppliedFiltersScrollbarProps {
@@ -17,6 +17,6 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime0.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/components/AppliedFiltersScrollbar/{index-B9u7XRmf.d.ts → AppliedFiltersScrollbar.d.ts}

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
-import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+import { SelectedFilterOption } from "../../hooks/dist/atoms/search/searchAPI.js";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.d.ts
 interface AppliedFiltersScrollbarProps {
@@ -17,6 +17,6 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime20.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.js

@@ -0,0 +1,42 @@
+import { Typography } from "../Typography/Typography.js";
+import "../Typography/index.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import ScrollContainer from "react-indiana-drag-scroll";
+
+//#region src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.tsx
+const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
+	if (selectedFilterOptions.length === 0) return null;
+	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, filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim(), 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(Typography, {
+					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/components/AppliedFiltersScrollbar/index.cjs

@@ -1,44 +1,3 @@
-const require_chunk = require('../../chunk-CbDLau6x.cjs');
-const require_Typography = require('../../Typography-Csg-nd_w.cjs');
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
-react_indiana_drag_scroll = require_chunk.__toESM(react_indiana_drag_scroll);
+const require_AppliedFiltersScrollbar = require('./AppliedFiltersScrollbar.cjs');
 
-//#region src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.tsx
-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)(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_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;
+exports.AppliedFiltersScrollbar = require_AppliedFiltersScrollbar.AppliedFiltersScrollbar;

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

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

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

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

package/dist/components/AppliedFiltersScrollbar/index.js

@@ -1,41 +1,3 @@
-import { t as Typography } from "../../Typography-xehJH05l.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import ScrollContainer from "react-indiana-drag-scroll";
+import { AppliedFiltersScrollbar } from "./AppliedFiltersScrollbar.js";
 
-//#region src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.tsx
-const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
-	if (selectedFilterOptions.length === 0) return null;
-	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, filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim(), 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(Typography, {
-					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-Bm_QOyM1.cjs → components/ButtonBase/ButtonBase.cjs}

@@ -1,24 +1,18 @@
-const require_chunk = require('./chunk-CbDLau6x.cjs');
-const require_Typography = require('./Typography-Csg-nd_w.cjs');
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Typography = require('../Typography/Typography.cjs');
+require('../Typography/index.cjs');
+const require_types = require('./types.cjs');
 let react = require("react");
 let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
+classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 
-//#region src/components/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 RenderedIcon = () => icon;
 	const buttonRef = (0, react.useRef)(null);
 	const buttonClassName = (0, classnames.default)({
-		[ButtonBaseOverrides.BUTTON]: true,
+		[require_types.ButtonBaseOverrides.BUTTON]: true,
 		"spiffy-tw-flex": true,
 		"spiffy-tw-min-h-[36px]": true,
 		"spiffy-tw-cursor-pointer": true,
@@ -31,12 +25,12 @@ const ButtonBase = ({ isDisabled = false, dataAttributes, buttonClass, text, tex
 		[`${buttonClass}`]: buttonClass != null
 	});
 	const textClassName = (0, classnames.default)({
-		[ButtonBaseOverrides.BUTTON_TEXT]: true,
+		[require_types.ButtonBaseOverrides.BUTTON_TEXT]: true,
 		"spiffy-tw-whitespace-nowrap": true,
 		[`${textClass}`]: textClass != null
 	});
-	const iconClassName = (0, classnames.default)({
-		[ButtonBaseOverrides.BUTTON_ICON]: true,
+	(0, classnames.default)({
+		[require_types.ButtonBaseOverrides.BUTTON_ICON]: true,
 		[`${iconClass}`]: iconClass != null
 	});
 	(0, react.useEffect)(() => {
@@ -51,7 +45,7 @@ const ButtonBase = ({ isDisabled = false, dataAttributes, buttonClass, text, tex
 		disabled: isDisabled,
 		"data-testid": dataTestId,
 		onClick,
-		children: [icon && (0, react.createElement)(icon, { className: iconClassName }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+		children: [icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RenderedIcon, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
 			className: textClassName,
 			children: text
 		})]
@@ -59,15 +53,4 @@ const ButtonBase = ({ isDisabled = false, dataAttributes, buttonClass, text, tex
 };
 
 //#endregion
-Object.defineProperty(exports, 'ButtonBase', {
-  enumerable: true,
-  get: function () {
-    return ButtonBase;
-  }
-});
-Object.defineProperty(exports, 'ButtonBaseOverrides', {
-  enumerable: true,
-  get: function () {
-    return ButtonBaseOverrides;
-  }
-});
+exports.ButtonBase = ButtonBase;

package/dist/components/ButtonBase/ButtonBase.d.cts

@@ -0,0 +1,18 @@
+import { ButtonBaseProps } from "./types.cjs";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+
+//#region src/components/ButtonBase/ButtonBase.d.ts
+declare const ButtonBase: ({
+  isDisabled,
+  dataAttributes,
+  buttonClass,
+  text,
+  textClass,
+  icon,
+  iconClass,
+  dataTestId,
+  onClick,
+  disablePadding
+}: ButtonBaseProps) => react_jsx_runtime17.JSX.Element;
+//#endregion
+export { ButtonBase };

package/dist/components/ButtonBase/ButtonBase.d.ts

@@ -0,0 +1,18 @@
+import { ButtonBaseProps } from "./types.js";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+
+//#region src/components/ButtonBase/ButtonBase.d.ts
+declare const ButtonBase: ({
+  isDisabled,
+  dataAttributes,
+  buttonClass,
+  text,
+  textClass,
+  icon,
+  iconClass,
+  dataTestId,
+  onClick,
+  disablePadding
+}: ButtonBaseProps) => react_jsx_runtime14.JSX.Element;
+//#endregion
+export { ButtonBase };

package/dist/{ButtonBase-CT397aT3.js → components/ButtonBase/ButtonBase.js}

@@ -1,19 +1,13 @@
-import { t as Typography } from "./Typography-xehJH05l.js";
-import { createElement, useEffect, useRef } from "react";
+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 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 RenderedIcon = () => icon;
 	const buttonRef = useRef(null);
 	const buttonClassName = classNames({
 		[ButtonBaseOverrides.BUTTON]: true,
@@ -33,7 +27,7 @@ const ButtonBase = ({ isDisabled = false, dataAttributes, buttonClass, text, tex
 		"spiffy-tw-whitespace-nowrap": true,
 		[`${textClass}`]: textClass != null
 	});
-	const iconClassName = classNames({
+	classNames({
 		[ButtonBaseOverrides.BUTTON_ICON]: true,
 		[`${iconClass}`]: iconClass != null
 	});
@@ -49,7 +43,7 @@ const ButtonBase = ({ isDisabled = false, dataAttributes, buttonClass, text, tex
 		disabled: isDisabled,
 		"data-testid": dataTestId,
 		onClick,
-		children: [icon && createElement(icon, { className: iconClassName }), /* @__PURE__ */ jsx(Typography, {
+		children: [icon && /* @__PURE__ */ jsx(RenderedIcon, {}), /* @__PURE__ */ jsx(Typography, {
 			className: textClassName,
 			children: text
 		})]
@@ -57,4 +51,4 @@ const ButtonBase = ({ isDisabled = false, dataAttributes, buttonClass, text, tex
 };
 
 //#endregion
-export { ButtonBaseOverrides as n, ButtonBase as t };
+export { ButtonBase };

package/dist/components/ButtonBase/index.cjs

@@ -1,6 +1,5 @@
-require('../../Typography-Csg-nd_w.cjs');
-const require_ButtonBase = require('../../ButtonBase-Bm_QOyM1.cjs');
-require('../../ButtonBase-BIXx56hq.cjs');
+const require_types = require('./types.cjs');
+const require_ButtonBase = require('./ButtonBase.cjs');
 
 exports.ButtonBase = require_ButtonBase.ButtonBase;
-exports.ButtonBaseOverrides = require_ButtonBase.ButtonBaseOverrides;
+exports.ButtonBaseOverrides = require_types.ButtonBaseOverrides;

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

@@ -0,0 +1,3 @@
+import { ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles } from "./types.cjs";
+import { ButtonBase } from "./ButtonBase.cjs";
+export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

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

@@ -0,0 +1,3 @@
+import { ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles } from "./types.js";
+import { ButtonBase } from "./ButtonBase.js";
+export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/components/ButtonBase/index.js

@@ -1,5 +1,4 @@
-import "../../Typography-xehJH05l.js";
-import { n as ButtonBaseOverrides, t as ButtonBase } from "../../ButtonBase-CT397aT3.js";
-import "../../ButtonBase-C9fn-c5h.js";
+import { ButtonBaseOverrides } from "./types.js";
+import { ButtonBase } from "./ButtonBase.js";
 
 export { ButtonBase, ButtonBaseOverrides };

package/dist/components/ButtonBase/types.cjs

@@ -0,0 +1,11 @@
+
+//#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
+exports.ButtonBaseOverrides = ButtonBaseOverrides;