@envive-ai/react-toolkit 0.1.6 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/dist/Accordion/index.cjs +6 -5
  2. package/dist/Accordion/index.d.ts +2 -2
  3. package/dist/Accordion/index.js +4 -2
  4. package/dist/AppliedFiltersScrollbar/index.cjs +50 -0
  5. package/dist/AppliedFiltersScrollbar/index.d.cts +22 -0
  6. package/dist/AppliedFiltersScrollbar/index.d.ts +22 -0
  7. package/dist/AppliedFiltersScrollbar/index.js +46 -0
  8. package/dist/ButtonBase/index.cjs +4 -4
  9. package/dist/ButtonBase/index.d.cts +3 -3
  10. package/dist/ButtonBase/index.d.ts +3 -3
  11. package/dist/ButtonBase/index.js +4 -4
  12. package/dist/{ButtonBase-BIAu5fIG.js → ButtonBase-DGbSm0SJ.js} +1 -1
  13. package/dist/{ButtonBase-DcyxOe2v.cjs → ButtonBase-DGpQBeLR.cjs} +1 -1
  14. package/dist/DynamicFiltersScrollbar/index.cjs +38 -0
  15. package/dist/DynamicFiltersScrollbar/index.d.cts +28 -0
  16. package/dist/DynamicFiltersScrollbar/index.d.ts +28 -0
  17. package/dist/DynamicFiltersScrollbar/index.js +34 -0
  18. package/dist/{DynamicFiltersScrollbar-BmPTqym5.js → DynamicFiltersScrollbar-CCwh0QW4.js} +1 -1
  19. package/dist/{DynamicFiltersScrollbar-BTopFhyl.cjs → DynamicFiltersScrollbar-U9-CmTKd.cjs} +1 -1
  20. package/dist/FilterScrollbar/index.cjs +3 -3
  21. package/dist/FilterScrollbar/index.d.cts +4 -4
  22. package/dist/FilterScrollbar/index.d.ts +4 -4
  23. package/dist/FilterScrollbar/index.js +3 -3
  24. package/dist/Headline/index.cjs +2 -2
  25. package/dist/Headline/index.d.cts +2 -2
  26. package/dist/Headline/index.d.ts +2 -2
  27. package/dist/Headline/index.js +2 -2
  28. package/dist/{Headline-XpaAeTSR.js → Headline-BkOW1lQj.js} +1 -1
  29. package/dist/{Headline-iP_MckEO.cjs → Headline-QpruZlcg.cjs} +1 -1
  30. package/dist/ImageWithFallback/index.d.cts +2 -2
  31. package/dist/ProductCard/index.cjs +4 -4
  32. package/dist/ProductCard/index.d.cts +2 -3
  33. package/dist/ProductCard/index.d.ts +2 -3
  34. package/dist/ProductCard/index.js +4 -4
  35. package/dist/{ProductCard-DZZKutY-.cjs → ProductCard-BYjPKgX3.cjs} +2 -2
  36. package/dist/{ProductCard-SF8-lXlT.js → ProductCard-DCFMFwCH.js} +2 -2
  37. package/dist/ProductGrid/index.cjs +5 -5
  38. package/dist/ProductGrid/index.d.cts +6 -5
  39. package/dist/ProductGrid/index.d.ts +6 -5
  40. package/dist/ProductGrid/index.js +5 -5
  41. package/dist/{ProductGrid-DTUhH219.js → ProductGrid-BoJzUK_H.js} +3 -28
  42. package/dist/{ProductGrid-BSSmPr7K.cjs → ProductGrid-CJmmGxBQ.cjs} +3 -28
  43. package/dist/SearchFilter/index.cjs +4 -4
  44. package/dist/SearchFilter/index.d.cts +71 -2
  45. package/dist/SearchFilter/index.d.ts +71 -2
  46. package/dist/SearchFilter/index.js +4 -4
  47. package/dist/{SearchFilter-B15tybnV.cjs → SearchFilter-B8jliRly.cjs} +8 -5
  48. package/dist/{SearchFilter-D427M2UE.js → SearchFilter-Da6SL9mU.js} +8 -5
  49. package/dist/SearchInput/index.cjs +3 -3
  50. package/dist/SearchInput/index.d.cts +4 -4
  51. package/dist/SearchInput/index.d.ts +4 -4
  52. package/dist/SearchInput/index.js +3 -3
  53. package/dist/{SearchInput-D6UW79wT.cjs → SearchInput-BFlu_3iT.cjs} +1 -1
  54. package/dist/{SearchInput-C0wB4hSV.js → SearchInput-DxDC1mcq.js} +1 -1
  55. package/dist/SearchInputForm/index.cjs +3 -3
  56. package/dist/SearchInputForm/index.d.cts +1 -1
  57. package/dist/SearchInputForm/index.d.ts +1 -1
  58. package/dist/SearchInputForm/index.js +3 -3
  59. package/dist/SearchResultsContent/index.cjs +64 -0
  60. package/dist/SearchResultsContent/index.d.cts +65 -0
  61. package/dist/SearchResultsContent/index.d.ts +65 -0
  62. package/dist/SearchResultsContent/index.js +60 -0
  63. package/dist/SearchResultsFilterSidebar/index.cjs +5 -6
  64. package/dist/SearchResultsFilterSidebar/index.d.cts +2 -3
  65. package/dist/SearchResultsFilterSidebar/index.d.ts +2 -3
  66. package/dist/SearchResultsFilterSidebar/index.js +5 -6
  67. package/dist/SearchResultsStates/index.cjs +13 -122
  68. package/dist/SearchResultsStates/index.d.cts +7 -9
  69. package/dist/SearchResultsStates/index.d.ts +7 -9
  70. package/dist/SearchResultsStates/index.js +10 -113
  71. package/dist/SearchResultsStates-CEi_RHna.js +112 -0
  72. package/dist/SearchResultsStates-CJYgUA66.cjs +134 -0
  73. package/dist/SparkleAnimation/index.cjs +1 -1
  74. package/dist/SparkleAnimation/index.d.cts +2 -2
  75. package/dist/SparkleAnimation/index.d.ts +2 -2
  76. package/dist/SparkleAnimation/index.js +1 -1
  77. package/dist/{SparkleAnimation-BhyeL26m.cjs → SparkleAnimation-BY5iw7s0.cjs} +5 -5
  78. package/dist/{SparkleAnimation-BdOjC8l-.js → SparkleAnimation-fQHP7b-R.js} +1 -1
  79. package/dist/Spinner/index.d.cts +2 -2
  80. package/dist/Spinner/index.d.ts +2 -2
  81. package/dist/SuggestionButton/index.cjs +9 -9
  82. package/dist/SuggestionButton/index.d.cts +3 -3
  83. package/dist/SuggestionButton/index.d.ts +3 -3
  84. package/dist/SuggestionButton/index.js +5 -5
  85. package/dist/Text/index.cjs +3 -3
  86. package/dist/Text/index.d.cts +3 -3
  87. package/dist/Text/index.d.ts +3 -3
  88. package/dist/Text/index.js +3 -3
  89. package/dist/{Text-BMg3d10t.js → Text-Bod4OMPk.js} +1 -1
  90. package/dist/{Text-CgOYTs8D.cjs → Text-MQjxqgZZ.cjs} +1 -1
  91. package/dist/TextInput/index.cjs +2 -2
  92. package/dist/TextInput/index.d.cts +1 -1
  93. package/dist/TextInput/index.d.ts +1 -1
  94. package/dist/TextInput/index.js +2 -2
  95. package/dist/{TextInput-CRMqBW3X.js → TextInput-BFPXhSAY.js} +1 -1
  96. package/dist/{TextInput-C6fF9cSB.cjs → TextInput-DLSgpP6b.cjs} +1 -1
  97. package/dist/{index-CcnuEYQN.d.ts → index-BCqBaFxm.d.cts} +10 -60
  98. package/dist/{index-BHNzU-Pc.d.ts → index-B_tehqNH.d.ts} +2 -2
  99. package/dist/{index-BNCrvswP.d.cts → index-D4n-kZvz.d.cts} +2 -2
  100. package/dist/{index-B0oln9VD.d.ts → index-D8gHW7ox.d.ts} +5 -16
  101. package/dist/{index-wYn2mEDm.d.cts → index-DO4ksBrm.d.ts} +10 -60
  102. package/dist/{index-CQlBDGTL.d.cts → index-DV2K-9lE.d.cts} +5 -16
  103. package/package.json +15 -2
  104. package/src/components/Accordion/Accordion.tsx +1 -1
  105. package/src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.tsx +2 -2
  106. package/src/components/AppliedFiltersScrollbar/index.ts +1 -0
  107. package/src/components/ButtonBase/types.ts +1 -1
  108. package/src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.tsx +1 -1
  109. package/src/components/DynamicFiltersScrollbar/index.ts +1 -0
  110. package/src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx +1 -1
  111. package/src/components/ProductCard/ProductCard.tsx +3 -4
  112. package/src/components/ProductCard/ProductCardSkeleton.tsx +1 -7
  113. package/src/components/ProductCard/types.ts +1 -1
  114. package/src/components/ProductGrid/ProductGrid.tsx +3 -2
  115. package/src/components/SearchFilter/SearchFilter.tsx +4 -4
  116. package/src/components/SearchFilter/index.ts +0 -1
  117. package/src/components/SearchFilter/types.ts +22 -26
  118. package/src/components/SearchResultsContent/SearchResultsContent.tsx +1 -1
  119. package/src/components/SearchResultsContent/index.ts +2 -0
  120. package/src/components/SearchResultsFilterSidebar/SearchResultsFilter.tsx +5 -4
  121. package/src/components/SearchResultsFilterSidebar/types.ts +0 -13
  122. package/src/components/SearchResultsStates/SearchResultsGrid.tsx +2 -1
  123. package/src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx +1 -1
  124. package/src/components/SparkleAnimation/SparkleAnimation.tsx +1 -1
  125. package/src/components/SuggestionButton/SuggestionButton.tsx +3 -3
  126. package/dist/index-B125udRj.d.cts +0 -78
  127. package/dist/index-DMXTg_9L.d.ts +0 -78
  128. package/dist/types-BQYpWDJ4.d.cts +0 -6
  129. package/dist/types-Bm-qQyO3.d.ts +0 -8
  130. package/dist/types-BruEHw-X.d.ts +0 -6
  131. package/dist/types-C-Jrlw5Z.d.cts +0 -8
  132. /package/dist/{ButtonBase-BRfuPPzN.js → ButtonBase-C_uKnl48.js} +0 -0
  133. /package/dist/{ButtonBase-BleAVeo-.cjs → ButtonBase-DbWQ25n-.cjs} +0 -0
  134. /package/dist/{Text-CV9pv8ds.js → Text-BMsncrpY.js} +0 -0
  135. /package/dist/{Text-DDT3sqY1.cjs → Text-C8t_iEj6.cjs} +0 -0
  136. /package/dist/{textVariantClasses-C8OCWZAw.d.ts → textVariantClasses-B0gNjzl4.d.cts} +0 -0
  137. /package/dist/{textVariantClasses-CnjwO2Fv.js → textVariantClasses-D77TGEy1.js} +0 -0
  138. /package/dist/{textVariantClasses-BnV4wXaw.cjs → textVariantClasses-Dgz7Zaql.cjs} +0 -0
  139. /package/dist/{textVariantClasses-Cdg-UUHi.d.cts → textVariantClasses-ypYGLq0h.d.ts} +0 -0
