@lanaco/lnc-react-ui 4.0.226 → 4.0.228

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 (267) hide show
  1. package/dist/Accordion.cjs +1 -1
  2. package/dist/Accordion.js +1 -1
  3. package/dist/AccordionSummary.cjs +1 -1
  4. package/dist/AccordionSummary.js +1 -1
  5. package/dist/ActionsToolbar.cjs +1 -1
  6. package/dist/ActionsToolbar.js +1 -1
  7. package/dist/Alert.cjs +1 -1
  8. package/dist/Alert.js +1 -1
  9. package/dist/Avatar.cjs +1 -1
  10. package/dist/Avatar.js +1 -1
  11. package/dist/Badge.cjs +1 -1
  12. package/dist/Badge.js +1 -1
  13. package/dist/BannerNextSection.cjs +1 -1
  14. package/dist/BannerNextSection.js +1 -1
  15. package/dist/BannerSectionCarousel.cjs +3 -3
  16. package/dist/BannerSectionCarousel.js +19 -12
  17. package/dist/BannerSectionSimple.cjs +1 -1
  18. package/dist/BannerSectionSimple.js +1 -1
  19. package/dist/BannerSectionWithList.cjs +1 -1
  20. package/dist/BannerSectionWithList.js +1 -1
  21. package/dist/BlogCardsSponsoredSection.cjs +1 -1
  22. package/dist/BlogCardsSponsoredSection.js +4 -4
  23. package/dist/BlogCategoryCardsSection.cjs +1 -1
  24. package/dist/BlogCategoryCardsSection.js +1 -1
  25. package/dist/BlogExploreSection.cjs +1 -1
  26. package/dist/BlogExploreSection.js +2 -2
  27. package/dist/BlogListSection.cjs +7 -7
  28. package/dist/BlogListSection.js +157 -207
  29. package/dist/BlogProductCardsSection.cjs +1 -1
  30. package/dist/BlogProductCardsSection.js +1 -1
  31. package/dist/BlogShopCardsSection.cjs +1 -1
  32. package/dist/BlogShopCardsSection.js +1 -1
  33. package/dist/BlogSingleSection.cjs +2 -11
  34. package/dist/BlogSingleSection.js +20 -36
  35. package/dist/BlogsSectionDetailed.cjs +1 -1
  36. package/dist/BlogsSectionDetailed.js +4 -4
  37. package/dist/BlogsSectionLarge.cjs +8 -16
  38. package/dist/BlogsSectionLarge.js +41 -59
  39. package/dist/BlogsSectionSimple.cjs +1 -1
  40. package/dist/BlogsSectionSimple.js +4 -4
  41. package/dist/BlogsSectionSimpleCentered.cjs +12 -25
  42. package/dist/BlogsSectionSimpleCentered.js +64 -98
  43. package/dist/BlogsSectionWithFilters.cjs +10 -21
  44. package/dist/BlogsSectionWithFilters.js +106 -154
  45. package/dist/BrandHitsSection.cjs +7 -7
  46. package/dist/BrandHitsSection.js +41 -87
  47. package/dist/Breadcrumbs.cjs +1 -1
  48. package/dist/Breadcrumbs.js +1 -1
  49. package/dist/Button.cjs +1 -1
  50. package/dist/Button.js +1 -1
  51. package/dist/ButtonGroup.cjs +1 -1
  52. package/dist/ButtonGroup.js +1 -1
  53. package/dist/CalorieCalculatorSection.cjs +1 -1
  54. package/dist/CalorieCalculatorSection.js +1 -1
  55. package/dist/{CategorySimpleCard-TJRJ_2Sb.js → CategorySimpleCard-BE6F0PFT.js} +1 -1
  56. package/dist/{CategorySimpleCard-lIdzBNDa.cjs → CategorySimpleCard-Dr1FxIY9.cjs} +1 -1
  57. package/dist/CheckBoxInput.cjs +1 -1
  58. package/dist/CheckBoxInput.js +1 -1
  59. package/dist/Chip.cjs +1 -1
  60. package/dist/Chip.js +1 -1
  61. package/dist/ColorInput.cjs +1 -1
  62. package/dist/ColorInput.js +1 -1
  63. package/dist/ConfirmationForm.cjs +1 -1
  64. package/dist/ConfirmationForm.js +1 -1
  65. package/dist/CustomLoanMapSection.cjs +1 -1
  66. package/dist/CustomLoanMapSection.js +1 -1
  67. package/dist/{CustomStyles-B6uutenq.js → CustomStyles-YyM49BGx.js} +1 -1
  68. package/dist/{CustomStyles-dJQPJ4s4.cjs → CustomStyles-lzAjVMnI.cjs} +1 -1
  69. package/dist/DateInput.cjs +1 -1
  70. package/dist/DateInput.js +1 -1
  71. package/dist/DecimalInput.cjs +1 -1
  72. package/dist/DecimalInput.js +1 -1
  73. package/dist/DecimalInputV2.cjs +1 -1
  74. package/dist/DecimalInputV2.js +1 -1
  75. package/dist/DetailedProductsInfinitiveSection.cjs +1 -1
  76. package/dist/DetailedProductsInfinitiveSection.js +4 -4
  77. package/dist/DetailedProductsSection.cjs +1 -1
  78. package/dist/DetailedProductsSection.js +5 -5
  79. package/dist/DetailsView.cjs +1 -1
  80. package/dist/DetailsView.js +1 -1
  81. package/dist/DoubleRangeSlider.cjs +1 -1
  82. package/dist/DoubleRangeSlider.js +1 -1
  83. package/dist/DragAndDropFile.cjs +1 -1
  84. package/dist/DragAndDropFile.js +1 -1
  85. package/dist/DragDropFiles.cjs +1 -1
  86. package/dist/DragDropFiles.js +1 -1
  87. package/dist/Drawer.cjs +1 -1
  88. package/dist/Drawer.js +1 -1
  89. package/dist/Dropdown.cjs +1 -1
  90. package/dist/Dropdown.js +2 -2
  91. package/dist/DropdownItem.cjs +1 -1
  92. package/dist/DropdownItem.js +1 -1
  93. package/dist/DropdownLookup.cjs +1 -1
  94. package/dist/DropdownLookup.js +1 -1
  95. package/dist/DropdownMenu.cjs +1 -1
  96. package/dist/DropdownMenu.js +1 -1
  97. package/dist/EditableTable.cjs +1 -1
  98. package/dist/EditableTable.js +1 -1
  99. package/dist/FeedbackSection.cjs +1 -1
  100. package/dist/FeedbackSection.js +1 -1
  101. package/dist/FieldOfInterestsMasonrySection.cjs +13 -13
  102. package/dist/FieldOfInterestsMasonrySection.js +105 -159
  103. package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +8 -8
  104. package/dist/FieldOfInterestsWithAvatarsCardsSection.js +93 -124
  105. package/dist/FieldOfInterestsWithTagsCardsSection.cjs +1 -1
  106. package/dist/FieldOfInterestsWithTagsCardsSection.js +2 -2
  107. package/dist/FileInput.cjs +1 -1
  108. package/dist/FileInput.js +1 -1
  109. package/dist/FlexGridItem.cjs +1 -1
  110. package/dist/FlexGridItem.js +1 -1
  111. package/dist/FormField.cjs +1 -1
  112. package/dist/FormField.js +1 -1
  113. package/dist/FormView.cjs +1 -1
  114. package/dist/FormView.js +1 -1
  115. package/dist/GeneralWithTagsCardsSection.cjs +1 -1
  116. package/dist/GeneralWithTagsCardsSection.js +2 -2
  117. package/dist/GiftCardsSection.cjs +10 -14
  118. package/dist/GiftCardsSection.js +77 -147
  119. package/dist/Icon.cjs +1 -1
  120. package/dist/Icon.js +1 -1
  121. package/dist/IconButton.cjs +1 -1
  122. package/dist/IconButton.js +1 -1
  123. package/dist/Kanban.cjs +1 -1
  124. package/dist/Kanban.js +1 -1
  125. package/dist/KanbanActionsToolbar.cjs +1 -1
  126. package/dist/KanbanActionsToolbar.js +1 -1
  127. package/dist/KanbanView.cjs +1 -1
  128. package/dist/KanbanView.js +1 -1
  129. package/dist/Link.cjs +1 -1
  130. package/dist/Link.js +1 -1
  131. package/dist/LoanCalculatorSection.cjs +1 -1
  132. package/dist/LoanCalculatorSection.js +1 -1
  133. package/dist/LocationFinderSection.cjs +1 -1
  134. package/dist/LocationFinderSection.js +1 -1
  135. package/dist/LocationSearchSection.cjs +1 -1
  136. package/dist/LocationSearchSection.js +1 -1
  137. package/dist/MasonryGeneralCardsSection.cjs +10 -10
  138. package/dist/MasonryGeneralCardsSection.js +45 -44
  139. package/dist/MenuItem.cjs +1 -1
  140. package/dist/MenuItem.js +1 -1
  141. package/dist/Modal.cjs +1 -1
  142. package/dist/Modal.js +1 -1
  143. package/dist/MultiSelectDropdown.cjs +1 -1
  144. package/dist/MultiSelectDropdown.js +1 -1
  145. package/dist/MultiSelectDropdownLookup.cjs +1 -1
  146. package/dist/MultiSelectDropdownLookup.js +1 -1
  147. package/dist/NestedDropdownItem.cjs +1 -1
  148. package/dist/NestedDropdownItem.js +1 -1
  149. package/dist/NestedMenuItem.cjs +1 -1
  150. package/dist/NestedMenuItem.js +1 -1
  151. package/dist/NotificationContainer.cjs +1 -1
  152. package/dist/NotificationContainer.js +1 -1
  153. package/dist/NotificationMessage.cjs +1 -1
  154. package/dist/NotificationMessage.js +1 -1
  155. package/dist/NumberInput.cjs +1 -1
  156. package/dist/NumberInput.js +1 -1
  157. package/dist/OverlayGeneralCardsSection.cjs +1 -1
  158. package/dist/OverlayGeneralCardsSection.js +1 -1
  159. package/dist/PartnerBrandsSection.cjs +1 -1
  160. package/dist/PartnerBrandsSection.js +1 -1
  161. package/dist/PartnerCardsSection.cjs +1 -1
  162. package/dist/PartnerCardsSection.js +1 -1
  163. package/dist/PartnerStatsSection.cjs +1 -1
  164. package/dist/PartnerStatsSection.js +1 -1
  165. package/dist/PasswordInput.cjs +1 -1
  166. package/dist/PasswordInput.js +1 -1
  167. package/dist/PopoverContent.cjs +1 -1
  168. package/dist/PopoverContent.js +1 -1
  169. package/dist/ProductsWithBannerSection.cjs +13 -13
  170. package/dist/ProductsWithBannerSection.js +87 -168
  171. package/dist/ProgressBar.cjs +1 -1
  172. package/dist/ProgressBar.js +1 -1
  173. package/dist/QuattroCardsSection.cjs +1 -1
  174. package/dist/QuattroCardsSection.js +2 -2
  175. package/dist/QuizSection.cjs +1 -1
  176. package/dist/QuizSection.js +1 -1
  177. package/dist/RadioInput.cjs +1 -1
  178. package/dist/RadioInput.js +1 -1
  179. package/dist/RangeSlider.cjs +1 -1
  180. package/dist/RangeSlider.js +1 -1
  181. package/dist/ReviewsSection.cjs +18 -22
  182. package/dist/ReviewsSection.js +101 -163
  183. package/dist/SalesCampaignsSection.cjs +25 -25
  184. package/dist/SalesCampaignsSection.js +267 -306
  185. package/dist/Separator.cjs +1 -1
  186. package/dist/Separator.js +1 -1
  187. package/dist/ShopCardsSection.cjs +6 -19
  188. package/dist/ShopCardsSection.js +56 -102
  189. package/dist/Sidebar.cjs +1 -1
  190. package/dist/Sidebar.js +1 -1
  191. package/dist/SimpleCategoriesSection.cjs +3 -3
  192. package/dist/SimpleCategoriesSection.js +65 -68
  193. package/dist/SimpleProductsSection.cjs +7 -7
  194. package/dist/SimpleProductsSection.js +65 -138
  195. package/dist/Spinner.cjs +1 -1
  196. package/dist/Spinner.js +1 -1
  197. package/dist/StatsSection.cjs +1 -1
  198. package/dist/StatsSection.js +1 -1
  199. package/dist/Surface.cjs +1 -1
  200. package/dist/Surface.js +1 -1
  201. package/dist/SwipeableDrawer.cjs +1 -1
  202. package/dist/SwipeableDrawer.js +1 -1
  203. package/dist/TabItem.cjs +1 -1
  204. package/dist/TabItem.js +1 -1
  205. package/dist/Table.cjs +1 -1
  206. package/dist/Table.js +1 -1
  207. package/dist/TableView.cjs +1 -1
  208. package/dist/TableView.js +1 -1
  209. package/dist/TextAreaInput.cjs +1 -1
  210. package/dist/TextAreaInput.js +1 -1
  211. package/dist/TextInput.cjs +1 -1
  212. package/dist/TextInput.js +1 -1
  213. package/dist/ThemeProvider.cjs +1 -1
  214. package/dist/ThemeProvider.js +1 -1
  215. package/dist/TimeInput.cjs +1 -1
  216. package/dist/TimeInput.js +1 -1
  217. package/dist/Toggle.cjs +1 -1
  218. package/dist/Toggle.js +1 -1
  219. package/dist/TreeMenuSeparator.cjs +1 -1
  220. package/dist/TreeMenuSeparator.js +1 -1
  221. package/dist/UploadedFile.cjs +1 -1
  222. package/dist/UploadedFile.js +1 -1
  223. package/dist/UrgentSaleProductsSection.cjs +1 -1
  224. package/dist/UrgentSaleProductsSection.js +1 -1
  225. package/dist/index-B7fBsitY.js +45 -0
  226. package/dist/{index-BkztbBWe.cjs → index-B96icAp4.cjs} +1 -1
  227. package/dist/index-BMAvJQBG.cjs +9 -0
  228. package/dist/index-BUdvfHpp.cjs +5 -0
  229. package/dist/{index-tdg_Vmed.cjs → index-BXkL0HmX.cjs} +1 -1
  230. package/dist/index-C6amCwRZ.js +25 -0
  231. package/dist/index-C8R9lsWG.cjs +1 -0
  232. package/dist/{index-Djo0ZcRE.js → index-CCwfh-7A.js} +1 -1
  233. package/dist/{index-jGcy-5M_.js → index-CNUuIL97.js} +2 -2
  234. package/dist/index-CeQvy566.cjs +11 -0
  235. package/dist/{index-DsINTjQk.cjs → index-ChHUGfjn.cjs} +1 -1
  236. package/dist/index-Cyt4EUZ6.js +20 -0
  237. package/dist/{index-DEypPQRI.js → index-D6_3Q8lN.js} +1 -1
  238. package/dist/{index-D4-_TrSn.cjs → index-DnbzopIv.cjs} +1 -1
  239. package/dist/{index-rhYVjszT.js → index-DtVJCOWc.js} +2 -2
  240. package/dist/index-DueyY06i.cjs +368 -0
  241. package/dist/{index-D4OKsSqi.cjs → index-HzW6OHFF.cjs} +1 -1
  242. package/dist/{index-3GKF_7BJ.cjs → index-RrqW9QBJ.cjs} +1 -1
  243. package/dist/index-VTkAaA-n.js +18 -0
  244. package/dist/{index-CM6vzQBx.js → index-eOeAkUSU.js} +1 -1
  245. package/dist/{index-Dx2hfxCG.js → index-gHaK62BZ.js} +2 -2
  246. package/dist/index-zIt6TVeg.js +753 -0
  247. package/dist/index.cjs +1 -1
  248. package/dist/index.js +2 -2
  249. package/dist/style-BFPpppS9.js +73 -0
  250. package/dist/{style-D54KOzZj.js → style-CP_urKvc.js} +1 -1
  251. package/dist/style-CQdEALKR.cjs +59 -0
  252. package/dist/{style-Boz6dk5s.cjs → style-cJUZrJoG.cjs} +1 -1
  253. package/dist/{utils-CITgSxXe.cjs → utils-BK6B_Y9X.cjs} +2 -2
  254. package/dist/{utils-MoGhNMmj.js → utils-BUdHa0nB.js} +16 -23
  255. package/package.json +1 -1
  256. package/dist/index-BGNavrtB.cjs +0 -368
  257. package/dist/index-BHcrzV2G.js +0 -54
  258. package/dist/index-Bj1KWOV4.cjs +0 -11
  259. package/dist/index-BsAddfgC.cjs +0 -1
  260. package/dist/index-Cn4bq6ZX.js +0 -84
  261. package/dist/index-CuRcxKQH.js +0 -42
  262. package/dist/index-DB1J-G6Z.js +0 -38
  263. package/dist/index-DkPva6Gr.cjs +0 -20
  264. package/dist/index-fzBXDy05.cjs +0 -16
  265. package/dist/index-gFZSZLba.js +0 -882
  266. package/dist/style-DvkivBNg.js +0 -74
  267. package/dist/style-Ito6YFqi.cjs +0 -64
