@envive-ai/react-toolkit 0.1.10 → 0.1.11

package/dist/Accordion/index.cjs

@@ -1,85 +1,6 @@
-const require_chunk = require('../chunk-CUT6urMc.cjs');
 require('../textVariantClasses-Dgz7Zaql.cjs');
-const require_Text = require('../Text-MQjxqgZZ.cjs');
+require('../Text-MQjxqgZZ.cjs');
 require('../Text-C8t_iEj6.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);
+const require_Accordion = require('../Accordion-DBZpiQe7.cjs');
 
-//#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
-exports.Accordion = Accordion;
+exports.Accordion = require_Accordion.Accordion;

package/dist/Accordion/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime4 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_runtime12.JSX.Element;
+}: AccordionProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { Accordion };

package/dist/Accordion/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime9 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_runtime1.JSX.Element;
+}: AccordionProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { Accordion };

package/dist/Accordion/index.js

@@ -1,79 +1,6 @@
 import "../textVariantClasses-D77TGEy1.js";
-import { Text } from "../Text-Bod4OMPk.js";
+import "../Text-Bod4OMPk.js";
 import "../Text-BMsncrpY.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";
+import { Accordion } from "../Accordion-Cp3Hx2zm.js";
 
-//#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/Accordion-Cp3Hx2zm.js

@@ -0,0 +1,77 @@
+import { Text } from "./Text-Bod4OMPk.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/Accordion-DBZpiQe7.cjs

@@ -0,0 +1,88 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_Text = require('./Text-MQjxqgZZ.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/AppliedFiltersScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+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
@@ -17,6 +17,6 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime1.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/AppliedFiltersScrollbar/index.d.ts

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

package/dist/ButtonBase/index.cjs

@@ -1,7 +1,7 @@
 require('../textVariantClasses-Dgz7Zaql.cjs');
 require('../Text-MQjxqgZZ.cjs');
-const require_ButtonBase = require('../ButtonBase-DGpQBeLR.cjs');
-require('../ButtonBase-DbWQ25n-.cjs');
+const require_ButtonBase = require('../ButtonBase-Do88ndKa.cjs');
+require('../ButtonBase-BIXx56hq.cjs');
 
 exports.ButtonBase = require_ButtonBase.ButtonBase;
 exports.ButtonBaseOverrides = require_ButtonBase.ButtonBaseOverrides;

package/dist/ButtonBase/index.js

@@ -1,6 +1,6 @@
 import "../textVariantClasses-D77TGEy1.js";
 import "../Text-Bod4OMPk.js";
-import { ButtonBase, ButtonBaseOverrides } from "../ButtonBase-DGbSm0SJ.js";
-import "../ButtonBase-C_uKnl48.js";
+import { ButtonBase, ButtonBaseOverrides } from "../ButtonBase-BAf-nlCm.js";
+import "../ButtonBase-0NN6wmX-.js";
 
 export { ButtonBase, ButtonBaseOverrides };

package/dist/DynamicFiltersScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -23,6 +23,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime0.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { DynamicFiltersScrollbar };

package/dist/DynamicFiltersScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -23,6 +23,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime3.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.cjs

@@ -1,6 +1,6 @@
 require('../textVariantClasses-Dgz7Zaql.cjs');
 require('../Text-MQjxqgZZ.cjs');
-const require_DynamicFiltersScrollbar = require('../DynamicFiltersScrollbar-ChvmEiPB.cjs');
+const require_DynamicFiltersScrollbar = require('../DynamicFiltersScrollbar-CVw1PINp.cjs');
 
 exports.AppliedFiltersScrollbar = require_DynamicFiltersScrollbar.AppliedFiltersScrollbar;
 exports.DynamicFiltersScrollbar = require_DynamicFiltersScrollbar.DynamicFiltersScrollbar;

package/dist/FilterScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,7 +17,7 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime10.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 //#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -42,6 +42,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime10.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,7 +17,7 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime9.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -42,6 +42,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime9.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.js

@@ -1,5 +1,5 @@
 import "../textVariantClasses-D77TGEy1.js";
 import "../Text-Bod4OMPk.js";
-import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-Dev5vGsW.js";
+import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-C4kdNSJ9.js";
 
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/Headline/index.cjs

@@ -1,4 +1,4 @@
 require('../textVariantClasses-Dgz7Zaql.cjs');
-const require_Headline = require('../Headline-DSmu5Mg8.cjs');
+const require_Headline = require('../Headline-DTT4RSv2.cjs');
 
 exports.Headline = require_Headline.Headline;

package/dist/Headline/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/components/Headline/Headline.d.ts
 type HeadlineVariant = 't1' | 't2' | 't3' | 'h1' | 'h2' | 'h3' | 'h4';
@@ -16,6 +16,6 @@ declare const Headline: ({
   style,
   testId,
   variant
-}: HeadlineProps) => react_jsx_runtime0.JSX.Element;
+}: HeadlineProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { Headline, HeadlineProps, HeadlineVariant };