@@ -0,0 +1,112 @@
1
+ import { Text } from "./Text-Bod4OMPk.js";
2
+ import { ProductCardSkeleton } from "./ProductCard-DCFMFwCH.js";
3
+ import { ProductGrid, productGridVariantClasses } from "./ProductGrid-BoJzUK_H.js";
4
+ import { searchFilterSidebarVariantClasses } from "./searchFilterSidebarVariants-BWQyiKwS.js";
5
+ import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "./DynamicFiltersScrollbar-CCwh0QW4.js";
6
+ import { SparkleAnimation } from "./SparkleAnimation-fQHP7b-R.js";
7
+ import { motion } from "framer-motion";
8
+ import classNames from "classnames";
9
+ import { jsx, jsxs } from "react/jsx-runtime";
10
+ import Sparkles from "@envive-ai/react-icons/Sparkles";
11
+
12
+ //#region src/components/SearchResultsStates/NoSearchResultsFound.tsx
13
+ const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = false, noResultsFoundText, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
14
+ const containerClasses = classNames(containerPaddingClasses, includeBottomMargin ? "spiffy-tw-mb-[100vh]" : "", "spiffy-tw-mt-6");
15
+ return /* @__PURE__ */ jsx("div", {
16
+ className: containerClasses,
17
+ children: /* @__PURE__ */ jsxs("div", {
18
+ className: "spiffy-tw-flex spiffy-tw-items-start spiffy-tw-gap-2",
19
+ children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Sparkles, {
20
+ className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
21
+ style: { color: sparkleIconColor }
22
+ }) }), /* @__PURE__ */ jsx(Text, {
23
+ variant: "body2",
24
+ children: noResultsFoundText || "I’m sorry, I wasn’t able to find an exact match. Try changing your filters or adjusting your search query."
25
+ })]
26
+ })
27
+ });
28
+ };
29
+
30
+ //#endregion
31
+ //#region src/components/SearchResultsStates/SearchResultsGrid.tsx
32
+ const SearchResultsGrid = ({ productList, productCardConfig, merchantShortName, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter }) => {
33
+ const sharedFilterBarClasses = classNames("spiffy-suggestion-bar", "spiffy-tw-no-scrollbar", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-gap-2", "spiffy-tw-mb-[16px]", "spiffy-tw-overflow-x-scroll", containerXPaddingClasses);
34
+ const filterBarClasses = classNames(sharedFilterBarClasses, "spiffy-tw-mt-[24px]");
35
+ const appliedFilterBarClasses = classNames(sharedFilterBarClasses, "spiffy-tw-mb-[32px]", "spiffy-tw-mt-[8px]");
36
+ const { filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses } = searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
37
+ return /* @__PURE__ */ jsxs(motion.div, {
38
+ className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
39
+ initial: { opacity: 0 },
40
+ animate: { opacity: 1 },
41
+ exit: { opacity: 0 },
42
+ transition: { duration: .2 },
43
+ children: [
44
+ /* @__PURE__ */ jsx(AppliedFiltersScrollbar, {
45
+ selectedFilterOptions,
46
+ filterBarClassNames: appliedFilterBarClasses,
47
+ filterDefaultClasses,
48
+ filterHoverClasses,
49
+ appliedFilterBackgroundClasses,
50
+ onRemoveFilter
51
+ }),
52
+ /* @__PURE__ */ jsx(DynamicFiltersScrollbar, {
53
+ availableDynamicFilters,
54
+ filterBarClassNames: filterBarClasses,
55
+ filterDefaultClasses,
56
+ filterHoverClasses,
57
+ onToggleDynamicFilter
58
+ }),
59
+ /* @__PURE__ */ jsx(ProductGrid, {
60
+ productList,
61
+ productGridVariant,
62
+ productGridClasses,
63
+ productCardConfig,
64
+ merchantShortName,
65
+ searchResponseId,
66
+ cardDisplayLocation: ""
67
+ })
68
+ ]
69
+ });
70
+ };
71
+
72
+ //#endregion
73
+ //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx
74
+ const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
75
+ const { productCardLayoutVariant, productCardImageAspectRatio } = productGridVariantClasses[productGridVariant];
76
+ return /* @__PURE__ */ jsx(motion.div, {
77
+ className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
78
+ initial: { opacity: 0 },
79
+ animate: { opacity: 1 },
80
+ exit: { opacity: 0 },
81
+ transition: { duration: .2 },
82
+ children: /* @__PURE__ */ jsxs("div", {
83
+ className: "spiffy-tw-mt-6 spiffy-tw-w-full",
84
+ children: [/* @__PURE__ */ jsx("div", {
85
+ className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-mb-4",
86
+ children: /* @__PURE__ */ jsxs("div", {
87
+ className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 spiffy-tw-ml-[16px] md:spiffy-tw-ml-[80px]",
88
+ children: [/* @__PURE__ */ jsx("div", {
89
+ className: "spiffy-tw-width-[24px]",
90
+ children: /* @__PURE__ */ jsx(SparkleAnimation, {
91
+ color: sparkleIconColor,
92
+ animate: true
93
+ })
94
+ }), /* @__PURE__ */ jsx(Text, {
95
+ variant: "body2",
96
+ children: "Finding the best options for you..."
97
+ })]
98
+ })
99
+ }), /* @__PURE__ */ jsx("div", {
100
+ className: productGridClasses,
101
+ children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx(ProductCardSkeleton, {
102
+ layoutVariant: productCardLayoutVariant,
103
+ aspectRatio: productCardImageAspectRatio,
104
+ growWithContainer: true
105
+ }, index))
106
+ })]
107
+ })
108
+ });
109
+ };
110
+
111
+ //#endregion
112
+ export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };
@@ -0,0 +1,134 @@
1
+ const require_chunk = require('./chunk-CUT6urMc.cjs');
2
+ const require_Text = require('./Text-MQjxqgZZ.cjs');
3
+ const require_ProductCard = require('./ProductCard-BYjPKgX3.cjs');
4
+ const require_ProductGrid = require('./ProductGrid-CJmmGxBQ.cjs');
5
+ const require_searchFilterSidebarVariants = require('./searchFilterSidebarVariants-D08jyA7U.cjs');
6
+ const require_DynamicFiltersScrollbar = require('./DynamicFiltersScrollbar-U9-CmTKd.cjs');
7
+ const require_SparkleAnimation = require('./SparkleAnimation-BY5iw7s0.cjs');
8
+ let framer_motion = require("framer-motion");
9
+ framer_motion = require_chunk.__toESM(framer_motion);
10
+ let classnames = require("classnames");
11
+ classnames = require_chunk.__toESM(classnames);
12
+ let react_jsx_runtime = require("react/jsx-runtime");
13
+ react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
14
+ let __envive_ai_react_icons_Sparkles = require("@envive-ai/react-icons/Sparkles");
15
+ __envive_ai_react_icons_Sparkles = require_chunk.__toESM(__envive_ai_react_icons_Sparkles);
16
+
17
+ //#region src/components/SearchResultsStates/NoSearchResultsFound.tsx
18
+ const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = false, noResultsFoundText, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
19
+ const containerClasses = (0, classnames.default)(containerPaddingClasses, includeBottomMargin ? "spiffy-tw-mb-[100vh]" : "", "spiffy-tw-mt-6");
20
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
21
+ className: containerClasses,
22
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
23
+ className: "spiffy-tw-flex spiffy-tw-items-start spiffy-tw-gap-2",
24
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_Sparkles.default, {
25
+ className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
26
+ style: { color: sparkleIconColor }
27
+ }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
28
+ variant: "body2",
29
+ children: noResultsFoundText || "I’m sorry, I wasn’t able to find an exact match. Try changing your filters or adjusting your search query."
30
+ })]
31
+ })
32
+ });
33
+ };
34
+
35
+ //#endregion
36
+ //#region src/components/SearchResultsStates/SearchResultsGrid.tsx
37
+ const SearchResultsGrid = ({ productList, productCardConfig, merchantShortName, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter }) => {
38
+ const sharedFilterBarClasses = (0, classnames.default)("spiffy-suggestion-bar", "spiffy-tw-no-scrollbar", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-gap-2", "spiffy-tw-mb-[16px]", "spiffy-tw-overflow-x-scroll", containerXPaddingClasses);
39
+ const filterBarClasses = (0, classnames.default)(sharedFilterBarClasses, "spiffy-tw-mt-[24px]");
40
+ const appliedFilterBarClasses = (0, classnames.default)(sharedFilterBarClasses, "spiffy-tw-mb-[32px]", "spiffy-tw-mt-[8px]");
41
+ const { filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses } = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
42
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
43
+ className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
44
+ initial: { opacity: 0 },
45
+ animate: { opacity: 1 },
46
+ exit: { opacity: 0 },
47
+ transition: { duration: .2 },
48
+ children: [
49
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DynamicFiltersScrollbar.AppliedFiltersScrollbar, {
50
+ selectedFilterOptions,
51
+ filterBarClassNames: appliedFilterBarClasses,
52
+ filterDefaultClasses,
53
+ filterHoverClasses,
54
+ appliedFilterBackgroundClasses,
55
+ onRemoveFilter
56
+ }),
57
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DynamicFiltersScrollbar.DynamicFiltersScrollbar, {
58
+ availableDynamicFilters,
59
+ filterBarClassNames: filterBarClasses,
60
+ filterDefaultClasses,
61
+ filterHoverClasses,
62
+ onToggleDynamicFilter
63
+ }),
64
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductGrid.ProductGrid, {
65
+ productList,
66
+ productGridVariant,
67
+ productGridClasses,
68
+ productCardConfig,
69
+ merchantShortName,
70
+ searchResponseId,
71
+ cardDisplayLocation: ""
72
+ })
73
+ ]
74
+ });
75
+ };
76
+
77
+ //#endregion
78
+ //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx
79
+ const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
80
+ const { productCardLayoutVariant, productCardImageAspectRatio } = require_ProductGrid.productGridVariantClasses[productGridVariant];
81
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
82
+ className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
83
+ initial: { opacity: 0 },
84
+ animate: { opacity: 1 },
85
+ exit: { opacity: 0 },
86
+ transition: { duration: .2 },
87
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
88
+ className: "spiffy-tw-mt-6 spiffy-tw-w-full",
89
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
90
+ className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-mb-4",
91
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
92
+ className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 spiffy-tw-ml-[16px] md:spiffy-tw-ml-[80px]",
93
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
94
+ className: "spiffy-tw-width-[24px]",
95
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SparkleAnimation.SparkleAnimation, {
96
+ color: sparkleIconColor,
97
+ animate: true
98
+ })
99
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
100
+ variant: "body2",
101
+ children: "Finding the best options for you..."
102
+ })]
103
+ })
104
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
105
+ className: productGridClasses,
106
+ children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCard.ProductCardSkeleton, {
107
+ layoutVariant: productCardLayoutVariant,
108
+ aspectRatio: productCardImageAspectRatio,
109
+ growWithContainer: true
110
+ }, index))
111
+ })]
112
+ })
113
+ });
114
+ };
115
+
116
+ //#endregion
117
+ Object.defineProperty(exports, 'NoSearchResultsFound', {
118
+ enumerable: true,
119
+ get: function () {
120
+ return NoSearchResultsFound;
121
+ }
122
+ });
123
+ Object.defineProperty(exports, 'SearchResultsGrid', {
124
+ enumerable: true,
125
+ get: function () {
126
+ return SearchResultsGrid;
127
+ }
128
+ });
129
+ Object.defineProperty(exports, 'SearchResultsLoadingGrid', {
130
+ enumerable: true,
131
+ get: function () {
132
+ return SearchResultsLoadingGrid;
133
+ }
134
+ });
@@ -1,4 +1,4 @@
1
- const require_SparkleAnimation = require('../SparkleAnimation-BhyeL26m.cjs');
1
+ const require_SparkleAnimation = require('../SparkleAnimation-BY5iw7s0.cjs');
2
2
 
