@faststore/components 3.96.0-dev.4 → 3.96.4-dev.0

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 (516) hide show
  1. package/package.json +5 -2
  2. package/dist/atoms/Badge/Badge.d.ts +0 -27
  3. package/dist/atoms/Badge/Badge.d.ts.map +0 -1
  4. package/dist/atoms/Badge/index.d.ts +0 -3
  5. package/dist/atoms/Badge/index.d.ts.map +0 -1
  6. package/dist/atoms/Button/Button.d.ts +0 -45
  7. package/dist/atoms/Button/Button.d.ts.map +0 -1
  8. package/dist/atoms/Button/index.d.ts +0 -3
  9. package/dist/atoms/Button/index.d.ts.map +0 -1
  10. package/dist/atoms/Checkbox/Checkbox.d.ts +0 -14
  11. package/dist/atoms/Checkbox/Checkbox.d.ts.map +0 -1
  12. package/dist/atoms/Checkbox/index.d.ts +0 -3
  13. package/dist/atoms/Checkbox/index.d.ts.map +0 -1
  14. package/dist/atoms/Icon/Icon.d.ts +0 -35
  15. package/dist/atoms/Icon/Icon.d.ts.map +0 -1
  16. package/dist/atoms/Icon/index.d.ts +0 -3
  17. package/dist/atoms/Icon/index.d.ts.map +0 -1
  18. package/dist/atoms/Input/Input.d.ts +0 -10
  19. package/dist/atoms/Input/Input.d.ts.map +0 -1
  20. package/dist/atoms/Input/index.d.ts +0 -3
  21. package/dist/atoms/Input/index.d.ts.map +0 -1
  22. package/dist/atoms/Label/Label.d.ts +0 -10
  23. package/dist/atoms/Label/Label.d.ts.map +0 -1
  24. package/dist/atoms/Label/index.d.ts +0 -3
  25. package/dist/atoms/Label/index.d.ts.map +0 -1
  26. package/dist/atoms/Link/Link.d.ts +0 -25
  27. package/dist/atoms/Link/Link.d.ts.map +0 -1
  28. package/dist/atoms/Link/index.d.ts +0 -3
  29. package/dist/atoms/Link/index.d.ts.map +0 -1
  30. package/dist/atoms/List/List.d.ts +0 -17
  31. package/dist/atoms/List/List.d.ts.map +0 -1
  32. package/dist/atoms/List/index.d.ts +0 -3
  33. package/dist/atoms/List/index.d.ts.map +0 -1
  34. package/dist/atoms/Loader/Loader.d.ts +0 -14
  35. package/dist/atoms/Loader/Loader.d.ts.map +0 -1
  36. package/dist/atoms/Loader/index.d.ts +0 -3
  37. package/dist/atoms/Loader/index.d.ts.map +0 -1
  38. package/dist/atoms/Overlay/Overlay.d.ts +0 -10
  39. package/dist/atoms/Overlay/Overlay.d.ts.map +0 -1
  40. package/dist/atoms/Overlay/index.d.ts +0 -3
  41. package/dist/atoms/Overlay/index.d.ts.map +0 -1
  42. package/dist/atoms/Price/Price.d.ts +0 -32
  43. package/dist/atoms/Price/Price.d.ts.map +0 -1
  44. package/dist/atoms/Price/index.d.ts +0 -3
  45. package/dist/atoms/Price/index.d.ts.map +0 -1
  46. package/dist/atoms/Radio/Radio.d.ts +0 -10
  47. package/dist/atoms/Radio/Radio.d.ts.map +0 -1
  48. package/dist/atoms/Radio/index.d.ts +0 -3
  49. package/dist/atoms/Radio/index.d.ts.map +0 -1
  50. package/dist/atoms/RichText/RichText.d.ts +0 -18
  51. package/dist/atoms/RichText/RichText.d.ts.map +0 -1
  52. package/dist/atoms/RichText/index.d.ts +0 -3
  53. package/dist/atoms/RichText/index.d.ts.map +0 -1
  54. package/dist/atoms/SROnly/SROnly.d.ts +0 -14
  55. package/dist/atoms/SROnly/SROnly.d.ts.map +0 -1
  56. package/dist/atoms/SROnly/index.d.ts +0 -2
  57. package/dist/atoms/SROnly/index.d.ts.map +0 -1
  58. package/dist/atoms/Select/Select.d.ts +0 -20
  59. package/dist/atoms/Select/Select.d.ts.map +0 -1
  60. package/dist/atoms/Select/index.d.ts +0 -3
  61. package/dist/atoms/Select/index.d.ts.map +0 -1
  62. package/dist/atoms/Skeleton/Skeleton.d.ts +0 -37
  63. package/dist/atoms/Skeleton/Skeleton.d.ts.map +0 -1
  64. package/dist/atoms/Skeleton/index.d.ts +0 -3
  65. package/dist/atoms/Skeleton/index.d.ts.map +0 -1
  66. package/dist/atoms/Slider/Slider.d.ts +0 -68
  67. package/dist/atoms/Slider/Slider.d.ts.map +0 -1
  68. package/dist/atoms/Slider/index.d.ts +0 -3
  69. package/dist/atoms/Slider/index.d.ts.map +0 -1
  70. package/dist/atoms/Textarea/Textarea.d.ts +0 -15
  71. package/dist/atoms/Textarea/Textarea.d.ts.map +0 -1
  72. package/dist/atoms/Textarea/index.d.ts +0 -3
  73. package/dist/atoms/Textarea/index.d.ts.map +0 -1
  74. package/dist/es/index.mjs +0 -5010
  75. package/dist/hooks/UIProvider.d.ts +0 -58
  76. package/dist/hooks/UIProvider.d.ts.map +0 -1
  77. package/dist/hooks/index.d.ts +0 -13
  78. package/dist/hooks/index.d.ts.map +0 -1
  79. package/dist/hooks/useFadeEffect.d.ts +0 -6
  80. package/dist/hooks/useFadeEffect.d.ts.map +0 -1
  81. package/dist/hooks/useOnClickOutside.d.ts +0 -5
  82. package/dist/hooks/useOnClickOutside.d.ts.map +0 -1
  83. package/dist/hooks/useProductComparison.d.ts +0 -2
  84. package/dist/hooks/useProductComparison.d.ts.map +0 -1
  85. package/dist/hooks/useRTL.d.ts +0 -6
  86. package/dist/hooks/useRTL.d.ts.map +0 -1
  87. package/dist/hooks/useSKUMatrix.d.ts +0 -2
  88. package/dist/hooks/useSKUMatrix.d.ts.map +0 -1
  89. package/dist/hooks/useScrollDirection.d.ts +0 -2
  90. package/dist/hooks/useScrollDirection.d.ts.map +0 -1
  91. package/dist/hooks/useSearch.d.ts +0 -8
  92. package/dist/hooks/useSearch.d.ts.map +0 -1
  93. package/dist/hooks/useSlideVisibility.d.ts +0 -10
  94. package/dist/hooks/useSlideVisibility.d.ts.map +0 -1
  95. package/dist/hooks/useSlider.d.ts +0 -67
  96. package/dist/hooks/useSlider.d.ts.map +0 -1
  97. package/dist/hooks/useTrapFocus.d.ts +0 -9
  98. package/dist/hooks/useTrapFocus.d.ts.map +0 -1
  99. package/dist/index.d.ts +0 -160
  100. package/dist/index.d.ts.map +0 -1
  101. package/dist/molecules/Accordion/Accordion.d.ts +0 -26
  102. package/dist/molecules/Accordion/Accordion.d.ts.map +0 -1
  103. package/dist/molecules/Accordion/AccordionButton.d.ts +0 -19
  104. package/dist/molecules/Accordion/AccordionButton.d.ts.map +0 -1
  105. package/dist/molecules/Accordion/AccordionItem.d.ts +0 -31
  106. package/dist/molecules/Accordion/AccordionItem.d.ts.map +0 -1
  107. package/dist/molecules/Accordion/AccordionPanel.d.ts +0 -10
  108. package/dist/molecules/Accordion/AccordionPanel.d.ts.map +0 -1
  109. package/dist/molecules/Accordion/index.d.ts +0 -9
  110. package/dist/molecules/Accordion/index.d.ts.map +0 -1
  111. package/dist/molecules/Alert/Alert.d.ts +0 -28
  112. package/dist/molecules/Alert/Alert.d.ts.map +0 -1
  113. package/dist/molecules/Alert/index.d.ts +0 -3
  114. package/dist/molecules/Alert/index.d.ts.map +0 -1
  115. package/dist/molecules/Breadcrumb/Breadcrumb.d.ts +0 -7
  116. package/dist/molecules/Breadcrumb/Breadcrumb.d.ts.map +0 -1
  117. package/dist/molecules/Breadcrumb/BreadcrumbBase.d.ts +0 -48
  118. package/dist/molecules/Breadcrumb/BreadcrumbBase.d.ts.map +0 -1
  119. package/dist/molecules/Breadcrumb/BreadcrumbPure.d.ts +0 -14
  120. package/dist/molecules/Breadcrumb/BreadcrumbPure.d.ts.map +0 -1
  121. package/dist/molecules/Breadcrumb/Divider.d.ts +0 -5
  122. package/dist/molecules/Breadcrumb/Divider.d.ts.map +0 -1
  123. package/dist/molecules/Breadcrumb/ListItem.d.ts +0 -11
  124. package/dist/molecules/Breadcrumb/ListItem.d.ts.map +0 -1
  125. package/dist/molecules/Breadcrumb/index.d.ts +0 -5
  126. package/dist/molecules/Breadcrumb/index.d.ts.map +0 -1
  127. package/dist/molecules/BuyButton/BuyButton.d.ts +0 -6
  128. package/dist/molecules/BuyButton/BuyButton.d.ts.map +0 -1
  129. package/dist/molecules/BuyButton/index.d.ts +0 -2
  130. package/dist/molecules/BuyButton/index.d.ts.map +0 -1
  131. package/dist/molecules/Card/Card.d.ts +0 -26
  132. package/dist/molecules/Card/Card.d.ts.map +0 -1
  133. package/dist/molecules/Card/index.d.ts +0 -3
  134. package/dist/molecules/Card/index.d.ts.map +0 -1
  135. package/dist/molecules/Carousel/Carousel.d.ts +0 -60
  136. package/dist/molecules/Carousel/Carousel.d.ts.map +0 -1
  137. package/dist/molecules/Carousel/CarouselBullets.d.ts +0 -39
  138. package/dist/molecules/Carousel/CarouselBullets.d.ts.map +0 -1
  139. package/dist/molecules/Carousel/CarouselItem.d.ts +0 -13
  140. package/dist/molecules/Carousel/CarouselItem.d.ts.map +0 -1
  141. package/dist/molecules/Carousel/index.d.ts +0 -7
  142. package/dist/molecules/Carousel/index.d.ts.map +0 -1
  143. package/dist/molecules/CartItem/CartItem.d.ts +0 -40
  144. package/dist/molecules/CartItem/CartItem.d.ts.map +0 -1
  145. package/dist/molecules/CartItem/CartItemImage.d.ts +0 -10
  146. package/dist/molecules/CartItem/CartItemImage.d.ts.map +0 -1
  147. package/dist/molecules/CartItem/CartItemSummary.d.ts +0 -21
  148. package/dist/molecules/CartItem/CartItemSummary.d.ts.map +0 -1
  149. package/dist/molecules/CartItem/index.d.ts +0 -7
  150. package/dist/molecules/CartItem/index.d.ts.map +0 -1
  151. package/dist/molecules/CheckboxField/CheckboxField.d.ts +0 -19
  152. package/dist/molecules/CheckboxField/CheckboxField.d.ts.map +0 -1
  153. package/dist/molecules/CheckboxField/index.d.ts +0 -3
  154. package/dist/molecules/CheckboxField/index.d.ts.map +0 -1
  155. package/dist/molecules/DiscountBadge/DiscountBadge.d.ts +0 -27
  156. package/dist/molecules/DiscountBadge/DiscountBadge.d.ts.map +0 -1
  157. package/dist/molecules/DiscountBadge/index.d.ts +0 -3
  158. package/dist/molecules/DiscountBadge/index.d.ts.map +0 -1
  159. package/dist/molecules/DiscountBadge/useDiscountPercent.d.ts +0 -2
  160. package/dist/molecules/DiscountBadge/useDiscountPercent.d.ts.map +0 -1
  161. package/dist/molecules/Dropdown/Dropdown.d.ts +0 -18
  162. package/dist/molecules/Dropdown/Dropdown.d.ts.map +0 -1
  163. package/dist/molecules/Dropdown/DropdownButton.d.ts +0 -33
  164. package/dist/molecules/Dropdown/DropdownButton.d.ts.map +0 -1
  165. package/dist/molecules/Dropdown/DropdownItem.d.ts +0 -23
  166. package/dist/molecules/Dropdown/DropdownItem.d.ts.map +0 -1
  167. package/dist/molecules/Dropdown/DropdownMenu.d.ts +0 -30
  168. package/dist/molecules/Dropdown/DropdownMenu.d.ts.map +0 -1
  169. package/dist/molecules/Dropdown/contexts/DropdownContext.d.ts +0 -41
  170. package/dist/molecules/Dropdown/contexts/DropdownContext.d.ts.map +0 -1
  171. package/dist/molecules/Dropdown/hooks/useDropdown.d.ts +0 -7
  172. package/dist/molecules/Dropdown/hooks/useDropdown.d.ts.map +0 -1
  173. package/dist/molecules/Dropdown/hooks/useDropdownItem.d.ts +0 -16
  174. package/dist/molecules/Dropdown/hooks/useDropdownItem.d.ts.map +0 -1
  175. package/dist/molecules/Dropdown/hooks/useDropdownPosition.d.ts +0 -10
  176. package/dist/molecules/Dropdown/hooks/useDropdownPosition.d.ts.map +0 -1
  177. package/dist/molecules/Dropdown/hooks/useDropdownTrigger.d.ts +0 -14
  178. package/dist/molecules/Dropdown/hooks/useDropdownTrigger.d.ts.map +0 -1
  179. package/dist/molecules/Dropdown/index.d.ts +0 -9
  180. package/dist/molecules/Dropdown/index.d.ts.map +0 -1
  181. package/dist/molecules/Gift/Gift.d.ts +0 -15
  182. package/dist/molecules/Gift/Gift.d.ts.map +0 -1
  183. package/dist/molecules/Gift/GiftContent.d.ts +0 -27
  184. package/dist/molecules/Gift/GiftContent.d.ts.map +0 -1
  185. package/dist/molecules/Gift/GiftImage.d.ts +0 -10
  186. package/dist/molecules/Gift/GiftImage.d.ts.map +0 -1
  187. package/dist/molecules/Gift/index.d.ts +0 -7
  188. package/dist/molecules/Gift/index.d.ts.map +0 -1
  189. package/dist/molecules/IconButton/IconButton.d.ts +0 -19
  190. package/dist/molecules/IconButton/IconButton.d.ts.map +0 -1
  191. package/dist/molecules/IconButton/index.d.ts +0 -3
  192. package/dist/molecules/IconButton/index.d.ts.map +0 -1
  193. package/dist/molecules/InputField/InputField.d.ts +0 -60
  194. package/dist/molecules/InputField/InputField.d.ts.map +0 -1
  195. package/dist/molecules/InputField/index.d.ts +0 -3
  196. package/dist/molecules/InputField/index.d.ts.map +0 -1
  197. package/dist/molecules/LinkButton/LinkButton.d.ts +0 -6
  198. package/dist/molecules/LinkButton/LinkButton.d.ts.map +0 -1
  199. package/dist/molecules/LinkButton/index.d.ts +0 -3
  200. package/dist/molecules/LinkButton/index.d.ts.map +0 -1
  201. package/dist/molecules/Modal/Modal.d.ts +0 -47
  202. package/dist/molecules/Modal/Modal.d.ts.map +0 -1
  203. package/dist/molecules/Modal/ModalBody.d.ts +0 -10
  204. package/dist/molecules/Modal/ModalBody.d.ts.map +0 -1
  205. package/dist/molecules/Modal/ModalContent.d.ts +0 -11
  206. package/dist/molecules/Modal/ModalContent.d.ts.map +0 -1
  207. package/dist/molecules/Modal/ModalFooter.d.ts +0 -18
  208. package/dist/molecules/Modal/ModalFooter.d.ts.map +0 -1
  209. package/dist/molecules/Modal/ModalHeader.d.ts +0 -23
  210. package/dist/molecules/Modal/ModalHeader.d.ts.map +0 -1
  211. package/dist/molecules/Modal/index.d.ts +0 -8
  212. package/dist/molecules/Modal/index.d.ts.map +0 -1
  213. package/dist/molecules/NavbarLinks/NavbarLinks.d.ts +0 -10
  214. package/dist/molecules/NavbarLinks/NavbarLinks.d.ts.map +0 -1
  215. package/dist/molecules/NavbarLinks/NavbarLinksList.d.ts +0 -11
  216. package/dist/molecules/NavbarLinks/NavbarLinksList.d.ts.map +0 -1
  217. package/dist/molecules/NavbarLinks/NavbarLinksListItem.d.ts +0 -10
  218. package/dist/molecules/NavbarLinks/NavbarLinksListItem.d.ts.map +0 -1
  219. package/dist/molecules/NavbarLinks/index.d.ts +0 -7
  220. package/dist/molecules/NavbarLinks/index.d.ts.map +0 -1
  221. package/dist/molecules/OrderSummary/OrderSummary.d.ts +0 -43
  222. package/dist/molecules/OrderSummary/OrderSummary.d.ts.map +0 -1
  223. package/dist/molecules/OrderSummary/index.d.ts +0 -3
  224. package/dist/molecules/OrderSummary/index.d.ts.map +0 -1
  225. package/dist/molecules/Popover/Popover.d.ts +0 -68
  226. package/dist/molecules/Popover/Popover.d.ts.map +0 -1
  227. package/dist/molecules/Popover/index.d.ts +0 -3
  228. package/dist/molecules/Popover/index.d.ts.map +0 -1
  229. package/dist/molecules/ProductCard/ProductCard.d.ts +0 -23
  230. package/dist/molecules/ProductCard/ProductCard.d.ts.map +0 -1
  231. package/dist/molecules/ProductCard/ProductCardContent.d.ts +0 -72
  232. package/dist/molecules/ProductCard/ProductCardContent.d.ts.map +0 -1
  233. package/dist/molecules/ProductCard/ProductCardImage.d.ts +0 -14
  234. package/dist/molecules/ProductCard/ProductCardImage.d.ts.map +0 -1
  235. package/dist/molecules/ProductCard/index.d.ts +0 -7
  236. package/dist/molecules/ProductCard/index.d.ts.map +0 -1
  237. package/dist/molecules/ProductPrice/ProductPrice.d.ts +0 -24
  238. package/dist/molecules/ProductPrice/ProductPrice.d.ts.map +0 -1
  239. package/dist/molecules/ProductPrice/index.d.ts +0 -3
  240. package/dist/molecules/ProductPrice/index.d.ts.map +0 -1
  241. package/dist/molecules/ProductTitle/ProductTitle.d.ts +0 -30
  242. package/dist/molecules/ProductTitle/ProductTitle.d.ts.map +0 -1
  243. package/dist/molecules/ProductTitle/index.d.ts +0 -3
  244. package/dist/molecules/ProductTitle/index.d.ts.map +0 -1
  245. package/dist/molecules/QuantitySelector/QuantitySelector.d.ts +0 -44
  246. package/dist/molecules/QuantitySelector/QuantitySelector.d.ts.map +0 -1
  247. package/dist/molecules/QuantitySelector/index.d.ts +0 -3
  248. package/dist/molecules/QuantitySelector/index.d.ts.map +0 -1
  249. package/dist/molecules/RadioField/RadioField.d.ts +0 -27
  250. package/dist/molecules/RadioField/RadioField.d.ts.map +0 -1
  251. package/dist/molecules/RadioField/index.d.ts +0 -3
  252. package/dist/molecules/RadioField/index.d.ts.map +0 -1
  253. package/dist/molecules/RadioGroup/RadioGroup.d.ts +0 -6
  254. package/dist/molecules/RadioGroup/RadioGroup.d.ts.map +0 -1
  255. package/dist/molecules/RadioGroup/RadioOption.d.ts +0 -19
  256. package/dist/molecules/RadioGroup/RadioOption.d.ts.map +0 -1
  257. package/dist/molecules/RadioGroup/index.d.ts +0 -5
  258. package/dist/molecules/RadioGroup/index.d.ts.map +0 -1
  259. package/dist/molecules/RadioGroup/useRadioGroup.d.ts +0 -18
  260. package/dist/molecules/RadioGroup/useRadioGroup.d.ts.map +0 -1
  261. package/dist/molecules/Rating/Rating.d.ts +0 -34
  262. package/dist/molecules/Rating/Rating.d.ts.map +0 -1
  263. package/dist/molecules/Rating/index.d.ts +0 -3
  264. package/dist/molecules/Rating/index.d.ts.map +0 -1
  265. package/dist/molecules/RatingField/RatingField.d.ts +0 -28
  266. package/dist/molecules/RatingField/RatingField.d.ts.map +0 -1
  267. package/dist/molecules/RatingField/index.d.ts +0 -3
  268. package/dist/molecules/RatingField/index.d.ts.map +0 -1
  269. package/dist/molecules/RegionBar/RegionBar.d.ts +0 -66
  270. package/dist/molecules/RegionBar/RegionBar.d.ts.map +0 -1
  271. package/dist/molecules/RegionBar/index.d.ts +0 -3
  272. package/dist/molecules/RegionBar/index.d.ts.map +0 -1
  273. package/dist/molecules/SearchAutoComplete/SearchAutoComplete.d.ts +0 -10
  274. package/dist/molecules/SearchAutoComplete/SearchAutoComplete.d.ts.map +0 -1
  275. package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.d.ts +0 -27
  276. package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.d.ts.map +0 -1
  277. package/dist/molecules/SearchAutoComplete/index.d.ts +0 -5
  278. package/dist/molecules/SearchAutoComplete/index.d.ts.map +0 -1
  279. package/dist/molecules/SearchDropdown/SearchDropdown.d.ts +0 -14
  280. package/dist/molecules/SearchDropdown/SearchDropdown.d.ts.map +0 -1
  281. package/dist/molecules/SearchDropdown/index.d.ts +0 -3
  282. package/dist/molecules/SearchDropdown/index.d.ts.map +0 -1
  283. package/dist/molecules/SearchHistory/SearchHistory.d.ts +0 -22
  284. package/dist/molecules/SearchHistory/SearchHistory.d.ts.map +0 -1
  285. package/dist/molecules/SearchHistory/SearchHistoryTerm.d.ts +0 -23
  286. package/dist/molecules/SearchHistory/SearchHistoryTerm.d.ts.map +0 -1
  287. package/dist/molecules/SearchHistory/index.d.ts +0 -5
  288. package/dist/molecules/SearchHistory/index.d.ts.map +0 -1
  289. package/dist/molecules/SearchInputField/SearchInputField.d.ts +0 -36
  290. package/dist/molecules/SearchInputField/SearchInputField.d.ts.map +0 -1
  291. package/dist/molecules/SearchInputField/index.d.ts +0 -3
  292. package/dist/molecules/SearchInputField/index.d.ts.map +0 -1
  293. package/dist/molecules/SearchProducts/SearchProductItem.d.ts +0 -16
  294. package/dist/molecules/SearchProducts/SearchProductItem.d.ts.map +0 -1
  295. package/dist/molecules/SearchProducts/SearchProductItemContent.d.ts +0 -39
  296. package/dist/molecules/SearchProducts/SearchProductItemContent.d.ts.map +0 -1
  297. package/dist/molecules/SearchProducts/SearchProductItemControl.d.ts +0 -50
  298. package/dist/molecules/SearchProducts/SearchProductItemControl.d.ts.map +0 -1
  299. package/dist/molecules/SearchProducts/SearchProductItemImage.d.ts +0 -10
  300. package/dist/molecules/SearchProducts/SearchProductItemImage.d.ts.map +0 -1
  301. package/dist/molecules/SearchProducts/SearchProducts.d.ts +0 -14
  302. package/dist/molecules/SearchProducts/SearchProducts.d.ts.map +0 -1
  303. package/dist/molecules/SearchProducts/index.d.ts +0 -9
  304. package/dist/molecules/SearchProducts/index.d.ts.map +0 -1
  305. package/dist/molecules/SearchProvider/SearchProvider.d.ts +0 -29
  306. package/dist/molecules/SearchProvider/SearchProvider.d.ts.map +0 -1
  307. package/dist/molecules/SearchProvider/index.d.ts +0 -3
  308. package/dist/molecules/SearchProvider/index.d.ts.map +0 -1
  309. package/dist/molecules/SearchTop/SearchTop.d.ts +0 -14
  310. package/dist/molecules/SearchTop/SearchTop.d.ts.map +0 -1
  311. package/dist/molecules/SearchTop/SearchTopTerm.d.ts +0 -23
  312. package/dist/molecules/SearchTop/SearchTopTerm.d.ts.map +0 -1
  313. package/dist/molecules/SearchTop/index.d.ts +0 -5
  314. package/dist/molecules/SearchTop/index.d.ts.map +0 -1
  315. package/dist/molecules/SelectField/SelectField.d.ts +0 -13
  316. package/dist/molecules/SelectField/SelectField.d.ts.map +0 -1
  317. package/dist/molecules/SelectField/index.d.ts +0 -3
  318. package/dist/molecules/SelectField/index.d.ts.map +0 -1
  319. package/dist/molecules/SkuSelector/SkuSelector.d.ts +0 -78
  320. package/dist/molecules/SkuSelector/SkuSelector.d.ts.map +0 -1
  321. package/dist/molecules/SkuSelector/index.d.ts +0 -3
  322. package/dist/molecules/SkuSelector/index.d.ts.map +0 -1
  323. package/dist/molecules/SkuSelector/useDefineVariant.d.ts +0 -8
  324. package/dist/molecules/SkuSelector/useDefineVariant.d.ts.map +0 -1
  325. package/dist/molecules/SkuSelector/useSkuSlug.d.ts +0 -7
  326. package/dist/molecules/SkuSelector/useSkuSlug.d.ts.map +0 -1
  327. package/dist/molecules/Table/Table.d.ts +0 -26
  328. package/dist/molecules/Table/Table.d.ts.map +0 -1
  329. package/dist/molecules/Table/TableBody.d.ts +0 -12
  330. package/dist/molecules/Table/TableBody.d.ts.map +0 -1
  331. package/dist/molecules/Table/TableCell.d.ts +0 -26
  332. package/dist/molecules/Table/TableCell.d.ts.map +0 -1
  333. package/dist/molecules/Table/TableFooter.d.ts +0 -12
  334. package/dist/molecules/Table/TableFooter.d.ts.map +0 -1
  335. package/dist/molecules/Table/TableHead.d.ts +0 -12
  336. package/dist/molecules/Table/TableHead.d.ts.map +0 -1
  337. package/dist/molecules/Table/TableRow.d.ts +0 -12
  338. package/dist/molecules/Table/TableRow.d.ts.map +0 -1
  339. package/dist/molecules/Table/index.d.ts +0 -13
  340. package/dist/molecules/Table/index.d.ts.map +0 -1
  341. package/dist/molecules/Tag/Tag.d.ts +0 -27
  342. package/dist/molecules/Tag/Tag.d.ts.map +0 -1
  343. package/dist/molecules/Tag/index.d.ts +0 -3
  344. package/dist/molecules/Tag/index.d.ts.map +0 -1
  345. package/dist/molecules/TextareaField/TextareaField.d.ts +0 -32
  346. package/dist/molecules/TextareaField/TextareaField.d.ts.map +0 -1
  347. package/dist/molecules/TextareaField/index.d.ts +0 -3
  348. package/dist/molecules/TextareaField/index.d.ts.map +0 -1
  349. package/dist/molecules/Toast/Toast.d.ts +0 -4
  350. package/dist/molecules/Toast/Toast.d.ts.map +0 -1
  351. package/dist/molecules/Toast/index.d.ts +0 -2
  352. package/dist/molecules/Toast/index.d.ts.map +0 -1
  353. package/dist/molecules/Toggle/Toggle.d.ts +0 -22
  354. package/dist/molecules/Toggle/Toggle.d.ts.map +0 -1
  355. package/dist/molecules/Toggle/index.d.ts +0 -3
  356. package/dist/molecules/Toggle/index.d.ts.map +0 -1
  357. package/dist/molecules/ToggleField/ToggleField.d.ts +0 -31
  358. package/dist/molecules/ToggleField/ToggleField.d.ts.map +0 -1
  359. package/dist/molecules/ToggleField/index.d.ts +0 -3
  360. package/dist/molecules/ToggleField/index.d.ts.map +0 -1
  361. package/dist/molecules/Tooltip/Tooltip.d.ts +0 -50
  362. package/dist/molecules/Tooltip/Tooltip.d.ts.map +0 -1
  363. package/dist/molecules/Tooltip/index.d.ts +0 -3
  364. package/dist/molecules/Tooltip/index.d.ts.map +0 -1
  365. package/dist/organisms/BannerText/BannerText.d.ts +0 -27
  366. package/dist/organisms/BannerText/BannerText.d.ts.map +0 -1
  367. package/dist/organisms/BannerText/BannerTextContent.d.ts +0 -30
  368. package/dist/organisms/BannerText/BannerTextContent.d.ts.map +0 -1
  369. package/dist/organisms/BannerText/index.d.ts +0 -5
  370. package/dist/organisms/BannerText/index.d.ts.map +0 -1
  371. package/dist/organisms/CartSidebar/CartSidebar.d.ts +0 -45
  372. package/dist/organisms/CartSidebar/CartSidebar.d.ts.map +0 -1
  373. package/dist/organisms/CartSidebar/CartSidebarFooter.d.ts +0 -6
  374. package/dist/organisms/CartSidebar/CartSidebarFooter.d.ts.map +0 -1
  375. package/dist/organisms/CartSidebar/CartSidebarList.d.ts +0 -6
  376. package/dist/organisms/CartSidebar/CartSidebarList.d.ts.map +0 -1
  377. package/dist/organisms/CartSidebar/index.d.ts +0 -5
  378. package/dist/organisms/CartSidebar/index.d.ts.map +0 -1
  379. package/dist/organisms/EmptyState/EmptyState.d.ts +0 -28
  380. package/dist/organisms/EmptyState/EmptyState.d.ts.map +0 -1
  381. package/dist/organisms/EmptyState/index.d.ts +0 -3
  382. package/dist/organisms/EmptyState/index.d.ts.map +0 -1
  383. package/dist/organisms/Filter/Filter.d.ts +0 -27
  384. package/dist/organisms/Filter/Filter.d.ts.map +0 -1
  385. package/dist/organisms/Filter/FilterFacetBoolean.d.ts +0 -6
  386. package/dist/organisms/Filter/FilterFacetBoolean.d.ts.map +0 -1
  387. package/dist/organisms/Filter/FilterFacetBooleanItem.d.ts +0 -43
  388. package/dist/organisms/Filter/FilterFacetBooleanItem.d.ts.map +0 -1
  389. package/dist/organisms/Filter/FilterFacetRange.d.ts +0 -33
  390. package/dist/organisms/Filter/FilterFacetRange.d.ts.map +0 -1
  391. package/dist/organisms/Filter/FilterFacets.d.ts +0 -26
  392. package/dist/organisms/Filter/FilterFacets.d.ts.map +0 -1
  393. package/dist/organisms/Filter/FilterSlider.d.ts +0 -50
  394. package/dist/organisms/Filter/FilterSlider.d.ts.map +0 -1
  395. package/dist/organisms/Filter/index.d.ts +0 -12
  396. package/dist/organisms/Filter/index.d.ts.map +0 -1
  397. package/dist/organisms/Hero/Hero.d.ts +0 -27
  398. package/dist/organisms/Hero/Hero.d.ts.map +0 -1
  399. package/dist/organisms/Hero/HeroHeader.d.ts +0 -34
  400. package/dist/organisms/Hero/HeroHeader.d.ts.map +0 -1
  401. package/dist/organisms/Hero/HeroImage.d.ts +0 -10
  402. package/dist/organisms/Hero/HeroImage.d.ts.map +0 -1
  403. package/dist/organisms/Hero/index.d.ts +0 -7
  404. package/dist/organisms/Hero/index.d.ts.map +0 -1
  405. package/dist/organisms/ImageGallery/ImageGallery.d.ts +0 -42
  406. package/dist/organisms/ImageGallery/ImageGallery.d.ts.map +0 -1
  407. package/dist/organisms/ImageGallery/ImageGallerySelector.d.ts +0 -32
  408. package/dist/organisms/ImageGallery/ImageGallerySelector.d.ts.map +0 -1
  409. package/dist/organisms/ImageGallery/ImageGalleryViewer.d.ts +0 -8
  410. package/dist/organisms/ImageGallery/ImageGalleryViewer.d.ts.map +0 -1
  411. package/dist/organisms/ImageGallery/index.d.ts +0 -7
  412. package/dist/organisms/ImageGallery/index.d.ts.map +0 -1
  413. package/dist/organisms/Navbar/Navbar.d.ts +0 -14
  414. package/dist/organisms/Navbar/Navbar.d.ts.map +0 -1
  415. package/dist/organisms/Navbar/NavbarButtons.d.ts +0 -14
  416. package/dist/organisms/Navbar/NavbarButtons.d.ts.map +0 -1
  417. package/dist/organisms/Navbar/NavbarHeader.d.ts +0 -10
  418. package/dist/organisms/Navbar/NavbarHeader.d.ts.map +0 -1
  419. package/dist/organisms/Navbar/NavbarRow.d.ts +0 -10
  420. package/dist/organisms/Navbar/NavbarRow.d.ts.map +0 -1
  421. package/dist/organisms/Navbar/index.d.ts +0 -9
  422. package/dist/organisms/Navbar/index.d.ts.map +0 -1
  423. package/dist/organisms/NavbarSlider/NavbarSlider.d.ts +0 -20
  424. package/dist/organisms/NavbarSlider/NavbarSlider.d.ts.map +0 -1
  425. package/dist/organisms/NavbarSlider/NavbarSliderContent.d.ts +0 -10
  426. package/dist/organisms/NavbarSlider/NavbarSliderContent.d.ts.map +0 -1
  427. package/dist/organisms/NavbarSlider/NavbarSliderFooter.d.ts +0 -10
  428. package/dist/organisms/NavbarSlider/NavbarSliderFooter.d.ts.map +0 -1
  429. package/dist/organisms/NavbarSlider/NavbarSliderHeader.d.ts +0 -11
  430. package/dist/organisms/NavbarSlider/NavbarSliderHeader.d.ts.map +0 -1
  431. package/dist/organisms/NavbarSlider/index.d.ts +0 -9
  432. package/dist/organisms/NavbarSlider/index.d.ts.map +0 -1
  433. package/dist/organisms/Newsletter/Newsletter.d.ts +0 -19
  434. package/dist/organisms/Newsletter/Newsletter.d.ts.map +0 -1
  435. package/dist/organisms/Newsletter/NewsletterAddendum.d.ts +0 -14
  436. package/dist/organisms/Newsletter/NewsletterAddendum.d.ts.map +0 -1
  437. package/dist/organisms/Newsletter/NewsletterContent.d.ts +0 -10
  438. package/dist/organisms/Newsletter/NewsletterContent.d.ts.map +0 -1
  439. package/dist/organisms/Newsletter/NewsletterForm.d.ts +0 -14
  440. package/dist/organisms/Newsletter/NewsletterForm.d.ts.map +0 -1
  441. package/dist/organisms/Newsletter/NewsletterHeader.d.ts +0 -22
  442. package/dist/organisms/Newsletter/NewsletterHeader.d.ts.map +0 -1
  443. package/dist/organisms/Newsletter/index.d.ts +0 -11
  444. package/dist/organisms/Newsletter/index.d.ts.map +0 -1
  445. package/dist/organisms/OutOfStock/OutOfStock.d.ts +0 -43
  446. package/dist/organisms/OutOfStock/OutOfStock.d.ts.map +0 -1
  447. package/dist/organisms/OutOfStock/index.d.ts +0 -3
  448. package/dist/organisms/OutOfStock/index.d.ts.map +0 -1
  449. package/dist/organisms/PaymentMethods/PaymentMethods.d.ts +0 -32
  450. package/dist/organisms/PaymentMethods/PaymentMethods.d.ts.map +0 -1
  451. package/dist/organisms/PaymentMethods/index.d.ts +0 -3
  452. package/dist/organisms/PaymentMethods/index.d.ts.map +0 -1
  453. package/dist/organisms/PriceRange/PriceRange.d.ts +0 -25
  454. package/dist/organisms/PriceRange/PriceRange.d.ts.map +0 -1
  455. package/dist/organisms/PriceRange/index.d.ts +0 -3
  456. package/dist/organisms/PriceRange/index.d.ts.map +0 -1
  457. package/dist/organisms/ProductComparison/ProductComparison.d.ts +0 -7
  458. package/dist/organisms/ProductComparison/ProductComparison.d.ts.map +0 -1
  459. package/dist/organisms/ProductComparison/ProductComparisonSidebar.d.ts +0 -79
  460. package/dist/organisms/ProductComparison/ProductComparisonSidebar.d.ts.map +0 -1
  461. package/dist/organisms/ProductComparison/ProductComparisonToolbar.d.ts +0 -9
  462. package/dist/organisms/ProductComparison/ProductComparisonToolbar.d.ts.map +0 -1
  463. package/dist/organisms/ProductComparison/ProductComparisonTrigger.d.ts +0 -11
  464. package/dist/organisms/ProductComparison/ProductComparisonTrigger.d.ts.map +0 -1
  465. package/dist/organisms/ProductComparison/index.d.ts +0 -11
  466. package/dist/organisms/ProductComparison/index.d.ts.map +0 -1
  467. package/dist/organisms/ProductComparison/provider/ProductComparisonProvider.d.ts +0 -75
  468. package/dist/organisms/ProductComparison/provider/ProductComparisonProvider.d.ts.map +0 -1
  469. package/dist/organisms/ProductGrid/ProductGrid.d.ts +0 -10
  470. package/dist/organisms/ProductGrid/ProductGrid.d.ts.map +0 -1
  471. package/dist/organisms/ProductGrid/ProductGridItem.d.ts +0 -10
  472. package/dist/organisms/ProductGrid/ProductGridItem.d.ts.map +0 -1
  473. package/dist/organisms/ProductGrid/index.d.ts +0 -5
  474. package/dist/organisms/ProductGrid/index.d.ts.map +0 -1
  475. package/dist/organisms/ProductShelf/ProductShelf.d.ts +0 -10
  476. package/dist/organisms/ProductShelf/ProductShelf.d.ts.map +0 -1
  477. package/dist/organisms/ProductShelf/ProductShelfItem.d.ts +0 -10
  478. package/dist/organisms/ProductShelf/ProductShelfItem.d.ts.map +0 -1
  479. package/dist/organisms/ProductShelf/ProductShelfItems.d.ts +0 -10
  480. package/dist/organisms/ProductShelf/ProductShelfItems.d.ts.map +0 -1
  481. package/dist/organisms/ProductShelf/index.d.ts +0 -7
  482. package/dist/organisms/ProductShelf/index.d.ts.map +0 -1
  483. package/dist/organisms/RegionModal/RegionModal.d.ts +0 -81
  484. package/dist/organisms/RegionModal/RegionModal.d.ts.map +0 -1
  485. package/dist/organisms/RegionModal/index.d.ts +0 -3
  486. package/dist/organisms/RegionModal/index.d.ts.map +0 -1
  487. package/dist/organisms/SKUMatrix/SKUMatrix.d.ts +0 -10
  488. package/dist/organisms/SKUMatrix/SKUMatrix.d.ts.map +0 -1
  489. package/dist/organisms/SKUMatrix/SKUMatrixSidebar.d.ts +0 -55
  490. package/dist/organisms/SKUMatrix/SKUMatrixSidebar.d.ts.map +0 -1
  491. package/dist/organisms/SKUMatrix/SKUMatrixTrigger.d.ts +0 -6
  492. package/dist/organisms/SKUMatrix/SKUMatrixTrigger.d.ts.map +0 -1
  493. package/dist/organisms/SKUMatrix/index.d.ts +0 -7
  494. package/dist/organisms/SKUMatrix/index.d.ts.map +0 -1
  495. package/dist/organisms/SKUMatrix/provider/SKUMatrixProvider.d.ts +0 -49
  496. package/dist/organisms/SKUMatrix/provider/SKUMatrixProvider.d.ts.map +0 -1
  497. package/dist/organisms/SearchInput/SearchInput.d.ts +0 -26
  498. package/dist/organisms/SearchInput/SearchInput.d.ts.map +0 -1
  499. package/dist/organisms/SearchInput/index.d.ts +0 -3
  500. package/dist/organisms/SearchInput/index.d.ts.map +0 -1
  501. package/dist/organisms/ShippingSimulation/ShippingSimulation.d.ts +0 -125
  502. package/dist/organisms/ShippingSimulation/ShippingSimulation.d.ts.map +0 -1
  503. package/dist/organisms/ShippingSimulation/index.d.ts +0 -3
  504. package/dist/organisms/ShippingSimulation/index.d.ts.map +0 -1
  505. package/dist/organisms/SlideOver/SlideOver.d.ts +0 -39
  506. package/dist/organisms/SlideOver/SlideOver.d.ts.map +0 -1
  507. package/dist/organisms/SlideOver/SlideOverHeader.d.ts +0 -19
  508. package/dist/organisms/SlideOver/SlideOverHeader.d.ts.map +0 -1
  509. package/dist/organisms/SlideOver/index.d.ts +0 -5
  510. package/dist/organisms/SlideOver/index.d.ts.map +0 -1
  511. package/dist/typings/PolymorphicGenerics.d.ts +0 -23
  512. package/dist/typings/PolymorphicGenerics.d.ts.map +0 -1
  513. package/dist/typings/PriceDefinition.d.ts +0 -7
  514. package/dist/typings/PriceDefinition.d.ts.map +0 -1
  515. package/dist/typings/index.d.ts +0 -3
  516. package/dist/typings/index.d.ts.map +0 -1