@@ -0,0 +1,45 @@
1
+ import { jsx as e, Fragment as a } from "react/jsx-runtime";
2
+ import { Suspense as o } from "react";
3
+ import { S as m, a as i, e as d } from "./style-BFPpppS9.js";
4
+ import { s as h } from "./emotion-styled.browser.esm-DfbrHHed.js";
5
+ import { d as c } from "./breakpoints-BubDitvo.js";
6
+ const l = h(m)`
7
+ &.skeleton__tags {
8
+ max-width: 50rem;
9
+ }
10
+
11
+ @media ${c("S")} {
12
+ &.skeleton__tags {
13
+ overflow-x: hidden;
14
+ }
15
+ }
16
+ `, g = ({ keyPrefix: t }) => /* @__PURE__ */ e(l, { className: "skeleton__cards", children: [1, 2, 3].map((s) => /* @__PURE__ */ e(
17
+ i,
18
+ {
19
+ width: "100%",
20
+ height: "13.75rem"
21
+ },
22
+ `${t}-${s}`
23
+ )) }), C = ({
24
+ keyPrefix: t,
25
+ isLoading: s = !1,
26
+ fallbackComponent: n = /* @__PURE__ */ e(a, {}),
27
+ children: r
28
+ }) => /* @__PURE__ */ e(o, { fallbackComponent: n, children: s === !0 ? /* @__PURE__ */ e(g, { keyPrefix: t }) : r }), f = ({ keyPrefix: t }) => /* @__PURE__ */ e(l, { className: "skeleton__tags", children: [1, 2, 3, 4, 5].map((s) => /* @__PURE__ */ e(
29
+ d,
30
+ {
31
+ alignItems: "center",
32
+ gap: "0.5rem",
33
+ children: /* @__PURE__ */ e(i, { height: "1.5rem", width: "8rem" })
34
+ },
35
+ `${t}-${s}`
36
+ )) }), T = ({
37
+ keyPrefix: t,
38
+ isLoading: s = !1,
39
+ fallbackComponent: n = /* @__PURE__ */ e(a, {}),
40
+ children: r
41
+ }) => /* @__PURE__ */ e(o, { fallbackComponent: n, children: s === !0 ? /* @__PURE__ */ e(f, { keyPrefix: t }) : r });
42
+ export {
43
+ T as S,
44
+ C as a
45
+ };
@@ -1,4 +1,4 @@
1
- "use strict";const i=require("react/jsx-runtime"),p=require("react"),v=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),r=require("./utils-CITgSxXe.cjs"),j=require("./index-DsINTjQk.cjs"),k=v.styled.a`
1
+ "use strict";const i=require("react/jsx-runtime"),p=require("react"),v=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),r=require("./utils-BK6B_Y9X.cjs"),j=require("./index-ChHUGfjn.cjs"),k=v.styled.a`
2
2
  text-decoration: none;