3
3
  exports.SparkleAnimation = require_SparkleAnimation.SparkleAnimation;
4
4
  exports.SparkleAnimationOverride = require_SparkleAnimation.SparkleAnimationOverride;
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime14 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime11 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/components/SparkleAnimation/SparkleAnimation.d.ts
4
4
  interface SparkleAnimationProps {
@@ -10,7 +10,7 @@ declare const SparkleAnimation: ({
10
10
  color,
11
11
  className,
12
12
  animate
13
- }: SparkleAnimationProps) => react_jsx_runtime14.JSX.Element;
13
+ }: SparkleAnimationProps) => react_jsx_runtime11.JSX.Element;
14
14
  //#endregion
15
15
  //#region src/components/SparkleAnimation/types.d.ts
16
16
  declare enum SparkleAnimationOverride {
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime2 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime14 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/components/SparkleAnimation/SparkleAnimation.d.ts
4
4
  interface SparkleAnimationProps {
@@ -10,7 +10,7 @@ declare const SparkleAnimation: ({
10
10
  color,
11
11
  className,
12
12
  animate
13
- }: SparkleAnimationProps) => react_jsx_runtime2.JSX.Element;
13
+ }: SparkleAnimationProps) => react_jsx_runtime14.JSX.Element;
14
14
  //#endregion