package/dist/es/index.mjs DELETED
@@ -1,5010 +0,0 @@
1
- import e, { createContext as W, useReducer as Be, useMemo as H, useContext as j, useState as R, useCallback as L, useEffect as O, useTransition as ht, useRef as $, forwardRef as p, useImperativeHandle as le, cloneElement as pe, Suspense as Le, lazy as Ee, Fragment as gt } from "react";
2
- import { useSwipeable as bt } from "react-swipeable";
3
- import { createPortal as Ve } from "react-dom";
4
- import { tabbable as $e } from "tabbable";
5
- import { InView as vt } from "react-intersection-observer";
6
- const Ya = {
7
- setLocation: "setLocation",
8
- changeLocation: "changeLocation",
9
- changePickupPoint: "changePickupPoint",
10
- globalChangePickupPoint: "globalChangePickupPoint"
11
- }, yt = (n, t) => {
12
- const { type: a } = t;
13
- switch (a) {
14
- case "open": {
15
- const { payload: r } = t;
16
- return document.body.classList.add("no-scroll"), {
17
- ...n,
18
- [r]: !0
19
- };
20
- }
21
- case "close": {
22
- const { payload: r } = t;
23
- return document.body.classList.remove("no-scroll"), {
24
- ...n,
25
- [r]: !1
26
- };
27
- }
28
- case "pushToast":
29
- return n.toasts.some(
30
- (o) => o.message === t.payload.message && o.status === t.payload.status
31
- ) ? n : {
32
- ...n,
33
- toasts: [...n.toasts, t.payload]
34
- };
35
- case "popToast":
36
- return {
37
- ...n,
38
- toasts: n.toasts.slice(1)
39
- };
40
- case "openPopover":
41
- return {
42
- ...n,
43
- popover: {
44
- isOpen: !0,
45
- triggerRef: t.payload.triggerRef
46
- }
47
- };
48
- case "closePopover":
49
- return {
50
- ...n,
51
- popover: {
52
- isOpen: !1,
53
- triggerRef: void 0
54
- }
55
- };
56
- case "openRegionSlider":
57
- return document.body.classList.add("no-scroll"), {
58
- ...n,
59
- regionSlider: {
60
- type: t.payload,
61
- isOpen: !0
62
- }
63
- };
64
- case "closeRegionSlider":
65
- return n.filter || document.body.classList.remove("no-scroll"), {
66
- ...n,
67
- regionSlider: {
68
- type: "none",
69
- isOpen: !1
70
- }
71
- };
72
- default:
73
- throw new Error(`Action ${a} not implemented`);
74
- }
75
- }, wt = () => ({
76
- cart: !1,
77
- modal: !1,
78
- navbar: !1,
79
- filter: !1,
80
- toasts: [],
81
- popover: {
82
- isOpen: !1,
83
- triggerRef: void 0
84
- },
85
- regionSlider: {
86
- type: "none",
87
- isOpen: !1
88
- }
89
- }), He = W(void 0);
90
- function qa({ children: n }) {
91
- const [t, a] = Be(yt, void 0, wt), r = H(
92
- () => ({
93
- openFilter: () => a({ type: "open", payload: "filter" }),
94
- closeFilter: () => a({ type: "close", payload: "filter" }),
95
- openNavbar: () => a({ type: "open", payload: "navbar" }),
96
- closeNavbar: () => a({ type: "close", payload: "navbar" }),
97
- openCart: () => a({ type: "open", payload: "cart" }),
98
- closeCart: () => a({ type: "close", payload: "cart" }),
99
- openModal: () => a({ type: "open", payload: "modal" }),
100
- closeModal: () => a({ type: "close", payload: "modal" }),
101
- pushToast: (l) => a({ type: "pushToast", payload: l }),
102
- popToast: () => a({ type: "popToast" }),
103
- openPopover: (l) => a({ type: "openPopover", payload: l }),
104
- closePopover: () => a({ type: "closePopover" }),
105
- openRegionSlider: (l) => a({ type: "openRegionSlider", payload: l }),
106
- closeRegionSlider: () => a({ type: "closeRegionSlider" })
107
- }),
108
- []
109
- ), o = H(
110
- () => ({
111
- ...t,
112
- ...r
113
- }),
114
- [r, t]
115
- );
116
- return /* @__PURE__ */ e.createElement(He.Provider, { value: o }, n);
117
- }
118
- function te() {
119
- const n = j(He);
120
- if (n === void 0)
121
- throw new Error("Missing UI context on React tree");
122
- return n;
123
- }
124
- const se = () => {
125
- const [n, t] = R("out"), a = L(() => t("out"), []), r = L(() => t("in"), []);
126
- return O(() => (r(), () => {
127
- a();
128
- }), [r, a]), {
129
- fade: n,
130
- fadeIn: r,
131
- fadeOut: a
132
- };
133
- };
134
- function Ct(n, t) {
135
- O(
136
- () => {
137
- if (!n?.current) return;
138
- const a = (r) => {
139
- !n?.current || n.current.contains(r.target) || t(r);
140
- };
141
- return document.addEventListener("mousedown", a), document.addEventListener("touchstart", a), () => {
142
- document.removeEventListener("mousedown", a), document.removeEventListener("touchstart", a);
143
- };
144
- },
145
- /**
146
- * Add ref and handler to effect dependencies.
147
- * It's worth noting that because passed in handler is a new
148
- * function on every render that will cause this effect
149
- * callback/cleanup to run every render. It's not a big deal
150
- * but to optimize you can wrap handler in useCallback before
151
- * passing it into this hook.
152
- */
153
- [n, t]
154
- );
155
- }
156
- const _e = W(void 0);
157
- function kt({ children: n }) {
158
- const [t, a] = R([]), [r, o] = R([]), [l, s] = R(!1), c = L((u) => {
159
- a((E) => E.includes(u?.id) ? E.filter((f) => f !== u.id) : [...E, u.id]), o((E) => E.some((f) => f.id === u.id) ? E.filter((f) => f.id !== u.id) : [...E, u]);
160
- }, []);
161
- function i(u) {
162
- const E = u.map((f) => {
163
- const h = u.find((b) => b.id === f.id);
164
- return {
165
- ...f,
166
- ...h
167
- };
168
- });
169
- o(E);
170
- }
171
- function d() {
172
- a([]), o([]);
173
- }
174
- return /* @__PURE__ */ e.createElement(
175
- _e.Provider,
176
- {
177
- value: {
178
- isOpen: l,
179
- setIsOpen: s,
180
- productIds: t,
181
- products: r,
182
- handleProductsIds: c,
183
- handleProductsComparison: i,
184
- clearProducts: d
185
- }
186
- },
187
- n
188
- );
189
- }
190
- function Ce() {
191
- const n = j(_e);
192
- if (n === void 0)
193
- throw new Error(
194
- "useProductComparison must be used within a ProductComparisonProvider"
195
- );
196
- return n;
197
- }
198
- const Ja = () => {
199
- const [n, t] = R(""), [a, r] = ht();
200
- return O(() => {
201
- let o = window.scrollY;
202
- const l = () => {
203
- const { scrollY: s } = window, c = s > o ? "down" : "up";
204
- !a && c !== n && (s - o > 10 || s - o < -10) && r(() => t(c)), o = s > 0 ? s : 0;
205
- };
206
- return window.addEventListener("scroll", l), () => window.removeEventListener("scroll", l);
207
- }, [a, n]), n;
208
- }, ze = W(
209
- null
210
- );
211
- function Pt({
212
- onSearchSelection: n,
213
- children: t,
214
- term: a,
215
- terms: r,
216
- products: o,
217
- isLoading: l
218
- }) {
219
- return /* @__PURE__ */ e.createElement(
220
- ze.Provider,
221
- {
222
- value: { onSearchSelection: n, term: a, terms: r, products: o, isLoading: l }
223
- },
224
- t
225
- );
226
- }
227
- const ce = () => {
228
- const n = j(ze);
229
- return n ? { inContext: !0, values: n } : { inContext: !1 };
230
- }, Ge = W(null);
231
- function St({ children: n }) {
232
- const [t, a] = R(!1), [r, o] = R([]), l = L(
233
- (s, c) => {
234
- const i = [...r], d = i.find((u) => u.id === s);
235
- return d && (d.selectedCount = c), o(i), i;
236
- },
237
- [r]
238
- );
239
- return /* @__PURE__ */ e.createElement(
240
- Ge.Provider,
241
- {
242
- value: {
243
- isOpen: t,
244
- allVariantProducts: r,
245
- setAllVariantProducts: o,
246
- onChangeQuantityItem: l,
247
- setIsOpen: a
248
- }
249
- },
250
- n
251
- );
252
- }
253
- function Ke() {
254
- const n = j(Ge);
255
- if (!n)
256
- throw new Error(
257
- "Do not use SKUMatrix components outside the SKUMatrix context."
258
- );
259
- return n;
260
- }
261
- const xt = (n, t) => (n + 1) % t, It = (n, t) => (t - (t - n + 1) % t) % t;
262
- function Tt(n, t) {
263
- switch (t.type) {
264
- case "NEXT_PAGE": {
265
- const a = n.infinite ? n.totalPages + 1 : n.totalPages, r = xt(n.currentPage, a), o = r % a * n.itemsPerPage;
266
- return {
267
- ...n,
268
- sliding: !0,
269
- slideDirection: "next",
270
- currentItem: o,
271
- currentPage: r
272
- };
273
- }
274
- case "PREVIOUS_PAGE": {
275
- const a = n.infinite ? n.totalPages + 1 : n.totalPages, o = n.infinite && n.currentPage === 0 ? -1 : It(n.currentPage, n.totalPages);
276
- return {
277
- ...n,
278
- sliding: !0,
279
- slideDirection: "previous",
280
- currentItem: o % a * n.itemsPerPage,
281
- currentPage: o
282
- };
283
- }
284
- case "GO_TO_PAGE":
285
- return t.payload.pageIndex === n.currentPage ? n : {
286
- ...n,
287
- sliding: t.payload.shouldSlide,
288
- slideDirection: t.payload.pageIndex > n.currentPage ? "next" : "previous",
289
- currentItem: t.payload.pageIndex % n.totalPages * n.itemsPerPage,
290
- currentPage: t.payload.pageIndex
291
- };
292
- case "STOP_SLIDE":
293
- return { ...n, sliding: !1 };
294
- default:
295
- return n;
296
- }
297
- }
298
- const Rt = (n, t, a) => ({
299
- currentItem: 0,
300
- currentPage: 0,
301
- sliding: !1,
302
- slideDirection: "next",
303
- totalItems: n,
304
- itemsPerPage: t,
305
- totalPages: Math.ceil(n / t),
306
- infinite: a
307
- }), we = (n, t) => {
308
- n === "next" && t({ type: "NEXT_PAGE" }), n === "previous" && t({ type: "PREVIOUS_PAGE" }), typeof n == "number" && t({
309
- type: "GO_TO_PAGE",
310
- payload: {
311
- pageIndex: n,
312
- shouldSlide: !0
313
- }
314
- });
315
- }, Dt = ({
316
- totalItems: n,
317
- itemsPerPage: t = 1,
318
- infiniteMode: a = !1,
319
- shouldSlideOnSwipe: r = !0,
320
- isRTL: o = !1,
321
- ...l
322
- }) => {
323
- const [s, c] = Be(
324
- Tt,
325
- void 0,
326
- () => Rt(n, t, a)
327
- );
328
- return {
329
- handlers: bt({
330
- // In RTL, swipe directions are swapped:
331
- // - Swiping right should go to next (instead of previous)
332
- // - Swiping left should go to previous (instead of next)
333
- onSwipedRight: () => r && we(o ? "next" : "previous", c),
334
- onSwipedLeft: () => r && we(o ? "previous" : "next", c),
335
- trackMouse: !0,
336
- ...l
337
- }),
338
- slide: we,
339
- sliderState: s,
340
- sliderDispatch: c
341
- };
342
- };
343
- function $t({
344
- itemsPerPage: n,
345
- currentSlide: t,
346
- slideIdx: a,
347
- totalItems: r
348
- }) {
349
- const o = t < 0 || t >= r, l = a >= t && a < t + n;
350
- return o || l;
351
- }
352
- const Ot = ({
353
- currentSlide: n,
354
- itemsPerPage: t,
355
- totalItems: a
356
- }) => {
357
- const r = $(/* @__PURE__ */ new Set());
358
- O(() => {
359
- for (let s = 0; s < t; s++)
360
- r.current.add(n + s);
361
- }, [n, t]);
362
- const o = (s) => $t({
363
- slideIdx: s,
364
- currentSlide: n,
365
- itemsPerPage: t,
366
- totalItems: a
367
- });
368
- return { shouldRenderItem: (s) => r.current.has(s) || o(s), isItemVisible: o };
369
- }, Mt = ({
370
- trapFocusRef: n,
371
- beforeElementRef: t,
372
- afterElementRef: a
373
- }) => {
374
- const r = $(), o = $(
375
- document.hasFocus() ? document.activeElement : null
376
- );
377
- O(() => {
378
- const l = o.current;
379
- return () => {
380
- l?.focus();
381
- };
382
- }, [o]), O(() => {
383
- if (!n.current)
384
- return;
385
- r.current || (r.current = $e(n.current));
386
- const [l] = r.current;
387
- if (!l) {
388
- n.current.focus();
389
- return;
390
- }
391
- l.focus();
392
- }, [n]), O(() => {
393
- if (!n.current || !t.current || !a.current)
394
- return;
395
- const l = t.current, s = a.current, c = n.current, i = (d) => {
396
- document.hasFocus() && (r.current = $e(n.current), r.current.length || c.focus(), d.target === l && r.current[r.current.length - 1]?.focus(), d.target === s && r.current[0]?.focus());
397
- };
398
- return l?.addEventListener("focusin", i), s?.addEventListener("focusin", i), () => {
399
- l?.removeEventListener("focusin", i), s?.removeEventListener("focusin", i);
400
- };
401
- }, [r, a, t, n]);
402
- }, At = () => {
403
- const [n, t] = R(!1);
404
- return O(() => {
405
- const a = () => typeof window > "u" ? !1 : (document.documentElement.dir || document.body.dir || "ltr") === "rtl";
406
- t(a());
407
- const r = new MutationObserver(() => {
408
- t(a());
409
- });
410
- return r.observe(document.documentElement, {
411
- attributes: !0,
412
- attributeFilter: ["dir"]
413
- }), r.observe(document.body, {
414
- attributes: !0,
415
- attributeFilter: ["dir"]
416
- }), () => {
417
- r.disconnect();
418
- };
419
- }, []), n;
420
- }, Q = p(function({
421
- testId: t = "fs-badge",
422
- size: a = "small",
423
- variant: r = "neutral",
424
- counter: o = !1,
425
- "aria-label": l,
426
- children: s,
427
- ...c
428
- }, i) {
429
- return /* @__PURE__ */ e.createElement(
430
- "div",
431
- {
432
- ref: i,
433
- "data-fs-badge": !0,
434
- "aria-label": l,
435
- "data-fs-badge-variant": o ? null : r,
436
- "data-fs-badge-size": a,
437
- "data-fs-badge-counter": o,
438
- "data-testid": t,
439
- ...c
440
- },
441
- /* @__PURE__ */ e.createElement("div", { "data-fs-badge-wrapper": !0 }, s)
442
- );
443
- }), M = p(function({
444
- children: t,
445
- variant: a,
446
- inverse: r,
447
- size: o = "regular",
448
- testId: l = "fs-button",
449
- loading: s,
450
- loadingLabel: c,
451
- icon: i,
452
- iconPosition: d = "left",
453
- disabled: u,
454
- ...E
455
- }, f) {
456
- return /* @__PURE__ */ e.createElement(
457
- "button",
458
- {
459
- ref: f,
460
- "data-fs-button": !0,
461
- "data-fs-button-inverse": r,
462
- "data-fs-button-size": o,
463
- "data-fs-button-loading": s,
464
- "data-fs-button-variant": a,
465
- disabled: u,
466
- "data-testid": l,
467
- ...E
468
- },
469
- /* @__PURE__ */ e.createElement("div", { "data-fs-button-wrapper": !0 }, s && /* @__PURE__ */ e.createElement("p", { "data-fs-button-loading-label": !0 }, c, /* @__PURE__ */ e.createElement(
470
- We,
471
- {
472
- variant: a === "primary" && !r ? "light" : "dark"
473
- }
474
- )), !!i && d === "left" && /* @__PURE__ */ e.createElement("span", { "data-fs-button-icon": !0 }, i), t && /* @__PURE__ */ e.createElement("span", null, t), !!i && d === "right" && /* @__PURE__ */ e.createElement("span", { "data-fs-button-icon": !0 }, i))
475
- );
476
- }), Ue = p(function({ testId: t = "fs-checkbox", partial: a, ...r }, o) {
477
- return /* @__PURE__ */ e.createElement(
478
- "input",
479
- {
480
- ref: o,
481
- "data-fs-checkbox": !0,
482
- "data-testid": t,
483
- "data-fs-checkbox-partial": a,
484
- type: "checkbox",
485
- ...r
486
- }
487
- );
488
- }), Ft = {
489
- bold: 24,
490
- regular: 16,
491
- light: 12,
492
- thin: 8
493
- }, I = p(function({ testId: t = "fs-icon", name: a, weight: r = "regular", ...o }, l) {
494
- const { width: s, height: c } = o;
495
- return /* @__PURE__ */ e.createElement(
496
- "svg",
497
- {
498
- ref: l,
499
- "data-fs-icon": !0,
500
- "data-testid": t,
501
- width: s ?? 24,
502
- height: c ?? 24,
503
- strokeWidth: Ft[r],
504
- ...o
505
- },
506
- /* @__PURE__ */ e.createElement("use", { href: `/icons.svg#${a}` })
507
- );
508
- }), ie = p(function({ testId: t = "fs-input", ...a }, r) {
509
- return /* @__PURE__ */ e.createElement("input", { ref: r, "data-fs-input": !0, "data-testid": t, ...a });
510
- }), G = p(function({ testId: t = "fs-label", children: a, ...r }, o) {
511
- return /* @__PURE__ */ e.createElement("label", { ref: o, "data-fs-label": !0, "data-testid": t, ...r }, a);
512
- }), X = p(function({
513
- as: t,
514
- children: a,
515
- variant: r = "default",
516
- size: o = "regular",
517
- inverse: l,
518
- testId: s = "fs-link",
519
- ...c
520
- }, i) {
521
- const d = t ?? "a";
522
- return /* @__PURE__ */ e.createElement(
523
- d,
524
- {
525
- ref: i,
526
- "data-fs-link": !0,
527
- "data-fs-link-variant": r,
528
- "data-fs-link-inverse": l,
529
- "data-fs-link-size": o,
530
- "data-testid": s,
531
- ...c
532
- },
533
- a
534
- );
535
- }), U = p(function({ as: t, marker: a, testId: r = "fs-list", ...o }, l) {
536
- const s = t ?? "ul";
537
- return /* @__PURE__ */ e.createElement(
538
- s,
539
- {
540
- ref: l,
541
- role: "list",
542
- "data-fs-list": !0,
543
- "data-fs-list-marker": a,
544
- "data-testid": r,
545
- ...o
546
- }
547
- );
548
- }), We = p(function({ testId: t = "fs-loader", variant: a = "dark", ...r }, o) {
549
- return /* @__PURE__ */ e.createElement(
550
- "span",
551
- {
552
- ref: o,
553
- "data-fs-loader": !0,
554
- "data-fs-loader-variant": a,
555
- "data-testid": t,
556
- ...r
557
- },
558
- /* @__PURE__ */ e.createElement("span", { "data-fs-loader-item": !0 }),
559
- /* @__PURE__ */ e.createElement("span", { "data-fs-loader-item": !0 }),
560
- /* @__PURE__ */ e.createElement("span", { "data-fs-loader-item": !0 })
561
- );
562
- }), Nt = p(function({ testId: t = "fs-overlay", ...a }, r) {
563
- return /* @__PURE__ */ e.createElement(
564
- "div",
565
- {
566
- ref: r,
567
- "data-fs-overlay": !0,
568
- role: "presentation",
569
- "data-testid": t,
570
- ...a
571
- }
572
- );
573
- }), z = p(
574
- function({
575
- value: t,
576
- as: a = "span",
577
- variant: r = "selling",
578
- testId: o = "fs-price",
579
- formatter: l = (d) => d,
580
- SRText: s,
581
- ...c
582
- }, i) {
583
- const d = l(t, r);
584
- return /* @__PURE__ */ e.createElement(
585
- a,
586
- {
587
- ref: i,
588
- "data-fs-price": !0,
589
- "data-fs-price-variant": r,
590
- "data-testid": o,
591
- ...c
592
- },
593
- s && /* @__PURE__ */ e.createElement(he, { text: s }),
594
- d
595
- );
596
- }
597
- ), je = p(function({ testId: t = "fs-radio", ...a }, r) {
598
- return /* @__PURE__ */ e.createElement(
599
- "input",
600
- {
601
- ref: r,
602
- "data-fs-radio": !0,
603
- type: "radio",
604
- "data-testid": t,
605
- ...a
606
- }
607
- );
608
- }), Bt = p(function({ content: t, as: a = "div", testId: r = "fs-rich-text", ...o }, l) {
609
- return /* @__PURE__ */ e.createElement(
610
- a,
611
- {
612
- ref: l,
613
- "data-testid": r,
614
- "data-fs-rich-text": !0,
615
- dangerouslySetInnerHTML: { __html: t },
616
- ...o
617
- }
618
- );
619
- }), Qe = p(function({ options: t, id: a, testId: r = "fs-select", ...o }, l) {
620
- return /* @__PURE__ */ e.createElement("div", { "data-fs-select": !0 }, /* @__PURE__ */ e.createElement("select", { ref: l, id: a, "data-testid": r, ...o }, Object.keys(t).map((s) => /* @__PURE__ */ e.createElement("option", { key: s, value: s }, t[s]))), /* @__PURE__ */ e.createElement(I, { "data-fs-select-icon": !0, name: "CaretDown" }));
621
- }), Lt = p(
622
- function({
623
- testId: t = "fs-skeleton",
624
- loading: a = !0,
625
- shimmer: r = !0,
626
- children: o,
627
- size: l,
628
- border: s,
629
- borderRadius: c,
630
- ...i
631
- }, d) {
632
- const u = {
633
- width: l.width,
634
- height: l.height
635
- };
636
- return a ? /* @__PURE__ */ e.createElement(
637
- "div",
638
- {
639
- ref: d,
640
- "data-fs-skeleton": !0,
641
- "data-testid": t,
642
- "data-fs-skeleton-border": s || null,
643
- style: c ? { ...u, borderRadius: c } : u,
644
- ...i
645
- },
646
- r && /* @__PURE__ */ e.createElement("div", { "data-fs-skeleton-shimmer": !0 })
647
- ) : /* @__PURE__ */ e.createElement(e.Fragment, null, o);
648
- }
649
- ), Z = (n, t, a) => Math.round((n - t) / (a - t) * 100), Vt = p(
650
- function({
651
- min: t,
652
- max: a,
653
- absoluteValuesLabel: r,
654
- onChange: o,
655
- onEnd: l,
656
- testId: s = "fs-slider",
657
- getAriaValueText: c,
658
- step: i,
659
- minValueLabelComponent: d,
660
- maxValueLabelComponent: u,
661
- ...E
662
- }, f) {
663
- const h = H(
664
- () => (a.absolute - t.absolute) / 100,
665
- [a.absolute, t.absolute]
666
- ), [b, v] = R(
667
- () => Z(t.selected, t.absolute, a.absolute)
668
- ), [g, y] = R(
669
- () => Z(a.selected, t.absolute, a.absolute)
670
- ), [C, P] = R(
671
- () => Math.floor(t.absolute + b * h)
672
- ), [x, S] = R(
673
- () => Math.round(t.absolute + g * h)
674
- ), k = (w) => w / a.absolute * 100;
675
- return le(f, () => ({
676
- setSliderValues: (w) => {
677
- const m = Math.min(Number(w.min), x);
678
- if (P(m), v(Z(m, t.absolute, a.absolute)), w.max > a.absolute) {
679
- S(a.absolute), y(Z(a.absolute, t.absolute, a.absolute));
680
- return;
681
- }
682
- const T = Math.max(Number(w.max), C);
683
- S(T), y(Z(T, t.absolute, a.absolute));
684
- }
685
- })), /* @__PURE__ */ e.createElement("div", { "data-fs-slider": !0, "data-testid": s, ...E }, /* @__PURE__ */ e.createElement("div", { "data-fs-slider-absolute-values": !0 }, /* @__PURE__ */ e.createElement("span", null, r.min), /* @__PURE__ */ e.createElement("span", null, r.max)), /* @__PURE__ */ e.createElement("div", { "data-fs-slider-wrapper": !0 }, /* @__PURE__ */ e.createElement(
686
- "div",
687
- {
688
- "data-fs-slider-range": !0,
689
- style: {
690
- left: `${b}%`,
691
- width: `${g - b}%`
692
- }
693
- }
694
- ), /* @__PURE__ */ e.createElement(
695
- "input",
696
- {
697
- type: "range",
698
- min: Math.floor(t.absolute),
699
- max: Math.round(a.absolute),
700
- value: C,
701
- step: i,
702
- onMouseUp: () => l?.({ min: C, max: x }),
703
- onTouchEnd: () => l?.({ min: C, max: x }),
704
- onChange: (w) => {
705
- const m = Math.min(Number(w.target.value), x);
706
- P(m), v(Z(m, t.absolute, a.absolute)), o?.({ min: m, max: x });
707
- },
708
- "data-fs-slider-thumb": "left",
709
- "aria-valuemin": t.absolute,
710
- "aria-valuemax": a.absolute,
711
- "aria-valuenow": C,
712
- "aria-label": String(C),
713
- "aria-labelledby": c?.(C, "min")
714
- }
715
- ), d && /* @__PURE__ */ e.createElement(
716
- "span",
717
- {
718
- "data-fs-slider-value-label": "min",
719
- style: {
720
- left: `calc(${k(C)}% + (${8 - k(C) * 0.2}px))`
721
- }
722
- },
723
- d(C)
724
- ), /* @__PURE__ */ e.createElement(
725
- "input",
726
- {
727
- type: "range",
728
- min: Math.floor(t.absolute),
729
- max: Math.round(a.absolute),
730
- value: x,
731
- step: i,
732
- onMouseUp: () => l?.({ min: C, max: x }),
733
- onTouchEnd: () => l?.({ min: C, max: x }),
734
- onChange: (w) => {
735
- const m = Math.max(Number(w.target.value), C);
736
- S(m), y(Z(m, t.absolute, a.absolute)), o?.({ min: C, max: m });
737
- },
738
- "data-fs-slider-thumb": "right",
739
- "aria-valuemin": t.absolute,
740
- "aria-valuemax": a.absolute,
741
- "aria-valuenow": x,
742
- "aria-label": String(x),
743
- "aria-labelledby": c?.(x, "max")
744
- }
745
- ), u && /* @__PURE__ */ e.createElement(
746
- "span",
747
- {
748
- "data-fs-slider-value-label": "max",
749
- style: {
750
- left: `calc(${k(x)}% + (${8 - k(x) * 0.2}px))`
751
- }
752
- },
753
- u(x)
754
- )));
755
- }
756
- );
757
- function he({ text: n, as: t }) {
758
- const a = t ?? "span";
759
- return /* @__PURE__ */ e.createElement(a, { "data-fs-sr-only": !0 }, n);
760
- }
761
- const Ht = p(
762
- function({ testId: t = "fs-textarea", resize: a = "both", ...r }, o) {
763
- return /* @__PURE__ */ e.createElement(
764
- "textarea",
765
- {
766
- ref: o,
767
- "data-fs-textarea": !0,
768
- "data-fs-textarea-resize": a,
769
- "data-testid": t,
770
- ...r
771
- }
772
- );
773
- }
774
- ), Xe = W(void 0), _t = p(function({ testId: t = "fs-accordion", indices: a, onChange: r, children: o, ...l }, s) {
775
- const c = e.Children.map(
776
- o,
777
- (d, u) => {
778
- if (d)
779
- return pe(d, { index: d.props.index ?? u });
780
- }
781
- ), i = {
782
- indices: new Set(a),
783
- onChange: r,
784
- numberOfItems: c.length
785
- };
786
- return /* @__PURE__ */ e.createElement(Xe.Provider, { value: i }, /* @__PURE__ */ e.createElement(
787
- "div",
788
- {
789
- ref: s,
790
- "data-fs-accordion": !0,
791
- role: "region",
792
- "data-testid": t,
793
- ...l
794
- },
795
- c
796
- ));
797
- });
798
- function Ye() {
799
- const n = j(Xe);
800
- if (n === void 0)
801
- throw new Error(
802
- "Do not use Accordion components outside the Accordion context."
803
- );
804
- return n;
805
- }
806
- const qe = W(
807
- void 0
808
- ), zt = p(function({
809
- prefixId: t = "",
810
- index: a = 0,
811
- as: r,
812
- children: o,
813
- testId: l = "fs-accordion-item",
814
- ...s
815
- }, c) {
816
- const i = r ?? "div", d = {
817
- index: a,
818
- prefixId: t,
819
- panel: `${t && `${t}-`}panel--${a}`,
820
- button: `${t && `${t}-`}button--${a}`
821
- };
822
- return /* @__PURE__ */ e.createElement(qe.Provider, { value: d }, /* @__PURE__ */ e.createElement(
823
- i,
824
- {
825
- ref: c,
826
- "data-fs-accordion-item": !0,
827
- "data-testid": l,
828
- ...s
829
- },
830
- o
831
- ));
832
- });
833
- function Je() {
834
- const n = j(qe);
835
- if (n === void 0)
836
- throw new Error(
837
- "Do not use AccordionItem components outside the AccordionItem context."
838
- );
839
- return n;
840
- }
841
- const Gt = p(
842
- function({
843
- testId: t = "fs-accordion-button",
844
- expandedIcon: a = /* @__PURE__ */ e.createElement(I, { name: "MinusCircle", "data-icon": "expanded" }),
845
- collapsedIcon: r = /* @__PURE__ */ e.createElement(I, { name: "PlusCircle", "data-icon": "collapsed" }),
846
- children: o,
847
- ...l
848
- }, s) {
849
- const { indices: c, onChange: i, numberOfItems: d } = Ye(), { index: u, panel: E, button: f, prefixId: h } = Je(), b = (v) => {
850
- if (!["ArrowDown", "ArrowUp"].includes(v.key))
851
- return;
852
- const g = () => {
853
- const C = Number(u) + 1 === d ? 0 : Number(u) + 1;
854
- return document.getElementById(
855
- `${h && `${h}-`}button--${C}`
856
- );
857
- }, y = () => {
858
- const C = Number(u) - 1 < 0 ? d - 1 : Number(u) - 1;
859
- return document.getElementById(
860
- `${h && `${h}-`}button--${C}`
861
- );
862
- };
863
- switch (v.key) {
864
- case "ArrowDown":
865
- v.preventDefault(), g()?.focus();
866
- break;
867
- case "ArrowUp":
868
- v.preventDefault(), y()?.focus();
869
- break;
870
- }
871
- };
872
- return /* @__PURE__ */ e.createElement(
873
- M,
874
- {
875
- ref: s,
876
- id: f,
877
- variant: "tertiary",
878
- "data-fs-accordion-button": c.has(u) ? "expanded" : "collapsed",
879
- "aria-expanded": c.has(u),
880
- icon: c.has(u) ? a : r,
881
- iconPosition: "right",
882
- "aria-controls": E,
883
- onKeyDown: b,
884
- onClick: () => {
885
- i(u);
886
- },
887
- "data-testid": t,
888
- ...l
889
- },
890
- o
891
- );
892
- }
893
- ), Kt = p(
894
- function({ testId: t = "fs-accordion-panel", children: a, ...r }, o) {
895
- const { indices: l } = Ye(), { index: s, button: c, panel: i } = Je();
896
- return /* @__PURE__ */ e.createElement(
897
- "div",
898
- {
899
- ref: o,
900
- id: i,
901
- "data-fs-accordion-panel": !0,
902
- "aria-labelledby": c,
903
- role: "region",
904
- hidden: !l.has(s),
905
- "data-testid": t,
906
- ...r
907
- },
908
- a
909
- );
910
- }
911
- ), Ut = p(function({
912
- testId: t = "fs-alert",
913
- children: a,
914
- icon: r,
915
- dismissible: o,
916
- link: l,
917
- onClose: s,
918
- ...c
919
- }, i) {
920
- const d = L(
921
- (u) => {
922
- u.defaultPrevented || s?.(u);
923
- },
924
- [s]
925
- );
926
- return /* @__PURE__ */ e.createElement(
927
- "div",
928
- {
929
- ref: i,
930
- role: "alert",
931
- "data-fs-alert": !0,
932
- "data-fs-alert-dismissible": o,
933
- "data-fs-content": "alert",
934
- "data-testid": t,
935
- ...c
936
- },
937
- !!r && r,
938
- /* @__PURE__ */ e.createElement("p", { "data-fs-alert-content": !0 }, a),
939
- l && /* @__PURE__ */ e.createElement(X, { "data-fs-alert-link": !0, variant: "inline", ...l }),
940
- o && /* @__PURE__ */ e.createElement(
941
- N,
942
- {
943
- "data-fs-alert-button": !0,
944
- size: "small",
945
- "aria-label": "Close",
946
- icon: /* @__PURE__ */ e.createElement(I, { name: "X" }),
947
- onClick: d
948
- }
949
- )
950
- );
951
- }), Oe = ({
952
- divider: n,
953
- testId: t
954
- }) => {
955
- const a = {
956
- "data-fs-breadcrumb-divider": !0,
957
- "aria-hidden": !0,
958
- "data-testid": `${t}-divider`
959
- };
960
- return e.isValidElement(n) ? e.cloneElement(n, a) : /* @__PURE__ */ e.createElement("span", { ...a }, n ?? "/");
961
- }, Wt = ({ children: n, isLastItem: t, divider: a, testId: r }) => {
962
- const o = {
963
- "data-testid": `${r}-item`,
964
- "data-fs-breadcrumb-item": t ? "current" : !0,
965
- "aria-current": t ? "page" : void 0
966
- };
967
- return e.isValidElement(n) ? /* @__PURE__ */ e.createElement("li", { "data-fs-breadcrumb-list-item": !0 }, e.cloneElement(n, o), t ? null : /* @__PURE__ */ e.createElement(Oe, { divider: a, testId: r })) : /* @__PURE__ */ e.createElement("li", { "data-fs-breadcrumb-list-item": !0 }, /* @__PURE__ */ e.createElement("span", { ...o }, n, t ? null : /* @__PURE__ */ e.createElement(Oe, { divider: a, testId: r })));
968
- }, jt = p(
969
- function({
970
- children: t,
971
- divider: a = "",
972
- testId: r = "fs-breadcrumb",
973
- ...o
974
- }, l) {
975
- return /* @__PURE__ */ e.createElement(
976
- "nav",
977
- {
978
- "aria-label": "Breadcrumb",
979
- role: "navigation",
980
- ref: l,
981
- "data-fs-breadcrumb": !0,
982
- "data-testid": r,
983
- ...o
984
- },
985
- /* @__PURE__ */ e.createElement(U, { as: "ol", "data-fs-breadcrumb-list": !0, "data-fs-content": "breadcrumb" }, e.Children.toArray(t).map(
986
- (s, c, i) => {
987
- const d = c === i.length - 1;
988
- return /* @__PURE__ */ e.createElement(
989
- Wt,
990
- {
991
- isLastItem: d,
992
- divider: a,
993
- key: `breadcrumb-${c}`,
994
- testId: r
995
- },
996
- s
997
- );
998
- }
999
- ))
1000
- );
1001
- }
1002
- ), Qt = Ee(
1003
- () => Promise.resolve().then(() => la)
1004
- ), Xt = Ee(
1005
- () => Promise.resolve().then(() => ca)
1006
- ), Yt = Ee(
1007
- () => Promise.resolve().then(() => ma)
1008
- ), qt = Ee(
1009
- () => Promise.resolve().then(() => da)
1010
- ), Me = p(
1011
- function({
1012
- children: t,
1013
- divider: a = "",
1014
- testId: r = "fs-breadcrumb",
1015
- breadcrumbList: o,
1016
- isDesktop: l = !1,
1017
- renderLink: s,
1018
- homeLink: c,
1019
- dropdownButtonIcon: i = /* @__PURE__ */ e.createElement(I, { name: "DotsThree" }),
1020
- collapsedItemsIcon: d = /* @__PURE__ */ e.createElement(I, { "data-fs-dropdown-item-icon": !0, name: "ArrowElbowDownRight" }),
1021
- ...u
1022
- }, E) {
1023
- const f = l ? o[0] : null, h = l ? o.slice(1, -2) : o.slice(0, -2), b = o.slice(-2), v = o.length > 4, g = L(
1024
- (y) => {
1025
- const C = s?.(y), P = y.collapsed ? {
1026
- "data-fs-breadcrumb-dropdown-link": !0
1027
- } : {
1028
- "data-fs-breadcrumb-link": !0
1029
- };
1030
- return C ? pe(C, {
1031
- ...P,
1032
- key: y.itemProps.position
1033
- }) : /* @__PURE__ */ e.createElement(
1034
- X,
1035
- {
1036
- ...P,
1037
- href: y.itemProps.item,
1038
- key: y.itemProps.position
1039
- },
1040
- y.itemProps.name
1041
- );
1042
- },
1043
- [s]
1044
- );
1045
- return /* @__PURE__ */ e.createElement(
1046
- jt,
1047
- {
1048
- ref: E,
1049
- "data-fs-breadcrumb-is-desktop": l,
1050
- ...u
1051
- },
1052
- c,
1053
- !v && o.map((y, C) => o.length === C + 1 ? /* @__PURE__ */ e.createElement("span", { key: String(y.position) }, y.name) : g({ itemProps: y, collapsed: !1 })),
1054
- v && f && g({ itemProps: f, collapsed: !1 }),
1055
- v && /* @__PURE__ */ e.createElement(Le, null, /* @__PURE__ */ e.createElement(Qt, null, /* @__PURE__ */ e.createElement(
1056
- Xt,
1057
- {
1058
- "aria-label": "View More",
1059
- "data-fs-breadcrumb-dropdown-button": !0,
1060
- size: "small"
1061
- },
1062
- i
1063
- ), /* @__PURE__ */ e.createElement(Yt, { "data-fs-breadcrumb-dropdown-menu": !0 }, h.map((y) => /* @__PURE__ */ e.createElement(
1064
- qt,
1065
- {
1066
- "data-fs-breadcrumb-dropdown-item": !0,
1067
- key: String(y.position),
1068
- icon: d
1069
- },
1070
- g({ itemProps: y, collapsed: !0 })
1071
- ))))),
1072
- v && b.map((y, C) => b.length === C + 1 ? /* @__PURE__ */ e.createElement("span", { key: String(y.position) }, y.name) : g({ itemProps: y, collapsed: !1 }))
1073
- );
1074
- }
1075
- ), Za = ({ breadcrumbList: n, ...t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Me, { breadcrumbList: n, ...t }), /* @__PURE__ */ e.createElement(Me, { breadcrumbList: n, isDesktop: !0, ...t }));
1076
- function er({
1077
- testId: n = "fs-buy-button",
1078
- icon: t,
1079
- children: a,
1080
- ...r
1081
- }) {
1082
- return /* @__PURE__ */ e.createElement(
1083
- M,
1084
- {
1085
- "data-fs-buy-button": !0,
1086
- icon: t,
1087
- iconPosition: "left",
1088
- "data-testid": n,
1089
- ...r
1090
- },
1091
- a
1092
- );
1093
- }
1094
- const Jt = (n, t, a) => a ? `Current page from ${n}` : `Go to page ${t + 1} from ${n}`, Zt = p(
1095
- function({
1096
- id: t,
1097
- totalQuantity: a,
1098
- activeBullet: r,
1099
- onClick: o,
1100
- testId: l = "fs-carousel-bullets",
1101
- ariaLabelGenerator: s = Jt,
1102
- ariaControlsGenerator: c,
1103
- ...i
1104
- }, d) {
1105
- const u = H(
1106
- () => Array(a).fill(0),
1107
- [a]
1108
- );
1109
- return /* @__PURE__ */ e.createElement(
1110
- "div",
1111
- {
1112
- ref: d,
1113
- "data-fs-carousel-bullets": !0,
1114
- "data-testid": l,
1115
- role: "tablist",
1116
- ...i
1117
- },
1118
- u.map((E, f) => {
1119
- const h = r === f;
1120
- return /* @__PURE__ */ e.createElement(
1121
- M,
1122
- {
1123
- key: `${t}-${f}`,
1124
- role: "tab",
1125
- tabIndex: -1,
1126
- "data-fs-carousel-bullet": !0,
1127
- testId: `${l}-bullet`,
1128
- onClick: (b) => o(b, f),
1129
- "aria-label": s(t, f, h),
1130
- "aria-controls": c?.(f),
1131
- "aria-selected": h,
1132
- variant: "tertiary"
1133
- }
1134
- );
1135
- })
1136
- );
1137
- }
1138
- );
1139
- function ea({
1140
- id: n,
1141
- index: t,
1142
- state: a,
1143
- children: r,
1144
- totalItems: o,
1145
- infiniteMode: l,
1146
- isScrollCarousel: s,
1147
- marginRightValue: c
1148
- }) {
1149
- const { isItemVisible: i, shouldRenderItem: d } = Ot({
1150
- totalItems: o,
1151
- currentSlide: a.currentItem,
1152
- itemsPerPage: a.itemsPerPage
1153
- }), u = { width: "100%" }, E = {
1154
- width: `calc((100% - ${c} * ${a.itemsPerPage - 1}) / ${a.itemsPerPage})`
1155
- }, f = s && a.itemsPerPage > 1 ? { ...E } : { ...u }, h = s || d(t - Number(l));
1156
- return /* @__PURE__ */ e.createElement(
1157
- "li",
1158
- {
1159
- style: f,
1160
- id: `${n}-carousel-item-${t}`,
1161
- "data-fs-carousel-item": !0,
1162
- "data-fs-carousel-item-visible": i(t - Number(l)) || void 0
1163
- },
1164
- h ? r : null
1165
- );
1166
- }
1167
- const ta = (n, t, a) => {
1168
- const r = {}, o = 100 / t;
1169
- for (let l = 0; l < t; ++l) {
1170
- const s = n ? l - 1 : l, c = a ? o * l : -(o * l);
1171
- r[s] = c;
1172
- }
1173
- return r;
1174
- };
1175
- function tr({
1176
- children: n,
1177
- className: t,
1178
- "aria-label": a,
1179
- infiniteMode: r = !1,
1180
- controls: o = "complete",
1181
- testId: l = "fs-carousel",
1182
- transition: s = {
1183
- duration: 400,
1184
- property: "transform"
1185
- },
1186
- id: c = "fs-carousel",
1187
- variant: i = "scroll",
1188
- itemsPerPage: d = 1,
1189
- navigationIcons: u = void 0,
1190
- ...E
1191
- }) {
1192
- if (d < 1)
1193
- throw new Error("itemsPerPage must be greater than or equal to 1");
1194
- const f = At(), h = $(null), b = i === "slide", v = i === "scroll", g = e.Children.toArray(n), y = g.length, C = r ? y + 2 : y, P = `${s.property} ${s.duration}ms ${s.timing ?? ""} ${s.delay ?? ""}`, { handlers: x, slide: S, sliderState: k, sliderDispatch: w } = Dt({
1195
- itemsPerPage: d,
1196
- infiniteMode: r,
1197
- totalItems: y,
1198
- shouldSlideOnSwipe: b,
1199
- isRTL: f,
1200
- ...E
1201
- }), m = Math.ceil(y / k.itemsPerPage), [T, _] = R("16px"), [V, ae] = R(0);
1202
- O(() => {
1203
- const A = h.current?.firstElementChild;
1204
- A && (_(getComputedStyle(A).getPropertyValue("margin-right")), ae(
1205
- Number(A.clientWidth) + Number.parseInt(T, 10) + 1
1206
- ));
1207
- }, [V]);
1208
- const re = m !== 1 && (o === "complete" || o === "navigationArrows"), be = m !== 1 && (o === "complete" || o === "paginationBullets"), me = H(
1209
- () => ta(r, C, f),
1210
- [C, r, f]
1211
- ), ve = r && n ? g.slice(0, 1) : [], K = (r && n ? g.slice(y - 1) : []).concat(
1212
- n ?? [],
1213
- ve
1214
- ), fe = H(
1215
- () => ({
1216
- width: `${C * 100}%`,
1217
- transition: k.sliding ? P : void 0,
1218
- transform: `translate3d(${me[k.currentPage]}%, 0, 0)`
1219
- }),
1220
- [
1221
- C,
1222
- me,
1223
- P,
1224
- k.sliding,
1225
- k.currentPage
1226
- ]
1227
- ), dt = H(
1228
- () => ({
1229
- width: "100%",
1230
- overflowX: "scroll",
1231
- whiteSpace: "nowrap"
1232
- }),
1233
- []
1234
- ), ut = b && fe || v && dt, Te = () => {
1235
- k.sliding || !r && k.currentPage === 0 || S("previous", w);
1236
- }, Re = () => {
1237
- k.sliding || !r && k.currentPage === y - 1 || S("next", w);
1238
- }, mt = (A) => {
1239
- if (b || d > 1)
1240
- return;
1241
- const B = A.currentTarget, Y = Number(B.firstElementChild?.scrollWidth);
1242
- let q = B.scrollLeft;
1243
- if (f) {
1244
- const Et = B.scrollWidth - B.clientWidth;
1245
- q < 0 ? q = Math.abs(q) : q = Et - q;
1246
- }
1247
- const ye = q > Y / 2 ? Math.round : Math.floor, De = Math.max(
1248
- 0,
1249
- Math.min(k.totalPages - 1, ye(q / Y))
1250
- );
1251
- S(De, w);
1252
- }, ft = () => {
1253
- w({
1254
- type: "STOP_SLIDE"
1255
- }), r && k.currentItem >= y && w({
1256
- type: "GO_TO_PAGE",
1257
- payload: {
1258
- pageIndex: 0,
1259
- shouldSlide: !1
1260
- }
1261
- }), r && k.currentItem < 0 && w({
1262
- type: "GO_TO_PAGE",
1263
- payload: {
1264
- pageIndex: k.totalPages - 1,
1265
- shouldSlide: !1
1266
- }
1267
- });
1268
- }, ne = async (A, B) => {
1269
- if (B === "previous" && k.currentPage === 0 || B === "next" && k.currentPage === k.totalPages - 1)
1270
- return;
1271
- const Y = A * V * d;
1272
- if (f && h.current) {
1273
- const ye = h.current.scrollWidth - h.current.clientWidth - Y;
1274
- h.current.scrollLeft < 0 ? h.current.scrollTo({
1275
- left: -Y,
1276
- behavior: "smooth"
1277
- }) : h.current.scrollTo({
1278
- left: ye,
1279
- behavior: "smooth"
1280
- });
1281
- } else
1282
- h.current?.scrollTo({
1283
- left: Y,
1284
- behavior: "smooth"
1285
- });
1286
- S(A, w);
1287
- }, pt = (A) => {
1288
- const B = f ? "ArrowRight" : "ArrowLeft", Y = f ? "ArrowLeft" : "ArrowRight";
1289
- switch (A.key) {
1290
- case B: {
1291
- b && Te(), v && ne(k.currentPage - 1, "previous");
1292
- break;
1293
- }
1294
- case Y: {
1295
- b && Re(), v && ne(k.currentPage + 1, "next");
1296
- break;
1297
- }
1298
- case "Home": {
1299
- S(0, w);
1300
- break;
1301
- }
1302
- case "End": {
1303
- S(y - 1, w);
1304
- break;
1305
- }
1306
- }
1307
- };
1308
- return /* @__PURE__ */ e.createElement(
1309
- "section",
1310
- {
1311
- id: c,
1312
- "data-fs-carousel": !0,
1313
- "data-fs-carousel-variant": i,
1314
- className: t,
1315
- "data-testid": l,
1316
- "aria-label": a
1317
- },
1318
- /* @__PURE__ */ e.createElement(
1319
- "div",
1320
- {
1321
- "data-fs-carousel-track-container": !0,
1322
- style: {
1323
- width: "100%",
1324
- overflow: "hidden",
1325
- display: v ? "block" : void 0
1326
- },
1327
- ...x
1328
- },
1329
- /* @__PURE__ */ e.createElement(
1330
- "ul",
1331
- {
1332
- "aria-live": "polite",
1333
- ref: h,
1334
- style: ut,
1335
- "data-fs-carousel-track": !0,
1336
- dir: f ? "rtl" : "ltr",
1337
- onScroll: mt,
1338
- onTransitionEnd: ft
1339
- },
1340
- K.map((A, B) => /* @__PURE__ */ e.createElement(
1341
- ea,
1342
- {
1343
- id: c,
1344
- index: B,
1345
- key: String(B),
1346
- state: k,
1347
- totalItems: y,
1348
- infiniteMode: r,
1349
- isScrollCarousel: v,
1350
- marginRightValue: T
1351
- },
1352
- A
1353
- ))
1354
- )
1355
- ),
1356
- re && /* @__PURE__ */ e.createElement("div", { "data-fs-carousel-controls": !0 }, /* @__PURE__ */ e.createElement(
1357
- N,
1358
- {
1359
- "data-fs-carousel-control": f ? "right" : "left",
1360
- "aria-controls": c,
1361
- disabled: !r && k.currentPage === 0,
1362
- "aria-label": "previous",
1363
- icon: f ? u?.right ?? /* @__PURE__ */ e.createElement(
1364
- I,
1365
- {
1366
- name: "ArrowRight",
1367
- width: 20,
1368
- height: 20,
1369
- weight: "bold"
1370
- }
1371
- ) : u?.left ?? /* @__PURE__ */ e.createElement(
1372
- I,
1373
- {
1374
- name: "ArrowLeft",
1375
- width: 20,
1376
- height: 20,
1377
- weight: "bold"
1378
- }
1379
- ),
1380
- onClick: () => {
1381
- b && Te(), v && ne(k.currentPage - 1, "previous");
1382
- }
1383
- }
1384
- ), /* @__PURE__ */ e.createElement(
1385
- N,
1386
- {
1387
- "data-fs-carousel-control": f ? "left" : "right",
1388
- "aria-controls": c,
1389
- disabled: !r && k.currentPage === k.totalPages - 1,
1390
- "aria-label": "next",
1391
- icon: f ? u?.left ?? /* @__PURE__ */ e.createElement(
1392
- I,
1393
- {
1394
- name: "ArrowLeft",
1395
- width: 20,
1396
- height: 20,
1397
- weight: "bold"
1398
- }
1399
- ) : u?.right ?? /* @__PURE__ */ e.createElement(
1400
- I,
1401
- {
1402
- name: "ArrowRight",
1403
- width: 20,
1404
- height: 20,
1405
- weight: "bold"
1406
- }
1407
- ),
1408
- onClick: () => {
1409
- b && Re(), v && ne(k.currentPage + 1, "next");
1410
- }
1411
- }
1412
- )),
1413
- be && /* @__PURE__ */ e.createElement(
1414
- Zt,
1415
- {
1416
- id: c,
1417
- tabIndex: 0,
1418
- activeBullet: k.currentPage,
1419
- totalQuantity: m,
1420
- onKeyDown: pt,
1421
- onClick: async (A, B) => {
1422
- b && !k.sliding && S(B, w), v && ne(B);
1423
- },
1424
- onFocus: (A) => A.currentTarget.focus(),
1425
- ariaControlsGenerator: (A) => `${c}-carousel-item-${A}`
1426
- }
1427
- )
1428
- );
1429
- }
1430
- const ar = p(function({
1431
- title: t,
1432
- maxWidth: a,
1433
- testId: r = "fs-card",
1434
- iconName: o,
1435
- iconAction: l,
1436
- children: s,
1437
- ...c
1438
- }, i) {
1439
- return /* @__PURE__ */ e.createElement(
1440
- "section",
1441
- {
1442
- "data-testid": r,
1443
- ref: i,
1444
- "data-fs-card": !0,
1445
- style: { maxWidth: `${a}` },
1446
- ...c
1447
- },
1448
- /* @__PURE__ */ e.createElement("div", { "data-fs-card-header": !0 }, /* @__PURE__ */ e.createElement("div", { "data-fs-card-title": !0 }, t), o && /* @__PURE__ */ e.createElement(
1449
- N,
1450
- {
1451
- icon: /* @__PURE__ */ e.createElement(I, { name: o, width: 20, height: 20 }),
1452
- "aria-label": `${t} action`,
1453
- onClick: l
1454
- }
1455
- )),
1456
- /* @__PURE__ */ e.createElement("div", { "data-fs-card-body": !0 }, s)
1457
- );
1458
- }), rr = p(function({
1459
- testId: t = "fs-cart-item",
1460
- price: a,
1461
- quantity: r,
1462
- unavailable: o,
1463
- onQuantityChange: l,
1464
- unitMultiplier: s,
1465
- useUnitMultiplier: c,
1466
- children: i,
1467
- removeBtnProps: d,
1468
- ...u
1469
- }, E) {
1470
- return /* @__PURE__ */ e.createElement(
1471
- "article",
1472
- {
1473
- ref: E,
1474
- "data-fs-cart-item": o ? "unavailable" : "true",
1475
- "data-testid": t,
1476
- ...u
1477
- },
1478
- /* @__PURE__ */ e.createElement("div", { "data-fs-cart-item-content": !0 }, i),
1479
- /* @__PURE__ */ e.createElement(
1480
- N,
1481
- {
1482
- "data-fs-cart-item-remove-button": !0,
1483
- icon: /* @__PURE__ */ e.createElement(I, { name: "XCircle" }),
1484
- "aria-label": "Remove",
1485
- ...d
1486
- }
1487
- ),
1488
- /* @__PURE__ */ e.createElement("div", { "data-fs-cart-item-actions": !0 }, /* @__PURE__ */ e.createElement(
1489
- Se,
1490
- {
1491
- min: 1,
1492
- initial: r,
1493
- unitMultiplier: s,
1494
- useUnitMultiplier: c,
1495
- onChange: l
1496
- }
1497
- ), /* @__PURE__ */ e.createElement(
1498
- ke,
1499
- {
1500
- "data-fs-cart-item-prices": !0,
1501
- listPrice: a?.listPrice ? a.listPrice : 0,
1502
- value: a?.value ? a.value : 0,
1503
- formatter: a?.formatter
1504
- }
1505
- ))
1506
- );
1507
- }), nr = p(
1508
- function({ testId: t = "fs-cart-item-image", children: a, ...r }, o) {
1509
- return /* @__PURE__ */ e.createElement(
1510
- "div",
1511
- {
1512
- ref: o,
1513
- "data-fs-cart-item-image": !0,
1514
- "data-testid": t,
1515
- ...r
1516
- },
1517
- a
1518
- );
1519
- }
1520
- ), or = p(
1521
- function({
1522
- testId: t = "fs-cart-item-summary",
1523
- title: a,
1524
- activeVariations: r = [],
1525
- children: o,
1526
- ...l
1527
- }, s) {
1528
- return /* @__PURE__ */ e.createElement(
1529
- "div",
1530
- {
1531
- ref: s,
1532
- "data-fs-cart-item-summary": !0,
1533
- "data-testid": t,
1534
- ...l
1535
- },
1536
- /* @__PURE__ */ e.createElement("div", { "data-fs-cart-item-title": !0 }, a),
1537
- r.length > 0 && /* @__PURE__ */ e.createElement("div", { "data-fs-cart-item-skus": !0 }, r.map(({ label: c, option: i }) => /* @__PURE__ */ e.createElement("p", { key: c }, c, ": ", /* @__PURE__ */ e.createElement("span", null, i)))),
1538
- o
1539
- );
1540
- }
1541
- ), aa = p(
1542
- function({
1543
- testId: t = "fs-checkbox-field",
1544
- id: a,
1545
- label: r,
1546
- value: o,
1547
- name: l,
1548
- error: s,
1549
- disabled: c,
1550
- alignment: i = "center",
1551
- ...d
1552
- }, u) {
1553
- const E = !c && s && s !== "";
1554
- return /* @__PURE__ */ e.createElement(
1555
- "div",
1556
- {
1557
- ref: u,
1558
- "data-testid": t,
1559
- "data-fs-checkbox-field": !0,
1560
- "data-fs-checkbox-field-error": s && s !== "",
1561
- "data-fs-checkbox-field-alignment": i
1562
- },
1563
- /* @__PURE__ */ e.createElement(
1564
- Ue,
1565
- {
1566
- id: a,
1567
- value: o ?? r,
1568
- name: l,
1569
- defaultChecked: d?.checked,
1570
- disabled: c,
1571
- ...d
1572
- }
1573
- ),
1574
- /* @__PURE__ */ e.createElement("div", { "data-fs-checkbox-field-content": !0 }, /* @__PURE__ */ e.createElement(G, { "data-fs-checkbox-field-label": !0, htmlFor: a }, r), E && /* @__PURE__ */ e.createElement("span", { "data-fs-checkbox-field-error-message": !0 }, s))
1575
- );
1576
- }
1577
- ), ra = (n, t) => H(() => {
1578
- const r = (n - t) * 100 / n;
1579
- return Math.round(r);
1580
- }, [t, n]), na = ({
1581
- listPrice: n,
1582
- spotPrice: t,
1583
- thresholdLow: a = 15,
1584
- thresholdHigh: r = 40,
1585
- size: o,
1586
- testId: l = "fs-discount-badge"
1587
- }) => {
1588
- const s = ra(n, t);
1589
- if (s === 0)
1590
- return /* @__PURE__ */ e.createElement(e.Fragment, null);
1591
- const c = s <= a ? "low" : s <= r ? "medium" : "high";
1592
- return /* @__PURE__ */ e.createElement(
1593
- Q,
1594
- {
1595
- "data-fs-discount-badge": !0,
1596
- "data-fs-discount-badge-variant": c,
1597
- size: o,
1598
- "data-testid": l
1599
- },
1600
- s,
1601
- "% off"
1602
- );
1603
- }, oa = {
1604
- isOpen: !1,
1605
- dropdownTriggerRef: null,
1606
- selectedDropdownItemIndexRef: null,
1607
- dropdownItemsRef: null,
1608
- id: "fs-dropdown"
1609
- }, Ze = W(oa), et = ({
1610
- children: n,
1611
- isOpen: t,
1612
- onDismiss: a,
1613
- id: r = "fs-dropdown"
1614
- }) => {
1615
- const [o, l] = R(!1), s = $([]), c = $(0), i = $(null), d = t ?? o, u = L(() => {
1616
- l(!1), a?.();
1617
- }, [a]), E = () => {
1618
- l(!0);
1619
- }, f = L(() => {
1620
- l((v) => (v && (a?.(), i.current?.focus()), !v));
1621
- }, [a]), h = L(
1622
- (v) => {
1623
- i.current = v;
1624
- },
1625
- []
1626
- );
1627
- O(() => {
1628
- l(t ?? !1);
1629
- }, [t]), O(() => {
1630
- d && s?.current[0]?.focus();
1631
- }, [d]), O(() => {
1632
- let v = !0;
1633
- const g = (y) => {
1634
- const C = s?.current.some(
1635
- (P) => y.target === P || P.contains(y.target)
1636
- );
1637
- if (v) {
1638
- v = !1;
1639
- return;
1640
- }
1641
- !C && u();
1642
- };
1643
- return d ? document.addEventListener("click", g) : document.removeEventListener("click", g), () => {
1644
- document.removeEventListener("click", g);
1645
- };
1646
- }, [u, d]);
1647
- const b = H(() => ({
1648
- isOpen: d,
1649
- close: u,
1650
- open: E,
1651
- toggle: f,
1652
- dropdownTriggerRef: i,
1653
- addDropdownTriggerRef: h,
1654
- selectedDropdownItemIndexRef: c,
1655
- dropdownItemsRef: s,
1656
- id: r
1657
- }), [d, u, f, h, r]);
1658
- return /* @__PURE__ */ e.createElement(Ze.Provider, { value: b }, n);
1659
- }, la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1660
- __proto__: null,
1661
- default: et
1662
- }, Symbol.toStringTag, { value: "Module" })), ge = () => {
1663
- const n = j(Ze);
1664
- if (n === void 0)
1665
- throw new Error("Do not use useDropdown hook outside the Dropdown context.");
1666
- return n;
1667
- }, sa = ({
1668
- triggerRef: n
1669
- }) => {
1670
- const { toggle: t, dropdownTriggerRef: a, addDropdownTriggerRef: r, isOpen: o, id: l } = ge();
1671
- return le(n, () => a.current, [
1672
- a
1673
- ]), {
1674
- onClick: t,
1675
- ref: r,
1676
- "aria-expanded": o,
1677
- "aria-controls": l,
1678
- "aria-haspopup": "menu"
1679
- };
1680
- }, tt = p(
1681
- function({ testId: t = "fs-dropdown-button", children: a, asChild: r = !1, ...o }, l) {
1682
- const s = sa({ triggerRef: l }), c = e.isValidElement(a) ? pe(a, { ...s, ...a.props }) : a;
1683
- return /* @__PURE__ */ e.createElement(e.Fragment, null, r ? c : /* @__PURE__ */ e.createElement(
1684
- M,
1685
- {
1686
- "data-fs-dropdown-button": !0,
1687
- "data-testid": t,
1688
- variant: "tertiary",
1689
- ...s,
1690
- ...o
1691
- },
1692
- a
1693
- ));
1694
- }
1695
- ), ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1696
- __proto__: null,
1697
- default: tt
1698
- }, Symbol.toStringTag, { value: "Module" })), ia = ({
1699
- ref: n,
1700
- onClick: t,
1701
- dismissOnClick: a = !0
1702
- }) => {
1703
- const { dropdownItemsRef: r, selectedDropdownItemIndexRef: o, close: l } = ge(), [s, c] = R(0), i = $(), d = (f) => {
1704
- f && !r?.current.includes(f) && (r?.current.push(f), c(
1705
- r?.current.findIndex((h) => h === f) ?? 0
1706
- )), i.current = f;
1707
- }, u = () => {
1708
- o.current = s, r?.current[o.current]?.focus();
1709
- }, E = (f) => {
1710
- t?.(f), a && l?.();
1711
- };
1712
- return le(n, () => i.current, []), {
1713
- ref: d,
1714
- onFocus: u,
1715
- onMouseEnter: u,
1716
- onClick: E,
1717
- role: "menuitem",
1718
- tabIndex: -1,
1719
- "data-index": s
1720
- };
1721
- }, ee = p(
1722
- function({
1723
- children: t,
1724
- asChild: a,
1725
- icon: r,
1726
- onClick: o,
1727
- dismissOnClick: l = !0,
1728
- testId: s = "fs-dropdown-item",
1729
- ...c
1730
- }, i) {
1731
- const d = ia({ ref: i, onClick: o, dismissOnClick: l }), u = e.isValidElement(t) ? pe(t, { ...d, ...t.props }) : t;
1732
- return /* @__PURE__ */ e.createElement(e.Fragment, null, a ? u : /* @__PURE__ */ e.createElement(
1733
- "button",
1734
- {
1735
- "data-fs-dropdown-item": !0,
1736
- "data-testid": s,
1737
- ...d,
1738
- ...c
1739
- },
1740
- !!r && r,
1741
- t
1742
- ));
1743
- }
1744
- ), da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1745
- __proto__: null,
1746
- default: ee
1747
- }, Symbol.toStringTag, { value: "Module" })), ua = (n = "left") => {
1748
- const { dropdownTriggerRef: t, isOpen: a } = ge(), [r, o] = R({
1749
- top: 0,
1750
- left: 0,
1751
- right: "auto",
1752
- transform: "none",
1753
- loading: !0
1754
- });
1755
- return O(() => {
1756
- const l = () => {
1757
- const s = typeof window < "u";
1758
- if (!t?.current) return;
1759
- const c = t.current.getBoundingClientRect(), i = c?.top ?? 0, d = c?.height ?? 0, u = c?.left ?? 0, E = c?.width ?? 0, f = s ? document?.documentElement?.scrollTop : 0, h = s ? document?.documentElement?.scrollLeft : 0, b = i + d + f;
1760
- let v = u + h, g = "auto", y = "none";
1761
- n === "right" ? (g = `${document.documentElement.clientWidth - u - E}px`, v = "auto") : n === "center" && (v = u + E / 2 + h, y = "translateX(-50%)"), o({
1762
- top: b,
1763
- left: v,
1764
- right: g,
1765
- transform: y,
1766
- loading: !1
1767
- });
1768
- };
1769
- return a && (l(), window.addEventListener("resize", l)), () => {
1770
- window.removeEventListener("resize", l);
1771
- };
1772
- }, [t, a, n]), { ...r, position: "absolute" };
1773
- }, at = ({
1774
- children: n,
1775
- testId: t = "fs-dropdown-menu",
1776
- size: a = "regular",
1777
- align: r = "left",
1778
- style: o,
1779
- ...l
1780
- }) => {
1781
- const {
1782
- isOpen: s,
1783
- close: c,
1784
- dropdownItemsRef: i,
1785
- selectedDropdownItemIndexRef: d,
1786
- dropdownTriggerRef: u,
1787
- id: E
1788
- } = ge(), { loading: f, ...h } = ua(r), b = e.Children.toArray(n).length, v = () => {
1789
- d.current < b - 1 ? d.current++ : d.current = 0, i?.current[d.current]?.focus();
1790
- }, g = () => {
1791
- d.current > 0 ? d.current-- : d.current = b - 1, i?.current[d.current]?.focus();
1792
- }, y = () => {
1793
- d.current = 0, i?.current[d.current]?.focus();
1794
- }, C = () => {
1795
- d.current = b - 1, i?.current[d.current]?.focus();
1796
- }, P = () => {
1797
- c?.(), u?.current?.focus();
1798
- }, x = (w) => {
1799
- const m = i?.current ?? [], T = d.current, V = [
1800
- ...m.slice(T + 1),
1801
- ...m.slice(0, T + 1)
1802
- ].find(
1803
- (ae) => ae.textContent?.[0]?.toLowerCase() === w.toLowerCase()
1804
- );
1805
- V && (d.current = m.indexOf(V), V.focus());
1806
- }, S = (w) => {
1807
- if (!(w.defaultPrevented || w.key === "Enter" || w.key === " ")) {
1808
- switch (w.preventDefault(), w.key) {
1809
- case "Escape":
1810
- P();
1811
- break;
1812
- case "ArrowDown":
1813
- v();
1814
- break;
1815
- case "ArrowUp":
1816
- g();
1817
- break;
1818
- case "Home":
1819
- y();
1820
- break;
1821
- case "End":
1822
- C();
1823
- break;
1824
- default:
1825
- x(w.key);
1826
- break;
1827
- }
1828
- w.stopPropagation();
1829
- }
1830
- };
1831
- return s && !f ? Ve(
1832
- /* @__PURE__ */ e.createElement(
1833
- "div",
1834
- {
1835
- role: "presentation",
1836
- "data-fs-dropdown-overlay": !0,
1837
- onKeyDown: S,
1838
- "data-testid": `${t}-overlay`
1839
- },
1840
- /* @__PURE__ */ e.createElement(
1841
- "div",
1842
- {
1843
- role: "menu",
1844
- "aria-orientation": "vertical",
1845
- "data-fs-dropdown-menu": !0,
1846
- "data-fs-dropdown-menu-size": a,
1847
- "data-testid": t,
1848
- style: { ...h, ...o },
1849
- id: E,
1850
- ...l
1851
- },
1852
- n
1853
- )
1854
- ),
1855
- document.body
1856
- ) : (i.current = [], null);
1857
- }, ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1858
- __proto__: null,
1859
- default: at
1860
- }, Symbol.toStringTag, { value: "Module" })), lr = p(function({ icon: t, testId: a = "fs-gift", children: r, ...o }, l) {
1861
- return /* @__PURE__ */ e.createElement("div", { ref: l, "data-fs-gift": !0, "data-testid": a, ...o }, !!t && /* @__PURE__ */ e.createElement("span", { "data-fs-gift-icon": !0 }, t), /* @__PURE__ */ e.createElement("div", { "data-fs-gift-wrapper": !0 }, r));
1862
- }), sr = p(
1863
- function({
1864
- price: t,
1865
- productName: a,
1866
- titleMessage: r = "Get a",
1867
- badgeLabel: o = "Free",
1868
- testId: l = "fs-gift-content",
1869
- ...s
1870
- }, c) {
1871
- return /* @__PURE__ */ e.createElement(
1872
- "section",
1873
- {
1874
- ref: c,
1875
- "data-fs-gift-content": !0,
1876
- "data-testid": l,
1877
- ...s
1878
- },
1879
- /* @__PURE__ */ e.createElement("h3", { "data-fs-gift-product-title": !0 }, r, " ", a),
1880
- /* @__PURE__ */ e.createElement("span", { "data-fs-gift-product-summary": !0 }, /* @__PURE__ */ e.createElement(
1881
- z,
1882
- {
1883
- value: t?.listPrice ? t.listPrice : 0,
1884
- formatter: t?.formatter,
1885
- testId: "list-price",
1886
- "data-value": t?.listPrice,
1887
- variant: "listing",
1888
- SRText: "Original price:"
1889
- }
1890
- ), /* @__PURE__ */ e.createElement(Q, null, o))
1891
- );
1892
- }
1893
- ), cr = p(function({ testId: t = "fs-gift-image", children: a, ...r }, o) {
1894
- return /* @__PURE__ */ e.createElement("div", { ref: o, "data-fs-gift-image": !0, "data-testid": t, ...r }, a);
1895
- }), N = p(
1896
- function({
1897
- icon: t,
1898
- children: a,
1899
- testId: r = "fs-icon-button",
1900
- "aria-label": o,
1901
- size: l = "regular",
1902
- variant: s,
1903
- ...c
1904
- }, i) {
1905
- return /* @__PURE__ */ e.createElement(
1906
- M,
1907
- {
1908
- ref: i,
1909
- "data-fs-button": !0,
1910
- "data-fs-icon-button": !0,
1911
- variant: s ?? "tertiary",
1912
- icon: t,
1913
- "aria-label": o,
1914
- testId: r,
1915
- size: l,
1916
- ...c
1917
- },
1918
- a
1919
- );
1920
- }
1921
- ), oe = ({
1922
- id: n,
1923
- label: t,
1924
- type: a = "text",
1925
- error: r,
1926
- displayClearButton: o,
1927
- actionable: l,
1928
- buttonActionText: s = "Apply",
1929
- onSubmit: c,
1930
- onClear: i,
1931
- placeholder: d = " ",
1932
- // initializes with an empty space to style float label using `placeholder-shown`
1933
- inputRef: u,
1934
- disabled: E,
1935
- value: f,
1936
- testId: h = "fs-input-field",
1937
- ...b
1938
- }) => {
1939
- const v = !E && r && r !== "", g = l && !E && f !== "";
1940
- return /* @__PURE__ */ e.createElement(
1941
- "div",
1942
- {
1943
- "data-fs-input-field": !0,
1944
- "data-fs-input-field-actionable": l,
1945
- "data-fs-input-field-error": r && r !== "",
1946
- "data-testid": h
1947
- },
1948
- /* @__PURE__ */ e.createElement(
1949
- ie,
1950
- {
1951
- id: n,
1952
- type: a,
1953
- value: f,
1954
- ref: u,
1955
- disabled: E,
1956
- placeholder: d,
1957
- ...b
1958
- }
1959
- ),
1960
- /* @__PURE__ */ e.createElement(G, { htmlFor: n }, t),
1961
- g && (o || r ? /* @__PURE__ */ e.createElement(
1962
- N,
1963
- {
1964
- size: "small",
1965
- "aria-label": "Clear Field",
1966
- icon: /* @__PURE__ */ e.createElement(I, { name: "XCircle" }),
1967
- onClick: () => {
1968
- i?.(), u?.current?.focus();
1969
- }
1970
- }
1971
- ) : /* @__PURE__ */ e.createElement(M, { variant: "tertiary", size: "small", onClick: c }, s)),
1972
- v && /* @__PURE__ */ e.createElement("span", { "data-fs-input-field-error-message": !0 }, r)
1973
- );
1974
- };
1975
- function rt({
1976
- icon: n,
1977
- inverse: t,
1978
- children: a,
1979
- disabled: r,
1980
- iconPosition: o,
1981
- size: l = "regular",
1982
- variant: s = "primary",
1983
- testId: c = "fs-link-button",
1984
- ...i
1985
- }) {
1986
- const d = $(null);
1987
- function u(E) {
1988
- E.preventDefault(), r && d.current?.blur();
1989
- }
1990
- return /* @__PURE__ */ e.createElement(
1991
- "a",
1992
- {
1993
- ref: d,
1994
- "data-fs-button": !0,
1995
- "data-fs-link-button": !0,
1996
- "data-fs-button-size": l,
1997
- "data-fs-button-variant": s,
1998
- "data-fs-button-inverse": t,
1999
- "data-fs-button-disabled": r,
2000
- onFocus: u,
2001
- "data-testid": c,
2002
- ...i
2003
- },
2004
- /* @__PURE__ */ e.createElement("div", { "data-fs-button-wrapper": !0 }, !!n && o === "left" && /* @__PURE__ */ e.createElement("span", { "data-fs-button-icon": !0 }, n), a && /* @__PURE__ */ e.createElement("span", null, a), !!n && o === "right" && /* @__PURE__ */ e.createElement("span", { "data-fs-button-icon": !0 }, n))
2005
- );
2006
- }
2007
- const fa = ({
2008
- beforeElementRef: n,
2009
- trapFocusRef: t,
2010
- afterElementRef: a,
2011
- testId: r = "store-modal-content",
2012
- children: o,
2013
- ...l
2014
- }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
2015
- "div",
2016
- {
2017
- ref: n,
2018
- "data-testid": "beforeElement",
2019
- tabIndex: 0,
2020
- "aria-hidden": "true"
2021
- }
2022
- ), /* @__PURE__ */ e.createElement(
2023
- "div",
2024
- {
2025
- "data-fs-modal-content": !0,
2026
- "data-testid": r,
2027
- ref: t,
2028
- "aria-modal": "true",
2029
- role: "dialog",
2030
- tabIndex: -1,
2031
- ...l
2032
- },
2033
- o
2034
- ), /* @__PURE__ */ e.createElement(
2035
- "div",
2036
- {
2037
- ref: a,
2038
- "data-testid": "afterElement",
2039
- tabIndex: 0,
2040
- "aria-hidden": "true"
2041
- }
2042
- )), pa = ({ children: n, ...t }) => {
2043
- const a = $(null), r = $(null), o = $(null);
2044
- return Mt({
2045
- beforeElementRef: r,
2046
- trapFocusRef: a,
2047
- afterElementRef: o
2048
- }), /* @__PURE__ */ e.createElement(
2049
- fa,
2050
- {
2051
- ...t,
2052
- trapFocusRef: a,
2053
- beforeElementRef: r,
2054
- afterElementRef: o,
2055
- onClick: (l) => {
2056
- l.stopPropagation();
2057
- }
2058
- },
2059
- n
2060
- );
2061
- }, nt = ({
2062
- children: n,
2063
- testId: t = "fs-modal",
2064
- isOpen: a = !0,
2065
- onDismiss: r,
2066
- overlayProps: o,
2067
- disableEscapeKeyDown: l = !1,
2068
- onEntered: s,
2069
- ...c
2070
- }) => {
2071
- const { closeModal: i } = te(), { fade: d, fadeOut: u, fadeIn: E } = se(), f = (b) => {
2072
- l || b.defaultPrevented || (b.stopPropagation(), u?.(), r?.());
2073
- }, h = (b) => {
2074
- l || b.key !== "Escape" || b.defaultPrevented || (b.stopPropagation(), u?.(), r?.());
2075
- };
2076
- return a ? Ve(
2077
- /* @__PURE__ */ e.createElement(
2078
- Nt,
2079
- {
2080
- onClick: f,
2081
- onKeyDown: h,
2082
- ...o
2083
- },
2084
- /* @__PURE__ */ e.createElement(
2085
- pa,
2086
- {
2087
- onTransitionEnd: (b) => {
2088
- b.target?.dataset?.testid === t && (d === "out" ? i() : d === "in" && s && s());
2089
- },
2090
- "data-fs-modal": !0,
2091
- "data-fs-modal-state": d,
2092
- testId: t,
2093
- ...c
2094
- },
2095
- typeof n == "function" ? n({ fade: d, fadeOut: u, fadeIn: E }) : n
2096
- )
2097
- ),
2098
- document.body
2099
- ) : null;
2100
- }, Ea = ({
2101
- onClose: n,
2102
- title: t,
2103
- closeBtnProps: a = {},
2104
- description: r
2105
- }) => /* @__PURE__ */ e.createElement("header", { "data-fs-modal-header": !0 }, n && /* @__PURE__ */ e.createElement(
2106
- N,
2107
- {
2108
- "data-fs-modal-header-close-button": !0,
2109
- "aria-label": "Close modal",
2110
- icon: /* @__PURE__ */ e.createElement(I, { name: "X" }),
2111
- onClick: () => n?.(),
2112
- ...a
2113
- }
2114
- ), /* @__PURE__ */ e.createElement("p", { "data-fs-modal-header-title": !0 }, t), r && /* @__PURE__ */ e.createElement("p", { "data-fs-modal-header-description": !0 }, r)), ir = ({
2115
- children: n,
2116
- direction: t = "horizontal",
2117
- wrap: a = !0,
2118
- ...r
2119
- }) => /* @__PURE__ */ e.createElement("div", { "data-fs-modal-footer": !0, ...r }, /* @__PURE__ */ e.createElement(
2120
- "div",
2121
- {
2122
- "data-fs-modal-footer-actions": !0,
2123
- "data-fs-modal-footer-actions-direction": t,
2124
- "data-fs-modal-footer-actions-wrap": a
2125
- },
2126
- n
2127
- )), ha = ({ children: n, ...t }) => /* @__PURE__ */ e.createElement("div", { "data-fs-modal-body": !0, ...t }, n), dr = p(
2128
- function({ children: t, testId: a = "fs-navbar-links", ...r }, o) {
2129
- return /* @__PURE__ */ e.createElement("nav", { "data-fs-navbar-links": !0, ref: o, "data-testid": a, ...r }, t);
2130
- }
2131
- ), ur = p(
2132
- function({ children: t, testId: a = "fs-navbar-links-list", ...r }, o) {
2133
- return /* @__PURE__ */ e.createElement(
2134
- U,
2135
- {
2136
- "data-fs-navbar-links-list": !0,
2137
- ref: o,
2138
- "data-testid": a,
2139
- ...r
2140
- },
2141
- t
2142
- );
2143
- }
2144
- ), mr = p(
2145
- function({ children: t, testId: a = "fs-navbar-links-list-item", ...r }, o) {
2146
- return /* @__PURE__ */ e.createElement(
2147
- "li",
2148
- {
2149
- "data-fs-navbar-links-list-item": !0,
2150
- ref: o,
2151
- "data-testid": a,
2152
- ...r
2153
- },
2154
- t
2155
- );
2156
- }
2157
- ), fr = p(
2158
- function({
2159
- testId: t = "fs-order-summary",
2160
- subtotalLabel: a,
2161
- subtotalValue: r,
2162
- discountLabel: o = "Discount",
2163
- discountValue: l,
2164
- totalLabel: s = "Total",
2165
- totalValue: c,
2166
- includeTaxes: i = !1,
2167
- includeTaxesLabel: d = "Tax included",
2168
- ...u
2169
- }, E) {
2170
- return /* @__PURE__ */ e.createElement(
2171
- U,
2172
- {
2173
- ref: E,
2174
- "data-fs-order-summary": !0,
2175
- "data-testid": t,
2176
- ...u
2177
- },
2178
- r ? /* @__PURE__ */ e.createElement("li", { "data-fs-order-summary-subtotal": !0 }, /* @__PURE__ */ e.createElement(
2179
- "span",
2180
- {
2181
- "data-fs-order-summary-subtotal-label": !0,
2182
- "data-testid": `${t}-subtotal-label`
2183
- },
2184
- a
2185
- ), /* @__PURE__ */ e.createElement(
2186
- "span",
2187
- {
2188
- "data-fs-order-summary-subtotal-value": !0,
2189
- "data-testid": `${t}-subtotal-value`
2190
- },
2191
- r
2192
- )) : null,
2193
- l ? /* @__PURE__ */ e.createElement("li", { "data-fs-order-summary-discount": !0 }, /* @__PURE__ */ e.createElement(
2194
- "span",
2195
- {
2196
- "data-fs-order-summary-discount-label": !0,
2197
- "data-testid": `${t}-discount-label`
2198
- },
2199
- o
2200
- ), /* @__PURE__ */ e.createElement(
2201
- "span",
2202
- {
2203
- "data-fs-order-summary-discount-value": !0,
2204
- "data-testid": `${t}-discount-value`
2205
- },
2206
- l
2207
- )) : null,
2208
- /* @__PURE__ */ e.createElement("li", { "data-fs-order-summary-total": !0 }, /* @__PURE__ */ e.createElement(
2209
- "span",
2210
- {
2211
- "data-fs-order-summary-total-label": !0,
2212
- "data-testid": `${t}-total-label`
2213
- },
2214
- s
2215
- ), /* @__PURE__ */ e.createElement(
2216
- "span",
2217
- {
2218
- "data-fs-order-summary-total-value": !0,
2219
- "data-testid": `${t}-total-value`
2220
- },
2221
- c
2222
- )),
2223
- i && /* @__PURE__ */ e.createElement("li", { "data-fs-order-summary-taxes-label": !0 }, /* @__PURE__ */ e.createElement(G, null, d))
2224
- );
2225
- }
2226
- ), ga = (n, t, a, r) => {
2227
- const { top: o, left: l, height: s } = n;
2228
- switch (!0) {
2229
- case t.startsWith("top"):
2230
- return {
2231
- top: o + s + window.scrollY - a,
2232
- left: l + window.scrollX + r
2233
- };
2234
- case t.startsWith("bottom"):
2235
- return {
2236
- top: o + s + window.scrollY + a,
2237
- left: l + window.scrollX + r
2238
- };
2239
- default:
2240
- return { top: 0, left: 0 };
2241
- }
2242
- }, pr = p(function({
2243
- title: t,
2244
- content: a,
2245
- placement: r = "bottom-start",
2246
- dismissible: o = !1,
2247
- onDismiss: l,
2248
- isOpen: s,
2249
- triggerRef: c,
2250
- offsetTop: i = 8,
2251
- offsetLeft: d = 0,
2252
- closeButtonAriaLabel: u = "Close Popover",
2253
- testId: E = "fs-popover",
2254
- style: f,
2255
- onEntered: h,
2256
- ...b
2257
- }, v) {
2258
- const g = v || $(null), [y, C] = R({ top: 0, left: 0 }), { popover: P, closePopover: x } = te(), S = P.triggerRef, k = c || S;
2259
- O(() => {
2260
- if (!s || !k?.current) return;
2261
- const T = k.current.getBoundingClientRect();
2262
- C(
2263
- ga(T, r, i, d)
2264
- ), h && h();
2265
- }, [s, k, i, d, r]);
2266
- const w = L(() => {
2267
- x(), l?.();
2268
- }, [x, l]);
2269
- Ct(
2270
- s ? g : void 0,
2271
- w
2272
- );
2273
- const m = L(
2274
- (T) => {
2275
- T.key === "Escape" && w();
2276
- },
2277
- [w]
2278
- );
2279
- return s ? /* @__PURE__ */ e.createElement(
2280
- "div",
2281
- {
2282
- "data-fs-popover": !0,
2283
- role: "dialog",
2284
- ref: g,
2285
- "data-fs-popover-placement": r,
2286
- onKeyDown: m,
2287
- "data-testid": E,
2288
- style: { position: "absolute", ...y, ...f },
2289
- ...b
2290
- },
2291
- /* @__PURE__ */ e.createElement("header", { "data-fs-popover-header": !0 }, t && /* @__PURE__ */ e.createElement("h3", { "data-fs-popover-header-title": !0 }, t), o && /* @__PURE__ */ e.createElement(
2292
- N,
2293
- {
2294
- "data-fs-popover-header-dismiss-button": !0,
2295
- size: "small",
2296
- variant: "tertiary",
2297
- icon: /* @__PURE__ */ e.createElement(I, { name: "X", width: 20, height: 20 }),
2298
- "aria-label": u,
2299
- onClick: w
2300
- }
2301
- )),
2302
- /* @__PURE__ */ e.createElement("div", { "data-fs-popover-content": !0 }, a),
2303
- /* @__PURE__ */ e.createElement("span", { "data-fs-popover-indicator": !0, "aria-hidden": "true" })
2304
- ) : null;
2305
- }), ba = p(
2306
- function({
2307
- testId: t = "fs-product-card",
2308
- variant: a = "default",
2309
- bordered: r = !1,
2310
- outOfStock: o,
2311
- children: l,
2312
- ...s
2313
- }, c) {
2314
- return /* @__PURE__ */ e.createElement(
2315
- "article",
2316
- {
2317
- ref: c,
2318
- "data-fs-product-card": o ? "out-of-stock" : "",
2319
- "data-fs-product-card-variant": a,
2320
- "data-fs-product-card-bordered": r,
2321
- "data-testid": t,
2322
- ...s
2323
- },
2324
- l
2325
- );
2326
- }
2327
- ), va = p(
2328
- function({
2329
- testId: t = "fs-product-card-image",
2330
- aspectRatio: a = 1,
2331
- children: r,
2332
- ...o
2333
- }, l) {
2334
- return /* @__PURE__ */ e.createElement(
2335
- "div",
2336
- {
2337
- ref: l,
2338
- "data-fs-product-card-image": !0,
2339
- "data-testid": t,
2340
- style: {
2341
- "--fs-product-card-image-aspect-ratio": a
2342
- },
2343
- ...o
2344
- },
2345
- r
2346
- );
2347
- }
2348
- ), ya = p(
2349
- function({
2350
- testId: t = "fs-product-card-content",
2351
- title: a,
2352
- linkProps: r,
2353
- price: o,
2354
- outOfStock: l,
2355
- outOfStockLabel: s = "Out of stock",
2356
- ratingValue: c,
2357
- showDiscountBadge: i,
2358
- buttonLabel: d = "Add",
2359
- onButtonClick: u,
2360
- children: E,
2361
- includeTaxes: f = !1,
2362
- includeTaxesLabel: h = "Tax included",
2363
- sponsored: b = !1,
2364
- sponsoredLabel: v = "Sponsored",
2365
- deliveryPromiseBadges: g,
2366
- ...y
2367
- }, C) {
2368
- const P = o?.listPrice ? o.listPrice : 0, x = o?.value ? o.value : 0;
2369
- return /* @__PURE__ */ e.createElement(
2370
- "section",
2371
- {
2372
- ref: C,
2373
- "data-fs-product-card-content": !0,
2374
- "data-fs-product-card-badge": i,
2375
- "data-testid": t,
2376
- ...y
2377
- },
2378
- b && /* @__PURE__ */ e.createElement("span", { "data-fs-product-card-sponsored-label": !0 }, v),
2379
- /* @__PURE__ */ e.createElement("div", { "data-fs-product-card-heading": !0 }, /* @__PURE__ */ e.createElement("h3", { "data-fs-product-card-title": !0 }, /* @__PURE__ */ e.createElement(X, { ...r, title: a }, /* @__PURE__ */ e.createElement("span", null, a))), !l && /* @__PURE__ */ e.createElement(
2380
- ke,
2381
- {
2382
- "data-fs-product-card-prices": !0,
2383
- value: x,
2384
- listPrice: P,
2385
- formatter: o?.formatter
2386
- }
2387
- ), f && /* @__PURE__ */ e.createElement(G, { "data-fs-product-card-taxes-label": !0 }, h), c && /* @__PURE__ */ e.createElement(Pe, { value: c, icon: /* @__PURE__ */ e.createElement(I, { name: "Star" }) })),
2388
- i && !l && /* @__PURE__ */ e.createElement(na, { listPrice: P, spotPrice: x }),
2389
- l && /* @__PURE__ */ e.createElement(Q, null, s),
2390
- g && /* @__PURE__ */ e.createElement("div", { "data-fs-product-card-delivery-promise-badges": !0 }, g.map((S) => /* @__PURE__ */ e.createElement(
2391
- "span",
2392
- {
2393
- "data-fs-product-card-delivery-promise-badge": !0,
2394
- "data-fs-product-card-delivery-promise-badge-availability": S.availability,
2395
- key: S.label
2396
- },
2397
- S.label
2398
- ))),
2399
- u && !l && /* @__PURE__ */ e.createElement("div", { "data-fs-product-card-actions": !0 }, /* @__PURE__ */ e.createElement(
2400
- M,
2401
- {
2402
- variant: "primary",
2403
- icon: /* @__PURE__ */ e.createElement(I, { name: "ShoppingCart" }),
2404
- iconPosition: "left",
2405
- size: "small",
2406
- onClick: u
2407
- },
2408
- d
2409
- ))
2410
- );
2411
- }
2412
- ), ke = p(
2413
- function({ testId: t = "fs-product-price", value: a, listPrice: r, formatter: o, ...l }, s) {
2414
- const c = r ?? 0, i = a ?? 0;
2415
- return /* @__PURE__ */ e.createElement("div", { ref: s, "data-fs-product-price": !0, "data-testid": t, ...l }, i !== c && c !== 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
2416
- z,
2417
- {
2418
- value: c,
2419
- formatter: o,
2420
- testId: "list-price",
2421
- "data-value": c,
2422
- variant: "listing",
2423
- SRText: "Original price:"
2424
- }
2425
- ), /* @__PURE__ */ e.createElement(
2426
- z,
2427
- {
2428
- value: i,
2429
- formatter: o,
2430
- testId: "price",
2431
- "data-value": i,
2432
- variant: "spot",
2433
- SRText: "Price:"
2434
- }
2435
- )) : /* @__PURE__ */ e.createElement(
2436
- z,
2437
- {
2438
- value: i,
2439
- formatter: o,
2440
- testId: "price",
2441
- "data-value": i,
2442
- variant: "spot",
2443
- SRText: "Price:"
2444
- }
2445
- ));
2446
- }
2447
- ), Er = p(
2448
- function({
2449
- title: t,
2450
- label: a,
2451
- refTag: r = "Ref.: ",
2452
- refNumber: o,
2453
- testId: l = "fs-product-title",
2454
- ratingValue: s,
2455
- ...c
2456
- }, i) {
2457
- return /* @__PURE__ */ e.createElement(
2458
- "header",
2459
- {
2460
- ref: i,
2461
- "data-fs-product-title": !0,
2462
- "data-testid": l,
2463
- ...c
2464
- },
2465
- /* @__PURE__ */ e.createElement("div", { "data-fs-product-title-header": !0 }, t, !!a && a),
2466
- (o || s) && /* @__PURE__ */ e.createElement("div", { "data-fs-product-title-addendum": !0 }, s && /* @__PURE__ */ e.createElement(Pe, { value: s }), o && /* @__PURE__ */ e.createElement(e.Fragment, null, r, " ", o))
2467
- );
2468
- }
2469
- ), wa = p(
2470
- function({ testId: t = "fs-radio-field", id: a, label: r, value: o, name: l, ...s }, c) {
2471
- return /* @__PURE__ */ e.createElement("div", { ref: c, "data-fs-radio-field": !0, "data-testid": t }, /* @__PURE__ */ e.createElement(
2472
- je,
2473
- {
2474
- id: a,
2475
- value: typeof r == "string" ? r : o,
2476
- name: l,
2477
- ...s
2478
- }
2479
- ), /* @__PURE__ */ e.createElement(G, { htmlFor: a }, r));
2480
- }
2481
- ), ot = W(
2482
- void 0
2483
- );
2484
- function Ca() {
2485
- const n = j(ot);
2486
- if (!n)
2487
- throw new Error(
2488
- "useRadioOption hook cannot be used outside the RadioGroup context"
2489
- );
2490
- return n;
2491
- }
2492
- const hr = ({
2493
- name: n,
2494
- onChange: t,
2495
- children: a,
2496
- selectedValue: r
2497
- }) => {
2498
- const o = e.useMemo(() => ({ name: n, selectedValue: r, onChange: t }), [n, r, t]);
2499
- return /* @__PURE__ */ e.createElement(ot.Provider, { value: o }, a);
2500
- }, gr = p(
2501
- function({ label: t, value: a, children: r, testId: o = "fs-radio-group-option", ...l }, s) {
2502
- const { name: c, selectedValue: i, onChange: d } = Ca();
2503
- return /* @__PURE__ */ e.createElement("label", { "aria-label": t, "data-fs-radio-group-option": !0 }, /* @__PURE__ */ e.createElement(
2504
- je,
2505
- {
2506
- "data-fs-radio-option-item": !0,
2507
- ref: s,
2508
- name: c,
2509
- checked: a === i,
2510
- onChange: d,
2511
- value: a,
2512
- testId: o,
2513
- ...l
2514
- }
2515
- ), r);
2516
- }
2517
- ), Pe = p(function({
2518
- children: t,
2519
- testId: a = "fs-rating",
2520
- length: r = 5,
2521
- value: o = 0,
2522
- icon: l,
2523
- onChange: s,
2524
- disabled: c,
2525
- ...i
2526
- }, d) {
2527
- const [u, E] = R(0), f = { "data-fs-rating-icon-outline": !0 }, h = e.isValidElement(l) ? l : /* @__PURE__ */ e.createElement(I, { name: "Star" });
2528
- return /* @__PURE__ */ e.createElement(
2529
- U,
2530
- {
2531
- ref: d,
2532
- "data-fs-rating": !0,
2533
- "data-fs-rating-actionable": typeof s == "function",
2534
- "data-testid": a,
2535
- ...i
2536
- },
2537
- Array.from({ length: r }).map((b, v) => {
2538
- const g = v + 1, y = () => g <= (u || o) ? "full" : g - o > 0 && g - o < 1 ? "partial" : "empty";
2539
- return /* @__PURE__ */ e.createElement(
2540
- "li",
2541
- {
2542
- key: `rating-${v}`,
2543
- "data-fs-rating-item": y(),
2544
- "data-testid": `${a}-item`
2545
- },
2546
- s ? /* @__PURE__ */ e.createElement(
2547
- N,
2548
- {
2549
- "data-fs-rating-button": !0,
2550
- icon: h,
2551
- size: "small",
2552
- "aria-label": "rate",
2553
- onClick: () => {
2554
- s(g);
2555
- },
2556
- onMouseEnter: () => E(g),
2557
- onMouseLeave: () => E(o),
2558
- disabled: c
2559
- }
2560
- ) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { "data-fs-rating-icon-wrapper": !0 }, h), e.isValidElement(l) ? e.cloneElement(l, f) : /* @__PURE__ */ e.createElement(I, { name: "Star", "data-fs-rating-icon-outline": !0 }))
2561
- );
2562
- })
2563
- );
2564
- }), br = ({
2565
- id: n,
2566
- label: t,
2567
- error: a,
2568
- disabled: r,
2569
- length: o = 5,
2570
- value: l = 0,
2571
- onChange: s,
2572
- ratingRef: c,
2573
- testId: i = "fs-rating-field",
2574
- ...d
2575
- }) => {
2576
- const u = !r && a && a !== "";
2577
- return /* @__PURE__ */ e.createElement(
2578
- "div",
2579
- {
2580
- "data-fs-rating-field": !0,
2581
- "data-fs-rating-field-error": u,
2582
- "data-fs-rating-field-disabled": r,
2583
- "data-testid": i
2584
- },
2585
- /* @__PURE__ */ e.createElement(G, { "data-fs-rating-field-label": !0, htmlFor: n }, t),
2586
- /* @__PURE__ */ e.createElement(
2587
- Pe,
2588
- {
2589
- id: n,
2590
- "data-fs-rating-field-input": !0,
2591
- ref: c,
2592
- length: o,
2593
- value: l,
2594
- onChange: s,
2595
- disabled: r,
2596
- ...d
2597
- }
2598
- ),
2599
- u && /* @__PURE__ */ e.createElement("span", { "data-fs-rating-field-error-message": !0 }, a)
2600
- );
2601
- }, vr = p(function({
2602
- city: t,
2603
- postalCode: a,
2604
- icon: r,
2605
- label: o,
2606
- editLabel: l = void 0,
2607
- buttonIcon: s,
2608
- onButtonClick: c,
2609
- shouldDisplayPostalCode: i = !0,
2610
- filterButton: {
2611
- icon: d,
2612
- label: u,
2613
- selectedFilter: E,
2614
- shouldDisplayFilterButton: f = !1,
2615
- onClick: h
2616
- } = {},
2617
- ...b
2618
- }, v) {
2619
- return /* @__PURE__ */ e.createElement("div", { ref: v, "data-fs-region-bar": !0, ...b }, /* @__PURE__ */ e.createElement(
2620
- M,
2621
- {
2622
- variant: "tertiary",
2623
- iconPosition: s ? "right" : void 0,
2624
- onClick: c,
2625
- icon: s ?? void 0
2626
- },
2627
- !!r && r,
2628
- t && a ? /* @__PURE__ */ e.createElement("div", { "data-fs-region-bar-location": !0 }, /* @__PURE__ */ e.createElement(
2629
- "span",
2630
- {
2631
- "data-fs-region-bar-postal-code": !0,
2632
- "data-fs-region-bar-location-city": !0
2633
- },
2634
- t
2635
- ), /* @__PURE__ */ e.createElement("span", { "data-fs-region-bar-location-postal-code": !0 }, i && `, ${a}`)) : /* @__PURE__ */ e.createElement("span", { "data-fs-region-bar-message": !0, "data-fs-region-bar-location-message": !0 }, o)
2636
- ), f && /* @__PURE__ */ e.createElement(
2637
- M,
2638
- {
2639
- variant: "tertiary",
2640
- iconPosition: s ? "right" : void 0,
2641
- onClick: h,
2642
- icon: s ?? void 0
2643
- },
2644
- !!d && d,
2645
- E ? /* @__PURE__ */ e.createElement("span", { "data-fs-region-bar-filter": !0 }, E) : /* @__PURE__ */ e.createElement("span", { "data-fs-region-bar-filter-message": !0 }, u)
2646
- ));
2647
- }), yr = ({
2648
- id: n,
2649
- label: t,
2650
- error: a,
2651
- placeholder: r = " ",
2652
- // initializes with an empty space to style float label using `placeholder-shown`
2653
- textareaRef: o,
2654
- disabled: l,
2655
- value: s,
2656
- testId: c = "fs-textarea-field",
2657
- ...i
2658
- }) => {
2659
- const d = !l && a && a !== "", u = $(null), E = o || u;
2660
- return O(() => {
2661
- const f = E?.current;
2662
- if (!f) return;
2663
- const h = () => {
2664
- f.parentElement?.style.setProperty(
2665
- "--fs-textarea-width",
2666
- `${f.offsetWidth}px`
2667
- ), f.parentElement?.style.setProperty(
2668
- "--fs-textarea-height",
2669
- `${f.offsetHeight}px`
2670
- );
2671
- };
2672
- h();
2673
- const b = new ResizeObserver(h);
2674
- return b.observe(f), () => {
2675
- b.disconnect();
2676
- };
2677
- }, [E]), /* @__PURE__ */ e.createElement(
2678
- "div",
2679
- {
2680
- "data-fs-textarea-field": !0,
2681
- "data-fs-textarea-field-error": a && a !== "",
2682
- "data-testid": c
2683
- },
2684
- /* @__PURE__ */ e.createElement(
2685
- Ht,
2686
- {
2687
- id: n,
2688
- value: s,
2689
- ref: E,
2690
- disabled: l,
2691
- placeholder: r,
2692
- ...i
2693
- }
2694
- ),
2695
- /* @__PURE__ */ e.createElement(G, { "data-fs-textarea-field-label": !0, htmlFor: n }, t),
2696
- d && /* @__PURE__ */ e.createElement("span", { "data-fs-textarea-field-error-message": !0 }, a)
2697
- );
2698
- }, wr = p(function({
2699
- content: t,
2700
- placement: a = "top-center",
2701
- dismissible: r = !1,
2702
- onDismiss: o,
2703
- children: l,
2704
- testId: s = "fs-tooltip",
2705
- maxWidth: c = 300,
2706
- describedById: i = "tooltip-content",
2707
- ...d
2708
- }, u) {
2709
- const [E, f] = R(!1), [h, b] = R(!1), v = $(null), g = $(null), y = (x) => {
2710
- o?.(x), f(!1), b(!0);
2711
- }, C = () => {
2712
- h && b(!1), f(!0);
2713
- }, P = (x) => {
2714
- x.key === "Escape" && y(x);
2715
- };
2716
- return O(() => {
2717
- E && r && v.current?.focus();
2718
- }, [E, r]), /* @__PURE__ */ e.createElement(
2719
- "div",
2720
- {
2721
- "data-fs-tooltip": !0,
2722
- onMouseEnter: C,
2723
- onMouseLeave: () => f(!1),
2724
- onFocus: C,
2725
- onBlur: () => f(!1),
2726
- "data-testid": s,
2727
- "aria-describedby": i,
2728
- onKeyDown: P,
2729
- tabIndex: 0,
2730
- ref: g
2731
- },
2732
- l,
2733
- E && !h && /* @__PURE__ */ e.createElement(
2734
- "div",
2735
- {
2736
- ref: u,
2737
- "data-fs-tooltip-wrapper": !0,
2738
- "data-fs-tooltip-placement": a,
2739
- "data-fs-tooltip-dismissible": r,
2740
- role: "tooltip",
2741
- onKeyDown: P,
2742
- style: { maxWidth: c },
2743
- ...d
2744
- },
2745
- /* @__PURE__ */ e.createElement("div", { "data-fs-tooltip-content": !0, id: i }, t),
2746
- r && /* @__PURE__ */ e.createElement(
2747
- N,
2748
- {
2749
- size: "small",
2750
- variant: "tertiary",
2751
- inverse: !0,
2752
- icon: /* @__PURE__ */ e.createElement(I, { name: "X", width: 20, height: 20 }),
2753
- "aria-label": "Dismiss tooltip",
2754
- "data-fs-tooltip-dismiss-button": !0,
2755
- onClick: y,
2756
- ref: v
2757
- }
2758
- ),
2759
- /* @__PURE__ */ e.createElement("div", { "data-fs-tooltip-indicator": !0, "aria-hidden": "true" })
2760
- )
2761
- );
2762
- }), Se = ({
2763
- max: n,
2764
- min: t = 1,
2765
- unitMultiplier: a = 1,
2766
- useUnitMultiplier: r,
2767
- initial: o,
2768
- disabled: l = !1,
2769
- onChange: s,
2770
- onValidateBlur: c,
2771
- testId: i = "fs-quantity-selector",
2772
- ...d
2773
- }) => {
2774
- const [u, E] = R(o ?? t), [f, h] = R(
2775
- u * a
2776
- ), b = (w) => r ? Math.ceil(w / a) * a : w, v = u === t, g = u === n, y = (w) => {
2777
- const m = x(u + w);
2778
- s?.(m), E(m), h(m * a);
2779
- }, C = () => y(1), P = () => y(-1);
2780
- function x(w) {
2781
- const m = t ? Math.max(w, t) : w;
2782
- return n ? Math.min(m, r ? n * a : n) : m;
2783
- }
2784
- function S() {
2785
- const w = x(u), m = b(w), T = n ?? (t ? Math.max(u, t) : u);
2786
- (u > T || u < t) && c?.(t, T, m), E(() => (h(m), s?.(m / a), m / a));
2787
- }
2788
- O(() => {
2789
- o && E(o);
2790
- }, [o]);
2791
- const k = (w) => {
2792
- const m = w.target.value.replace(/\D/g, "");
2793
- E(Number(m));
2794
- };
2795
- return /* @__PURE__ */ e.createElement(
2796
- "div",
2797
- {
2798
- "data-fs-quantity-selector": l ? "disabled" : "true",
2799
- "data-testid": i,
2800
- ...d
2801
- },
2802
- /* @__PURE__ */ e.createElement(
2803
- N,
2804
- {
2805
- "data-quantity-selector-button": "left",
2806
- icon: /* @__PURE__ */ e.createElement(I, { name: "Minus", width: 16, height: 16, weight: "bold" }),
2807
- "aria-label": "Decrement Quantity",
2808
- "aria-controls": "quantity-selector-input",
2809
- disabled: v || l,
2810
- onClick: P,
2811
- testId: `${i}-left-button`,
2812
- size: "small"
2813
- }
2814
- ),
2815
- /* @__PURE__ */ e.createElement(
2816
- ie,
2817
- {
2818
- "data-quantity-selector-input": !0,
2819
- id: "quantity-selector-input",
2820
- "aria-label": "Quantity",
2821
- value: r ? f : u,
2822
- onChange: k,
2823
- onBlur: S,
2824
- onInput: (w) => {
2825
- const m = w.currentTarget;
2826
- m.value = m.value.replace(/\D/g, "");
2827
- },
2828
- disabled: l
2829
- }
2830
- ),
2831
- /* @__PURE__ */ e.createElement(
2832
- N,
2833
- {
2834
- "data-quantity-selector-button": "right",
2835
- "aria-controls": "quantity-selector-input",
2836
- "aria-label": "Increment Quantity",
2837
- disabled: g || l,
2838
- icon: /* @__PURE__ */ e.createElement(I, { name: "Plus", width: 16, height: 16, weight: "bold" }),
2839
- onClick: C,
2840
- testId: `${i}-right-button`,
2841
- size: "small"
2842
- }
2843
- )
2844
- );
2845
- }, Cr = ({
2846
- testId: n = "fs-search-auto-complete",
2847
- children: t,
2848
- ...a
2849
- }) => {
2850
- const { inContext: r, values: o } = ce();
2851
- return r && (o.terms.length <= 0 || o.term.length <= 0) ? null : /* @__PURE__ */ e.createElement("section", { "data-testid": n, "data-fs-search-auto-complete": !0, ...a }, /* @__PURE__ */ e.createElement(U, { as: "ol" }, t));
2852
- };
2853
- function ka(n, t, a) {
2854
- return n === 0 ? t.split("").map(
2855
- (r, o) => o === 0 && a.indexOf(r.toUpperCase()) === 0 ? r.toUpperCase() : r.toLowerCase()
2856
- ).join("") : t.toLowerCase();
2857
- }
2858
- const kr = ({
2859
- testId: n = "fs-search-auto-complete-term",
2860
- suggestion: t,
2861
- term: a,
2862
- linkProps: r,
2863
- icon: o = /* @__PURE__ */ e.createElement(I, { name: "MagnifyingGlass", width: 18, height: 18 })
2864
- }) => {
2865
- const l = t.toLowerCase().split(a.toLowerCase());
2866
- return /* @__PURE__ */ e.createElement("li", { "data-fs-search-auto-complete-item": !0, "data-testid": n }, /* @__PURE__ */ e.createElement(
2867
- X,
2868
- {
2869
- ...r,
2870
- "data-fs-search-auto-complete-item-link": !0,
2871
- variant: "display"
2872
- },
2873
- /* @__PURE__ */ e.createElement("span", { "data-fs-search-auto-complete-item-icon": !0 }, o),
2874
- /* @__PURE__ */ e.createElement("p", null, l.map((s, c) => /* @__PURE__ */ e.createElement(gt, { key: [s, c].join() }, s.length > 0 && /* @__PURE__ */ e.createElement("strong", { "data-fs-search-auto-complete-item-suggestion": !0 }, c === 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s), c !== l.length - 1 && ka(c, a, t))))
2875
- ));
2876
- }, Pa = () => {
2877
- const { inContext: n, values: t } = ce();
2878
- return /* @__PURE__ */ e.createElement(e.Fragment, null, n && t.isLoading && /* @__PURE__ */ e.createElement("p", { "data-fs-search-dropdown-loading-text": !0 }, "Loading..."));
2879
- }, Pr = p(function({ testId: t = "fs-search-dropdown", children: a, ...r }, o) {
2880
- return /* @__PURE__ */ e.createElement("div", { ref: o, "data-fs-search-dropdown": !0, "data-testid": t, ...r }, /* @__PURE__ */ e.createElement("section", null, /* @__PURE__ */ e.createElement(Pa, null), a));
2881
- }), Sr = ({
2882
- testId: n = "fs-search-history",
2883
- title: t = "History",
2884
- clearLabel: a = "Clear History",
2885
- onClear: r,
2886
- children: o,
2887
- ...l
2888
- }) => {
2889
- const { inContext: s, values: c } = ce();
2890
- return s && (c.term.length !== 0 || c.isLoading) ? null : /* @__PURE__ */ e.createElement("section", { "data-testid": n, "data-fs-search-history": !0, ...l }, /* @__PURE__ */ e.createElement("header", { "data-fs-search-history-header": !0 }, /* @__PURE__ */ e.createElement("p", { "data-fs-search-history-title": !0 }, t), /* @__PURE__ */ e.createElement(M, { variant: "tertiary", onClick: r, size: "small" }, a)), /* @__PURE__ */ e.createElement(U, { as: "ol" }, o));
2891
- }, xr = ({
2892
- testId: n = "fs-search-history-term",
2893
- value: t,
2894
- linkProps: a,
2895
- icon: r = /* @__PURE__ */ e.createElement(I, { name: "ClockClockwise", width: 18, height: 18 })
2896
- }) => /* @__PURE__ */ e.createElement("li", { "data-fs-search-history-item": !0, "data-testid": n }, /* @__PURE__ */ e.createElement(X, { ...a, "data-fs-search-history-item-link": !0, variant: "display" }, /* @__PURE__ */ e.createElement("span", { "data-fs-search-history-item-icon": !0 }, r), /* @__PURE__ */ e.createElement("span", null, t))), Ir = p(function({
2897
- onSubmit: t,
2898
- buttonIcon: a,
2899
- "aria-label": r = "search",
2900
- testId: o = "fs-search-input",
2901
- buttonProps: l,
2902
- ...s
2903
- }, c) {
2904
- const i = $(null), d = $(null), u = (E) => {
2905
- E.preventDefault(), i.current?.value !== "" && t(i.current.value);
2906
- };
2907
- return le(c, () => ({
2908
- inputRef: i.current,
2909
- formRef: d.current
2910
- })), /* @__PURE__ */ e.createElement(
2911
- "form",
2912
- {
2913
- ref: d,
2914
- "data-fs-search-input-field": !0,
2915
- "data-testid": o,
2916
- onSubmit: u,
2917
- role: "search"
2918
- },
2919
- /* @__PURE__ */ e.createElement(
2920
- ie,
2921
- {
2922
- ref: i,
2923
- "aria-label": r,
2924
- "data-fs-search-input-field-input": !0,
2925
- ...s
2926
- }
2927
- ),
2928
- /* @__PURE__ */ e.createElement(
2929
- N,
2930
- {
2931
- type: "submit",
2932
- "aria-label": "Submit Search",
2933
- icon: a ?? /* @__PURE__ */ e.createElement(I, { name: "MagnifyingGlass" }),
2934
- size: "small",
2935
- ...l
2936
- }
2937
- )
2938
- );
2939
- }), Tr = ({
2940
- testId: n = "fs-search-products",
2941
- title: t = "Suggested Products",
2942
- children: a,
2943
- ...r
2944
- }) => {
2945
- const { inContext: o, values: l } = ce();
2946
- return o && l.products.length <= 0 ? null : /* @__PURE__ */ e.createElement("section", { "data-testid": n, "data-fs-search-products": !0, ...r }, /* @__PURE__ */ e.createElement("header", { "data-fs-search-products-header": !0 }, /* @__PURE__ */ e.createElement("p", { "data-fs-search-products-title": !0 }, t)), /* @__PURE__ */ e.createElement(U, { as: "ol" }, a));
2947
- }, Rr = p(
2948
- function({ testId: t = "fs-search-product-item", linkProps: a, children: r }, o) {
2949
- return /* @__PURE__ */ e.createElement("li", { ref: o, "data-fs-search-product-item": !0, "data-testid": t }, /* @__PURE__ */ e.createElement(X, { ...a, "data-fs-search-product-item-link": !0, variant: "display" }, r));
2950
- }
2951
- ), Dr = p(function({ testId: t = "fs-search-product-item-image", children: a, ...r }, o) {
2952
- return /* @__PURE__ */ e.createElement(
2953
- "div",
2954
- {
2955
- ref: o,
2956
- "data-fs-search-product-item-image": !0,
2957
- "data-testid": t,
2958
- ...r
2959
- },
2960
- a
2961
- );
2962
- }), Sa = p(function({
2963
- availability: t,
2964
- children: a,
2965
- hasVariants: r,
2966
- skuMatrixControl: o,
2967
- quantity: l,
2968
- outOfStockLabel: s,
2969
- min: c = 1,
2970
- max: i = void 0,
2971
- onClick: d,
2972
- onChangeQuantity: u,
2973
- onValidateBlur: E,
2974
- ...f
2975
- }, h) {
2976
- const [b, v] = R("default"), g = t && r;
2977
- function y(S) {
2978
- S.preventDefault(), S.stopPropagation();
2979
- }
2980
- function C(S) {
2981
- d && (v("inProgress"), setTimeout(() => {
2982
- v("completed"), d(S);
2983
- }, 1e3), setTimeout(() => {
2984
- v("default"), u(1);
2985
- }, 2e3));
2986
- }
2987
- const P = L(() => {
2988
- switch (b) {
2989
- case "inProgress":
2990
- return /* @__PURE__ */ e.createElement(We, null);
2991
- case "completed":
2992
- return /* @__PURE__ */ e.createElement(I, { name: "Checked", width: 24, height: 24 });
2993
- default:
2994
- return /* @__PURE__ */ e.createElement(I, { name: "ShoppingCart", width: 24, height: 24 });
2995
- }
2996
- }, [b]);
2997
- function x() {
2998
- const S = i ?? (c ? Math.max(l, c) : l), k = l > S || l < c, w = l < c ? c : l, m = l > S ? S : w;
2999
- k && E?.(c, S, m), u(m);
3000
- }
3001
- return /* @__PURE__ */ e.createElement("div", { ref: h, "data-fs-search-product-item-control": !0, ...f }, /* @__PURE__ */ e.createElement("div", { "data-fs-search-product-item-control-content": !0 }, !t && /* @__PURE__ */ e.createElement(Q, { "data-fs-search-product-item-control-badge": !0, variant: "warning" }, s), a), t && !r && /* @__PURE__ */ e.createElement(
3002
- "div",
3003
- {
3004
- "data-fs-search-product-item-control-actions": !0,
3005
- role: "group",
3006
- "aria-hidden": !0,
3007
- tabIndex: -1,
3008
- onKeyDown: () => {
3009
- },
3010
- onClick: y
3011
- },
3012
- /* @__PURE__ */ e.createElement("div", { "data-fs-search-product-item-control-actions-desktop": !0 }, /* @__PURE__ */ e.createElement(
3013
- Se,
3014
- {
3015
- disabled: b !== "default",
3016
- max: i,
3017
- onValidateBlur: E,
3018
- initial: l,
3019
- onChange: u
3020
- }
3021
- )),
3022
- /* @__PURE__ */ e.createElement("div", { "data-fs-search-product-item-control-actions-mobile": !0 }, /* @__PURE__ */ e.createElement(
3023
- ie,
3024
- {
3025
- "data-fs-product-item-control-input": !0,
3026
- min: 1,
3027
- value: l,
3028
- onChange: (S) => u(S.target.value ? Number(S.target.value) : 0),
3029
- onBlur: x,
3030
- onInput: (S) => {
3031
- const k = S.currentTarget;
3032
- k.value = k.value.replace(/\D/g, "");
3033
- }
3034
- }
3035
- )),
3036
- /* @__PURE__ */ e.createElement(
3037
- N,
3038
- {
3039
- variant: "primary",
3040
- "aria-label": "Add product to cart",
3041
- onClick: C,
3042
- disabled: b === "inProgress",
3043
- icon: P()
3044
- }
3045
- )
3046
- ), g && /* @__PURE__ */ e.createElement(
3047
- "div",
3048
- {
3049
- onClick: y,
3050
- "aria-hidden": !0,
3051
- tabIndex: -1,
3052
- onKeyDown: () => {
3053
- }
3054
- },
3055
- o
3056
- ));
3057
- }), $r = p(function({ price: t, title: a, quickOrder: r, onValidateBlur: o, ...l }, s) {
3058
- const c = L(() => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("p", { "data-fs-search-product-item-title": !0 }, a), t.value !== 0 && /* @__PURE__ */ e.createElement(
3059
- ke,
3060
- {
3061
- "data-fs-search-product-item-prices": !0,
3062
- listPrice: t.listPrice,
3063
- value: t.value,
3064
- formatter: t.formatter
3065
- }
3066
- )), [t.formatter, t.listPrice, t.value, a]);
3067
- return /* @__PURE__ */ e.createElement("section", { ref: s, "data-fs-search-product-item-content": !0, ...l }, !r?.enabled && c(), r?.enabled && /* @__PURE__ */ e.createElement(
3068
- Sa,
3069
- {
3070
- outOfStockLabel: r.outOfStockLabel,
3071
- availability: r.availability,
3072
- hasVariants: r.hasVariants,
3073
- skuMatrixControl: r.skuMatrixControl,
3074
- quantity: r.quantity,
3075
- onChangeQuantity: r.onChangeQuantity,
3076
- max: r.max,
3077
- onValidateBlur: o,
3078
- ...r.buyProps
3079
- },
3080
- c()
3081
- ));
3082
- }), Or = p(function({ testId: t = "fs-top-search", title: a = "Top Search", children: r, ...o }, l) {
3083
- const { inContext: s, values: c } = ce();
3084
- return s && (c.term.length !== 0 || c.isLoading) ? null : /* @__PURE__ */ e.createElement("section", { ref: l, "data-testid": t, "data-fs-search-top": !0, ...o }, /* @__PURE__ */ e.createElement("header", { "data-fs-search-top-header": !0 }, /* @__PURE__ */ e.createElement("p", { "data-fs-search-top-title": !0 }, a)), /* @__PURE__ */ e.createElement(U, { as: "ol" }, r));
3085
- }), Mr = p(
3086
- function({ testId: t = "fs-top-search-term", value: a, linkProps: r, index: o }, l) {
3087
- return /* @__PURE__ */ e.createElement("li", { ref: l, "data-fs-search-top-item": !0, "data-testid": t }, /* @__PURE__ */ e.createElement(X, { ...r, "data-fs-search-top-item-link": !0, variant: "display" }, /* @__PURE__ */ e.createElement(Q, { "data-fs-search-top-item-badge": !0, variant: "info" }, o + 1), a));
3088
- }
3089
- ), Ar = p(function({ id: t, label: a, options: r, testId: o = "fs-select-field", ...l }, s) {
3090
- return /* @__PURE__ */ e.createElement("div", { ref: s, "data-fs-select-field": !0 }, /* @__PURE__ */ e.createElement(G, { "data-fs-select-field-label": !0, htmlFor: t }, a), /* @__PURE__ */ e.createElement(Qe, { id: t, options: r, "data-testid": o, ...l }));
3091
- }), Ae = (n) => new URL(n).pathname.split("/").slice(-1)[0], xa = (n, t) => H(() => {
3092
- if (t) return t;
3093
- if (n.every((l) => l.hexColor))
3094
- return "color";
3095
- const r = n[0]?.src && Ae(n[0].src);
3096
- return r && n.length === 1 || !n.every((l) => l.src ? Ae(l.src) === r : !0) ? "image" : "label";
3097
- }, [n, t]);
3098
- function Ia(n, t, a) {
3099
- const r = Object.entries(t).flat().join("-");
3100
- if (r in n)
3101
- return n[r];
3102
- const o = Object.keys(n), l = `${a}-${t[a]}`, s = o.filter(
3103
- (i) => i.includes(l)
3104
- ), c = s.length > 1 ? Ra(
3105
- s,
3106
- l
3107
- ) : s[0];
3108
- return n[c ?? o[0]];
3109
- }
3110
- function Ta(n) {
3111
- const t = {}, a = n.split("-");
3112
- for (let r = 0; r < a.length; r += 2) {
3113
- const o = a[r].trim(), l = a[r + 1] ? a[r + 1].trim() : "";
3114
- t[o] = l;
3115
- }
3116
- return t;
3117
- }
3118
- function Ra(n, t) {
3119
- const [a, r] = t.split("-");
3120
- return n.find((o) => Ta(o)[a] === r);
3121
- }
3122
- const Da = (n, t, a, r) => ({ getItemHref: L(
3123
- (l) => r ? { getItemHrefProp: r } : `/${Ia(
3124
- t,
3125
- {
3126
- ...n,
3127
- [a]: l.value
3128
- },
3129
- a
3130
- )}/p`,
3131
- [n, r, t, a]
3132
- ) }), $a = ({
3133
- src: n,
3134
- alt: t,
3135
- ...a
3136
- }) => /* @__PURE__ */ e.createElement("img", { src: n, alt: t, ...a }), Fr = p(
3137
- function({
3138
- availableVariations: t,
3139
- skuPropertyName: a,
3140
- testId: r,
3141
- activeVariations: o,
3142
- linkProps: l,
3143
- slugsMap: s,
3144
- getItemHref: c,
3145
- ImageComponent: i = $a,
3146
- variant: d,
3147
- ...u
3148
- }, E) {
3149
- const f = o[a], h = t[a], b = xa(h, d), { getItemHref: v } = Da(
3150
- o,
3151
- s,
3152
- a,
3153
- c
3154
- );
3155
- return /* @__PURE__ */ e.createElement(
3156
- "div",
3157
- {
3158
- ref: E,
3159
- "data-fs-sku-selector": !0,
3160
- "data-testid": r,
3161
- "data-fs-sku-selector-variant": b,
3162
- ...u
3163
- },
3164
- a && /* @__PURE__ */ e.createElement(G, { "data-fs-sku-selector-title": !0 }, a, ": ", /* @__PURE__ */ e.createElement("strong", null, f)),
3165
- /* @__PURE__ */ e.createElement("ul", { "data-fs-sku-selector-list": !0 }, h.map((g, y) => /* @__PURE__ */ e.createElement(
3166
- "li",
3167
- {
3168
- key: String(y),
3169
- title: g.label,
3170
- "data-fs-sku-selector-option": !0,
3171
- "data-fs-sku-selector-disabled": g.disabled,
3172
- "data-fs-sku-selector-checked": g.value === o[a]
3173
- },
3174
- /* @__PURE__ */ e.createElement(
3175
- X,
3176
- {
3177
- "data-fs-sku-selector-option-link": !0,
3178
- href: v(g),
3179
- ...l
3180
- },
3181
- /* @__PURE__ */ e.createElement(he, { text: g.label })
3182
- ),
3183
- b === "label" && /* @__PURE__ */ e.createElement("span", null, g.value),
3184
- b === "image" && i && /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(
3185
- i,
3186
- {
3187
- src: g.src ?? "",
3188
- alt: g.alt ?? "",
3189
- "data-fs-sku-selector-option-image": !0
3190
- }
3191
- )),
3192
- b === "color" && /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(
3193
- "div",
3194
- {
3195
- "data-fs-sku-selector-option-color": !0,
3196
- title: g.value,
3197
- style: {
3198
- "--data-fs-sku-selector-option-color-bkg-color": g.hexColor
3199
- }
3200
- }
3201
- ))
3202
- )))
3203
- );
3204
- }
3205
- ), xe = p(
3206
- function({ children: t, variant: a = "colored", testId: r = "fs-table", ...o }, l) {
3207
- return /* @__PURE__ */ e.createElement("div", { "data-fs-table": !0 }, /* @__PURE__ */ e.createElement(
3208
- "table",
3209
- {
3210
- ref: l,
3211
- "data-fs-table-content": !0,
3212
- "data-fs-table-variant": a,
3213
- "data-testid": r,
3214
- ...o
3215
- },
3216
- t
3217
- ));
3218
- }
3219
- ), J = p(function({ children: t, testId: a = "fs-table-row", ...r }, o) {
3220
- return /* @__PURE__ */ e.createElement("tr", { ref: o, "data-fs-table-row": !0, "data-testid": a, ...r }, t);
3221
- }), F = p(function({
3222
- scope: t,
3223
- align: a,
3224
- children: r,
3225
- variant: o = "data",
3226
- testId: l = "fs-table-cell",
3227
- ...s
3228
- }, c) {
3229
- const i = o === "header" ? "th" : "td";
3230
- return /* @__PURE__ */ e.createElement(
3231
- i,
3232
- {
3233
- ref: c,
3234
- "data-fs-table-cell": o,
3235
- "data-fs-table-cell-align": a,
3236
- "data-testid": l,
3237
- scope: t,
3238
- ...s
3239
- },
3240
- r
3241
- );
3242
- }), Ie = p(function({ children: t, testId: a = "fs-table-body", ...r }, o) {
3243
- return /* @__PURE__ */ e.createElement("tbody", { ref: o, "data-testid": a, "data-fs-table-body": !0, ...r }, t);
3244
- }), lt = p(function({ children: t, testId: a = "fs-table-head", ...r }, o) {
3245
- return /* @__PURE__ */ e.createElement("thead", { ref: o, "data-testid": a, "data-fs-table-head": !0, ...r }, t);
3246
- }), Nr = p(function({ children: t, testId: a = "fs-table-footer", ...r }, o) {
3247
- return /* @__PURE__ */ e.createElement("tfoot", { ref: o, "data-testid": a, "data-fs-table-footer": !0, ...r }, t);
3248
- }), Br = p(function({ testId: t = "fs-tag", label: a, icon: r, iconButtonLabel: o, onClose: l, ...s }, c) {
3249
- return /* @__PURE__ */ e.createElement(
3250
- Q,
3251
- {
3252
- ref: c,
3253
- "data-fs-tag": !0,
3254
- size: "big",
3255
- "data-testid": t,
3256
- ...s
3257
- },
3258
- /* @__PURE__ */ e.createElement("span", { "data-fs-tag-label": !0 }, a),
3259
- /* @__PURE__ */ e.createElement(
3260
- "button",
3261
- {
3262
- "data-fs-tag-icon-button": !0,
3263
- "aria-label": o || "remove",
3264
- onClick: l
3265
- },
3266
- r || /* @__PURE__ */ e.createElement(I, { name: "X" })
3267
- )
3268
- );
3269
- });
3270
- function Lr() {
3271
- const { toasts: n, popToast: t } = te(), a = n[n.length - 1], r = $(), [o, l] = R(!1);
3272
- return O(() => {
3273
- if (!a)
3274
- return;
3275
- const s = setTimeout(() => l(!0), 10);
3276
- return () => clearTimeout(s);
3277
- }, [a]), O(() => (r.current = setTimeout(() => l(!1), 6e3), () => r.current && clearTimeout(r.current)), [a]), a === void 0 ? null : /* @__PURE__ */ e.createElement(
3278
- "div",
3279
- {
3280
- role: "status",
3281
- "data-fs-toast": !0,
3282
- "data-fs-toast-visible": o,
3283
- onTransitionEnd: () => !o && t()
3284
- },
3285
- a.icon && /* @__PURE__ */ e.createElement("div", { "data-fs-toast-icon-container": !0 }, !!a.icon && a.icon),
3286
- /* @__PURE__ */ e.createElement("div", { "data-fs-toast-content": !0 }, a.title && /* @__PURE__ */ e.createElement("p", { "data-fs-toast-title": !0 }, a.title), /* @__PURE__ */ e.createElement("p", { "data-fs-toast-message": !0 }, a.message))
3287
- );
3288
- }
3289
- const Oa = p(function({
3290
- testId: t = "fs-toggle",
3291
- id: a,
3292
- disabled: r,
3293
- variant: o = "horizontal",
3294
- ...l
3295
- }, s) {
3296
- return /* @__PURE__ */ e.createElement("div", { "data-fs-toggle": !0, "data-fs-toggle-variant": o, "data-testid": t }, /* @__PURE__ */ e.createElement(
3297
- ie,
3298
- {
3299
- ref: s,
3300
- id: a,
3301
- role: "switch",
3302
- type: "checkbox",
3303
- disabled: r,
3304
- ...l
3305
- }
3306
- ), /* @__PURE__ */ e.createElement("span", { "data-fs-toggle-knob": !0 }, /* @__PURE__ */ e.createElement(I, { name: "Checked" })));
3307
- }), Fe = p(
3308
- function({
3309
- testId: t = "fs-toggle-field",
3310
- id: a,
3311
- label: r,
3312
- disabled: o,
3313
- displayLabel: l = !0,
3314
- variant: s = "horizontal",
3315
- ...c
3316
- }, i) {
3317
- return /* @__PURE__ */ e.createElement("div", { ref: i, "data-fs-toggle-field": !0, "data-testid": t }, /* @__PURE__ */ e.createElement(Oa, { id: a, variant: s, disabled: o, ...c }), l ? /* @__PURE__ */ e.createElement(G, { "data-fs-toggle-field-label": !0, htmlFor: a }, r) : /* @__PURE__ */ e.createElement(he, { text: r }));
3318
- }
3319
- ), st = W(
3320
- void 0
3321
- ), Vr = p(
3322
- function({
3323
- children: t,
3324
- testId: a = "fs-banner-text",
3325
- variant: r = "primary",
3326
- colorVariant: o = "main",
3327
- ...l
3328
- }, s) {
3329
- const c = { variant: r, colorVariant: o };
3330
- return /* @__PURE__ */ e.createElement(st.Provider, { value: c }, /* @__PURE__ */ e.createElement(
3331
- "article",
3332
- {
3333
- ref: s,
3334
- "data-fs-banner-text": !0,
3335
- "data-fs-content": "banner-text",
3336
- "data-fs-banner-text-variant": r,
3337
- "data-fs-banner-text-color-variant": o,
3338
- "data-testid": a,
3339
- ...l
3340
- },
3341
- t
3342
- ));
3343
- }
3344
- );
3345
- function Ma() {
3346
- const n = j(st);
3347
- if (n === void 0)
3348
- throw new Error(
3349
- "Do not use BannerText components outside the BannerText context."
3350
- );
3351
- return n;
3352
- }
3353
- const Hr = p(
3354
- function({
3355
- testId: t = "fs-banner-text-content",
3356
- title: a,
3357
- caption: r,
3358
- link: o,
3359
- linkText: l,
3360
- linkTargetBlank: s,
3361
- ...c
3362
- }, i) {
3363
- const { variant: d, colorVariant: u } = Ma();
3364
- return /* @__PURE__ */ e.createElement(
3365
- "header",
3366
- {
3367
- ref: i,
3368
- "data-fs-banner-text-content": !0,
3369
- "data-fs-content": "banner-text",
3370
- "data-testid": t,
3371
- ...c
3372
- },
3373
- /* @__PURE__ */ e.createElement(
3374
- "div",
3375
- {
3376
- "data-fs-banner-text-heading": !0,
3377
- "data-fs-banner-text-color-variant": u
3378
- },
3379
- /* @__PURE__ */ e.createElement("h2", null, a),
3380
- d === "secondary" && r && /* @__PURE__ */ e.createElement("p", null, r)
3381
- ),
3382
- /* @__PURE__ */ e.createElement(
3383
- rt,
3384
- {
3385
- "data-fs-banner-text-link": !0,
3386
- href: o,
3387
- variant: d,
3388
- inverse: u === "main",
3389
- "aria-label": l,
3390
- target: s ? "_blank" : void 0
3391
- },
3392
- l
3393
- )
3394
- );
3395
- }
3396
- );
3397
- function _r({
3398
- testId: n = "fs-cart-sidebar",
3399
- title: t = "Your Cart",
3400
- size: a = "partial",
3401
- direction: r = "rightSide",
3402
- totalItems: o,
3403
- children: l,
3404
- alertIcon: s,
3405
- alertText: c,
3406
- overlayProps: i,
3407
- onClose: d,
3408
- ...u
3409
- }) {
3410
- const { fade: E, fadeOut: f } = se(), { closeCart: h } = te();
3411
- return /* @__PURE__ */ e.createElement(
3412
- de,
3413
- {
3414
- "data-fs-cart-sidebar": !0,
3415
- isOpen: !0,
3416
- fade: E,
3417
- onDismiss: f,
3418
- size: a,
3419
- direction: r,
3420
- onTransitionEnd: () => E === "out" && h(),
3421
- testId: n,
3422
- overlayProps: i,
3423
- ...u
3424
- },
3425
- /* @__PURE__ */ e.createElement(
3426
- ue,
3427
- {
3428
- closeBtnProps: { testId: "fs-cart-sidebar-button-close" },
3429
- onClose: () => {
3430
- d(), f();
3431
- }
3432
- },
3433
- /* @__PURE__ */ e.createElement("h2", { "data-fs-cart-sidebar-title": !0 }, t, /* @__PURE__ */ e.createElement(Q, { variant: "info" }, o))
3434
- ),
3435
- c && /* @__PURE__ */ e.createElement(Ut, { icon: s }, c),
3436
- l
3437
- );
3438
- }
3439
- function zr({ children: n }) {
3440
- return /* @__PURE__ */ e.createElement(U, { "data-fs-cart-sidebar-list": !0 }, n);
3441
- }
3442
- function Gr({ children: n }) {
3443
- return /* @__PURE__ */ e.createElement("footer", { "data-fs-cart-sidebar-footer": !0 }, n);
3444
- }
3445
- function Kr({
3446
- testId: n = "fs-empty-state",
3447
- title: t,
3448
- titleIcon: a,
3449
- variant: r = "default",
3450
- bkgColor: o = "default",
3451
- children: l,
3452
- ...s
3453
- }) {
3454
- return /* @__PURE__ */ e.createElement(
3455
- "section",
3456
- {
3457
- "data-fs-empty-state": !0,
3458
- "data-fs-empty-state-variant": r,
3459
- "data-fs-empty-state-bkg-color": o,
3460
- "data-fs-content": "empty-state",
3461
- "data-testid": n,
3462
- ...s
3463
- },
3464
- t && /* @__PURE__ */ e.createElement("header", { "data-fs-empty-state-title": !0 }, a && /* @__PURE__ */ e.createElement(e.Fragment, null, a), /* @__PURE__ */ e.createElement("p", null, t)),
3465
- l
3466
- );
3467
- }
3468
- function Ur({
3469
- testId: n,
3470
- title: t,
3471
- indicesExpanded: a,
3472
- onAccordionChange: r,
3473
- children: o
3474
- }) {
3475
- return /* @__PURE__ */ e.createElement("div", { "data-fs-filter": !0, "data-testid": n }, /* @__PURE__ */ e.createElement("h2", { "data-fs-filter-title": !0 }, t), /* @__PURE__ */ e.createElement(
3476
- _t,
3477
- {
3478
- indices: a,
3479
- onChange: r,
3480
- "data-fs-filter-accordion": !0
3481
- },
3482
- o
3483
- ));
3484
- }
3485
- function Wr({ children: n }) {
3486
- return /* @__PURE__ */ e.createElement(U, { "data-fs-filter-list": !0 }, n);
3487
- }
3488
- function jr({
3489
- testId: n,
3490
- id: t,
3491
- selected: a,
3492
- value: r,
3493
- quantity: o,
3494
- facetKey: l,
3495
- label: s,
3496
- type: c = "checkbox",
3497
- onFacetChange: i
3498
- }) {
3499
- return /* @__PURE__ */ e.createElement("li", { key: t, "data-fs-filter-list-item": !0 }, c === "checkbox" ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
3500
- Ue,
3501
- {
3502
- id: t,
3503
- checked: a,
3504
- onChange: () => i({ key: l, value: r }, "BOOLEAN"),
3505
- "data-fs-filter-list-item-checkbox": !0,
3506
- "data-testid": `${n}-accordion-panel-checkbox`,
3507
- "data-value": r,
3508
- "data-quantity": o
3509
- }
3510
- ), /* @__PURE__ */ e.createElement(
3511
- G,
3512
- {
3513
- htmlFor: t,
3514
- className: "text__title-mini-alt",
3515
- "data-fs-filter-list-item-label": !0
3516
- },
3517
- s,
3518
- typeof o == "number" && o >= 0 && /* @__PURE__ */ e.createElement(Q, { "data-fs-filter-list-item-badge": !0 }, o)
3519
- )) : /* @__PURE__ */ e.createElement(
3520
- wa,
3521
- {
3522
- id: t,
3523
- name: l,
3524
- value: r,
3525
- checked: a,
3526
- onChange: () => i({ key: l, value: r }, "BOOLEAN"),
3527
- "data-fs-filter-list-item-radio": !0,
3528
- "data-testid": `${n}-accordion-panel-radio`,
3529
- "data-value": r,
3530
- label: s
3531
- }
3532
- ));
3533
- }
3534
- const Aa = (n, t) => `${n.toFixed(2)}-to-${t.toFixed(2)}`;
3535
- function Qr({
3536
- min: n,
3537
- max: t,
3538
- formatter: a,
3539
- facetKey: r,
3540
- onFacetChange: o
3541
- }) {
3542
- return /* @__PURE__ */ e.createElement(
3543
- La,
3544
- {
3545
- "data-fs-filter-facet-range": !0,
3546
- min: n,
3547
- max: t,
3548
- formatter: a,
3549
- step: 1,
3550
- onEnd: (l) => o(
3551
- {
3552
- key: r,
3553
- value: Aa(l.min, l.max)
3554
- },
3555
- "RANGE"
3556
- )
3557
- }
3558
- );
3559
- }
3560
- function Xr({
3561
- testId: n,
3562
- label: t,
3563
- index: a,
3564
- children: r,
3565
- type: o,
3566
- description: l
3567
- }) {
3568
- return /* @__PURE__ */ e.createElement(
3569
- zt,
3570
- {
3571
- key: `${t}-${a}`,
3572
- prefixId: n,
3573
- testId: `${n}-accordion`,
3574
- index: a,
3575
- "data-type": o,
3576
- "data-fs-filter-accordion-item": !0
3577
- },
3578
- /* @__PURE__ */ e.createElement(Gt, { testId: `${n}-accordion-button` }, t),
3579
- /* @__PURE__ */ e.createElement(Kt, null, l && /* @__PURE__ */ e.createElement("span", { "data-fs-filter-accordion-item-description": !0 }, l), r)
3580
- );
3581
- }
3582
- function Yr({
3583
- testId: n = "fs-filter-slider",
3584
- title: t,
3585
- size: a,
3586
- direction: r,
3587
- children: o,
3588
- applyBtnProps: l,
3589
- clearBtnProps: s,
3590
- overlayProps: c,
3591
- onClose: i,
3592
- onDismiss: d,
3593
- footer: u = !0,
3594
- ...E
3595
- }) {
3596
- const { fade: f, fadeOut: h } = se(), { closeFilter: b, closeRegionSlider: v } = te();
3597
- return /* @__PURE__ */ e.createElement(
3598
- de,
3599
- {
3600
- "data-fs-filter-slider": !0,
3601
- isOpen: !0,
3602
- fade: f,
3603
- onDismiss: () => {
3604
- h(), d?.();
3605
- },
3606
- size: a,
3607
- direction: r,
3608
- onTransitionEnd: () => {
3609
- f === "out" && (b(), v());
3610
- },
3611
- testId: n,
3612
- overlayProps: c,
3613
- ...E
3614
- },
3615
- /* @__PURE__ */ e.createElement("div", { "data-fs-filter-slider-content": !0 }, /* @__PURE__ */ e.createElement(
3616
- ue,
3617
- {
3618
- onClose: () => {
3619
- i(), h();
3620
- }
3621
- },
3622
- /* @__PURE__ */ e.createElement("h2", { "data-fs-filter-slider-title": !0 }, t)
3623
- ), o),
3624
- u && /* @__PURE__ */ e.createElement("footer", { "data-fs-filter-slider-footer": !0 }, s && /* @__PURE__ */ e.createElement(
3625
- M,
3626
- {
3627
- "data-fs-filter-slider-footer-button-clear": !0,
3628
- ...s
3629
- }
3630
- ), l && /* @__PURE__ */ e.createElement(
3631
- M,
3632
- {
3633
- "data-fs-filter-slider-footer-button-apply": !0,
3634
- testId: `${n}-button-apply`,
3635
- ...l,
3636
- onClick: (g) => {
3637
- l?.onClick?.(g), h();
3638
- }
3639
- }
3640
- ))
3641
- );
3642
- }
3643
- const ct = W(void 0), qr = p(function({
3644
- children: t,
3645
- testId: a = "fs-hero",
3646
- variant: r = "primary",
3647
- colorVariant: o = "main",
3648
- ...l
3649
- }, s) {
3650
- const c = { variant: r, colorVariant: o };
3651
- return /* @__PURE__ */ e.createElement(ct.Provider, { value: c }, /* @__PURE__ */ e.createElement(
3652
- "article",
3653
- {
3654
- ref: s,
3655
- "data-fs-hero": !0,
3656
- "data-fs-hero-variant": r,
3657
- "data-fs-hero-color-variant": o,
3658
- "data-testid": a,
3659
- ...l
3660
- },
3661
- t
3662
- ));
3663
- });
3664
- function Fa() {
3665
- const n = j(ct);
3666
- if (n === void 0)
3667
- throw new Error("Do not use Hero components outside the Hero context.");
3668
- return n;
3669
- }
3670
- const Jr = p(function({ children: t, testId: a = "fs-hero-image", ...r }, o) {
3671
- return /* @__PURE__ */ e.createElement("div", { ref: o, "data-fs-hero-image": !0, "data-testid": a, ...r }, t);
3672
- }), Zr = p(
3673
- function({
3674
- icon: t,
3675
- link: a,
3676
- title: r,
3677
- linkText: o,
3678
- linkTargetBlank: l,
3679
- subtitle: s,
3680
- children: c,
3681
- testId: i = "fs-hero-heading",
3682
- ...d
3683
- }, u) {
3684
- const { variant: E, colorVariant: f } = Fa();
3685
- return /* @__PURE__ */ e.createElement(
3686
- "header",
3687
- {
3688
- ref: u,
3689
- "data-fs-hero-heading": !0,
3690
- "data-testid": i,
3691
- ...d
3692
- },
3693
- /* @__PURE__ */ e.createElement("div", { "data-fs-hero-wrapper": !0, "data-fs-content": "hero" }, /* @__PURE__ */ e.createElement("div", { "data-fs-hero-info": !0 }, /* @__PURE__ */ e.createElement("h1", { "data-fs-hero-title": !0 }, r), /* @__PURE__ */ e.createElement("p", { "data-fs-hero-subtitle": !0 }, s), !!a && /* @__PURE__ */ e.createElement(
3694
- rt,
3695
- {
3696
- href: a,
3697
- inverse: f === "main",
3698
- icon: /* @__PURE__ */ e.createElement(I, { name: "ArrowRight" }),
3699
- iconPosition: "right",
3700
- target: l ? "_blank" : void 0
3701
- },
3702
- o
3703
- )), !!t && E === "secondary" && /* @__PURE__ */ e.createElement("span", { "data-fs-hero-icon": !0 }, t))
3704
- );
3705
- }
3706
- ), en = p(
3707
- function({
3708
- images: t,
3709
- children: a,
3710
- ImageComponent: r,
3711
- selectedImageIdx: o,
3712
- setSelectedImageIdx: l,
3713
- testId: s = "fs-image-gallery",
3714
- ...c
3715
- }, i) {
3716
- const d = t.length > 1;
3717
- return /* @__PURE__ */ e.createElement(
3718
- "section",
3719
- {
3720
- ref: i,
3721
- "data-fs-image-gallery": d ? "with-selector" : "without-selector",
3722
- "data-testid": s,
3723
- ...c
3724
- },
3725
- a,
3726
- d && /* @__PURE__ */ e.createElement(
3727
- Ba,
3728
- {
3729
- images: t,
3730
- onSelect: l,
3731
- currentImageIdx: o,
3732
- ImageComponent: r
3733
- }
3734
- )
3735
- );
3736
- }
3737
- ), Ne = (n, t) => {
3738
- n && (n.scrollHeight > n.clientHeight ? (n.style.overflow = "auto", window.requestAnimationFrame(
3739
- () => n.scrollTo({ top: t, behavior: "smooth" })
3740
- ), setTimeout(() => n.style.overflow = "hidden", 2e3)) : n.scrollLeft += t);
3741
- }, Na = (n) => n ? n.scrollHeight > n.clientHeight || n.scrollWidth > n.clientWidth : !1;
3742
- function Ba({
3743
- images: n,
3744
- onSelect: t,
3745
- ImageComponent: a,
3746
- currentImageIdx: r,
3747
- testId: o = "fs-image-gallery-selector",
3748
- "aria-label": l = "Product Images",
3749
- navigationButtonLeftAriaLabel: s = "Backward slide image selector",
3750
- navigationButtonRightAriaLabel: c = "Forward slide image selector"
3751
- }) {
3752
- const i = $(null), d = Na(i.current), [u, E] = R(!0), [f, h] = R(!0), b = L(
3753
- (v, g) => {
3754
- v === 0 && E(g), v === n.length - 1 && h(g);
3755
- },
3756
- [n.length]
3757
- );
3758
- return /* @__PURE__ */ e.createElement(
3759
- "section",
3760
- {
3761
- "data-fs-image-gallery-selector": !0,
3762
- "data-testid": o,
3763
- "aria-label": l
3764
- },
3765
- d && !u && /* @__PURE__ */ e.createElement("div", { "data-fs-image-gallery-selector-control": !0 }, /* @__PURE__ */ e.createElement(
3766
- N,
3767
- {
3768
- "data-fs-image-gallery-selector-control-button": !0,
3769
- "aria-label": s,
3770
- icon: /* @__PURE__ */ e.createElement(I, { name: "ArrowLeft" }),
3771
- onClick: () => Ne(i.current, -400)
3772
- }
3773
- )),
3774
- /* @__PURE__ */ e.createElement("div", { "data-fs-image-gallery-selector-elements": !0, ref: i }, n.map((v, g) => /* @__PURE__ */ e.createElement(vt, { key: g, onChange: (y) => b(g, y) }, /* @__PURE__ */ e.createElement(
3775
- M,
3776
- {
3777
- key: g,
3778
- "aria-label": `${v.alternateName} - Image ${g + 1} of ${n.length}`,
3779
- onClick: () => t(g),
3780
- "data-fs-image-gallery-selector-thumbnail": g === r ? "selected" : "true"
3781
- },
3782
- /* @__PURE__ */ e.createElement(
3783
- a,
3784
- {
3785
- url: v.url ?? "",
3786
- loading: g === 0 ? "eager" : "lazy",
3787
- alternateName: v.alternateName ?? ""
3788
- }
3789
- )
3790
- )))),
3791
- d && !f && /* @__PURE__ */ e.createElement("div", { "data-fs-image-gallery-selector-control": !0 }, /* @__PURE__ */ e.createElement(
3792
- N,
3793
- {
3794
- "data-fs-image-gallery-selector-control-button": !0,
3795
- "aria-label": c,
3796
- icon: /* @__PURE__ */ e.createElement(I, { name: "ArrowLeft" }),
3797
- onClick: () => Ne(i.current, 400)
3798
- }
3799
- ))
3800
- );
3801
- }
3802
- const tn = ({
3803
- children: n
3804
- }) => /* @__PURE__ */ e.createElement(e.Fragment, null, n), an = p(function({ children: t, scrollDirection: a, testId: r = "fs-navbar", ...o }, l) {
3805
- return /* @__PURE__ */ e.createElement(
3806
- "header",
3807
- {
3808
- "data-fs-navbar": !0,
3809
- role: "banner",
3810
- "data-fs-navbar-scroll": a,
3811
- ref: l,
3812
- "data-testid": r,
3813
- ...o
3814
- },
3815
- t
3816
- );
3817
- }), rn = p(
3818
- function({ children: t, testId: a = "fs-navbar-header", ...r }, o) {
3819
- return /* @__PURE__ */ e.createElement(
3820
- "section",
3821
- {
3822
- "data-fs-navbar-header": !0,
3823
- ref: o,
3824
- "data-testid": a,
3825
- ...r
3826
- },
3827
- t
3828
- );
3829
- }
3830
- ), nn = p(function({ children: t, testId: a = "fs-navbar-row", ...r }, o) {
3831
- return /* @__PURE__ */ e.createElement(
3832
- "div",
3833
- {
3834
- "data-fs-navbar-row": !0,
3835
- "data-fs-content": "navbar",
3836
- ref: o,
3837
- "data-testid": a,
3838
- ...r
3839
- },
3840
- t
3841
- );
3842
- }), on = p(
3843
- function({ children: t, searchExpanded: a, testId: r = "fs-navbar-buttons", ...o }, l) {
3844
- return /* @__PURE__ */ e.createElement(
3845
- "div",
3846
- {
3847
- "data-fs-navbar-buttons": !0,
3848
- ref: l,
3849
- "data-testid": r,
3850
- "data-fs-navbar-search-expanded": a,
3851
- ...o
3852
- },
3853
- t
3854
- );
3855
- }
3856
- );
3857
- function ln({
3858
- children: n,
3859
- size: t = "full",
3860
- isOpen: a = !0,
3861
- direction: r = "leftSide",
3862
- testId: o = "fs-navbar-slider",
3863
- ...l
3864
- }) {
3865
- return /* @__PURE__ */ e.createElement(
3866
- de,
3867
- {
3868
- "data-fs-navbar-slider": !0,
3869
- size: t,
3870
- isOpen: a,
3871
- direction: r,
3872
- "data-testid": o,
3873
- ...l
3874
- },
3875
- n
3876
- );
3877
- }
3878
- function sn({
3879
- children: n,
3880
- testId: t = "fs-navbar-slider-header",
3881
- ...a
3882
- }) {
3883
- return /* @__PURE__ */ e.createElement(
3884
- ue,
3885
- {
3886
- "data-fs-navbar-slider-header": !0,
3887
- "data-testid": t,
3888
- ...a
3889
- },
3890
- n
3891
- );
3892
- }
3893
- const cn = p(function({ children: t, testId: a = "fs-navbar-slider-content", ...r }, o) {
3894
- return /* @__PURE__ */ e.createElement(
3895
- "div",
3896
- {
3897
- "data-fs-navbar-slider-content": !0,
3898
- ref: o,
3899
- "data-testid": a,
3900
- ...r
3901
- },
3902
- t
3903
- );
3904
- }), dn = p(
3905
- function({ children: t, testId: a = "fs-navbar-slider-footer", ...r }, o) {
3906
- return /* @__PURE__ */ e.createElement(
3907
- "footer",
3908
- {
3909
- "data-fs-navbar-slider-footer": !0,
3910
- ref: o,
3911
- "data-testid": a,
3912
- ...r
3913
- },
3914
- t
3915
- );
3916
- }
3917
- ), un = p(
3918
- function({
3919
- card: t,
3920
- children: a,
3921
- colorVariant: r = "main",
3922
- testId: o = "fs-newsletter",
3923
- ...l
3924
- }, s) {
3925
- return /* @__PURE__ */ e.createElement(
3926
- "div",
3927
- {
3928
- ref: s,
3929
- "data-testid": o,
3930
- "data-fs-content": "newsletter",
3931
- "data-fs-newsletter": t ? "card" : "",
3932
- "data-fs-newsletter-color-variant": r,
3933
- ...l
3934
- },
3935
- a
3936
- );
3937
- }
3938
- ), mn = p(
3939
- function({ addendum: t, testId: a = "fs-newsletter-addendum", ...r }, o) {
3940
- return t ? /* @__PURE__ */ e.createElement(
3941
- Bt,
3942
- {
3943
- as: "span",
3944
- content: t,
3945
- testId: a,
3946
- "data-fs-newsletter-addendum": !0,
3947
- ...r,
3948
- ref: o
3949
- }
3950
- ) : null;
3951
- }
3952
- ), fn = p(
3953
- function({ children: t, testId: a = "fs-newsletter-content", ...r }, o) {
3954
- return /* @__PURE__ */ e.createElement(
3955
- "div",
3956
- {
3957
- ref: o,
3958
- "data-testid": a,
3959
- "data-fs-newsletter-content": !0,
3960
- ...r
3961
- },
3962
- t
3963
- );
3964
- }
3965
- ), pn = p(
3966
- function({ children: t, onSubmit: a, testId: r = "fs-newsletter-form", ...o }, l) {
3967
- return /* @__PURE__ */ e.createElement(
3968
- "form",
3969
- {
3970
- ref: l,
3971
- "data-testid": r,
3972
- "data-fs-newsletter-form": !0,
3973
- onSubmit: a,
3974
- ...o
3975
- },
3976
- t
3977
- );
3978
- }
3979
- ), En = p(
3980
- function({
3981
- icon: t,
3982
- title: a,
3983
- description: r,
3984
- testId: o = "fs-newsletter-header",
3985
- ...l
3986
- }, s) {
3987
- return /* @__PURE__ */ e.createElement(
3988
- "header",
3989
- {
3990
- ref: s,
3991
- "data-testid": o,
3992
- "data-fs-newsletter-header": !0,
3993
- ...l
3994
- },
3995
- /* @__PURE__ */ e.createElement("h3", { "data-fs-newsletter-header-title": !0 }, t, a),
3996
- r && /* @__PURE__ */ e.createElement("span", { "data-fs-newsletter-header-description": !0 }, r)
3997
- );
3998
- }
3999
- ), hn = p(
4000
- function({
4001
- testId: t = "fs-out-of-stock",
4002
- title: a,
4003
- buttonLabel: r = "Notify Me",
4004
- loadingLabel: o = "Loading",
4005
- inputLabel: l,
4006
- subtitle: s,
4007
- disabled: c,
4008
- errorMessage: i,
4009
- onSubmit: d
4010
- }, u) {
4011
- return /* @__PURE__ */ e.createElement(
4012
- "form",
4013
- {
4014
- "data-fs-out-of-stock": !0,
4015
- ref: u,
4016
- "data-testid": t,
4017
- onSubmit: d
4018
- },
4019
- /* @__PURE__ */ e.createElement("h2", { "data-fs-out-of-stock-title": !0 }, a),
4020
- s && /* @__PURE__ */ e.createElement("p", { "data-fs-out-of-stock-message": !0 }, /* @__PURE__ */ e.createElement(I, { name: "BellRinging", width: 16, height: 16 }), s),
4021
- /* @__PURE__ */ e.createElement(
4022
- oe,
4023
- {
4024
- id: "out-of-stock-email",
4025
- name: "out-of-stock-email",
4026
- label: l,
4027
- "aria-label": l,
4028
- error: i,
4029
- required: !0
4030
- }
4031
- ),
4032
- /* @__PURE__ */ e.createElement(
4033
- M,
4034
- {
4035
- "data-fs-out-of-stock-button": !0,
4036
- type: "submit",
4037
- loading: c,
4038
- loadingLabel: o,
4039
- disabled: c,
4040
- variant: "primary",
4041
- icon: /* @__PURE__ */ e.createElement(I, { name: "BellRinging" }),
4042
- iconPosition: "left"
4043
- },
4044
- r
4045
- )
4046
- );
4047
- }
4048
- ), gn = p(
4049
- function({
4050
- testId: t = "fs-payment-methods",
4051
- title: a,
4052
- "aria-label": r = "Payment Methods",
4053
- flagList: o,
4054
- ...l
4055
- }, s) {
4056
- return /* @__PURE__ */ e.createElement(
4057
- "div",
4058
- {
4059
- ref: s,
4060
- "data-fs-payment-methods": !0,
4061
- "data-testid": t,
4062
- "aria-labelledby": a ? "payment-methods-title" : "Payment Methods",
4063
- ...l
4064
- },
4065
- !!a && /* @__PURE__ */ e.createElement("div", { "data-fs-payment-methods-title": !0, id: "payment-methods-title" }, a),
4066
- /* @__PURE__ */ e.createElement(
4067
- U,
4068
- {
4069
- "data-fs-payment-methods-flags": !0,
4070
- "aria-label": a ? void 0 : r
4071
- },
4072
- o.map(({ alt: c, icon: { icon: i } }, d) => /* @__PURE__ */ e.createElement(
4073
- "li",
4074
- {
4075
- "data-fs-payment-methods-flag": !0,
4076
- key: `fs-payment-method-${d}-${c}`
4077
- },
4078
- /* @__PURE__ */ e.createElement(I, { width: 28, height: 18, name: i }),
4079
- c && /* @__PURE__ */ e.createElement(he, { text: c })
4080
- ))
4081
- )
4082
- );
4083
- }
4084
- ), La = p(
4085
- function({
4086
- formatter: t,
4087
- max: a,
4088
- min: r,
4089
- step: o = 1,
4090
- onChange: l,
4091
- onEnd: s,
4092
- testId: c = "fs-price-range",
4093
- variant: i,
4094
- "aria-label": d,
4095
- ...u
4096
- }, E) {
4097
- const f = $();
4098
- le(E, () => ({
4099
- setPriceRangeValues: (m) => {
4100
- l?.(m), f.current?.setSliderValues(m);
4101
- }
4102
- }));
4103
- const h = $(null), b = $(null), [v, g] = R(), [y, C] = R(), [P, x] = R({
4104
- min: Math.floor(r.selected),
4105
- max: Math.round(a.selected)
4106
- });
4107
- function S(m) {
4108
- g(void 0), C(void 0), x({ min: m.min, max: m.max }), h.current?.value && (h.current.value = String(m.min)), b.current?.value && (b.current.value = String(m.max));
4109
- }
4110
- function k(m) {
4111
- g(void 0), !(Number(m) < Math.floor(r.absolute)) && (Number(m) > Math.floor(P.max) && g("Min price can't be greater than max"), x({ ...P, min: Number(m) }), f.current?.setSliderValues({
4112
- ...P,
4113
- min: Number(m)
4114
- }));
4115
- }
4116
- function w(m) {
4117
- C(void 0), !(Number(m) > Math.round(a.absolute)) && (Number(m) < Math.round(P.min) && C("Max price can't be smaller than min"), x({ ...P, max: Number(m) }), f.current?.setSliderValues({
4118
- ...P,
4119
- max: Number(m)
4120
- }));
4121
- }
4122
- return /* @__PURE__ */ e.createElement("div", { "data-fs-price-range": !0, "data-testid": c, ...u }, /* @__PURE__ */ e.createElement(
4123
- Vt,
4124
- {
4125
- ref: f,
4126
- min: r,
4127
- max: a,
4128
- step: o,
4129
- onEnd: (m) => {
4130
- s?.(m), S(m);
4131
- },
4132
- "aria-label": d,
4133
- onChange: (m) => l?.(m),
4134
- absoluteValuesLabel: {
4135
- min: /* @__PURE__ */ e.createElement(
4136
- z,
4137
- {
4138
- value: Math.floor(r.absolute),
4139
- variant: i,
4140
- formatter: t
4141
- }
4142
- ),
4143
- max: /* @__PURE__ */ e.createElement(
4144
- z,
4145
- {
4146
- value: Math.round(a.absolute),
4147
- variant: i,
4148
- formatter: t
4149
- }
4150
- )
4151
- },
4152
- minValueLabelComponent: (m) => /* @__PURE__ */ e.createElement(z, { value: m, variant: i, formatter: t }),
4153
- maxValueLabelComponent: (m) => /* @__PURE__ */ e.createElement(z, { value: m, variant: i, formatter: t })
4154
- }
4155
- ), /* @__PURE__ */ e.createElement("div", { "data-fs-price-range-inputs": !0 }, /* @__PURE__ */ e.createElement(
4156
- oe,
4157
- {
4158
- id: "price-range-min",
4159
- step: o,
4160
- label: "Min",
4161
- type: "number",
4162
- inputMode: "numeric",
4163
- error: v,
4164
- inputRef: h,
4165
- min: Math.floor(r.absolute),
4166
- max: P.max,
4167
- value: P.min,
4168
- onChange: (m) => k(m.target.value),
4169
- onBlur: () => !v && s?.(P)
4170
- }
4171
- ), /* @__PURE__ */ e.createElement(
4172
- oe,
4173
- {
4174
- id: "price-range-max",
4175
- label: "Max",
4176
- step: o,
4177
- type: "number",
4178
- inputMode: "numeric",
4179
- error: y,
4180
- inputRef: b,
4181
- max: Math.round(a.absolute),
4182
- min: P.min,
4183
- value: P.max,
4184
- onChange: (m) => w(m.target.value),
4185
- onBlur: () => !y && s?.(P)
4186
- }
4187
- )));
4188
- }
4189
- ), bn = p(
4190
- function({ testId: t = "fs-product-comparison", children: a, ...r }, o) {
4191
- return /* @__PURE__ */ e.createElement("div", { ref: o, "data-testid": t, ...r }, /* @__PURE__ */ e.createElement(kt, null, a));
4192
- }
4193
- );
4194
- function de({
4195
- testId: n = "fs-slide-over",
4196
- isOpen: t,
4197
- direction: a = "leftSide",
4198
- size: r = "full",
4199
- fade: o = "out",
4200
- children: l,
4201
- overlayProps: s,
4202
- onDismiss: c,
4203
- ...i
4204
- }) {
4205
- return /* @__PURE__ */ e.createElement(
4206
- nt,
4207
- {
4208
- "data-fs-modal": null,
4209
- "data-fs-slide-over": !0,
4210
- "data-fs-slide-over-direction": a,
4211
- "data-fs-slide-over-size": r,
4212
- "data-fs-slide-over-state": o,
4213
- isOpen: t,
4214
- onDismiss: c,
4215
- testId: n,
4216
- overlayProps: s,
4217
- ...i
4218
- },
4219
- l
4220
- );
4221
- }
4222
- const ue = ({
4223
- children: n,
4224
- closeBtnProps: t = {},
4225
- onClose: a,
4226
- ...r
4227
- }) => /* @__PURE__ */ e.createElement("header", { "data-fs-slide-over-header": !0, ...r }, n, /* @__PURE__ */ e.createElement(
4228
- N,
4229
- {
4230
- "data-fs-slide-over-header-icon": !0,
4231
- "aria-label": "Close",
4232
- icon: /* @__PURE__ */ e.createElement(I, { name: "X" }),
4233
- onClick: a,
4234
- ...t
4235
- }
4236
- )), Va = "SPECIFICATION", Ha = ({ src: n, alt: t, ...a }) => /* @__PURE__ */ e.createElement("img", { src: n, alt: t, ...a });
4237
- function _a(n, t, a) {
4238
- return H(() => {
4239
- const r = n[0], o = it(r), l = za(r, t);
4240
- return {
4241
- specsToShow: a ? l : o,
4242
- allSpecs: o,
4243
- diffSpecs: l
4244
- };
4245
- }, [n, t, a]);
4246
- }
4247
- function vn({
4248
- title: n,
4249
- sortLabel: t,
4250
- filterLabel: a,
4251
- preferencesLabel: r,
4252
- productNameFilterLabel: o,
4253
- toggleFieldLabel: l,
4254
- priceLabel: s,
4255
- cartButtonLabel: c,
4256
- priceWithTaxLabel: i,
4257
- technicalInformation: d,
4258
- size: u = "partial",
4259
- direction: E = "rightSide",
4260
- priceFormatter: f,
4261
- overlayProps: h,
4262
- sortOptions: b,
4263
- handleProductToBuy: v,
4264
- setPendingEvent: g,
4265
- ...y
4266
- }) {
4267
- const { fade: C } = se(), { isOpen: P, setIsOpen: x, products: S } = Ce(), [k, w] = R(!0), [m, T] = R("productByName"), [_, V] = R(!1), ae = (D, K) => {
4268
- D.preventDefault(), v(K.id), g(D);
4269
- }, re = H(
4270
- () => b?.find((D) => D.value === m)?.onChange(S) ?? S,
4271
- [m, S]
4272
- ), { specsToShow: be } = _a(
4273
- S,
4274
- re,
4275
- _
4276
- );
4277
- O(() => {
4278
- if (P) {
4279
- document.body.style.overflow = "hidden";
4280
- return;
4281
- }
4282
- document.body.style.overflow = "";
4283
- }, [P]);
4284
- const me = H(
4285
- () => b?.reduce(
4286
- (D, K) => (D[K.value] = K.label, D),
4287
- {}
4288
- ) || {},
4289
- [b]
4290
- );
4291
- function ve() {
4292
- w(!k);
4293
- }
4294
- return /* @__PURE__ */ e.createElement(
4295
- de,
4296
- {
4297
- "data-fs-product-comparison-sidebar": !0,
4298
- fade: C,
4299
- size: u,
4300
- direction: E,
4301
- isOpen: P,
4302
- overlayProps: h,
4303
- ...y
4304
- },
4305
- /* @__PURE__ */ e.createElement(ue, { onClose: () => x(!1) }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("h2", { "data-fs-product-comparison-sidebar-header-title": !0 }, n), /* @__PURE__ */ e.createElement(Q, { size: "big", variant: "neutral" }, S.length))),
4306
- /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-filters": !0 }, /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-container": !0 }, /* @__PURE__ */ e.createElement("p", { "data-fs-product-comparison-filters-sort-label": !0 }, t), /* @__PURE__ */ e.createElement(
4307
- Qe,
4308
- {
4309
- id: "product-comparison-sort-by",
4310
- options: me,
4311
- value: m,
4312
- onChange: (D) => T(D.target.value)
4313
- }
4314
- )), /* @__PURE__ */ e.createElement(
4315
- Fe,
4316
- {
4317
- id: "product-comparison-show-differences",
4318
- label: l,
4319
- checked: _,
4320
- onChange: () => V(!_)
4321
- }
4322
- )),
4323
- /* @__PURE__ */ e.createElement(Le, null, /* @__PURE__ */ e.createElement(et, null, /* @__PURE__ */ e.createElement(tt, { "data-fs-product-comparison-dropdown-button": !0 }, a), /* @__PURE__ */ e.createElement(at, { className: h?.className }, /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-dropdown-menu-content": !0 }, /* @__PURE__ */ e.createElement(ee, { asChild: !0, dismissOnClick: !1 }, /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-dropdown-item-filter-type": !0 }, /* @__PURE__ */ e.createElement(
4324
- "span",
4325
- {
4326
- "data-fs-product-comparison-dropdown-item-filter-type-text": !0
4327
- },
4328
- r
4329
- ))), /* @__PURE__ */ e.createElement(
4330
- ee,
4331
- {
4332
- dismissOnClick: !1,
4333
- asChild: !0,
4334
- "data-fs-product-comparison-toggle-field-mobile": !0
4335
- },
4336
- /* @__PURE__ */ e.createElement(
4337
- Fe,
4338
- {
4339
- id: "product-comparison-show-differences",
4340
- label: l,
4341
- checked: _,
4342
- onChange: () => V(!_)
4343
- }
4344
- )
4345
- ), /* @__PURE__ */ e.createElement(ee, { asChild: !0, dismissOnClick: !1 }, /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-dropdown-item-filter-type": !0 }, /* @__PURE__ */ e.createElement(
4346
- "span",
4347
- {
4348
- "data-fs-product-comparison-dropdown-item-filter-type-text": !0
4349
- },
4350
- t
4351
- ))), /* @__PURE__ */ e.createElement(
4352
- ee,
4353
- {
4354
- dismissOnClick: !1,
4355
- onClick: () => T("productByName"),
4356
- "data-fs-dropdown-filter-selected": m === "productByName" ? !0 : void 0
4357
- },
4358
- m === "productByName" && /* @__PURE__ */ e.createElement(I, { name: "Checked", width: 16, height: 16 }),
4359
- /* @__PURE__ */ e.createElement("p", null, o)
4360
- ), /* @__PURE__ */ e.createElement(
4361
- ee,
4362
- {
4363
- dismissOnClick: !1,
4364
- onClick: () => T("productByPrice"),
4365
- "data-fs-dropdown-filter-selected": m === "productByPrice" ? !0 : void 0
4366
- },
4367
- m === "productByPrice" && /* @__PURE__ */ e.createElement(I, { name: "Checked", width: 16, height: 16 }),
4368
- /* @__PURE__ */ e.createElement("p", null, s)
4369
- ))))),
4370
- /* @__PURE__ */ e.createElement(xe, null, /* @__PURE__ */ e.createElement(lt, null, /* @__PURE__ */ e.createElement(J, null, S.map((D) => /* @__PURE__ */ e.createElement(F, { key: D.id }, /* @__PURE__ */ e.createElement(ba, null, /* @__PURE__ */ e.createElement(va, { aspectRatio: 1 }, /* @__PURE__ */ e.createElement(
4371
- Ha,
4372
- {
4373
- src: D.image[0]?.url,
4374
- alt: D.image[0]?.alternateName
4375
- }
4376
- )), /* @__PURE__ */ e.createElement(
4377
- ya,
4378
- {
4379
- title: D.name,
4380
- outOfStock: D.offers.offers[0].availability !== "https://schema.org/InStock",
4381
- price: {
4382
- value: D.offers.offers[0].price,
4383
- listPrice: D.offers.offers[0].listPrice,
4384
- formatter: f
4385
- },
4386
- buttonLabel: c,
4387
- showDiscountBadge: !0
4388
- }
4389
- )), /* @__PURE__ */ e.createElement(
4390
- M,
4391
- {
4392
- variant: "tertiary",
4393
- size: "small",
4394
- onClick: (K) => ae(K, D)
4395
- },
4396
- c
4397
- ))))), /* @__PURE__ */ e.createElement(Ie, null, /* @__PURE__ */ e.createElement(J, { "data-fs-product-comparison-row-header": !0 }, /* @__PURE__ */ e.createElement(F, null, /* @__PURE__ */ e.createElement(
4398
- M,
4399
- {
4400
- "data-fs-product-comparison-row-header-button": !0,
4401
- "aria-label": "Toggle technical information",
4402
- size: "small",
4403
- iconPosition: "right",
4404
- icon: /* @__PURE__ */ e.createElement(I, { name: k ? "CaretUp" : "CaretDown" }),
4405
- onClick: ve
4406
- },
4407
- /* @__PURE__ */ e.createElement("h2", { "data-fs-product-comparison-row-header-button-title": !0 }, d?.title),
4408
- /* @__PURE__ */ e.createElement("h3", { "data-fs-product-comparison-row-header-button-description": !0 }, d?.description)
4409
- ))), k && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(J, null, re.map((D) => /* @__PURE__ */ e.createElement(F, { key: D.id }, /* @__PURE__ */ e.createElement("span", { "data-fs-product-comparison-row-label": !0 }, i), /* @__PURE__ */ e.createElement(
4410
- z,
4411
- {
4412
- "data-fs-product-comparison-row-text": !0,
4413
- formatter: f,
4414
- value: D.offers.lowPriceWithTaxes,
4415
- variant: "selling"
4416
- }
4417
- )))), be?.map((D) => /* @__PURE__ */ e.createElement(J, { key: D }, re.map((K) => /* @__PURE__ */ e.createElement(F, { key: K.id }, /* @__PURE__ */ e.createElement("span", { "data-fs-product-comparison-row-label": !0 }, D), /* @__PURE__ */ e.createElement("p", { "data-fs-product-comparison-row-text": !0 }, K.additionalProperty.find(
4418
- (fe) => fe.name === D && fe.valueReference === Va
4419
- )?.value || "-"))))))))
4420
- );
4421
- }
4422
- const it = (n) => n?.skuSpecifications?.map((t) => t.field) || [], za = (n, t) => {
4423
- const a = it(n), r = t.map(
4424
- (o) => o.additionalProperty.map((l) => [
4425
- l.name,
4426
- l.value || ""
4427
- ])
4428
- );
4429
- return a.filter((o) => !r.map(
4430
- (s) => s.find((c) => c[0] === o)?.[1]
4431
- ).every((s, c, i) => s === i[0])) || [];
4432
- }, Ga = ({ src: n, alt: t, ...a }) => /* @__PURE__ */ e.createElement("img", { src: n, alt: t, ...a });
4433
- function yn({
4434
- clearSelectionButtonLabel: n,
4435
- compareButtonLabel: t,
4436
- selectionWarningLabel: a
4437
- }) {
4438
- const { isOpen: r, setIsOpen: o, products: l, clearProducts: s } = Ce(), c = l.slice(0, 3);
4439
- return !l.length && r ? null : /* @__PURE__ */ e.createElement("footer", { "data-fs-product-comparison-toolbar": !0 }, /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-toolbar-image": !0 }, c.map((i) => /* @__PURE__ */ e.createElement(
4440
- Ga,
4441
- {
4442
- key: i.id,
4443
- src: i.image[0].url,
4444
- alt: i.name,
4445
- width: 60,
4446
- height: 60
4447
- }
4448
- )), l.length > 3 && /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-toolbar-image-more": !0 }, /* @__PURE__ */ e.createElement("p", null, `+${l.length - 3}`)), l.length === 1 && /* @__PURE__ */ e.createElement(G, { "data-fs-product-comparison-selection-warning-label": !0 }, a)), /* @__PURE__ */ e.createElement(M, { variant: "tertiary", onClick: () => s() }, n), /* @__PURE__ */ e.createElement(
4449
- M,
4450
- {
4451
- variant: "primary",
4452
- disabled: l.length < 2,
4453
- onClick: () => o(!0)
4454
- },
4455
- l.length > 1 ? `${t} ${l.length}` : t
4456
- ));
4457
- }
4458
- const wn = p(function({ id: t, label: a, onChange: r, product: o, ...l }, s) {
4459
- const { productIds: c, handleProductsIds: i } = Ce(), d = c.some((u) => u === o.id);
4460
- return /* @__PURE__ */ e.createElement("div", { "data-fs-product-comparison-trigger": !0 }, o.hasSpecifications && /* @__PURE__ */ e.createElement(
4461
- aa,
4462
- {
4463
- "data-fs-product-comparison-trigger-checkbox-field": !0,
4464
- ref: s,
4465
- id: `product-comparison-trigger-${t}`,
4466
- label: a,
4467
- checked: d,
4468
- onClick: (u) => {
4469
- u.stopPropagation();
4470
- },
4471
- onChange: (u) => {
4472
- r?.(u), i(o);
4473
- },
4474
- ...l
4475
- }
4476
- ));
4477
- }), Cn = p(
4478
- function({ testId: t = "fs-product-grid", children: a, ...r }, o) {
4479
- return /* @__PURE__ */ e.createElement("ul", { ref: o, "data-fs-product-grid": !0, ...r }, a);
4480
- }
4481
- ), kn = p(
4482
- function({ testId: t = "fs-product-grid-item", children: a, ...r }, o) {
4483
- return /* @__PURE__ */ e.createElement("li", { ref: o, "data-fs-product-grid-item": !0, ...r }, a);
4484
- }
4485
- ), Pn = p(
4486
- function({ testId: t = "fs-product-shelf", children: a, ...r }, o) {
4487
- return /* @__PURE__ */ e.createElement(
4488
- "div",
4489
- {
4490
- ref: o,
4491
- "data-fs-product-shelf": !0,
4492
- "data-fs-content": "product-shelf",
4493
- "data-testid": t,
4494
- ...r
4495
- },
4496
- a
4497
- );
4498
- }
4499
- ), Sn = p(
4500
- function({ testId: t = "fs-product-shelf-items", children: a, ...r }, o) {
4501
- return /* @__PURE__ */ e.createElement(
4502
- "ul",
4503
- {
4504
- role: "list",
4505
- ref: o,
4506
- "data-fs-product-shelf-items": !0,
4507
- "data-fs-content": "product-shelf",
4508
- "data-testid": t,
4509
- ...r
4510
- },
4511
- a
4512
- );
4513
- }
4514
- ), xn = p(
4515
- function({ testId: t = "fs-product-shelf-item", children: a, ...r }, o) {
4516
- return /* @__PURE__ */ e.createElement(
4517
- "li",
4518
- {
4519
- role: "listitem",
4520
- ref: o,
4521
- "data-fs-product-shelf-item": !0,
4522
- "data-testid": t,
4523
- ...r
4524
- },
4525
- a
4526
- );
4527
- }
4528
- );
4529
- function In({
4530
- testId: n = "fs-region-modal",
4531
- title: t = "Set your location",
4532
- description: a = "Offers and availability vary by location.",
4533
- closeButtonAriaLabel: r = "Close Region Modal",
4534
- idkPostalCodeLinkProps: o,
4535
- errorMessage: l,
4536
- inputRef: s,
4537
- inputValue: c,
4538
- inputLabel: i = "Postal Code",
4539
- inputButtonActionText: d = "Apply",
4540
- fadeOutOnSubmit: u,
4541
- overlayProps: E,
4542
- onClose: f,
4543
- onInput: h,
4544
- onSubmit: b,
4545
- onClear: v,
4546
- dismissible: g = !0,
4547
- ...y
4548
- }) {
4549
- return /* @__PURE__ */ e.createElement(
4550
- nt,
4551
- {
4552
- "data-fs-region-modal": !0,
4553
- testId: n,
4554
- overlayProps: E,
4555
- title: "Region modal",
4556
- "aria-label": "Region modal",
4557
- disableEscapeKeyDown: !g,
4558
- onEntered: () => {
4559
- s?.current && s.current.focus();
4560
- },
4561
- ...y
4562
- },
4563
- ({ fadeOut: C }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
4564
- Ea,
4565
- {
4566
- ...g && {
4567
- onClose: () => {
4568
- C(), v?.(), f?.();
4569
- }
4570
- },
4571
- title: t,
4572
- description: a,
4573
- closeBtnProps: {
4574
- "aria-label": r
4575
- }
4576
- }
4577
- ), /* @__PURE__ */ e.createElement(ha, null, /* @__PURE__ */ e.createElement(
4578
- oe,
4579
- {
4580
- "data-fs-region-modal-input": !0,
4581
- id: `${n}-input-field`,
4582
- inputRef: s,
4583
- label: i,
4584
- actionable: !0,
4585
- value: c,
4586
- buttonActionText: d,
4587
- onInput: (P) => h?.(P),
4588
- onSubmit: () => {
4589
- b?.(), u && C();
4590
- },
4591
- onClear: () => v?.(),
4592
- error: l
4593
- }
4594
- ), o && /* @__PURE__ */ e.createElement(X, { "data-fs-region-modal-link": !0, ...o })))
4595
- );
4596
- }
4597
- const Tn = p(
4598
- function({
4599
- children: t,
4600
- visibleDropdown: a = !1,
4601
- testId: r = "fs-search-input",
4602
- isLoading: o,
4603
- products: l,
4604
- term: s,
4605
- terms: c,
4606
- onSearchSelection: i,
4607
- ...d
4608
- }, u) {
4609
- return /* @__PURE__ */ e.createElement(
4610
- "div",
4611
- {
4612
- ref: u,
4613
- "data-fs-search-input": !0,
4614
- "data-fs-search-input-dropdown-visible": a,
4615
- "data-testid": r,
4616
- ...d
4617
- },
4618
- /* @__PURE__ */ e.createElement(
4619
- Pt,
4620
- {
4621
- onSearchSelection: i,
4622
- isLoading: o,
4623
- term: s,
4624
- products: l,
4625
- terms: c
4626
- },
4627
- t
4628
- )
4629
- );
4630
- }
4631
- );
4632
- function Rn({
4633
- testId: n = "fs-shipping-simulation",
4634
- formatter: t,
4635
- title: a = "Shipping",
4636
- inputLabel: r = "Postal Code",
4637
- optionsLabel: o = "Shipping options",
4638
- idkPostalCodeLinkProps: l,
4639
- onInput: s,
4640
- onSubmit: c,
4641
- onClear: i,
4642
- location: d,
4643
- options: u = [],
4644
- displayClearButton: E = !1,
4645
- errorMessage: f,
4646
- postalCode: h,
4647
- ...b
4648
- }) {
4649
- const v = !!u && u.length > 0;
4650
- return /* @__PURE__ */ e.createElement(
4651
- "section",
4652
- {
4653
- "data-fs-shipping-simulation": !0,
4654
- "data-fs-shipping-simulation-empty": v ? "false" : "true",
4655
- "data-testid": n,
4656
- ...b
4657
- },
4658
- /* @__PURE__ */ e.createElement("h2", { "data-fs-shipping-simulation-title": !0 }, a),
4659
- /* @__PURE__ */ e.createElement(
4660
- oe,
4661
- {
4662
- actionable: !0,
4663
- error: f,
4664
- id: `${n}-input-field`,
4665
- label: r,
4666
- value: h,
4667
- onInput: (g) => s?.(g),
4668
- onSubmit: () => c?.(),
4669
- onClear: () => i?.(),
4670
- displayClearButton: E
4671
- }
4672
- ),
4673
- /* @__PURE__ */ e.createElement(
4674
- X,
4675
- {
4676
- href: "/",
4677
- "data-fs-shipping-simulation-link": !0,
4678
- size: "small",
4679
- ...l
4680
- },
4681
- l?.children ?? /* @__PURE__ */ e.createElement(e.Fragment, null, "I don't know my Postal Code", /* @__PURE__ */ e.createElement(I, { name: "ArrowSquareOut", width: 20, height: 20 }))
4682
- ),
4683
- v && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("header", { "data-fs-shipping-simulation-header": !0 }, /* @__PURE__ */ e.createElement("h3", { "data-fs-shipping-simulation-subtitle": !0 }, o), /* @__PURE__ */ e.createElement("p", { "data-fs-shipping-simulation-location": !0 }, d)), /* @__PURE__ */ e.createElement(xe, null, /* @__PURE__ */ e.createElement(Ie, null, u.map((g) => /* @__PURE__ */ e.createElement(J, { key: g.carrier }, /* @__PURE__ */ e.createElement(F, { align: "left" }, /* @__PURE__ */ e.createElement("p", { "data-fs-shipping-simulation-option-carrier": !0 }, g.carrier), /* @__PURE__ */ e.createElement("span", { "data-fs-shipping-simulation-option-estimate": !0 }, g.localizedEstimates)), /* @__PURE__ */ e.createElement(F, { align: "right" }, g.price && /* @__PURE__ */ e.createElement(
4684
- z,
4685
- {
4686
- formatter: t,
4687
- value: g.price,
4688
- SRText: "price"
4689
- }
4690
- )))))))
4691
- );
4692
- }
4693
- const Dn = p(function({ testId: t = "fs-sku-matrix", children: a, ...r }, o) {
4694
- return /* @__PURE__ */ e.createElement("div", { ref: o, "data-fs-sku-matrix": !0, "data-testid": t, ...r }, /* @__PURE__ */ e.createElement(St, null, a));
4695
- }), $n = p(
4696
- function({ children: t, variant: a = "secondary", onClick: r, ...o }, l) {
4697
- const { setIsOpen: s } = Ke();
4698
- return /* @__PURE__ */ e.createElement(
4699
- M,
4700
- {
4701
- ref: l,
4702
- variant: a,
4703
- onClick: (c) => {
4704
- s(!0), r?.(c);
4705
- },
4706
- ...o
4707
- },
4708
- t
4709
- );
4710
- }
4711
- ), Ka = ({
4712
- src: n,
4713
- alt: t,
4714
- ...a
4715
- }) => /* @__PURE__ */ e.createElement("img", { src: n, alt: t, ...a });
4716
- function On({
4717
- title: n,
4718
- direction: t = "rightSide",
4719
- size: a = "partial",
4720
- children: r,
4721
- columns: o,
4722
- loading: l,
4723
- formatter: s,
4724
- ImageComponent: c = Ka,
4725
- buyProps: { onClick: i, ...d },
4726
- overlayProps: u,
4727
- ...E
4728
- }) {
4729
- const {
4730
- isOpen: f,
4731
- setIsOpen: h,
4732
- setAllVariantProducts: b,
4733
- allVariantProducts: v,
4734
- onChangeQuantityItem: g
4735
- } = Ke(), { pushToast: y } = te(), { fade: C } = se(), P = H(() => v.reduce(
4736
- (m, T) => ({
4737
- amount: m.amount + T.selectedCount,
4738
- subtotal: m.subtotal + T.selectedCount * T.price
4739
- }),
4740
- { amount: 0, subtotal: 0 }
4741
- ), [v]);
4742
- function x() {
4743
- b(
4744
- (m) => m.map((T) => ({ ...T, selectedCount: 0 }))
4745
- );
4746
- }
4747
- function S() {
4748
- x(), h(!1);
4749
- }
4750
- function k(m) {
4751
- i(m), S();
4752
- }
4753
- const w = Object.keys(o).filter((m) => m !== "additionalColumns").length + (o.additionalColumns?.length ?? 0);
4754
- return /* @__PURE__ */ e.createElement(
4755
- de,
4756
- {
4757
- "data-fs-sku-matrix-sidebar": !0,
4758
- size: a,
4759
- direction: t,
4760
- overlayProps: u,
4761
- isOpen: f,
4762
- fade: C,
4763
- ...E
4764
- },
4765
- /* @__PURE__ */ e.createElement(ue, { onClose: S }, /* @__PURE__ */ e.createElement("h2", { "data-fs-sku-matrix-sidebar-title": !0 }, n)),
4766
- r,
4767
- /* @__PURE__ */ e.createElement(xe, { variant: "bordered" }, /* @__PURE__ */ e.createElement(lt, null, /* @__PURE__ */ e.createElement(J, null, /* @__PURE__ */ e.createElement(F, { align: "left", variant: "header", scope: "col" }, o.name), o.additionalColumns?.map(({ label: m, value: T }) => /* @__PURE__ */ e.createElement(F, { key: T, align: "left", variant: "header", scope: "col" }, m)), /* @__PURE__ */ e.createElement(F, { align: "left", variant: "header", scope: "col" }, o.availability.label), /* @__PURE__ */ e.createElement(F, { align: "right", variant: "header", scope: "col" }, o.price), /* @__PURE__ */ e.createElement(F, { align: "left", variant: "header", scope: "col" }, o.quantitySelector))), /* @__PURE__ */ e.createElement(Ie, null, l ? /* @__PURE__ */ e.createElement(e.Fragment, null, Array.from({ length: 5 }).map((m, T) => /* @__PURE__ */ e.createElement(J, { key: `table-row-${T}` }, Array.from({
4768
- length: w
4769
- }).map((_, V) => /* @__PURE__ */ e.createElement(F, { key: `table-cell-${V}` }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(
4770
- Lt,
4771
- {
4772
- key: V,
4773
- size: { width: "100%", height: "30px" }
4774
- }
4775
- ))))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, v.map((m) => /* @__PURE__ */ e.createElement(J, { key: `${m.name}-${m.id}` }, /* @__PURE__ */ e.createElement(F, { "data-fs-sku-matrix-sidebar-cell-image": !0, align: "left" }, /* @__PURE__ */ e.createElement(
4776
- c,
4777
- {
4778
- src: m.image.url,
4779
- alt: m.image.alternateName
4780
- }
4781
- ), m.name), o.additionalColumns?.map(({ value: T }) => /* @__PURE__ */ e.createElement(
4782
- F,
4783
- {
4784
- key: `${m.name}-${m.id}-${T}`,
4785
- align: "left"
4786
- },
4787
- m.specifications[T.toLowerCase()]
4788
- )), /* @__PURE__ */ e.createElement(F, { align: "left" }, o.availability.stockDisplaySettings === "showAvailability" && /* @__PURE__ */ e.createElement(
4789
- Q,
4790
- {
4791
- variant: m.availability === "outOfStock" ? "warning" : "success"
4792
- },
4793
- m.availability === "outOfStock" ? "Out of stock" : "Available"
4794
- ), o.availability.stockDisplaySettings === "showStockQuantity" && m.inventory), /* @__PURE__ */ e.createElement(F, { align: "right" }, /* @__PURE__ */ e.createElement("div", { "data-fs-sku-matrix-sidebar-table-price": !0 }, /* @__PURE__ */ e.createElement(
4795
- z,
4796
- {
4797
- value: m.price,
4798
- variant: "spot",
4799
- formatter: s
4800
- }
4801
- ))), /* @__PURE__ */ e.createElement(
4802
- F,
4803
- {
4804
- align: "right",
4805
- "data-fs-sku-matrix-sidebar-table-cell-quantity-selector": !0
4806
- },
4807
- /* @__PURE__ */ e.createElement("div", { "data-fs-sku-matrix-sidebar-table-action": !0 }, /* @__PURE__ */ e.createElement(
4808
- Se,
4809
- {
4810
- min: 0,
4811
- max: m.inventory,
4812
- disabled: !m.inventory || m.availability === "outOfStock",
4813
- initial: m.selectedCount,
4814
- onChange: (T) => g(m.id, T),
4815
- onValidateBlur: (T, _, V) => {
4816
- y({
4817
- title: "Invalid quantity!",
4818
- message: `The quantity you entered is outside the range of ${T} to ${_}. The quantity was set to ${V}.`,
4819
- status: "INFO",
4820
- icon: /* @__PURE__ */ e.createElement(
4821
- I,
4822
- {
4823
- name: "CircleWavyWarning",
4824
- width: 30,
4825
- height: 30
4826
- }
4827
- )
4828
- });
4829
- }
4830
- }
4831
- ))
4832
- )))))),
4833
- /* @__PURE__ */ e.createElement("footer", { "data-fs-sku-matrix-sidebar-footer": !0 }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("p", null, P.amount, " ", P.amount !== 1 ? "Items" : "Item"), /* @__PURE__ */ e.createElement(
4834
- z,
4835
- {
4836
- value: P.subtotal,
4837
- variant: "spot",
4838
- formatter: s
4839
- }
4840
- )), /* @__PURE__ */ e.createElement(
4841
- M,
4842
- {
4843
- variant: "primary",
4844
- disabled: !P.amount,
4845
- onClick: k,
4846
- ...d
4847
- },
4848
- "Add to Cart"
4849
- ))
4850
- );
4851
- }
4852
- export {
4853
- _t as Accordion,
4854
- Gt as AccordionButton,
4855
- zt as AccordionItem,
4856
- Kt as AccordionPanel,
4857
- Ut as Alert,
4858
- Q as Badge,
4859
- Vr as BannerText,
4860
- Hr as BannerTextContent,
4861
- Za as Breadcrumb,
4862
- jt as BreadcrumbPure,
4863
- M as Button,
4864
- er as BuyButton,
4865
- ar as Card,
4866
- tr as Carousel,
4867
- Zt as CarouselBullets,
4868
- ea as CarouselItem,
4869
- rr as CartItem,
4870
- nr as CartItemImage,
4871
- or as CartItemSummary,
4872
- _r as CartSidebar,
4873
- Gr as CartSidebarFooter,
4874
- zr as CartSidebarList,
4875
- Ue as Checkbox,
4876
- aa as CheckboxField,
4877
- na as DiscountBadge,
4878
- et as Dropdown,
4879
- tt as DropdownButton,
4880
- ee as DropdownItem,
4881
- at as DropdownMenu,
4882
- Kr as EmptyState,
4883
- Ur as Filter,
4884
- Wr as FilterFacetBoolean,
4885
- jr as FilterFacetBooleanItem,
4886
- Qr as FilterFacetRange,
4887
- Xr as FilterFacets,
4888
- Yr as FilterSlider,
4889
- lr as Gift,
4890
- sr as GiftContent,
4891
- cr as GiftImage,
4892
- qr as Hero,
4893
- Zr as HeroHeader,
4894
- Jr as HeroImage,
4895
- I as Icon,
4896
- N as IconButton,
4897
- en as ImageGallery,
4898
- Ba as ImageGallerySelector,
4899
- tn as ImageGalleryViewer,
4900
- ie as Input,
4901
- oe as InputField,
4902
- G as Label,
4903
- X as Link,
4904
- rt as LinkButton,
4905
- U as List,
4906
- We as Loader,
4907
- nt as Modal,
4908
- ha as ModalBody,
4909
- ir as ModalFooter,
4910
- Ea as ModalHeader,
4911
- an as Navbar,
4912
- on as NavbarButtons,
4913
- rn as NavbarHeader,
4914
- dr as NavbarLinks,
4915
- ur as NavbarLinksList,
4916
- mr as NavbarLinksListItem,
4917
- nn as NavbarRow,
4918
- ln as NavbarSlider,
4919
- cn as NavbarSliderContent,
4920
- dn as NavbarSliderFooter,
4921
- sn as NavbarSliderHeader,
4922
- un as Newsletter,
4923
- mn as NewsletterAddendum,
4924
- fn as NewsletterContent,
4925
- pn as NewsletterForm,
4926
- En as NewsletterHeader,
4927
- fr as OrderSummary,
4928
- hn as OutOfStock,
4929
- Nt as Overlay,
4930
- gn as PaymentMethods,
4931
- pr as Popover,
4932
- z as Price,
4933
- La as PriceRange,
4934
- ba as ProductCard,
4935
- ya as ProductCardContent,
4936
- va as ProductCardImage,
4937
- bn as ProductComparison,
4938
- vn as ProductComparisonSidebar,
4939
- yn as ProductComparisonToolbar,
4940
- wn as ProductComparisonTrigger,
4941
- Cn as ProductGrid,
4942
- kn as ProductGridItem,
4943
- ke as ProductPrice,
4944
- Pn as ProductShelf,
4945
- xn as ProductShelfItem,
4946
- Sn as ProductShelfItems,
4947
- Er as ProductTitle,
4948
- Se as QuantitySelector,
4949
- je as Radio,
4950
- wa as RadioField,
4951
- hr as RadioGroup,
4952
- gr as RadioOption,
4953
- Pe as Rating,
4954
- br as RatingField,
4955
- vr as RegionBar,
4956
- In as RegionModal,
4957
- Bt as RichText,
4958
- Dn as SKUMatrix,
4959
- On as SKUMatrixSidebar,
4960
- $n as SKUMatrixTrigger,
4961
- he as SROnly,
4962
- Cr as SearchAutoComplete,
4963
- kr as SearchAutoCompleteTerm,
4964
- Pr as SearchDropdown,
4965
- Sr as SearchHistory,
4966
- xr as SearchHistoryTerm,
4967
- Tn as SearchInput,
4968
- Ir as SearchInputField,
4969
- Rr as SearchProductItem,
4970
- $r as SearchProductItemContent,
4971
- Dr as SearchProductItemImage,
4972
- Tr as SearchProducts,
4973
- Pt as SearchProvider,
4974
- Or as SearchTop,
4975
- Mr as SearchTopTerm,
4976
- Qe as Select,
4977
- Ar as SelectField,
4978
- Rn as ShippingSimulation,
4979
- Lt as Skeleton,
4980
- Fr as SkuSelector,
4981
- de as SlideOver,
4982
- ue as SlideOverHeader,
4983
- Vt as Slider,
4984
- xe as Table,
4985
- Ie as TableBody,
4986
- F as TableCell,
4987
- Nr as TableFooter,
4988
- lt as TableHead,
4989
- J as TableRow,
4990
- Br as Tag,
4991
- Ht as Textarea,
4992
- yr as TextareaField,
4993
- Lr as Toast,
4994
- Oa as Toggle,
4995
- Fe as ToggleField,
4996
- wr as Tooltip,
4997
- qa as UIProvider,
4998
- Ya as regionSliderTypes,
4999
- se as useFadeEffect,
5000
- Ct as useOnClickOutside,
5001
- Ce as useProductComparison,
5002
- At as useRTL,
5003
- Ke as useSKUMatrix,
5004
- Ja as useScrollDirection,
5005
- ce as useSearch,
5006
- Ot as useSlideVisibility,
5007
- Dt as useSlider,
5008
- Mt as useTrapFocus,
5009
- te as useUI
5010
- };