@envive-ai/react-toolkit 0.2.2 → 0.2.4

package/dist/ButtonBase-AU23oGQr.cjs

@@ -0,0 +1,75 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_Typography = require('./Typography-CFNWgbM5.cjs');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#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 = (0, react.useRef)(null);
+	const buttonClassName = (0, classnames.default)({
+		[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 = (0, classnames.default)({
+		[ButtonBaseOverrides.BUTTON_TEXT]: true,
+		"spiffy-tw-whitespace-nowrap": true,
+		[`${textClass}`]: textClass != null
+	});
+	const iconClassName = (0, classnames.default)({
+		[ButtonBaseOverrides.BUTTON_ICON]: true,
+		[`${iconClass}`]: iconClass != null
+	});
+	(0, react.useEffect)(() => {
+		if (dataAttributes && buttonRef.current) Object.entries(dataAttributes).forEach(([key, value]) => {
+			buttonRef.current?.setAttribute(key, value);
+		});
+	}, [dataAttributes]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		ref: buttonRef,
+		className: buttonClassName,
+		disabled: isDisabled,
+		"data-testid": dataTestId,
+		onClick,
+		children: [icon && (0, react.createElement)(icon, { className: iconClassName }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+			className: textClassName,
+			children: text
+		})]
+	});
+};
+
+//#endregion
+Object.defineProperty(exports, 'ButtonBase', {
+  enumerable: true,
+  get: function () {
+    return ButtonBase;
+  }
+});
+Object.defineProperty(exports, 'ButtonBaseOverrides', {
+  enumerable: true,
+  get: function () {
+    return ButtonBaseOverrides;
+  }
+});

package/dist/ButtonBase-C_uKnl48.js

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

package/dist/DynamicFiltersScrollbar/index.cjs

@@ -0,0 +1,34 @@
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+const require_Typography = require('../Typography-CFNWgbM5.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/DynamicFiltersScrollbar/DynamicFiltersScrollbar.tsx
+const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
+	className: filterBarClassNames,
+	hideScrollbars: true,
+	children: availableDynamicFilters.map(({ name, displayName }) => {
+		const buttonClasses = (0, classnames.default)("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: buttonClasses,
+			onClick: () => {
+				onToggleDynamicFilter({
+					filter: name,
+					dynamicFilterDisplayName: displayName
+				});
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+				variant: "body3",
+				children: displayName
+			})
+		}, name);
+	})
+});
+
+//#endregion
+exports.DynamicFiltersScrollbar = DynamicFiltersScrollbar;