15
15
  //#region src/components/SparkleAnimation/types.d.ts
16
16
  declare enum SparkleAnimationOverride {
@@ -1,3 +1,3 @@
1
- import { SparkleAnimation, SparkleAnimationOverride } from "../SparkleAnimation-BdOjC8l-.js";
1
+ import { SparkleAnimation, SparkleAnimationOverride } from "../SparkleAnimation-fQHP7b-R.js";
2
2
 
3
3
  export { SparkleAnimation, SparkleAnimationOverride };
@@ -7,8 +7,8 @@ let classnames = require("classnames");
7
7
  classnames = require_chunk.__toESM(classnames);
8
8
  let react_jsx_runtime = require("react/jsx-runtime");
9
9
  react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
10
- let __envive_ai_react_icons_src_FourPointStar = require("@envive-ai/react-icons/src/FourPointStar");
11
- __envive_ai_react_icons_src_FourPointStar = require_chunk.__toESM(__envive_ai_react_icons_src_FourPointStar);
10
+ let __envive_ai_react_icons_FourPointStar = require("@envive-ai/react-icons/FourPointStar");
11
+ __envive_ai_react_icons_FourPointStar = require_chunk.__toESM(__envive_ai_react_icons_FourPointStar);
12
12
 
13
13
  //#region src/components/SparkleAnimation/types.ts
14
14
  let SparkleAnimationOverride = /* @__PURE__ */ function(SparkleAnimationOverride$1) {
@@ -55,7 +55,7 @@ const SparkleAnimation = ({ color, className, animate = true }) => {
55
55
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
56
56
  animate: { scale: mainStarScale },
57
57
  transition: starTransition,
58
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_src_FourPointStar.default, {
58
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_FourPointStar.default, {
59
59
  fill: color,
60
60
  className: "spiffy-tw-w-4 spiffy-tw-h-4 spiffy-tw-inline-block"
61
61
  })
@@ -66,7 +66,7 @@ const SparkleAnimation = ({ color, className, animate = true }) => {
66
66
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
67
67
  animate: { scale: smallStar1Scale },
68
68
  transition: starTransition,
69
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_src_FourPointStar.default, {
69
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_FourPointStar.default, {
70
70
  fill: color,
71
71
  className: "spiffy-tw-w-2 spiffy-tw-h-2 spiffy-tw-inline-block"
72
72
  })
@@ -77,7 +77,7 @@ const SparkleAnimation = ({ color, className, animate = true }) => {
77
77
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
78
78
  animate: { scale: smallStar2Scale },
79
79
  transition: starTransition,
80
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_src_FourPointStar.default, {
80
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_FourPointStar.default, {
81
81
  fill: color,
82
82
  className: "spiffy-tw-w-2 spiffy-tw-h-2 spiffy-tw-inline-block"
83
83
  })
@@ -2,7 +2,7 @@ import { motion } from "framer-motion";
2
2
  import { useEffect, useState } from "react";
3
3
  import classNames from "classnames";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
- import FourPointStar from "@envive-ai/react-icons/src/FourPointStar";
5
+ import FourPointStar from "@envive-ai/react-icons/FourPointStar";
6
6
 
7
7
  //#region src/components/SparkleAnimation/types.ts
8
8
  let SparkleAnimationOverride = /* @__PURE__ */ function(SparkleAnimationOverride$1) {
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime3 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime7 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/components/Spinner/Spinner.d.ts
4
4
  type SpinnerProps = {
@@ -6,6 +6,6 @@ type SpinnerProps = {
6
6
  };
7
7
  declare const Spinner: ({
8
8
  className
9
- }: SpinnerProps) => react_jsx_runtime3.JSX.Element;
9
+ }: SpinnerProps) => react_jsx_runtime7.JSX.Element;
10
10
  //#endregion
11
11
  export { Spinner };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime20 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/components/Spinner/Spinner.d.ts
4
4
  type SpinnerProps = {
@@ -6,6 +6,6 @@ type SpinnerProps = {
6
6
  };
7
7
  declare const Spinner: ({
8
8
  className
9
- }: SpinnerProps) => react_jsx_runtime20.JSX.Element;
9
+ }: SpinnerProps) => react_jsx_runtime0.JSX.Element;
10
10
  //#endregion
11
11
  export { Spinner };
@@ -1,15 +1,15 @@
1
1
  const require_chunk = require('../chunk-CUT6urMc.cjs');
2
- const require_ButtonBase = require('../ButtonBase-DcyxOe2v.cjs');
3
- require('../textVariantClasses-BnV4wXaw.cjs');
4
- require('../Text-CgOYTs8D.cjs');
2
+ require('../textVariantClasses-Dgz7Zaql.cjs');
3
+ require('../Text-MQjxqgZZ.cjs');
4
+ const require_ButtonBase = require('../ButtonBase-DGpQBeLR.cjs');
5
5
  let classnames = require("classnames");
6
6
  classnames = require_chunk.__toESM(classnames);
7
7
  let react_jsx_runtime = require("react/jsx-runtime");
8
8
  react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
9
- let __envive_ai_react_icons_src_FourPointStar = require("@envive-ai/react-icons/src/FourPointStar");
10
- __envive_ai_react_icons_src_FourPointStar = require_chunk.__toESM(__envive_ai_react_icons_src_FourPointStar);
11
- let __envive_ai_react_icons_src_OutlinedStar = require("@envive-ai/react-icons/src/OutlinedStar");
12
- __envive_ai_react_icons_src_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_src_OutlinedStar);
9
+ let __envive_ai_react_icons_OutlinedStar = require("@envive-ai/react-icons/OutlinedStar");
10
+ __envive_ai_react_icons_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_OutlinedStar);
11
+ let __envive_ai_react_icons_FourPointStar = require("@envive-ai/react-icons/FourPointStar");
12
+ __envive_ai_react_icons_FourPointStar = require_chunk.__toESM(__envive_ai_react_icons_FourPointStar);
13
13
 
14
14
  //#region src/components/SuggestionButton/SuggestionButton.tsx
15
15
  const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = "spiffy-suggestion-button-question-class";
@@ -165,8 +165,8 @@ const SuggestionButton = ({ variant, hoverVariant, isDisabled, content, boldText
165
165
  const buttonClass = `${buttonClassName} ${variantClasses.join(" ")}`;
166
166
  const getIcon = () => {
167
167
  if (isAnswer) return void 0;
168
- if (variant === "transparentDark") return __envive_ai_react_icons_src_OutlinedStar.default;
169
- return __envive_ai_react_icons_src_FourPointStar.default;
168
+ if (variant === "transparentDark") return __envive_ai_react_icons_OutlinedStar.default;
169
+ return __envive_ai_react_icons_FourPointStar.default;
170
170
  };
171
171
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
172
172
  text: content,
@@ -1,5 +1,5 @@
1
- import { TestProps } from "../types-BQYpWDJ4.cjs";
2
- import * as react_jsx_runtime13 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime19 from "react/jsx-runtime";
2
+ import { TestProps } from "@envive-ai/react-hooks/types";
3
3
 
4
4
  //#region src/components/SuggestionButton/types.d.ts
5
5
  type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
30
30
  dataAttributes,
31
31
  dataTestId,
32
32
  onClick
33
- }: SuggestionButtonProps) => react_jsx_runtime13.JSX.Element;
33
+ }: SuggestionButtonProps) => react_jsx_runtime19.JSX.Element;
34
34
  //#endregion