3
3
  color: var(--gray-950);
4
4
  display: flex;
@@ -0,0 +1,9 @@
1
+ "use strict";const e=require("react/jsx-runtime"),i=require("react"),n=require("./style-CQdEALKR.cjs"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),c=require("./breakpoints-CcVm-gVm.cjs"),d=l.styled(n.SkeletonAnimationColumnContainer)`
2
+ @media ${c.down("S")} {
3
+ flex-direction: column;
4
+
5
+ & > div {
6
+ flex-direction: column;
7
+ }
8
+ }
9
+ `,u=({keyPrefix:t})=>e.jsx(d,{children:[1,2].map(s=>e.jsxs(n.SkeletonContainer,{children:[e.jsx(n.SkeletonRect,{width:"100%",height:"11.25rem"}),e.jsx(n.SkeletonRect,{width:"100%",height:"11.25rem"})]},`${t}-${s}`))}),a=({keyPrefix:t,isLoading:s=!1,fallbackComponent:o=e.jsx(e.Fragment,{}),children:r})=>e.jsx(i.Suspense,{fallbackComponent:o,children:s===!0?e.jsx(u,{keyPrefix:t}):r});exports.SuspenseBlogCardsSponsored=a;
@@ -0,0 +1,5 @@
1
+ "use strict";const e=require("react/jsx-runtime"),r=require("react"),s=require("./style-CQdEALKR.cjs"),c=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),l=require("./breakpoints-CcVm-gVm.cjs"),u=c.styled(s.SkeletonAnimationContainer)`
2
+ @media ${l.down("S")} {
3
+ flex-direction: column;
4
+ }
5
+ `,a=({keyPrefix:t})=>e.jsx(u,{children:[1,2,3].map(n=>e.jsx(s.SkeletonRect,{width:"100%",height:"23rem"},`${t}-${n}`))}),d=({keyPrefix:t,isLoading:n=!1,fallbackComponent:o=e.jsx(e.Fragment,{}),children:i})=>e.jsx(r.Suspense,{fallbackComponent:o,children:n===!0?e.jsx(a,{keyPrefix:t}):i});exports.SuspenseBlogsSectionDetailed=d;
@@ -1,4 +1,4 @@
1
- "use strict";const e=require("react/jsx-runtime"),A=require("react"),P=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),w=require("./breakpoints-CcVm-gVm.cjs"),j=require("./utils-CITgSxXe.cjs"),C=require("./useDetectMobile-DYV6V1yw.cjs"),D=require("./Button.cjs"),V=P.styled.div`
1
+ "use strict";const e=require("react/jsx-runtime"),A=require("react"),P=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),w=require("./breakpoints-CcVm-gVm.cjs"),j=require("./utils-BK6B_Y9X.cjs"),C=require("./useDetectMobile-DYV6V1yw.cjs"),D=require("./Button.cjs"),V=P.styled.div`
2
2
  display: flex;
3
3
  gap: 1.25rem;
4
4
  padding: 1.5rem;
@@ -0,0 +1,25 @@
1
+ import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
2
+ import { Suspense as a } from "react";
3
+ import { b as d, c as l, a as r } from "./style-BFPpppS9.js";
4
+ import { s as c } from "./emotion-styled.browser.esm-DfbrHHed.js";
5
+ import { d as p } from "./breakpoints-BubDitvo.js";
6
+ const S = c(d)`
7
+ @media ${p("S")} {
8
+ flex-direction: column;
9
+
10
+ & > div {
11
+ flex-direction: column;
12
+ }
13
+ }
14
+ `, h = ({ keyPrefix: o }) => /* @__PURE__ */ e(S, { children: [1, 2].map((n) => /* @__PURE__ */ s(l, { children: [
15
+ /* @__PURE__ */ e(r, { width: "100%", height: "11.25rem" }),
16
+ /* @__PURE__ */ e(r, { width: "100%", height: "11.25rem" })
17
+ ] }, `${o}-${n}`)) }), k = ({
18
+ keyPrefix: o,
19
+ isLoading: n = !1,
20
+ fallbackComponent: t = /* @__PURE__ */ e(m, {}),
21
+ children: i
22
+ }) => /* @__PURE__ */ e(a, { fallbackComponent: t, children: n === !0 ? /* @__PURE__ */ e(h, { keyPrefix: o }) : i });
23
+ export {
24
+ k as S
25
+ };
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react/jsx-runtime"),c=require("react"),s=require("./style-CQdEALKR.cjs"),i=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),u=i.styled(s.SkeletonAnimationContainer)``,l=({keyPrefix:t})=>e.jsx(u,{children:[1,2,3].map(r=>e.jsx(s.SkeletonRect,{width:"5rem",borderRadius:"0.75rem"},`${t}-${r}`))}),a=({keyPrefix:t,isLoading:r=!1,fallbackComponent:n=e.jsx(e.Fragment,{}),children:o})=>e.jsx(c.Suspense,{fallbackComponent:n,children:r===!0?e.jsx(l,{keyPrefix:t}):o});exports.SuspenseSelectBar=a;
@@ -9,7 +9,7 @@ import { u as P } from "./useDetectMobile-B0Jog4jQ.js";
9
9
  import { I as K } from "./index-DMmw5Ad5.js";
10
10
  import O from "./Button.js";
11
11
  import Q from "./Icon.js";
12
- import { m as X } from "./utils-MoGhNMmj.js";
12
+ import { m as X } from "./utils-BUdHa0nB.js";
13
13
  const Y = J.div`
14
14
  position: relative;
15
15
  padding: ${(e) => e.padding};
@@ -1,8 +1,8 @@
1
1
  import { jsxs as i, jsx as m } from "react/jsx-runtime";
2
2
  import { forwardRef as v, useRef as k } from "react";
3
3
  import { s as $ } from "./emotion-styled.browser.esm-DfbrHHed.js";
4
- import { n as C, m as z, p as N, G as S, l as p } from "./utils-MoGhNMmj.js";
5
- import { P as j } from "./index-DEypPQRI.js";
4
+ import { n as C, m as z, p as N, G as S, l as p } from "./utils-BUdHa0nB.js";
5
+ import { P as j } from "./index-D6_3Q8lN.js";
6
6
  const P = $.a`