package/dist/DynamicFiltersScrollbar/index.d.cts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.d.ts
+interface DynamicFiltersScrollbarProps {
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const DynamicFiltersScrollbar: ({
+  availableDynamicFilters,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  onToggleDynamicFilter
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DynamicFiltersScrollbar };

package/dist/DynamicFiltersScrollbar/index.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+
+//#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.d.ts
+interface DynamicFiltersScrollbarProps {
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const DynamicFiltersScrollbar: ({
+  availableDynamicFilters,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  onToggleDynamicFilter
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime17.JSX.Element;
+//#endregion
+export { DynamicFiltersScrollbar };

package/dist/DynamicFiltersScrollbar/index.js

@@ -0,0 +1,30 @@
+import { Typography } from "../Typography-D3vDkBMS.js";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+import ScrollContainer from "react-indiana-drag-scroll";
+
+//#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.tsx
+const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__PURE__ */ jsx(ScrollContainer, {
+	className: filterBarClassNames,
+	hideScrollbars: true,
+	children: availableDynamicFilters.map(({ name, displayName }) => {
+		const buttonClasses = classNames("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
+		return /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: buttonClasses,
+			onClick: () => {
+				onToggleDynamicFilter({
+					filter: name,
+					dynamicFilterDisplayName: displayName
+				});
+			},
+			children: /* @__PURE__ */ jsx(Typography, {
+				variant: "body3",
+				children: displayName
+			})
+		}, name);
+	})
+});
+
+//#endregion
+export { DynamicFiltersScrollbar };

package/dist/DynamicFiltersScrollbar-50i_InZz.cjs

@@ -0,0 +1,81 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_Typography = require('./Typography-CFNWgbM5.cjs');
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
+react_indiana_drag_scroll = require_chunk.__toESM(react_indiana_drag_scroll);
+
+//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx
+const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
+	if (selectedFilterOptions.length === 0) return null;
+	const filterDefaultWithoutBg = filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim();
+	const buttonClasses = (0, classnames.default)(" spiffy-tw-flex spiffy-tw-items-center spiffy-tw-rounded-full spiffy-tw-px-[8px] spiffy-tw-py-[4px] spiffy-tw-whitespace-nowrap", filterHoverClasses, filterDefaultWithoutBg, appliedFilterBackgroundClasses);
+	const iconColor = "currentColor";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
+		className: filterBarClassNames,
+		hideScrollbars: true,
+		children: selectedFilterOptions.map((filter) => /* @__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
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx
+const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
+	className: filterBarClassNames,
+	hideScrollbars: true,
+	children: availableDynamicFilters.map(({ name, displayName }) => {
+		const buttonClasses = (0, classnames.default)("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: buttonClasses,
+			onClick: () => {
+				onToggleDynamicFilter({
+					filter: name,
+					dynamicFilterDisplayName: displayName
+				});
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+				variant: "body3",
+				children: displayName
+			})
+		}, name);
+	})
+});
+
+//#endregion
+Object.defineProperty(exports, 'AppliedFiltersScrollbar', {
+  enumerable: true,
+  get: function () {
+    return AppliedFiltersScrollbar;
+  }
+});
+Object.defineProperty(exports, 'DynamicFiltersScrollbar', {
+  enumerable: true,
+  get: function () {
+    return DynamicFiltersScrollbar;
+  }
+});

package/dist/DynamicFiltersScrollbar-AhyHehrB.js

@@ -0,0 +1,66 @@
+import { Typography } from "./Typography-D3vDkBMS.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import ScrollContainer from "react-indiana-drag-scroll";
+
+//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx
+const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
+	if (selectedFilterOptions.length === 0) return null;
+	const filterDefaultWithoutBg = filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim();
+	const buttonClasses = 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(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
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx
+const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__PURE__ */ jsx(ScrollContainer, {
+	className: filterBarClassNames,
+	hideScrollbars: true,
+	children: availableDynamicFilters.map(({ name, displayName }) => {
+		const buttonClasses = classNames("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
+		return /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: buttonClasses,
+			onClick: () => {
+				onToggleDynamicFilter({
+					filter: name,
+					dynamicFilterDisplayName: displayName
+				});
+			},
+			children: /* @__PURE__ */ jsx(Typography, {
+				variant: "body3",
+				children: displayName
+			})
+		}, name);
+	})
+});
+
+//#endregion
+export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.cjs

@@ -0,0 +1,5 @@
+require('../Typography-CFNWgbM5.cjs');
+const require_DynamicFiltersScrollbar = require('../DynamicFiltersScrollbar-50i_InZz.cjs');
+
+exports.AppliedFiltersScrollbar = require_DynamicFiltersScrollbar.AppliedFiltersScrollbar;
+exports.DynamicFiltersScrollbar = require_DynamicFiltersScrollbar.DynamicFiltersScrollbar;

package/dist/FilterScrollbar/index.d.cts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime23 from "react/jsx-runtime";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+
+//#region src/components/FilterScrollbar/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_runtime23.JSX.Element;
+//#endregion
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
+interface DynamicFiltersScrollbarProps {
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const DynamicFiltersScrollbar: ({
+  availableDynamicFilters,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  onToggleDynamicFilter
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime23.JSX.Element;
+//#endregion
+export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.d.ts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime26 from "react/jsx-runtime";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+
+//#region src/components/FilterScrollbar/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_runtime26.JSX.Element;
+//#endregion
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
+interface DynamicFiltersScrollbarProps {
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  filterBarClassNames: string;
+  filterDefaultClasses: string;
+  filterHoverClasses: string;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+}
+declare const DynamicFiltersScrollbar: ({
+  availableDynamicFilters,
+  filterBarClassNames,
+  filterDefaultClasses,
+  filterHoverClasses,
+  onToggleDynamicFilter
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime26.JSX.Element;
+//#endregion
+export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.js

@@ -0,0 +1,4 @@
+import "../Typography-D3vDkBMS.js";
+import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-AhyHehrB.js";
+
+export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/ImageWithFallback/index.cjs

@@ -0,0 +1,3 @@
+const require_ImageWithFallback = require('../ImageWithFallback-1LqhQK1q.cjs');
+
+exports.ImageWithFallback = require_ImageWithFallback.ImageWithFallback;

package/dist/ImageWithFallback/index.d.cts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/ImageWithFallback/ImageWithFallback.d.ts
+interface ImageWithFallbackProps {
+  src: string | undefined;
+  alt: string;
+  fallbackClassnames?: string;
+  fallback: React.ReactNode;
+  dataTestId?: string;
+  imageClassnames: string;
+  onLoad?: () => void;
+  onError?: () => void;
+}
+declare const ImageWithFallback: ({
+  src,
+  alt,
+  dataTestId,
+  fallbackClassnames,
+  fallback,
+  imageClassnames,
+  onLoad,
+  onError
+}: ImageWithFallbackProps) => react_jsx_runtime9.JSX.Element;
+//#endregion
+export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ImageWithFallback/index.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
+
+//#region src/components/ImageWithFallback/ImageWithFallback.d.ts
+interface ImageWithFallbackProps {
+  src: string | undefined;
+  alt: string;
+  fallbackClassnames?: string;
+  fallback: React.ReactNode;
+  dataTestId?: string;
+  imageClassnames: string;
+  onLoad?: () => void;
+  onError?: () => void;
+}
+declare const ImageWithFallback: ({
+  src,
+  alt,
+  dataTestId,
+  fallbackClassnames,
+  fallback,
+  imageClassnames,
+  onLoad,
+  onError
+}: ImageWithFallbackProps) => react_jsx_runtime20.JSX.Element;
+//#endregion
+export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ImageWithFallback/index.js

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

package/dist/ImageWithFallback-1LqhQK1q.cjs

@@ -0,0 +1,51 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/components/ImageWithFallback/ImageWithFallback.tsx
+const ImageWithFallback = ({ src, alt, dataTestId, fallbackClassnames, fallback, imageClassnames, onLoad, onError }) => {
+	const [isLoaded, setIsLoaded] = (0, react.useState)(false);
+	const [isError, setIsError] = (0, react.useState)(false);
+	const imageExtraClassnames = (0, classnames.default)(imageClassnames, {
+		"spiffy-tw-block": isLoaded,
+		"spiffy-tw-hidden": !isLoaded
+	});
+	const fallbackMergedClassNames = (0, classnames.default)({
+		"spiffy-tw-flex": true,
+		"spiffy-tw-flex-col": true,
+		"spiffy-tw-items-center": true
+	}, fallbackClassnames);
+	if (isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: fallbackMergedClassNames,
+		children: fallback
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!isLoaded && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: fallbackMergedClassNames,
+		children: fallback
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		src,
+		className: imageExtraClassnames,
+		"data-testid": dataTestId,
+		alt,
+		onLoad: () => {
+			setIsLoaded(true);
+			onLoad?.();
+		},
+		onError: () => {
+			setIsError(true);
+			onError?.();
+		}
+	})] });
+};
+
+//#endregion
+Object.defineProperty(exports, 'ImageWithFallback', {
+  enumerable: true,
+  get: function () {
+    return ImageWithFallback;
+  }
+});

package/dist/ImageWithFallback-Ckwsmd8P.js

@@ -0,0 +1,42 @@
+import React, { useState } from "react";
+import classNames from "classnames";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ImageWithFallback/ImageWithFallback.tsx
+const ImageWithFallback = ({ src, alt, dataTestId, fallbackClassnames, fallback, imageClassnames, onLoad, onError }) => {
+	const [isLoaded, setIsLoaded] = useState(false);
+	const [isError, setIsError] = useState(false);
+	const imageExtraClassnames = classNames(imageClassnames, {
+		"spiffy-tw-block": isLoaded,
+		"spiffy-tw-hidden": !isLoaded
+	});
+	const fallbackMergedClassNames = classNames({
+		"spiffy-tw-flex": true,
+		"spiffy-tw-flex-col": true,
+		"spiffy-tw-items-center": true
+	}, fallbackClassnames);
+	if (isError) return /* @__PURE__ */ jsx("div", {
+		className: fallbackMergedClassNames,
+		children: fallback
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [!isLoaded && /* @__PURE__ */ jsx("div", {
+		className: fallbackMergedClassNames,
+		children: fallback
+	}), /* @__PURE__ */ jsx("img", {
+		src,
+		className: imageExtraClassnames,
+		"data-testid": dataTestId,
+		alt,
+		onLoad: () => {
+			setIsLoaded(true);
+			onLoad?.();
+		},
+		onError: () => {
+			setIsError(true);
+			onError?.();
+		}
+	})] });
+};
+
+//#endregion
+export { ImageWithFallback };

package/dist/ModalSheet/index.cjs

@@ -0,0 +1,4 @@
+require('../AnimatedChevron-Q96FneFy.cjs');
+const require_ModalSheet = require('../ModalSheet-CcthFeMD.cjs');
+
+exports.ModalSheet = require_ModalSheet.ModalSheet;

package/dist/ModalSheet/index.d.cts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime17 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_runtime17.JSX.Element;
+//#endregion
+export { ModalSheet };