35
35
  export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };
@@ -1,5 +1,5 @@
1
- import { TestProps } from "../types-BruEHw-X.js";
2
- import * as react_jsx_runtime4 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime3 from "react/jsx-runtime";
2
+ import { TestProps } from "@envive-ai/react-hooks/types";
3
3
 
4
4
  //#region src/components/SuggestionButton/types.d.ts
5
5
  type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
30
30
  dataAttributes,
31
31
  dataTestId,
32
32
  onClick
33
- }: SuggestionButtonProps) => react_jsx_runtime4.JSX.Element;
33
+ }: SuggestionButtonProps) => react_jsx_runtime3.JSX.Element;
34
34
  //#endregion
35
35
  export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };
@@ -1,10 +1,10 @@
1
- import { ButtonBase } from "../ButtonBase-BIAu5fIG.js";
2
- import "../textVariantClasses-CnjwO2Fv.js";
3
- import "../Text-BMg3d10t.js";
1
+ import "../textVariantClasses-D77TGEy1.js";
2
+ import "../Text-Bod4OMPk.js";
3
+ import { ButtonBase } from "../ButtonBase-DGbSm0SJ.js";
4
4
  import classNames from "classnames";
5
5
  import { jsx } from "react/jsx-runtime";
6
- import FourPointStar from "@envive-ai/react-icons/src/FourPointStar";
7
- import OutlinedStar from "@envive-ai/react-icons/src/OutlinedStar";
6
+ import OutlinedStar from "@envive-ai/react-icons/OutlinedStar";
7
+ import FourPointStar from "@envive-ai/react-icons/FourPointStar";
8
8
 