package/dist/Headline/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/Headline/Headline.d.ts
 type HeadlineVariant = 't1' | 't2' | 't3' | 'h1' | 'h2' | 'h3' | 'h4';
@@ -16,6 +16,6 @@ declare const Headline: ({
   style,
   testId,
   variant
-}: HeadlineProps) => react_jsx_runtime16.JSX.Element;
+}: HeadlineProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { Headline, HeadlineProps, HeadlineVariant };

package/dist/Headline/index.js

@@ -1,4 +1,4 @@
 import "../textVariantClasses-D77TGEy1.js";
-import { Headline } from "../Headline-DTaT30_m.js";
+import { Headline } from "../Headline-DNEWF8ly.js";
 
 export { Headline };

package/dist/ImageWithFallback/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ImageWithFallback/ImageWithFallback.d.ts
@@ -21,6 +21,6 @@ declare const ImageWithFallback: ({
   imageClassnames,
   onLoad,
   onError
-}: ImageWithFallbackProps) => react_jsx_runtime21.JSX.Element;
+}: ImageWithFallbackProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ImageWithFallback/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/ImageWithFallback/ImageWithFallback.d.ts
 interface ImageWithFallbackProps {
@@ -21,6 +21,6 @@ declare const ImageWithFallback: ({
   imageClassnames,
   onLoad,
   onError
-}: ImageWithFallbackProps) => react_jsx_runtime0.JSX.Element;
+}: ImageWithFallbackProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ModalSheet/index.cjs

@@ -0,0 +1,3 @@
+const require_ModalSheet = require('../ModalSheet-CXZgyZ4a.cjs');
+
+exports.ModalSheet = require_ModalSheet.ModalSheet;

package/dist/ModalSheet/index.d.cts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/components/ModalSheet/types.d.ts
+type ModalSheetProps = {
+  children: React.ReactNode;
+  isOpen: boolean;
+  closeModal: () => void;
+  desktopWidth?: number;
+  mobileFullHeight?: number;
+  animationDuration?: number;
+  headerProps: ModalSheetHeaderProps;
+  footerProps?: ModalSheetFooterProps;
+  showOverlay?: boolean;
+};
+type ModalSheetHeaderProps = {
+  headerVariant?: ModalSheetHeaderVariant;
+  headerContent: React.ReactNode;
+  handleHeaderClick?: () => void;
+  chevronColor: string;
+};
+type ModalSheetFooterProps = {
+  footerContent: React.ReactNode;
+  footerClassName?: string;
+};
+type ModalSheetHeaderVariant = 'primary';
+//#endregion
+//#region src/components/ModalSheet/ModalSheet.d.ts
+declare const ModalSheet: ({
+  children,
+  isOpen,
+  closeModal,
+  animationDuration,
+  desktopWidth,
+  headerProps,
+  footerProps
+}: ModalSheetProps) => react_jsx_runtime13.JSX.Element;
+//#endregion
+export { ModalSheet };

package/dist/ModalSheet/index.d.ts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/components/ModalSheet/types.d.ts
+type ModalSheetProps = {
+  children: React.ReactNode;
+  isOpen: boolean;
+  closeModal: () => void;
+  desktopWidth?: number;
+  mobileFullHeight?: number;
+  animationDuration?: number;
+  headerProps: ModalSheetHeaderProps;
+  footerProps?: ModalSheetFooterProps;
+  showOverlay?: boolean;
+};
+type ModalSheetHeaderProps = {
+  headerVariant?: ModalSheetHeaderVariant;
+  headerContent: React.ReactNode;
+  handleHeaderClick?: () => void;
+  chevronColor: string;
+};
+type ModalSheetFooterProps = {
+  footerContent: React.ReactNode;
+  footerClassName?: string;
+};
+type ModalSheetHeaderVariant = 'primary';
+//#endregion
+//#region src/components/ModalSheet/ModalSheet.d.ts
+declare const ModalSheet: ({
+  children,
+  isOpen,
+  closeModal,
+  animationDuration,
+  desktopWidth,
+  headerProps,
+  footerProps
+}: ModalSheetProps) => react_jsx_runtime13.JSX.Element;
+//#endregion
+export { ModalSheet };