@envive-ai/react-toolkit 0.2.10 → 0.2.12

package/dist/{Spinner/index.d.cts → components/Spinner/index-C0pGovHC.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region src/components/Spinner/Spinner.d.ts
 type SpinnerProps = {
@@ -6,6 +6,6 @@ type SpinnerProps = {
 };
 declare const Spinner: ({
   className
-}: SpinnerProps) => react_jsx_runtime3.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { Spinner };

package/dist/{Spinner/index.d.ts → components/Spinner/index-CIr1izou.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#region src/components/Spinner/Spinner.d.ts
 type SpinnerProps = {
@@ -6,6 +6,6 @@ type SpinnerProps = {
 };
 declare const Spinner: ({
   className
-}: SpinnerProps) => react_jsx_runtime0.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { Spinner };

package/dist/components/Spinner/index.cjs

@@ -0,0 +1,3 @@
+const require_Spinner = require('../../Spinner-FQpy5bGu.cjs');
+
+exports.Spinner = require_Spinner.Spinner;

package/dist/components/Spinner/index.js

@@ -0,0 +1,3 @@
+import { t as Spinner } from "../../Spinner-CDDFWySo.js";
+
+export { Spinner };

package/dist/{SuggestionButton/index.d.cts → components/SuggestionButton/index-B4J70IPS.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SuggestionButton/types.d.ts
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime23.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };

package/dist/{SuggestionButton/index.d.ts → components/SuggestionButton/index-D6_y1hTj.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SuggestionButton/types.d.ts
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime1.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };

package/dist/{SuggestionButton → components/SuggestionButton}/index.cjs

@@ -1,10 +1,9 @@
-const require_chunk = require('../chunk-CUT6urMc.cjs');
-require('../Typography-CFNWgbM5.cjs');
-const require_ButtonBase = require('../ButtonBase-AU23oGQr.cjs');
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+require('../../Typography-Ds4gfOJz.cjs');
+const require_ButtonBase = require('../../ButtonBase-BMEAmPnS.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 __envive_ai_react_icons_OutlinedStar = require("@envive-ai/react-icons/OutlinedStar");
 __envive_ai_react_icons_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_OutlinedStar);
 let __envive_ai_react_icons_FourPointStar = require("@envive-ai/react-icons/FourPointStar");
@@ -163,13 +162,12 @@ const SuggestionButton = ({ variant, hoverVariant, isDisabled, content, boldText
 	const baseNonBorderClasses = baseClasses.filter((cls) => !cls.includes("border"));
 	const hoverBorderClasses = hoverClasses.filter((cls) => cls.includes("border"));
 	const hoverNonBorderClasses = hoverClasses.filter((cls) => !cls.includes("border"));
-	const variantClasses = [
+	const buttonClass = `${buttonClassName} ${[
 		...baseNonBorderClasses,
 		...hoverTransform(hoverNonBorderClasses),
 		...baseBorderClasses,
 		...hoverTransform(hoverBorderClasses)
-	];
-	const buttonClass = `${buttonClassName} ${variantClasses.join(" ")}`;
+	].join(" ")}`;
 	const getIcon = () => {
 		if (isAnswer) return void 0;
 		if (variant === "transparentDark") return __envive_ai_react_icons_OutlinedStar.default;

package/dist/{SuggestionButton → components/SuggestionButton}/index.js

@@ -1,5 +1,5 @@
-import "../Typography-D3vDkBMS.js";
-import { ButtonBase } from "../ButtonBase-6wjsZ1tU.js";
+import "../../Typography-xehJH05l.js";
+import { t as ButtonBase } from "../../ButtonBase-CT397aT3.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 import OutlinedStar from "@envive-ai/react-icons/OutlinedStar";
@@ -158,13 +158,12 @@ const SuggestionButton = ({ variant, hoverVariant, isDisabled, content, boldText
 	const baseNonBorderClasses = baseClasses.filter((cls) => !cls.includes("border"));
 	const hoverBorderClasses = hoverClasses.filter((cls) => cls.includes("border"));
 	const hoverNonBorderClasses = hoverClasses.filter((cls) => !cls.includes("border"));
-	const variantClasses = [
+	const buttonClass = `${buttonClassName} ${[
 		...baseNonBorderClasses,
 		...hoverTransform(hoverNonBorderClasses),
 		...baseBorderClasses,
 		...hoverTransform(hoverBorderClasses)
-	];
-	const buttonClass = `${buttonClassName} ${variantClasses.join(" ")}`;
+	].join(" ")}`;
 	const getIcon = () => {
 		if (isAnswer) return void 0;
 		if (variant === "transparentDark") return OutlinedStar;

package/dist/{TextInput/index.d.cts → components/TextInput/index-CRJMRe-b.d.cts}

@@ -1,5 +1,5 @@
-import { TypographyVariantMap } from "../typographyVariantClasses-DTSltxPN.cjs";
-import "../index-BMHF0IWd.cjs";
+import { r as TypographyVariantMap } from "../../typographyVariantClasses-CoRhazCU.cjs";
+import "../../index-Bw6lDfEp.cjs";
 import React from "react";
 
 //#region src/components/TextInput/TextInput.d.ts

package/dist/{TextInput/index.d.ts → components/TextInput/index-CkQtHiR9.d.ts}

@@ -1,5 +1,5 @@
-import { TypographyVariantMap } from "../typographyVariantClasses-B6wiawat.js";
-import "../index-Qtr26aUO.js";
+import { r as TypographyVariantMap } from "../../typographyVariantClasses-CrT5OfVw.js";
+import "../../index-Cr8VXccr.js";
 import React from "react";
 
 //#region src/components/TextInput/TextInput.d.ts

package/dist/components/TextInput/index.cjs

@@ -0,0 +1,4 @@
+require('../../Typography-Ds4gfOJz.cjs');
+const require_TextInput = require('../../TextInput-Do5-j1V_.cjs');
+
+exports.TextInput = require_TextInput.TextInput;

package/dist/components/TextInput/index.js

@@ -0,0 +1,4 @@
+import "../../Typography-xehJH05l.js";
+import { t as TextInput } from "../../TextInput-PtrUXoZo.js";
+
+export { TextInput };

package/dist/{ToggleButton/index.d.cts → components/ToggleButton/index-Dc-cs_tK.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/ToggleButton/ToggleButton.d.ts
 type ToggleButtonProps = {
@@ -25,6 +25,6 @@ declare const ToggleButton: ({
   icon,
   iconClassName,
   variant
-}: ToggleButtonProps) => react_jsx_runtime8.JSX.Element;
+}: ToggleButtonProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { ToggleButton, ToggleButtonProps, ToggleButtonVariant };

package/dist/components/ToggleButton/index.cjs

@@ -0,0 +1,4 @@
+require('../../Typography-Ds4gfOJz.cjs');
+const require_ToggleButton = require('../../ToggleButton-CmxTz-ou.cjs');
+
+exports.ToggleButton = require_ToggleButton.ToggleButton;

package/dist/components/ToggleButton/index.js

@@ -0,0 +1,4 @@
+import "../../Typography-xehJH05l.js";
+import { t as ToggleButton } from "../../ToggleButton-BTz_zIdc.js";
+
+export { ToggleButton };

package/dist/components/Typography/index-DE1Nhjra.d.ts

@@ -0,0 +1,3 @@
+import { i as getVariantPlaceholderClassNames, n as TypographyDomVariantMap, r as TypographyVariantMap, t as ElementTypes } from "../../typographyVariantClasses-CrT5OfVw.js";
+import { n as TypographyProps, t as Typography } from "../../index-Cr8VXccr.js";
+export { ElementTypes, Typography, TypographyDomVariantMap, TypographyProps, TypographyVariantMap, getVariantPlaceholderClassNames };

package/dist/components/Typography/index-DzSBreyM.d.cts

@@ -0,0 +1,3 @@
+import { i as getVariantPlaceholderClassNames, n as TypographyDomVariantMap, r as TypographyVariantMap, t as ElementTypes } from "../../typographyVariantClasses-CoRhazCU.cjs";
+import { n as TypographyProps, t as Typography } from "../../index-Bw6lDfEp.cjs";
+export { ElementTypes, Typography, TypographyDomVariantMap, TypographyProps, TypographyVariantMap, getVariantPlaceholderClassNames };

package/dist/{Typography → components/Typography}/index.cjs

@@ -1,4 +1,4 @@
-const require_Typography = require('../Typography-CFNWgbM5.cjs');
+const require_Typography = require('../../Typography-Ds4gfOJz.cjs');
 
 exports.Typography = require_Typography.Typography;
 exports.TypographyDomVariantMap = require_Typography.TypographyDomVariantMap;

package/dist/components/Typography/index.js

@@ -0,0 +1,3 @@
+import { i as getVariantPlaceholderClassNames, n as TypographyDomVariantMap, r as TypographyVariantMap, t as Typography } from "../../Typography-xehJH05l.js";
+
+export { Typography, TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames };

package/dist/formatPrice-CyfkjZ3R.cjs

@@ -0,0 +1,19 @@
+
+//#region src/util/formatPrice.ts
+const formatPrice = (price, currency = "$") => {
+	if (price == null) return "";
+	const options = {};
+	if (!Number.isInteger(price)) {
+		options.minimumFractionDigits = 2;
+		options.maximumFractionDigits = 2;
+	}
+	return `${currency}${price.toLocaleString("en-US", options)}`;
+};
+
+//#endregion
+Object.defineProperty(exports, 'formatPrice', {
+  enumerable: true,
+  get: function () {
+    return formatPrice;
+  }
+});

package/dist/formatPrice-DexQu2aZ.js

@@ -0,0 +1,13 @@
+//#region src/util/formatPrice.ts
+const formatPrice = (price, currency = "$") => {
+	if (price == null) return "";
+	const options = {};
+	if (!Number.isInteger(price)) {
+		options.minimumFractionDigits = 2;
+		options.maximumFractionDigits = 2;
+	}
+	return `${currency}${price.toLocaleString("en-US", options)}`;
+};
+
+//#endregion
+export { formatPrice as t };

package/dist/{index-DmvaMYbj.d.ts → index-8cIrhPDk.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { SearchFilterDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SearchResultsFilterSidebar/types.d.ts
@@ -41,6 +41,6 @@ declare const SearchResultsFilter: ({
   onSelectFilterItem,
   onClearAllFilters,
   filterButtonText
-}: SearchResultsFilterProps) => react_jsx_runtime3.JSX.Element;
+}: SearchResultsFilterProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
-export { CloseIconVariant$1 as CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };
+export { SearchFilterSidebarVariant as a, CloseIconVariant$1 as i, SearchResultsFilterProps as n, searchFilterSidebarVariantClasses as r, SearchResultsFilter as t };

package/dist/{index-Dfe_lkL2.d.cts → index-BKYA7uMB.d.cts}

@@ -43,4 +43,4 @@ declare const SearchResultsFilter: ({
   filterButtonText
 }: SearchResultsFilterProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
-export { CloseIconVariant$1 as CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };
+export { SearchFilterSidebarVariant as a, CloseIconVariant$1 as i, SearchResultsFilterProps as n, searchFilterSidebarVariantClasses as r, SearchResultsFilter as t };

package/dist/{index-Qtr26aUO.d.ts → index-Bw6lDfEp.d.cts}

@@ -1,4 +1,4 @@
-import { ElementTypes, TypographyVariantMap } from "./typographyVariantClasses-B6wiawat.js";
+import { r as TypographyVariantMap, t as ElementTypes } from "./typographyVariantClasses-CoRhazCU.cjs";
 import React from "react";
 
 //#region src/components/Typography/Typography.d.ts
@@ -28,4 +28,4 @@ declare const Typography: ({
   id: string;
 }, HTMLElement>;
 //#endregion
-export { Typography, TypographyProps };
+export { TypographyProps as n, Typography as t };

package/dist/{index-BqARXvZ6.d.cts → index-CqfgJHj8.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 import { FC } from "react";
 import { ResponseCategory, SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
@@ -261,7 +261,7 @@ declare const RatingSummary: ({
   stars,
   reviewCount,
   className
-}: RatingSummaryProps) => react_jsx_runtime12.JSX.Element;
+}: RatingSummaryProps) => react_jsx_runtime15.JSX.Element;
 interface PriceSectionProps {
   originalPrice?: string;
   salePrice?: string;
@@ -271,7 +271,7 @@ declare const PriceSection: ({
   originalPrice,
   salePrice,
   pricePrefix
-}: PriceSectionProps) => react_jsx_runtime12.JSX.Element;
+}: PriceSectionProps) => react_jsx_runtime15.JSX.Element;
 interface ProductCardProps extends TestProps {
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
@@ -308,7 +308,7 @@ declare const ProductCard: ({
   aspectRatio,
   growWithContainer,
   onClick
-}: ProductCardProps) => react_jsx_runtime12.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 //#region src/components/ProductCard/ProductCardSkeleton.d.ts
 declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;
@@ -322,4 +322,4 @@ declare const variantHoverClassMap: Map<ProductCardHoverVariant, string[]>;
 declare const variantTitleColorMap: Map<ProductCardVariant, string>;
 declare const productCardLayoutVariantClasses: Record<ProductCardLayoutVariant, Record<string, string[]>>;
 //#endregion
-export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };
+export { ProductCardVariant as _, ProductCardSkeleton as a, SearchResponseProductAttributes as b, RatingSummary as c, ProductCardConfig as d, ProductCardHoverVariant as f, ProductCardSkeletonProps as g, ProductCardSkeletonOverrides as h, variantTitleColorMap as i, RatingSummaryProps as l, ProductCardLayoutVariant as m, variantClassMap as n, PriceSection as o, ProductCardImageAspectRatio as p, variantHoverClassMap as r, ProductCard as s, productCardLayoutVariantClasses as t, AnimatedProductCardOverrides as u, ProductGridProps as v, ProductGridVariant as y };

package/dist/{index-BMHF0IWd.d.cts → index-Cr8VXccr.d.ts}

@@ -1,4 +1,4 @@
-import { ElementTypes, TypographyVariantMap } from "./typographyVariantClasses-DTSltxPN.cjs";
+import { r as TypographyVariantMap, t as ElementTypes } from "./typographyVariantClasses-CrT5OfVw.js";
 import React from "react";
 
 //#region src/components/Typography/Typography.d.ts
@@ -28,4 +28,4 @@ declare const Typography: ({
   id: string;
 }, HTMLElement>;
 //#endregion
-export { Typography, TypographyProps };
+export { TypographyProps as n, Typography as t };

package/dist/{index-BB4Qbpmg.d.ts → index-Cz6qxTZG.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 import { ResponseCategory, SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
@@ -261,7 +261,7 @@ declare const RatingSummary: ({
   stars,
   reviewCount,
   className
-}: RatingSummaryProps) => react_jsx_runtime18.JSX.Element;
+}: RatingSummaryProps) => react_jsx_runtime26.JSX.Element;
 interface PriceSectionProps {
   originalPrice?: string;
   salePrice?: string;
@@ -271,7 +271,7 @@ declare const PriceSection: ({
   originalPrice,
   salePrice,
   pricePrefix
-}: PriceSectionProps) => react_jsx_runtime18.JSX.Element;
+}: PriceSectionProps) => react_jsx_runtime26.JSX.Element;
 interface ProductCardProps extends TestProps {
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
@@ -308,7 +308,7 @@ declare const ProductCard: ({
   aspectRatio,
   growWithContainer,
   onClick
-}: ProductCardProps) => react_jsx_runtime18.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 //#region src/components/ProductCard/ProductCardSkeleton.d.ts
 declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;
@@ -322,4 +322,4 @@ declare const variantHoverClassMap: Map<ProductCardHoverVariant, string[]>;
 declare const variantTitleColorMap: Map<ProductCardVariant, string>;
 declare const productCardLayoutVariantClasses: Record<ProductCardLayoutVariant, Record<string, string[]>>;
 //#endregion
-export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };
+export { ProductCardVariant as _, ProductCardSkeleton as a, SearchResponseProductAttributes as b, RatingSummary as c, ProductCardConfig as d, ProductCardHoverVariant as f, ProductCardSkeletonProps as g, ProductCardSkeletonOverrides as h, variantTitleColorMap as i, RatingSummaryProps as l, ProductCardLayoutVariant as m, variantClassMap as n, PriceSection as o, ProductCardImageAspectRatio as p, variantHoverClassMap as r, ProductCard as s, productCardLayoutVariantClasses as t, AnimatedProductCardOverrides as u, ProductGridProps as v, ProductGridVariant as y };

package/dist/{searchFilterSidebarVariants-DzCf_sfh.cjs → searchFilterSidebarVariants-C61Byr1S.cjs}

@@ -1,4 +1,4 @@
-const require_colorsConfig = require('./colorsConfig-B3-SMUSx.cjs');
+const require_colorsConfig = require('./colorsConfig-D-MZuBvt.cjs');
 
 //#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.ts
 const searchFilterSidebarVariantClasses = {

package/dist/{searchFilterSidebarVariants-f9PS9fl6.js → searchFilterSidebarVariants-DcwlBfvY.js}

@@ -1,4 +1,4 @@
-import { ColorNames, colorVar } from "./colorsConfig-DZ-GSPWy.js";
+import { n as colorVar, t as ColorNames } from "./colorsConfig-BjdoRtRK.js";
 
 //#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.ts
 const searchFilterSidebarVariantClasses = {
@@ -31,4 +31,4 @@ const searchFilterSidebarVariantClasses = {
 };
 
 //#endregion
-export { searchFilterSidebarVariantClasses };
+export { searchFilterSidebarVariantClasses as t };

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

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

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

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

package/dist/{typographyVariantClasses-B6wiawat.d.ts → typographyVariantClasses-CoRhazCU.d.cts}

@@ -116,4 +116,4 @@ declare const TypographyVariantMap: {
 };
 declare const getVariantPlaceholderClassNames: (classes: Record<string, boolean>) => Record<string, boolean>;
 //#endregion
-export { ElementTypes, TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames };
+export { getVariantPlaceholderClassNames as i, TypographyDomVariantMap as n, TypographyVariantMap as r, ElementTypes as t };

package/dist/{typographyVariantClasses-DTSltxPN.d.cts → typographyVariantClasses-CrT5OfVw.d.ts}

@@ -116,4 +116,4 @@ declare const TypographyVariantMap: {
 };
 declare const getVariantPlaceholderClassNames: (classes: Record<string, boolean>) => Record<string, boolean>;
 //#endregion
-export { ElementTypes, TypographyDomVariantMap, TypographyVariantMap, getVariantPlaceholderClassNames };
+export { getVariantPlaceholderClassNames as i, TypographyDomVariantMap as n, TypographyVariantMap as r, ElementTypes as t };

package/dist/util/index-C2ueYGXh.d.ts

@@ -0,0 +1,21 @@
+import * as react0 from "react";
+import { ColorNames } from "@envive-ai/react-hooks/contexts/types";
+
+//#region src/util/formatPrice.d.ts
+declare const formatPrice: (price?: number, currency?: string) => string;
+//#endregion
+//#region src/util/useScrollDirection.d.ts
+type ScrollDirection = 'up' | 'down';
+declare const useScrollDirection: (scrollContainerRef?: React.RefObject<HTMLElement>) => ScrollDirection;
+//#endregion
+//#region src/util/useStickyVisibility.d.ts
+declare const useStickyVisibility: () => {
+  toolbarRef: react0.RefObject<HTMLDivElement>;
+  isVisible: boolean;
+  toolbarHeight: number;
+};
+//#endregion
+//#region src/util/colorVar.d.ts
+declare const colorVar: (color: ColorNames) => string;
+//#endregion
+export { ScrollDirection, colorVar, formatPrice, useScrollDirection, useStickyVisibility };

package/dist/util/index-DUzbpjPa.d.cts

@@ -0,0 +1,21 @@
+import * as react0 from "react";
+import { ColorNames } from "@envive-ai/react-hooks/contexts/types";
+
+//#region src/util/formatPrice.d.ts
+declare const formatPrice: (price?: number, currency?: string) => string;
+//#endregion
+//#region src/util/useScrollDirection.d.ts
+type ScrollDirection = 'up' | 'down';
+declare const useScrollDirection: (scrollContainerRef?: React.RefObject<HTMLElement>) => ScrollDirection;
+//#endregion
+//#region src/util/useStickyVisibility.d.ts
+declare const useStickyVisibility: () => {
+  toolbarRef: react0.RefObject<HTMLDivElement>;
+  isVisible: boolean;
+  toolbarHeight: number;
+};
+//#endregion
+//#region src/util/colorVar.d.ts
+declare const colorVar: (color: ColorNames) => string;
+//#endregion
+export { ScrollDirection, colorVar, formatPrice, useScrollDirection, useStickyVisibility };

package/dist/util/index.cjs

@@ -0,0 +1,80 @@
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+const require_formatPrice = require('../formatPrice-CyfkjZ3R.cjs');
+let react = require("react");
+
+//#region src/util/useScrollDirection.ts
+const useScrollDirection = (scrollContainerRef) => {
+	const [scrollDirection, setScrollDirection] = (0, react.useState)(null);
+	const touchStartY = (0, react.useRef)(0);
+	(0, react.useEffect)(() => {
+		const container = scrollContainerRef?.current || window;
+		const touchTarget = scrollContainerRef?.current || document;
+		const handleWheel = (e) => {
+			if (e.deltaY > 0) setScrollDirection("down");
+			else setScrollDirection("up");
+		};
+		const handleTouchStart = (e) => {
+			touchStartY.current = e.touches[0].clientY;
+		};
+		const handleTouchMove = (e) => {
+			const currentTouchY = e.touches[0].clientY;
+			const deltaY = touchStartY.current - currentTouchY;
+			if (Math.abs(deltaY) < 10) return;
+			if (deltaY > 0) setScrollDirection("down");
+			else setScrollDirection("up");
+			touchStartY.current = currentTouchY;
+		};
+		container.addEventListener("wheel", handleWheel, { passive: true });
+		touchTarget.addEventListener("touchstart", handleTouchStart, { passive: true });
+		touchTarget.addEventListener("touchmove", handleTouchMove, { passive: true });
+		return () => {
+			container.removeEventListener("wheel", handleWheel);
+			touchTarget.removeEventListener("touchstart", handleTouchStart);
+			touchTarget.removeEventListener("touchmove", handleTouchMove);
+		};
+	}, [scrollContainerRef]);
+	return scrollDirection;
+};
+
+//#endregion
+//#region src/util/useStickyVisibility.ts
+const useStickyVisibility = () => {
+	const [isVisible, setIsVisible] = (0, react.useState)(true);
+	const toolbarRef = (0, react.useRef)(null);
+	const [toolbarHeight, setToolbarHeight] = (0, react.useState)(0);
+	const [scrollY, setScrollY] = (0, react.useState)(0);
+	const scrollDirection = useScrollDirection();
+	(0, react.useEffect)(() => {
+		const handleScroll = () => {
+			setScrollY(window.scrollY);
+		};
+		window.addEventListener("scroll", handleScroll, { passive: true });
+		return () => window.removeEventListener("scroll", handleScroll);
+	}, []);
+	(0, react.useEffect)(() => {
+		if (toolbarRef.current) setToolbarHeight(toolbarRef.current.offsetHeight);
+	}, []);
+	(0, react.useEffect)(() => {
+		if (scrollDirection === "down" && scrollY > toolbarHeight && toolbarHeight > 0) setIsVisible(false);
+		else setIsVisible(true);
+	}, [
+		scrollDirection,
+		toolbarHeight,
+		scrollY
+	]);
+	return {
+		toolbarRef,
+		isVisible,
+		toolbarHeight
+	};
+};
+
+//#endregion
+//#region src/util/colorVar.ts
+const colorVar = (color) => `var(--spiffy-colors-${color})`;
+
+//#endregion
+exports.colorVar = colorVar;
+exports.formatPrice = require_formatPrice.formatPrice;
+exports.useScrollDirection = useScrollDirection;
+exports.useStickyVisibility = useStickyVisibility;

package/dist/util/index.js

@@ -0,0 +1,76 @@
+import { t as formatPrice } from "../formatPrice-DexQu2aZ.js";
+import { useEffect, useRef, useState } from "react";
+
+//#region src/util/useScrollDirection.ts
+const useScrollDirection = (scrollContainerRef) => {
+	const [scrollDirection, setScrollDirection] = useState(null);
+	const touchStartY = useRef(0);
+	useEffect(() => {
+		const container = scrollContainerRef?.current || window;
+		const touchTarget = scrollContainerRef?.current || document;
+		const handleWheel = (e) => {
+			if (e.deltaY > 0) setScrollDirection("down");
+			else setScrollDirection("up");
+		};
+		const handleTouchStart = (e) => {
+			touchStartY.current = e.touches[0].clientY;
+		};
+		const handleTouchMove = (e) => {
+			const currentTouchY = e.touches[0].clientY;
+			const deltaY = touchStartY.current - currentTouchY;
+			if (Math.abs(deltaY) < 10) return;
+			if (deltaY > 0) setScrollDirection("down");
+			else setScrollDirection("up");
+			touchStartY.current = currentTouchY;
+		};
+		container.addEventListener("wheel", handleWheel, { passive: true });
+		touchTarget.addEventListener("touchstart", handleTouchStart, { passive: true });
+		touchTarget.addEventListener("touchmove", handleTouchMove, { passive: true });
+		return () => {
+			container.removeEventListener("wheel", handleWheel);
+			touchTarget.removeEventListener("touchstart", handleTouchStart);
+			touchTarget.removeEventListener("touchmove", handleTouchMove);
+		};
+	}, [scrollContainerRef]);
+	return scrollDirection;
+};
+
+//#endregion
+//#region src/util/useStickyVisibility.ts
+const useStickyVisibility = () => {
+	const [isVisible, setIsVisible] = useState(true);
+	const toolbarRef = useRef(null);
+	const [toolbarHeight, setToolbarHeight] = useState(0);
+	const [scrollY, setScrollY] = useState(0);
+	const scrollDirection = useScrollDirection();
+	useEffect(() => {
+		const handleScroll = () => {
+			setScrollY(window.scrollY);
+		};
+		window.addEventListener("scroll", handleScroll, { passive: true });
+		return () => window.removeEventListener("scroll", handleScroll);
+	}, []);
+	useEffect(() => {
+		if (toolbarRef.current) setToolbarHeight(toolbarRef.current.offsetHeight);
+	}, []);
+	useEffect(() => {
+		if (scrollDirection === "down" && scrollY > toolbarHeight && toolbarHeight > 0) setIsVisible(false);
+		else setIsVisible(true);
+	}, [
+		scrollDirection,
+		toolbarHeight,
+		scrollY
+	]);
+	return {
+		toolbarRef,
+		isVisible,
+		toolbarHeight
+	};
+};
+
+//#endregion
+//#region src/util/colorVar.ts
+const colorVar = (color) => `var(--spiffy-colors-${color})`;
+
+//#endregion
+export { colorVar, formatPrice, useScrollDirection, useStickyVisibility };