9
9
  //#region src/components/SuggestionButton/SuggestionButton.tsx
10
10
  const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = "spiffy-suggestion-button-question-class";
@@ -1,6 +1,6 @@
1
- const require_textVariantClasses = require('../textVariantClasses-BnV4wXaw.cjs');
2
- const require_Text = require('../Text-CgOYTs8D.cjs');
3
- const require_Text$1 = require('../Text-DDT3sqY1.cjs');
1
+ const require_textVariantClasses = require('../textVariantClasses-Dgz7Zaql.cjs');
2
+ const require_Text = require('../Text-MQjxqgZZ.cjs');
3
+ const require_Text$1 = require('../Text-C8t_iEj6.cjs');
4
4
 
5
5
  exports.ExpandableTextOverrides = require_Text$1.ExpandableTextOverrides;
6
6
  exports.HeadlineVariantMap = require_textVariantClasses.HeadlineVariantMap;
@@ -1,5 +1,5 @@
1
- import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-Cdg-UUHi.cjs";
2
- import * as react_jsx_runtime1 from "react/jsx-runtime";
1
+ import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-B0gNjzl4.cjs";
2
+ import * as react_jsx_runtime14 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/components/Text/types.d.ts
5
5
  declare enum ExpandableTextOverrides {
@@ -37,6 +37,6 @@ declare const Text: ({
37
37
  testId,
38
38
  type,
39
39
  variant
40
- }: TextProps) => react_jsx_runtime1.JSX.Element;
40
+ }: TextProps) => react_jsx_runtime14.JSX.Element;
41
41
  //#endregion