7
7
  text-decoration: none;
8
8
  color: var(--gray-950);
@@ -0,0 +1,11 @@
1
+ "use strict";const e=require("react/jsx-runtime"),a=require("react"),n=require("./style-CQdEALKR.cjs"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),o=l.styled(n.SkeletonAnimationContainer)`
2
+ &.skeleton__tags {
3
+ max-width: 50rem;
4
+ }
5
+
6
+ @media ${d.down("S")} {
7
+ &.skeleton__tags {
8
+ overflow-x: hidden;
9
+ }
10
+ }
11
+ `,c=({keyPrefix:s})=>e.jsx(o,{className:"skeleton__cards",children:[1,2,3].map(t=>e.jsx(n.SkeletonRect,{width:"100%",height:"13.75rem"},`${s}-${t}`))}),u=({keyPrefix:s,isLoading:t=!1,fallbackComponent:r=e.jsx(e.Fragment,{}),children:i})=>e.jsx(a.Suspense,{fallbackComponent:r,children:t===!0?e.jsx(c,{keyPrefix:s}):i}),h=({keyPrefix:s})=>e.jsx(o,{className:"skeleton__tags",children:[1,2,3,4,5].map(t=>e.jsx(n.SkeletonColumnContainer,{alignItems:"center",gap:"0.5rem",children:e.jsx(n.SkeletonRect,{height:"1.5rem",width:"8rem"})},`${s}-${t}`))}),m=({keyPrefix:s,isLoading:t=!1,fallbackComponent:r=e.jsx(e.Fragment,{}),children:i})=>e.jsx(a.Suspense,{fallbackComponent:r,children:t===!0?e.jsx(h,{keyPrefix:s}):i});exports.SuspenseFieldOfInterestsWithTagsCard=u;exports.SuspenseFieldOfInterestsWithTagsTag=m;
@@ -1 +1 @@
1
- "use strict";const C=require("react/jsx-runtime"),t=require("react"),u=require("./utils-CITgSxXe.cjs"),l="data:image/svg+xml,%3csvg%20width='240'%20height='240'%20viewBox='0%200%20240%20240'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='240'%20height='240'%20rx='12'%20fill='%2314161A'%20fill-opacity='0.04'/%3e%3crect%20x='88'%20y='88'%20width='64'%20height='64'%20rx='32'%20fill='%2314161A'%20fill-opacity='0.08'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M110%20108H130C130.53%20108%20131.039%20108.211%20131.414%20108.586C131.789%20108.961%20132%20109.47%20132%20110V130C132%20130.53%20131.789%20131.039%20131.414%20131.414C131.039%20131.789%20130.53%20132%20130%20132H110C109.47%20132%20108.961%20131.789%20108.586%20131.414C108.211%20131.039%20108%20130.53%20108%20130V110C108%20109.47%20108.211%20108.961%20108.586%20108.586C108.961%20108.211%20109.47%20108%20110%20108ZM110%20124V130H130V128L125%20123L123.41%20124.59C123.035%20124.963%20122.528%20125.172%20122%20125.172C121.472%20125.172%20120.965%20124.963%20120.59%20124.59L115%20119L110%20124ZM126.41%20121.58L130%20125.17V110H110V121.17L113.59%20117.58C113.965%20117.207%20114.472%20116.998%20115%20116.998C115.528%20116.998%20116.035%20117.207%20116.41%20117.58L122%20123.17L123.59%20121.58C123.965%20121.207%20124.472%20120.998%20125%20120.998C125.528%20120.998%20126.035%20121.207%20126.41%20121.58ZM124.667%20117.494C124.173%20117.824%20123.593%20118%20123%20118C122.204%20118%20121.441%20117.684%20120.879%20117.121C120.316%20116.559%20120%20115.796%20120%20115C120%20114.407%20120.176%20113.827%20120.506%20113.333C120.835%20112.84%20121.304%20112.455%20121.852%20112.228C122.4%20112.001%20123.003%20111.942%20123.585%20112.058C124.167%20112.173%20124.702%20112.459%20125.121%20112.879C125.541%20113.298%20125.827%20113.833%20125.942%20114.415C126.058%20114.997%20125.999%20115.6%20125.772%20116.148C125.545%20116.696%20125.16%20117.165%20124.667%20117.494ZM123.556%20114.169C123.391%20114.059%20123.198%20114%20123%20114C122.735%20114%20122.48%20114.105%20122.293%20114.293C122.105%20114.48%20122%20114.735%20122%20115C122%20115.198%20122.059%20115.391%20122.169%20115.556C122.278%20115.72%20122.435%20115.848%20122.617%20115.924C122.8%20116%20123.001%20116.019%20123.195%20115.981C123.389%20115.942%20123.567%20115.847%20123.707%20115.707C123.847%20115.567%20123.942%20115.389%20123.981%20115.195C124.019%20115.001%20124%20114.8%20123.924%20114.617C123.848%20114.435%20123.72%20114.278%20123.556%20114.169Z'%20fill='%23868C98'/%3e%3c/svg%3e",a=t.forwardRef(({src:i,...c},s)=>{const e=t.useRef();return t.useEffect(()=>{var o;const n=r=>{r.target.src=l,r.onerror=null};return(o=e==null?void 0:e.current)==null||o.addEventListener("error",n),()=>{var r;(r=e==null?void 0:e.current)==null||r.removeEventListener("error",n)}},[]),C.jsx(t.Fragment,{ref:s,children:u.isDefinedNotEmptyString(i)?C.jsx("img",{ref:e,src:i,...c}):C.jsx("img",{src:l,...c})})});exports.ProductImageWrapper=a;
1
+ "use strict";const C=require("react/jsx-runtime"),t=require("react"),u=require("./utils-BK6B_Y9X.cjs"),l="data:image/svg+xml,%3csvg%20width='240'%20height='240'%20viewBox='0%200%20240%20240'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='240'%20height='240'%20rx='12'%20fill='%2314161A'%20fill-opacity='0.04'/%3e%3crect%20x='88'%20y='88'%20width='64'%20height='64'%20rx='32'%20fill='%2314161A'%20fill-opacity='0.08'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M110%20108H130C130.53%20108%20131.039%20108.211%20131.414%20108.586C131.789%20108.961%20132%20109.47%20132%20110V130C132%20130.53%20131.789%20131.039%20131.414%20131.414C131.039%20131.789%20130.53%20132%20130%20132H110C109.47%20132%20108.961%20131.789%20108.586%20131.414C108.211%20131.039%20108%20130.53%20108%20130V110C108%20109.47%20108.211%20108.961%20108.586%20108.586C108.961%20108.211%20109.47%20108%20110%20108ZM110%20124V130H130V128L125%20123L123.41%20124.59C123.035%20124.963%20122.528%20125.172%20122%20125.172C121.472%20125.172%20120.965%20124.963%20120.59%20124.59L115%20119L110%20124ZM126.41%20121.58L130%20125.17V110H110V121.17L113.59%20117.58C113.965%20117.207%20114.472%20116.998%20115%20116.998C115.528%20116.998%20116.035%20117.207%20116.41%20117.58L122%20123.17L123.59%20121.58C123.965%20121.207%20124.472%20120.998%20125%20120.998C125.528%20120.998%20126.035%20121.207%20126.41%20121.58ZM124.667%20117.494C124.173%20117.824%20123.593%20118%20123%20118C122.204%20118%20121.441%20117.684%20120.879%20117.121C120.316%20116.559%20120%20115.796%20120%20115C120%20114.407%20120.176%20113.827%20120.506%20113.333C120.835%20112.84%20121.304%20112.455%20121.852%20112.228C122.4%20112.001%20123.003%20111.942%20123.585%20112.058C124.167%20112.173%20124.702%20112.459%20125.121%20112.879C125.541%20113.298%20125.827%20113.833%20125.942%20114.415C126.058%20114.997%20125.999%20115.6%20125.772%20116.148C125.545%20116.696%20125.16%20117.165%20124.667%20117.494ZM123.556%20114.169C123.391%20114.059%20123.198%20114%20123%20114C122.735%20114%20122.48%20114.105%20122.293%20114.293C122.105%20114.48%20122%20114.735%20122%20115C122%20115.198%20122.059%20115.391%20122.169%20115.556C122.278%20115.72%20122.435%20115.848%20122.617%20115.924C122.8%20116%20123.001%20116.019%20123.195%20115.981C123.389%20115.942%20123.567%20115.847%20123.707%20115.707C123.847%20115.567%20123.942%20115.389%20123.981%20115.195C124.019%20115.001%20124%20114.8%20123.924%20114.617C123.848%20114.435%20123.72%20114.278%20123.556%20114.169Z'%20fill='%23868C98'/%3e%3c/svg%3e",a=t.forwardRef(({src:i,...c},s)=>{const e=t.useRef();return t.useEffect(()=>{var o;const n=r=>{r.target.src=l,r.onerror=null};return(o=e==null?void 0:e.current)==null||o.addEventListener("error",n),()=>{var r;(r=e==null?void 0:e.current)==null||r.removeEventListener("error",n)}},[]),C.jsx(t.Fragment,{ref:s,children:u.isDefinedNotEmptyString(i)?C.jsx("img",{ref:e,src:i,...c}):C.jsx("img",{src:l,...c})})});exports.ProductImageWrapper=a;
@@ -0,0 +1,20 @@
1
+ import { jsx as e, Fragment as s } from "react/jsx-runtime";
2
+ import { Suspense as a } from "react";
3
+ import { S as m, a as i } from "./style-BFPpppS9.js";
4
+ import { s as l } from "./emotion-styled.browser.esm-DfbrHHed.js";
5
+ const S = l(m)``, c = ({ keyPrefix: r }) => /* @__PURE__ */ e(S, { children: [1, 2, 3].map((t) => /* @__PURE__ */ e(
6
+ i,
7
+ {
8
+ width: "5rem",
9
+ borderRadius: "0.75rem"
10
+ },
11
+ `${r}-${t}`
12
+ )) }), h = ({
13
+ keyPrefix: r,
14
+ isLoading: t = !1,
15
+ fallbackComponent: n = /* @__PURE__ */ e(s, {}),
16
+ children: o
17
+ }) => /* @__PURE__ */ e(a, { fallbackComponent: n, children: t === !0 ? /* @__PURE__ */ e(c, { keyPrefix: r }) : o });
18
+ export {
19
+ h as S
20
+ };
@@ -1,6 +1,6 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import { forwardRef as a, useRef as s, useEffect as d, Fragment as f } from "react";
3
- import { l as g } from "./utils-MoGhNMmj.js";
3
+ import { l as g } from "./utils-BUdHa0nB.js";
4
4
  const n = "data:image/svg+xml,%3csvg%20width='240'%20height='240'%20viewBox='0%200%20240%20240'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='240'%20height='240'%20rx='12'%20fill='%2314161A'%20fill-opacity='0.04'/%3e%3crect%20x='88'%20y='88'%20width='64'%20height='64'%20rx='32'%20fill='%2314161A'%20fill-opacity='0.08'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M110%20108H130C130.53%20108%20131.039%20108.211%20131.414%20108.586C131.789%20108.961%20132%20109.47%20132%20110V130C132%20130.53%20131.789%20131.039%20131.414%20131.414C131.039%20131.789%20130.53%20132%20130%20132H110C109.47%20132%20108.961%20131.789%20108.586%20131.414C108.211%20131.039%20108%20130.53%20108%20130V110C108%20109.47%20108.211%20108.961%20108.586%20108.586C108.961%20108.211%20109.47%20108%20110%20108ZM110%20124V130H130V128L125%20123L123.41%20124.59C123.035%20124.963%20122.528%20125.172%20122%20125.172C121.472%20125.172%20120.965%20124.963%20120.59%20124.59L115%20119L110%20124ZM126.41%20121.58L130%20125.17V110H110V121.17L113.59%20117.58C113.965%20117.207%20114.472%20116.998%20115%20116.998C115.528%20116.998%20116.035%20117.207%20116.41%20117.58L122%20123.17L123.59%20121.58C123.965%20121.207%20124.472%20120.998%20125%20120.998C125.528%20120.998%20126.035%20121.207%20126.41%20121.58ZM124.667%20117.494C124.173%20117.824%20123.593%20118%20123%20118C122.204%20118%20121.441%20117.684%20120.879%20117.121C120.316%20116.559%20120%20115.796%20120%20115C120%20114.407%20120.176%20113.827%20120.506%20113.333C120.835%20112.84%20121.304%20112.455%20121.852%20112.228C122.4%20112.001%20123.003%20111.942%20123.585%20112.058C124.167%20112.173%20124.702%20112.459%20125.121%20112.879C125.541%20113.298%20125.827%20113.833%20125.942%20114.415C126.058%20114.997%20125.999%20115.6%20125.772%20116.148C125.545%20116.696%20125.16%20117.165%20124.667%20117.494ZM123.556%20114.169C123.391%20114.059%20123.198%20114%20123%20114C122.735%20114%20122.48%20114.105%20122.293%20114.293C122.105%20114.48%20122%20114.735%20122%20115C122%20115.198%20122.059%20115.391%20122.169%20115.556C122.278%20115.72%20122.435%20115.848%20122.617%20115.924C122.8%20116%20123.001%20116.019%20123.195%20115.981C123.389%20115.942%20123.567%20115.847%20123.707%20115.707C123.847%20115.567%20123.942%20115.389%20123.981%20115.195C124.019%20115.001%20124%20114.8%20123.924%20114.617C123.848%20114.435%20123.72%20114.278%20123.556%20114.169Z'%20fill='%23868C98'/%3e%3c/svg%3e", u = a(({ src: C, ...o }, c) => {
5
5
  const r = s();
6
6
  return d(() => {
@@ -1,4 +1,4 @@
1
- "use strict";const r=require("react/jsx-runtime"),l=require("react"),x=require("./Icon.cjs"),o=require("./utils-CITgSxXe.cjs"),$=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),R=require("./breakpoints-CcVm-gVm.cjs"),d=require("./ShopAvatar-CV3lj34D.cjs"),k=require("./index-DsINTjQk.cjs"),D=$.styled.a`
1
+ "use strict";const r=require("react/jsx-runtime"),l=require("react"),x=require("./Icon.cjs"),o=require("./utils-BK6B_Y9X.cjs"),$=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),R=require("./breakpoints-CcVm-gVm.cjs"),d=require("./ShopAvatar-CV3lj34D.cjs"),k=require("./index-ChHUGfjn.cjs"),D=$.styled.a`
2
2
  text-decoration: none;
3
3
  color: var(--gray-950);
4
4
  display: flex;
@@ -2,10 +2,10 @@ import { jsxs as d, jsx as e } from "react/jsx-runtime";
2
2
  import { forwardRef as b, useRef as w } from "react";
3
3
  import { s } from "./emotion-styled.browser.esm-DfbrHHed.js";
4
4
  import { d as l } from "./breakpoints-BubDitvo.js";
5
- import { n as y } from "./utils-MoGhNMmj.js";
5
+ import { n as y } from "./utils-BUdHa0nB.js";
6
6
  import { u as v } from "./useDetectMobile-B0Jog4jQ.js";
7
7
  import c from "./Button.js";
8
- import { P as C } from "./index-DEypPQRI.js";
8
+ import { P as C } from "./index-D6_3Q8lN.js";
9
9
  const k = s.a`
10
10
  text-decoration: none;
11
11
  color: var(--gray-950);
@@ -0,0 +1,368 @@
1
+ "use strict";const r=require("react/jsx-runtime"),l=require("react"),N=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),I=require("./breakpoints-CcVm-gVm.cjs"),t=require("./utils-BK6B_Y9X.cjs"),$e=require("./index-ChHUGfjn.cjs"),z=require("./Badge.cjs"),Ee=require("./Popover.cjs"),Fe=require("./PopoverTrigger.cjs"),ze=require("./PopoverContent.cjs"),De=require("./useDetectMobile-DYV6V1yw.cjs"),J=require("./Icon.cjs"),h=require("./style-CQdEALKR.cjs"),Ve=N.styled.a`
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: 0.5rem;
5
+ cursor: pointer;
6
+ overflow: hidden;
7
+ width: 100%;
8
+ text-decoration: none;
9
+ color: var(--gray-950, #14161a);
10
+ position: relative;
11
+
12
+ & .prevent-el {
13
+ height: 0;
14
+ width: 0;
15
+ }
16
+ & .seller {
17
+ text-transform: uppercase;
18
+ ${t.truncateText()}
19
+ color: var(--gray-500);
20
+ font-size: 0.625rem;
21
+ font-weight: 400;
22
+ }
23
+
24
+ & .wrapper-card-1 {
25
+ display: flex;
26
+ flex-direction: column;
27
+ gap: 0.12rem;
28
+ }
29
+
30
+ & .wrapper-card-2 {
31
+ display: flex;
32
+ flex-direction: column;
33
+ gap: 0;
34
+ }
35
+
36
+ & .wrapper-card-3 {
37
+ display: flex;
38
+ flex-wrap: wrap;
39
+ gap: 0.25rem;
40
+
41
+ & > div {
42
+ & > div {
43
+ width: 100% !important;
44
+ }
45
+ }
46
+ }
47
+
48
+ & .tag {
49
+ height: 1.5rem;
50
+ gap: 0.25rem;
51
+ padding: 0.25rem 0.375rem;
52
+ border-radius: 0.375rem;
53
+ background: #f9fafb;
54
+ border: 1px solid var(--gray-95012, #14161a1f);
55
+ font-weight: 400;
56
+ font-size: 0.75rem;
57
+ line-height: 1rem;
58
+ letter-spacing: 0.025rem;
59
+ color: var(--gray-950, #14161a);
60
+ white-space: nowrap;
61
+ flex: 0 0 auto;
62
+
63
+ & i {
64
+ color: var(--yellow-500, #f59e0b);
65
+ }
66
+ }
67
+
68
+ & .card-title {
69
+ font-size: 0.875rem;
70
+ font-weight: 600;
71
+ ${t.truncateTextInRows(2)}
72
+ }
73
+
74
+ & .price-text {
75
+ font-size: 1rem;
76
+ font-weight: 600;
77
+ ${t.truncateText()}
78
+ display: flex;
79
+ align-items: end;
80
+ gap: 0.5rem;
81
+ color: var(--gray-950, #14161a);
82
+
83
+ &.new-price {
84
+ color: var(--danger-600, #e11d48);
85
+ }
86
+
87
+ & .full-price {
88
+ text-decoration: line-through;
89
+ font-size: 0.75rem;
90
+ font-weight: 400;
91
+ padding-bottom: 0.125rem;
92
+ color: var(--gray-600, #676e79);
93
+ ${t.truncateText()}
94
+ }
95
+ }
96
+
97
+ & .location-text {
98
+ font-size: 0.75rem;
99
+ font-weight: 400;
100
+ color: var(--gray-600, #676e79);
101
+ ${t.truncateText()}
102
+ }
103
+
104
+ & .tags-wrapper {
105
+ display: flex;
106
+ gap: 0.5rem;
107
+ }
108
+
109
+ & .tags-popover__trigger {
110
+ display: flex;
111
+ gap: 0.25rem;
112
+ }
113
+
114
+ & .campaign-badges {
115
+ position: absolute;
116
+ top: 0.5rem;
117
+ left: 0.75rem;
118
+ display: flex;
119
+ gap: 0.25rem;
120
+ flex-wrap: wrap;
121
+ justify-content: flex-start;
122
+ z-index: 1;
123
+ width: max-content;
124
+ max-width: 7rem;
125
+ }
126
+
127
+ & .campaign-badge {
128
+ width: fit-content;
129
+ height: 1.5rem;
130
+ border-radius: 0.25rem;
131
+ display: flex;
132
+ align-items: center;
133
+ justify-content: center;
134
+ color: white;
135
+ font-size: 1rem;
136
+ padding-inline: 0.15rem;
137
+
138
+ i {
139
+ ::before {
140
+ margin-inline: 0;
141
+ }
142
+ }
143
+ }
144
+
145
+ & .campaign-badge-adddiscount {
146
+ background-color: #f43f5e;
147
+ }
148
+
149
+ & .campaign-badge-freeshipping {
150
+ background-color: #1abc86;
151
+ }
152
+
153
+ & .campaign-badge-freequantity {
154
+ background-color: #2691d9;
155
+ }
156
+
157
+ & .campaign-badge-includegifts {
158
+ background-color: #8b5cf6;
159
+ }
160
+
161
+ & .campaign-badge-urgent {
162
+ background-color: #e11d48;
163
+ width: fit-content;
164
+ padding-inline: 0.5rem;
165
+ }
166
+
167
+ @media ${I.down("S")} {
168
+ overflow: visible;
169
+
170
+ & .wrapper-card-3 {
171
+ flex-wrap: nowrap;
172
+ justify-content: flex-start;
173
+ overflow-x: scroll;
174
+ width: 8.875rem !important;
175
+
176
+ -webkit-overflow-scrolling: touch;
177
+ ::-webkit-scrollbar {
178
+ -webkit-appearance: none;
179
+ }
180
+ -ms-overflow-style: none;
181
+ /* Internet Explorer 10+ */
182
+ scrollbar-width: none;
183
+ /* Firefox */
184
+
185
+ &::-webkit-scrollbar {
186
+ display: none;
187
+ /* Safari and Chrome */
188
+ }
189
+
190
+ & > div {
191
+ & > div {
192
+ width: 8.875rem !important;
193
+ }
194
+ }
195
+ }
196
+
197
+ & .tags-popover__trigger {
198
+ overflow-x: scroll;
199
+ justify-content: flex-start;
200
+ width: 100%;
201
+
202
+ -webkit-overflow-scrolling: touch;
203
+ ::-webkit-scrollbar {
204
+ -webkit-appearance: none;
205
+ }
206
+ -ms-overflow-style: none;
207
+ /* Internet Explorer 10+ */
208
+ scrollbar-width: none;
209
+ /* Firefox */
210
+
211
+ &::-webkit-scrollbar {
212
+ display: none;
213
+ /* Safari and Chrome */
214
+ }
215
+ }
216
+
217
+ & .price-text {
218
+ font-size: 0.875rem;
219
+ font-weight: 600;
220
+
221
+ & .full-price {
222
+ display: none;
223
+ }
224
+ }
225
+ }
226
+
227
+ &:hover .product-image-wrapper img {
228
+ transform: scale(1.1);
229
+ }
230
+ `,Re=N.styled.div`
231
+ position: relative;
232
+ overflow: hidden;
233
+ border-radius: 0.75rem;
234
+ width: 100%;
235
+ aspect-ratio: 1 / 1;
236
+ border: 1px solid #0c15201f;
237
+
238
+ & .bookmarking-btn {
239
+ position: absolute;
240
+ right: 0.5rem;
241
+ top: 0.5rem;
242
+ z-index: 1;
243
+
244
+ display: none;
245
+
246
+ align-items: center;
247
+ justify-content: center;
248
+
249
+ width: 2.25rem;
250
+ height: 2.25rem;
251
+ border-radius: ${d=>t.getBorderRadiusValueWithUnits(d.theme,"curved")};
252
+ border: 1px solid var(--gray-95008);
253
+ background-color: white;
254
+ color: var(--gray-950);
255
+ transition: transform 0.2s ease;
256
+
257
+ &:hover {
258
+ transform: scale(1.05);
259
+ }
260
+
261
+ i {
262
+ color: #14161a;
263
+ font-size: 1.1rem;
264
+ line-height: 1;
265
+ }
266
+ }
267
+
268
+ &:hover {
269
+ & .bookmarking-btn {
270
+ display: flex;
271
+ }
272
+ }
273
+
274
+ & img {
275
+ display: block;
276
+ width: 100%;
277
+ height: 100%;
278
+ object-fit: cover;
279
+ border-radius: 0.75rem;
280
+ transition: var(--transition, all 0.3s ease);
281
+ }
282
+
283
+ @media ${I.down("S")} {
284
+ & img {
285
+ width: 8.875rem;
286
+ height: 8.875rem;
287
+ min-width: 8.875rem;
288
+ min-height: 8.875rem;
289
+ object-fit: cover;
290
+ }
291
+
292
+ & .bookmarking-btn {
293
+ display: flex;
294
+ bottom: 0.5rem;
295
+ top: unset;
296
+ }
297
+ }
298
+ `,qe=N.styled.div`
299
+ background: var(--white, #fff);
300
+ z-index: 1;
301
+
302
+ border: 1px solid var(--gray-200, #dddfe4);
303
+ border-radius: 0.5rem;
304
+ line-height: 1rem;
305
+ position: absolute;
306
+ padding: 0.5rem 0.75rem;
307
+ top: 0.5rem;
308
+ left: 25%;
309
+ transform: translateX(-50%);
310
+ min-width: 13rem;
311
+
312
+ &::before,
313
+ &::after {
314
+ content: "";
315
+ position: absolute;
316
+ left: 50%;
317
+ transform: translateX(-50%);
318
+ border-style: solid;
319
+ border-width: 0.625rem;
320
+ }
321
+
322
+ &::after {
323
+ top: -1.1875rem;
324
+ border-color: transparent transparent var(--white, #fff) transparent;
325
+ }
326
+
327
+ &::before {
328
+ top: -1.25rem;
329
+ border-color: transparent transparent var(--gray-200, #dddfe4) transparent;
330
+ }
331
+
332
+ & .tags-popover__content {
333
+ display: flex;
334
+ flex-wrap: wrap;
335
+ flex-direction: column;
336
+ gap: 0.375rem;
337
+ font-size: 0.75rem;
338
+ font-weight: 400;
339
+
340
+ & .tags-popover__name {
341
+ color: var(--gray-600, #676e79);
342
+ }
343
+
344
+ & .tags-popover__value {
345
+ color: var(--gray-950, #14161a);
346
+ }
347
+ }
348
+ `,Ie=N.styled.div`
349
+ display: flex;
350
+ align-items: center;
351
+ gap: 0.25rem;
352
+ color: var(--gray-500);
353
+ font-size: 0.75rem;
354
+ font-weight: 500;
355
+
356
+ & i {
357
+ font-size: 1rem;
358
+ color: var(--warning-500, #F59E0B);
359
+ }
360
+ `,Oe=l.forwardRef(({sponsoredText:d="Sponsored"},w)=>r.jsxs(Ie,{ref:w,className:"sponsored-line",children:[r.jsx("i",{className:"mng-lnc-paw2"}),r.jsx("span",{children:d})]})),Ue="Vehicles_Cars",Be="Vehicles_Motorcycles",We="Vehicles_Trucks",Me="Vehicles_AgriculturalMachines_Tractors",Te="Vehicles_ConstructionMachines",Ge="Vehicles_Bus",Le="Vehicles_Campers",Ae="RealEstates_",s={Mileage:{icon:"mng-lnc-road",measure:"km"},YearOfProduction:{icon:"mng-lnc-calendar",measure:""},Fuel:{icon:"mng-lnc-gas-station",measure:""},EnginePowerKW:{icon:"mng-lnc-engine",measure:"kW"},Transmission:{icon:"mng-lnc-transmission",measure:""},Model:{icon:"mng-lnc-application",measure:""},Brand:{icon:"mng-lnc-car--front",measure:""},SurfaceArea:{icon:"mng-lnc-right-angle",measure:""},Floor:{icon:"mng-lnc-elevator",measure:""},FurnishedCondition:{icon:"mng-lnc-sofa-01",measure:""},AdType:{icon:"mng-lnc-notes",measure:""},NumberOfRooms:{icon:"mng-lnc-meeting-room",measure:""},HeatingType:{icon:"mng-lnc-heat",measure:""},AirConditioning:{icon:"mng-lnc-air-conditioner",measure:""},Type:{icon:"mng-lnc-house-building",measure:""},Parking:{icon:"mng-lnc-parking-area-circle",measure:""},Internet:{icon:"mng-lnc-wifi-02",measure:""},State:{icon:"mng-lnc-settings-1",measure:""},NumberOfPremises:{icon:"mng-lnc-meeting-room",measure:""},Pool:{icon:"mng-lnc-pool",measure:""},Approach:{icon:"mng-lnc-driveway",measure:""},NumberOfBeds:{icon:"mng-lnc-bed",measure:""},Kitchen:{icon:"mng-lnc-fridge",measure:""},BathroomToilet:{icon:"mng-lnc-bath",measure:""},default:{icon:" mng-lnc-clock--filled",measure:""}},y={ADDDISCOUNT:" mng-lnc-percentage",URGENT:" mng-lnc-flash",FREEQUANTITY:" mng-lnc-3d-software",INCLUDEGIFTS:" mng-lnc-gift",FREESHIPPING:" mng-lnc-delivery--parcel"},Xe=l.forwardRef((d,w)=>{const{uuid:m,sellerUuid:D,name:Z,price:S=0,sellingPrice:C,currency:_,isNegotiable:P,isFree:$,imageUrl:ee,location:re,sponsored:ne,imageComponent:O,freeText:oe="Free",negotiableText:te="Negotiable",tags:o=[],categoryCode:E,categoryName:ie,condition:U,quantity:V,trade:B,sponsoredText:se,forCart:ae,forOrder:ce,contactSeller:le,hasVariants:de,hasQuantities:me,status:pe,onBookmark:R=()=>{},actionComponent:b,bookmarked:W,bookmarkLists:ue,metadata:x,sellerName:M,nameSlug:F,onSelectCard:ge=()=>{},activeSalesPackages:p,urgentText:he="Urgent",LinkComponent:T,hasFreeShipping:fe}=d,ve=T||"a",q=De.useDetectMobile(),we=()=>{var c;if(!t.isDefined(b))return r.jsx(r.Fragment,{});const e=b,n=(c=b==null?void 0:b.props)==null?void 0:c.children,i=l.cloneElement(n,{key:`bookmark_pr__${W}`,bookmarked:W,productUuid:m,onAddToBookmark:()=>R(!0,m),onRemoveFromBookmark:()=>R(!1,m),bookmarkedUuidList:ue,sellerUuid:D,handleBookmarking:R,forCart:ae,forOrder:ce,contactSeller:le,hasVariants:de,status:pe,quantity:V,hasQuantities:me,productBasicInfo:{uuid:m,price:S,sellingPrice:C,categoryCode:E,categoryName:ie,currency:_,isNegotiable:P,isFree:$}});return l.cloneElement(e,void 0,i)},G=[Ue,Be,We,Me,Te,Ge,Le,Ae].some(e=>E==null?void 0:E.includes(e)),[be,L]=l.useState(!1),xe=()=>{L(!0)},je=()=>{L(!1)},a=l.useRef(null),f=l.useRef([]),[ye,A]=l.useState(o==null?void 0:o.length),Ce=()=>{var c,j,k;if(!(a!=null&&a.current)||((c=f==null?void 0:f.current)==null?void 0:c.length)===0)return;if(q){A(o==null?void 0:o.length);return}const e=(j=a==null?void 0:a.current)==null?void 0:j.offsetWidth;let n=0,i=0;for(let u=0;u<(o==null?void 0:o.length);u++){const v=((k=f==null?void 0:f.current[u])==null?void 0:k.offsetWidth)||0,g=n+v+4;if(g<=e)n+=g,i++;else break}A(i)};l.useEffect(()=>{const e=a==null?void 0:a.current;if(!e)return;const n=new ResizeObserver(()=>{Ce()});return n.observe(e),()=>{n.disconnect()}},[o,q]);const _e=()=>{var e;return r.jsx("div",{className:"tags-popover__trigger",children:(e=o==null?void 0:o.slice(0,ye))==null?void 0:e.map((n,i)=>{var v,g,H,K,Q;const c=((v=s==null?void 0:s[n==null?void 0:n.code])==null?void 0:v.icon)??((g=s==null?void 0:s.default)==null?void 0:g.icon)??"",j=((H=n==null?void 0:n.measurementUnit)==null?void 0:H.symbol)??((K=s==null?void 0:s[n==null?void 0:n.code])==null?void 0:K.measure)??"",u=[(n==null?void 0:n.value)??((Q=n==null?void 0:n.multiOptions)==null?void 0:Q[0])??"",j].filter(Boolean).join(" ");return r.jsxs(z,{ref:Pe=>f.current[i]=Pe,className:"tag",children:[r.jsx("i",{className:c}),u]},`detailed-products-section-tag__${i+1}`)})})},ke=()=>r.jsx("div",{className:"tags-popover__content",children:o==null?void 0:o.map((e,n)=>{var u,v,g;const i=((u=e==null?void 0:e.measurementUnit)==null?void 0:u.symbol)??((v=s==null?void 0:s[e==null?void 0:e.code])==null?void 0:v.measure)??"",j=[(e==null?void 0:e.value)??((g=e==null?void 0:e.multiOptions)==null?void 0:g[0])??"",i].filter(Boolean).join(" "),k=e==null?void 0:e.name;return r.jsxs("div",{children:[r.jsx("span",{className:"tags-popover__name",children:`${k}: `}),r.jsx("span",{className:"tags-popover__value",children:j})]},`detailed-products-section-tag-dropdown__${n+1}`)})}),Ne=()=>r.jsxs(r.Fragment,{children:[U&&r.jsx(z,{className:"tag",children:U},"detailed-products-section-tag__condition"),V&&r.jsx(z,{className:"tag",children:V},"detailed-products-section-tag__quantity"),B&&r.jsx(z,{className:"tag",children:B},"detailed-products-section-tag__trade")]}),X=S>0&&_&&P!==!0&&$!==!0&&S!==C,Se=p==null?void 0:p.some(e=>(e==null?void 0:e.salesPackageCode)==="FreeShipping"),Y=fe===!0&&!Se;return r.jsxs(Ve,{ref:a,className:"product-card","data-accessor":x==null?void 0:x.accessor,name:x==null?void 0:x.name,onClick:e=>ge(e,a),as:ve,...T?{to:`/product/${t.isDefinedNotEmptyString(F)?`${F}-`:""}${m}`}:{href:`/product/${t.isDefinedNotEmptyString(F)?`${F}-`:""}${m}`},children:[r.jsxs(Re,{className:"product-image-wrapper",children:[t.isDefined(b)&&r.jsx("div",{className:"prevent-el",onClick:e=>{e==null||e.preventDefault(),e==null||e.stopPropagation()},children:r.jsx(we,{})}),t.isDefined(O)?O:r.jsx($e.ProductImageWrapper,{src:ee})]}),(Y||p&&p.length>0)&&r.jsxs("div",{className:"campaign-badges",children:[Y&&r.jsx("div",{className:"campaign-badge campaign-badge-freeshipping",children:r.jsx(J,{icon:y==null?void 0:y.FREESHIPPING,sizeInUnits:"1rem"})}),p==null?void 0:p.map((e,n)=>{var i,c;return r.jsxs("div",{className:`campaign-badge campaign-badge-${(i=e==null?void 0:e.salesPackageCode)==null?void 0:i.toLowerCase()}`,children:[(e==null?void 0:e.salesPackageCode)!=="Urgent"&&r.jsx(J,{icon:y==null?void 0:y[(c=e==null?void 0:e.salesPackageCode)==null?void 0:c.toUpperCase()],sizeInUnits:"1rem"}),(e==null?void 0:e.salesPackageCode)==="Urgent"&&r.jsx(r.Fragment,{children:he})]},n)})]}),r.jsxs("div",{className:"wrapper-card-1",children:[r.jsx("div",{className:"seller",title:M,children:M}),r.jsx("div",{className:"card-title",children:Z})]}),r.jsxs("div",{className:"wrapper-card-3",onClick:e=>{e==null||e.preventDefault(),e==null||e.stopPropagation()},children:[G&&r.jsx("div",{...q?{}:{onMouseEnter:xe,onMouseLeave:je},children:r.jsxs(Ee,{placement:"bottom",open:be,children:[r.jsx(Fe,{children:_e()}),r.jsx(ze,{style:{all:"unset"},children:r.jsx(qe,{children:ke()})})]})}),!G&&Ne()]}),r.jsxs("div",{className:"wrapper-card-2",children:[r.jsxs("div",{className:`price-text ${X?"new-price":""}`,children:[C>0&&_&&P!==!0&&$!==!0&&r.jsx("div",{children:`${t.formatPrice(C)} ${t.GetCurrencySymbol(_)}`}),X&&r.jsx("div",{className:`${C>0?"full-price":""}`,children:`${t.formatPrice(S)} ${t.GetCurrencySymbol(_)}`}),P&&te,$&&oe]}),r.jsx("div",{className:"location-text",children:re})]}),ne===!0&&r.jsx(Oe,{sponsoredText:se})]})}),Ye=N.styled(h.SkeletonAnimationContainer)`
361
+ @media ${I.down("S")} {
362
+ & > div {
363
+ &:nth-of-type(even) {
364
+ display: none;
365
+ }
366
+ }
367
+ }
368
+ `,He=({keyPrefix:d})=>r.jsx(Ye,{children:[1,2,3,4,5].map(w=>r.jsxs(h.SkeletonColumnContainer,{gap:"0.5rem",children:[r.jsx(h.SkeletonSquare,{size:"13.75rem"}),r.jsx(h.SkeletonRect,{width:"100%"}),r.jsxs(h.SkeletonContainer,{gap:"0.5rem",children:[r.jsx(h.SkeletonRect,{width:"100%",height:"1rem"}),r.jsx(h.SkeletonRect,{width:"100%",height:"1rem"})]}),r.jsx(h.SkeletonRect,{width:"100%",height:"2rem"})]},`${d}-${w}`))}),Ke=({keyPrefix:d,isLoading:w=!1,fallbackComponent:m=r.jsx(r.Fragment,{}),children:D})=>r.jsx(l.Suspense,{fallbackComponent:m,children:w===!0?r.jsx(He,{keyPrefix:d}):D});exports.DetailedProductCard=Xe;exports.SuspenseDetailedProductCard=Ke;
@@ -1,4 +1,4 @@
1
- "use strict";const e=require("react/jsx-runtime"),c=require("react"),d=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),l=require("./breakpoints-CcVm-gVm.cjs"),w=require("./utils-CITgSxXe.cjs"),f=require("./useDetectMobile-DYV6V1yw.cjs"),m=require("./Button.cjs"),y=require("./index-DsINTjQk.cjs"),v=d.styled.a`
1
+ "use strict";const e=require("react/jsx-runtime"),c=require("react"),d=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),l=require("./breakpoints-CcVm-gVm.cjs"),w=require("./utils-BK6B_Y9X.cjs"),f=require("./useDetectMobile-DYV6V1yw.cjs"),m=require("./Button.cjs"),y=require("./index-ChHUGfjn.cjs"),v=d.styled.a`
2
2
  text-decoration: none;
3
3
  color: var(--gray-950);
4
4
  display: flex;
@@ -1,4 +1,4 @@
1
- "use strict";const l=require("react/jsx-runtime"),o=require("react"),O=require("./FlexBox.cjs"),B=require("./IconButton.cjs"),V=require("./ThemeProvider.cjs"),z=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),E=require("./breakpoints-CcVm-gVm.cjs"),L=require("./useDetectMobile-DYV6V1yw.cjs"),W=require("./index-DMbNpyIV.cjs"),C=require("./Button.cjs"),F=require("./Icon.cjs"),M=require("./utils-CITgSxXe.cjs"),G=z.styled.div`
1
+ "use strict";const l=require("react/jsx-runtime"),o=require("react"),O=require("./FlexBox.cjs"),B=require("./IconButton.cjs"),V=require("./ThemeProvider.cjs"),z=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),E=require("./breakpoints-CcVm-gVm.cjs"),L=require("./useDetectMobile-DYV6V1yw.cjs"),W=require("./index-DMbNpyIV.cjs"),C=require("./Button.cjs"),F=require("./Icon.cjs"),M=require("./utils-BK6B_Y9X.cjs"),G=z.styled.div`
2
2
  position: relative;
3
3
  padding: ${e=>e.padding};
4
4
 
@@ -0,0 +1,18 @@
1
+ import { jsx as e, Fragment as i } from "react/jsx-runtime";
2
+ import { Suspense as s } from "react";
3
+ import { S as m, a } from "./style-BFPpppS9.js";
4
+ import { s as l } from "./emotion-styled.browser.esm-DfbrHHed.js";
5
+ import { d as c } from "./breakpoints-BubDitvo.js";
6
+ const d = l(m)`
7
+ @media ${c("S")} {
8
+ flex-direction: column;
9
+ }
10
+ `, S = ({ keyPrefix: t }) => /* @__PURE__ */ e(d, { children: [1, 2, 3].map((o) => /* @__PURE__ */ e(a, { width: "100%", height: "23rem" }, `${t}-${o}`)) }), k = ({
11
+ keyPrefix: t,
12
+ isLoading: o = !1,
13
+ fallbackComponent: n = /* @__PURE__ */ e(i, {}),
14
+ children: r
15
+ }) => /* @__PURE__ */ e(s, { fallbackComponent: n, children: o === !0 ? /* @__PURE__ */ e(S, { keyPrefix: t }) : r });
16
+ export {
17
+ k as S
18
+ };
@@ -2,7 +2,7 @@ import { jsxs as u, jsx as e } from "react/jsx-runtime";
2
2
  import { forwardRef as C, useState as h } from "react";
3
3
  import { s as d } from "./emotion-styled.browser.esm-DfbrHHed.js";
4
4
  import { d as w } from "./breakpoints-BubDitvo.js";
5
- import { t as D, m as V } from "./utils-MoGhNMmj.js";
5
+ import { t as D, m as V } from "./utils-BUdHa0nB.js";
6
6
  import { u as E } from "./useDetectMobile-B0Jog4jQ.js";
7
7
  import I from "./Button.js";
8
8
  const M = d.div`
@@ -1,11 +1,11 @@
1
1
  import { jsxs as l, jsx as r } from "react/jsx-runtime";
2
2
  import { forwardRef as D, useRef as h, useEffect as L, Fragment as P } from "react";
3
3
  import f from "./Icon.js";
4
- import { n as d, m as w } from "./utils-MoGhNMmj.js";
4
+ import { n as d, m as w } from "./utils-BUdHa0nB.js";
5
5
  import { s as I } from "./emotion-styled.browser.esm-DfbrHHed.js";
6
6
  import { d as W } from "./breakpoints-BubDitvo.js";
7
7
  import { D as x } from "./ShopAvatar-4-fCYGEc.js";
8
- import { P as A } from "./index-DEypPQRI.js";
8
+ import { P as A } from "./index-D6_3Q8lN.js";
9
9
  const C = I.a`
10
10
  text-decoration: none;
11
11
  color: var(--gray-950);