42
42
  export { ExpandableTextOverrides, HeadlineProps, HeadlineVariant, HeadlineVariantMap, Text, TextStyleVariantMap, TextType, TextVariant, TextVariantMap, getVariantPlaceholderClassNames };
@@ -1,5 +1,5 @@
1
- import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-C8OCWZAw.js";
2
- import * as react_jsx_runtime0 from "react/jsx-runtime";
1
+ import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-ypYGLq0h.js";
2
+ import * as react_jsx_runtime23 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/components/Text/types.d.ts
5
5
  declare enum ExpandableTextOverrides {
@@ -37,6 +37,6 @@ declare const Text: ({
37
37
  testId,
38
38
  type,
39
39
  variant
40
- }: TextProps) => react_jsx_runtime0.JSX.Element;
40
+ }: TextProps) => react_jsx_runtime23.JSX.Element;
41
41
  //#endregion
42
42
  export { ExpandableTextOverrides, HeadlineProps, HeadlineVariant, HeadlineVariantMap, Text, TextStyleVariantMap, TextType, TextVariant, TextVariantMap, getVariantPlaceholderClassNames };
@@ -1,5 +1,5 @@
1
- import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-CnjwO2Fv.js";
2
- import { Text } from "../Text-BMg3d10t.js";
3
- import { ExpandableTextOverrides } from "../Text-CV9pv8ds.js";
1
+ import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-D77TGEy1.js";
2
+ import { Text } from "../Text-Bod4OMPk.js";
3
+ import { ExpandableTextOverrides } from "../Text-BMsncrpY.js";
4
4
 
5
5
  export { ExpandableTextOverrides, HeadlineVariantMap, Text, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames };
@@ -1,4 +1,4 @@
1
- import { TextVariantMap } from "./textVariantClasses-CnjwO2Fv.js";
1
+ import { TextVariantMap } from "./textVariantClasses-D77TGEy1.js";
2
2
  import classNames from "classnames";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
 
@@ -1,5 +1,5 @@
1
1
  const require_chunk = require('./chunk-CUT6urMc.cjs');
2
- const require_textVariantClasses = require('./textVariantClasses-BnV4wXaw.cjs');
2
+ const require_textVariantClasses = require('./textVariantClasses-Dgz7Zaql.cjs');
3
3
  let classnames = require("classnames");
4
4
  classnames = require_chunk.__toESM(classnames);
5
5
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -1,4 +1,4 @@
1
- require('../textVariantClasses-BnV4wXaw.cjs');
2
- const require_TextInput = require('../TextInput-C6fF9cSB.cjs');
1
+ require('../textVariantClasses-Dgz7Zaql.cjs');
2
+ const require_TextInput = require('../TextInput-DLSgpP6b.cjs');
3
3
 
4
4
  exports.TextInput = require_TextInput.TextInput;
@@ -1,4 +1,4 @@
1
- import { TextStyleVariantMap } from "../textVariantClasses-Cdg-UUHi.cjs";
1
+ import { TextStyleVariantMap } from "../textVariantClasses-B0gNjzl4.cjs";
2
2
  import React from "react";
3
3
 
4
4
  //#region src/components/TextInput/TextInput.d.ts
@@ -1,4 +1,4 @@
1
- import { TextStyleVariantMap } from "../textVariantClasses-C8OCWZAw.js";
1
+ import { TextStyleVariantMap } from "../textVariantClasses-ypYGLq0h.js";
2
2
  import React from "react";
3
3
 
4
4
  //#region src/components/TextInput/TextInput.d.ts
@@ -1,4 +1,4 @@
1
- import "../textVariantClasses-CnjwO2Fv.js";
2
- import { TextInput } from "../TextInput-CRMqBW3X.js";
1
+ import "../textVariantClasses-D77TGEy1.js";
2
+ import { TextInput } from "../TextInput-BFPXhSAY.js";
3
3
 
4
4
  export { TextInput };
@@ -1,4 +1,4 @@
1
- import { TextStyleVariantMap, getVariantPlaceholderClassNames } from "./textVariantClasses-CnjwO2Fv.js";
1
+ import { TextStyleVariantMap, getVariantPlaceholderClassNames } from "./textVariantClasses-D77TGEy1.js";
2
2
  import React from "react";
3
3
  import classNames from "classnames";
4
4
  import { jsx } from "react/jsx-runtime";
@@ -1,5 +1,5 @@
1
1
  const require_chunk = require('./chunk-CUT6urMc.cjs');
2
- const require_textVariantClasses = require('./textVariantClasses-BnV4wXaw.cjs');
2
+ const require_textVariantClasses = require('./textVariantClasses-Dgz7Zaql.cjs');
3
3
  let react = require("react");
4
4
  react = require_chunk.__toESM(react);
5
5
  let classnames = require("classnames");