@veeqo/ui 0.0.1 → 0.0.3

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 (802) hide show
  1. package/.eslintrc.json +105 -0
  2. package/.storybook/Intro.mdx +22 -0
  3. package/.storybook/main.ts +1 -1
  4. package/.storybook/preview.ts +7 -0
  5. package/CHANGELOG.md +21 -0
  6. package/README.md +77 -0
  7. package/jest.config.js +16 -0
  8. package/lib/components/Accordion/Accordion.d.ts +12 -0
  9. package/lib/components/Accordion/index.d.ts +1 -0
  10. package/lib/components/Accordion/styled.d.ts +12 -0
  11. package/lib/components/ActionList/ActionList.d.ts +3 -0
  12. package/lib/components/ActionList/index.d.ts +1 -0
  13. package/lib/components/ActionList/styled.d.ts +15 -0
  14. package/lib/components/ActionList/types.d.ts +19 -0
  15. package/lib/components/Anchor/Anchor.d.ts +9 -0
  16. package/lib/components/Anchor/index.d.ts +1 -0
  17. package/lib/components/Anchor/styled.d.ts +1 -0
  18. package/lib/components/AnimatedDropdown/AnimatedDropdown.d.ts +3 -0
  19. package/lib/components/AnimatedDropdown/components/BasicDropdown.d.ts +5 -0
  20. package/lib/components/AnimatedDropdown/components/styled.d.ts +1 -0
  21. package/lib/components/AnimatedDropdown/index.d.ts +1 -0
  22. package/lib/components/AnimatedDropdown/styled.d.ts +10 -0
  23. package/lib/components/AnimatedDropdown/types.d.ts +14 -0
  24. package/lib/components/Avatar/Avatar.d.ts +3 -0
  25. package/lib/components/Avatar/index.d.ts +1 -0
  26. package/lib/components/Avatar/styled.d.ts +2 -0
  27. package/lib/components/Avatar/types.d.ts +11 -0
  28. package/lib/components/Badge/Badge.d.ts +3 -0
  29. package/lib/components/Badge/index.d.ts +1 -0
  30. package/lib/components/Badge/styled.d.ts +7 -0
  31. package/lib/components/Badge/types.d.ts +35 -0
  32. package/lib/components/Banner/Banner.d.ts +6 -0
  33. package/lib/components/Banner/index.d.ts +1 -0
  34. package/lib/components/Banner/styled.d.ts +7 -0
  35. package/lib/components/Banner/types.d.ts +20 -0
  36. package/lib/components/BaseContainer/BaseContainer.d.ts +1 -0
  37. package/lib/components/BaseContainer/index.d.ts +1 -0
  38. package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +3 -0
  39. package/lib/components/Breadcrumbs/components/Breadcrumb.d.ts +3 -0
  40. package/lib/components/Breadcrumbs/components/styled.d.ts +2 -0
  41. package/lib/components/Breadcrumbs/index.d.ts +1 -0
  42. package/lib/components/Breadcrumbs/types.d.ts +22 -0
  43. package/lib/components/Button/Button.d.ts +3 -0
  44. package/lib/components/Button/components/DropdownIcon.d.ts +2 -0
  45. package/lib/components/Button/components/styled.d.ts +20 -0
  46. package/lib/components/Button/index.d.ts +1 -0
  47. package/lib/components/Button/types.d.ts +18 -0
  48. package/lib/components/Card/Card.d.ts +28 -0
  49. package/lib/components/Card/index.d.ts +1 -0
  50. package/lib/components/Card/styled.d.ts +16 -0
  51. package/lib/components/CardHeader/CardHeader.d.ts +19 -0
  52. package/lib/components/CardHeader/icons/Cross.d.ts +2 -0
  53. package/lib/components/CardHeader/icons/DownArrow.d.ts +2 -0
  54. package/lib/components/CardHeader/icons/UpArrow.d.ts +2 -0
  55. package/lib/components/CardHeader/index.d.ts +1 -0
  56. package/lib/components/CardHeader/styled.d.ts +2 -0
  57. package/lib/components/Checkbox/Checkbox.d.ts +13 -0
  58. package/lib/components/Checkbox/index.d.ts +1 -0
  59. package/lib/components/Checkbox/styled.d.ts +1 -0
  60. package/lib/components/Choice/Choice.d.ts +17 -0
  61. package/lib/components/Choice/components/HelpIcon.d.ts +2 -0
  62. package/lib/components/Choice/components/styled.d.ts +17 -0
  63. package/lib/components/Choice/index.d.ts +1 -0
  64. package/lib/components/ChoiceList/ChoiceList.d.ts +29 -0
  65. package/lib/components/ChoiceList/index.d.ts +1 -0
  66. package/lib/components/ChoiceList/styled.d.ts +2 -0
  67. package/lib/components/CopyToClipboard/CopyToClipboard.d.ts +10 -0
  68. package/lib/components/CopyToClipboard/index.d.ts +1 -0
  69. package/lib/components/DataTable/DataTable.d.ts +21 -0
  70. package/lib/components/DataTable/SkeletonContent/SkeletonContent.d.ts +7 -0
  71. package/lib/components/DataTable/SkeletonContent/index.d.ts +1 -0
  72. package/lib/components/DataTable/SpecificState/SpecificState.d.ts +7 -0
  73. package/lib/components/DataTable/SpecificState/index.d.ts +1 -0
  74. package/lib/components/DataTable/SpecificState/styled.d.ts +8 -0
  75. package/lib/components/DataTable/StickyHeader.d.ts +10 -0
  76. package/lib/components/DataTable/cells/ClickableCell.d.ts +7 -0
  77. package/lib/components/DataTable/cells/EditableCell.d.ts +7 -0
  78. package/lib/components/DataTable/cells/SkeletonCell.d.ts +11 -0
  79. package/lib/components/DataTable/cells/SkeletonHeaderCell.d.ts +8 -0
  80. package/lib/components/DataTable/cells/index.d.ts +3 -0
  81. package/lib/components/DataTable/cells/styled.d.ts +1 -0
  82. package/lib/components/DataTable/icons/DoubleArrowAsc.d.ts +2 -0
  83. package/lib/components/DataTable/icons/DoubleArrowDesc.d.ts +2 -0
  84. package/lib/components/DataTable/icons/DoubleArrowIcon.d.ts +2 -0
  85. package/lib/components/DataTable/index.d.ts +1 -0
  86. package/lib/components/DataTable/styled.d.ts +46 -0
  87. package/lib/components/DataTable/utils/constants.d.ts +9 -0
  88. package/lib/components/DataTable/utils/hooks.d.ts +4 -0
  89. package/lib/components/DataTable/utils/index.d.ts +2 -0
  90. package/lib/components/DataTable/utils/types.d.ts +106 -0
  91. package/lib/components/DataTableExp/DataTable.d.ts +22 -0
  92. package/lib/components/DataTableExp/components/ActionBar.d.ts +9 -0
  93. package/lib/components/DataTableExp/components/Cell.d.ts +7 -0
  94. package/lib/components/DataTableExp/components/ColumnHeader.d.ts +6 -0
  95. package/lib/components/DataTableExp/components/ColumnMenu.d.ts +8 -0
  96. package/lib/components/DataTableExp/components/EmptyBodyContent.d.ts +5 -0
  97. package/lib/components/DataTableExp/components/Header.d.ts +2 -0
  98. package/lib/components/DataTableExp/components/LoadingCellContent.d.ts +1 -0
  99. package/lib/components/DataTableExp/components/NoWrap.d.ts +1 -0
  100. package/lib/components/DataTableExp/components/Row.d.ts +7 -0
  101. package/lib/components/DataTableExp/components/ScrollContainer.d.ts +1 -0
  102. package/lib/components/DataTableExp/components/SelectionCell.d.ts +11 -0
  103. package/lib/components/DataTableExp/components/SelectionHeader.d.ts +3 -0
  104. package/lib/components/DataTableExp/components/StickyHead.d.ts +9 -0
  105. package/lib/components/DataTableExp/components/TableGrid.d.ts +4 -0
  106. package/lib/components/DataTableExp/components/Truncate.d.ts +1 -0
  107. package/lib/components/DataTableExp/components/Wrapper.d.ts +5 -0
  108. package/lib/components/DataTableExp/components/icons/ArrowDown.d.ts +2 -0
  109. package/lib/components/DataTableExp/components/icons/ArrowUp.d.ts +2 -0
  110. package/lib/components/DataTableExp/components/icons/DoubleArrow.d.ts +2 -0
  111. package/lib/components/DataTableExp/components/icons/InfoIcon.d.ts +2 -0
  112. package/lib/components/DataTableExp/components/icons/Reorder.d.ts +2 -0
  113. package/lib/components/DataTableExp/components/icons/Visibility.d.ts +2 -0
  114. package/lib/components/DataTableExp/components/icons/VisibilityOff.d.ts +2 -0
  115. package/lib/components/DataTableExp/constants.d.ts +3 -0
  116. package/lib/components/DataTableExp/hooks/index.d.ts +6 -0
  117. package/lib/components/DataTableExp/hooks/useCellWidths.d.ts +2 -0
  118. package/lib/components/DataTableExp/hooks/useColumns.d.ts +6 -0
  119. package/lib/components/DataTableExp/hooks/useDragToScroll.d.ts +2 -0
  120. package/lib/components/DataTableExp/hooks/useNested.d.ts +7 -0
  121. package/lib/components/DataTableExp/hooks/useScrollPosition.d.ts +6 -0
  122. package/lib/components/DataTableExp/hooks/useSelection.d.ts +12 -0
  123. package/lib/components/DataTableExp/index.d.ts +1 -0
  124. package/lib/components/DataTableExp/renderers/index.d.ts +5 -0
  125. package/lib/components/DataTableExp/renderers/renderCell.d.ts +10 -0
  126. package/lib/components/DataTableExp/renderers/renderFooter.d.ts +13 -0
  127. package/lib/components/DataTableExp/renderers/renderHeader.d.ts +15 -0
  128. package/lib/components/DataTableExp/renderers/renderLoadingCell.d.ts +9 -0
  129. package/lib/components/DataTableExp/renderers/renderNestedCell.d.ts +10 -0
  130. package/lib/components/DataTableExp/types.d.ts +116 -0
  131. package/lib/components/DataTableExp/utils/GetSortIcon.d.ts +9 -0
  132. package/lib/components/DataTableExp/utils/alignmentToFlex.d.ts +2 -0
  133. package/lib/components/DataTableExp/utils/generateTableCss.d.ts +10 -0
  134. package/lib/components/DataTableExp/utils/getNextSortState.d.ts +7 -0
  135. package/lib/components/DataTableExp/utils/getRowState.d.ts +10 -0
  136. package/lib/components/DataTableExp/utils/index.d.ts +6 -0
  137. package/lib/components/DataTableExp/utils/parseWidth.d.ts +1 -0
  138. package/lib/components/DataTableExp/utils/sumAll.d.ts +2 -0
  139. package/lib/components/DescriptionList/DescriptionList.d.ts +11 -0
  140. package/lib/components/DescriptionList/index.d.ts +1 -0
  141. package/lib/components/DetailPage/DetailPage.d.ts +6 -0
  142. package/lib/components/DetailPage/index.d.ts +1 -0
  143. package/lib/components/DetailPage/styled.d.ts +2 -0
  144. package/lib/components/DimensionsInput/DimensionsInput.d.ts +3 -0
  145. package/lib/components/DimensionsInput/index.d.ts +1 -0
  146. package/lib/components/DimensionsInput/styled.d.ts +27 -0
  147. package/lib/components/DimensionsInput/types.d.ts +15 -0
  148. package/lib/components/FilterTag/FilterTag.d.ts +8 -0
  149. package/lib/components/FilterTag/index.d.ts +1 -0
  150. package/lib/components/FilterTag/styled.d.ts +12 -0
  151. package/lib/components/FilterTag/types.d.ts +14 -0
  152. package/lib/components/Grid/index.d.ts +2 -0
  153. package/lib/components/Grid/types.d.ts +8 -0
  154. package/lib/components/Image/Image.d.ts +20 -0
  155. package/lib/components/Image/components/PlaceholderImage.d.ts +2 -0
  156. package/lib/components/Image/components/styled.d.ts +6 -0
  157. package/lib/components/Image/index.d.ts +1 -0
  158. package/lib/components/Image/types.d.ts +6 -0
  159. package/lib/components/Image/utils.d.ts +2 -0
  160. package/lib/components/InputGroup/index.d.ts +1 -0
  161. package/lib/components/Loader/Grid.d.ts +1 -2
  162. package/lib/components/Loader/TailSpin.d.ts +1 -2
  163. package/lib/components/Loader/ThreeDots.d.ts +1 -2
  164. package/lib/components/LoginWithAmazonButton/LoginWithAmazonButton.d.ts +7 -0
  165. package/lib/components/LoginWithAmazonButton/index.d.ts +1 -0
  166. package/lib/components/LoginWithAmazonButton/styled.d.ts +1 -0
  167. package/lib/components/Modal/Modal.d.ts +3 -0
  168. package/lib/components/Modal/components/Dialog/Dialog.d.ts +8 -0
  169. package/lib/components/Modal/components/Dialog/constants.d.ts +44 -0
  170. package/lib/components/Modal/components/Dialog/styled.d.ts +24 -0
  171. package/lib/components/Modal/components/styled.d.ts +5 -0
  172. package/lib/components/Modal/index.d.ts +1 -0
  173. package/lib/components/Modal/types.d.ts +40 -0
  174. package/lib/components/PageHeader/PageHeader.d.ts +29 -0
  175. package/lib/components/PageHeader/index.d.ts +1 -0
  176. package/lib/components/PageHeader/styled.d.ts +16 -0
  177. package/lib/components/Pagination/Pagination.d.ts +3 -0
  178. package/lib/components/Pagination/components/EndArrow.d.ts +2 -0
  179. package/lib/components/Pagination/components/LeftArrow.d.ts +2 -0
  180. package/lib/components/Pagination/components/RightArrow.d.ts +2 -0
  181. package/lib/components/Pagination/components/StartArrow.d.ts +2 -0
  182. package/lib/components/Pagination/components.d.ts +4 -0
  183. package/lib/components/Pagination/hooks/usePagination.d.ts +13 -0
  184. package/lib/components/Pagination/index.d.ts +1 -0
  185. package/lib/components/Pagination/styled.d.ts +22 -0
  186. package/lib/components/Pagination/types.d.ts +8 -0
  187. package/lib/components/PaginationRange/Items/Item/Item.d.ts +3 -0
  188. package/lib/components/PaginationRange/Items/Item/index.d.ts +1 -0
  189. package/lib/components/PaginationRange/Items/Item/styled.d.ts +3 -0
  190. package/lib/components/PaginationRange/Items/Item/types.d.ts +5 -0
  191. package/lib/components/PaginationRange/Items/Items.d.ts +7 -0
  192. package/lib/components/PaginationRange/Items/index.d.ts +1 -0
  193. package/lib/components/PaginationRange/PaginationRange.d.ts +9 -0
  194. package/lib/components/PaginationRange/index.d.ts +1 -0
  195. package/lib/components/PaginationRange/styled.d.ts +6 -0
  196. package/lib/components/PaginationRange/types.d.ts +15 -0
  197. package/lib/components/Popover/Popover.d.ts +15 -0
  198. package/lib/components/Popover/PopoverDemo.d.ts +3 -0
  199. package/lib/components/Popover/index.d.ts +1 -0
  200. package/lib/components/Portal/Portal.d.ts +20 -0
  201. package/lib/components/Portal/index.d.ts +1 -0
  202. package/lib/components/PriceInput/PriceInput.d.ts +3 -0
  203. package/lib/components/PriceInput/index.d.ts +1 -0
  204. package/lib/components/PriceInput/styled.d.ts +29 -0
  205. package/lib/components/PriceInput/types.d.ts +12 -0
  206. package/lib/components/Radio/Radio.d.ts +12 -0
  207. package/lib/components/Radio/index.d.ts +1 -0
  208. package/lib/components/Radio/styled.d.ts +1 -0
  209. package/lib/components/Search/Search.d.ts +3 -0
  210. package/lib/components/Search/index.d.ts +1 -0
  211. package/lib/components/Search/styled.d.ts +26 -0
  212. package/lib/components/Search/types.d.ts +9 -0
  213. package/lib/components/SegmentedControl/SegmentedControl.d.ts +3 -0
  214. package/lib/components/SegmentedControl/index.d.ts +1 -0
  215. package/lib/components/SegmentedControl/styled.d.ts +1 -0
  216. package/lib/components/SegmentedControl/types.d.ts +13 -0
  217. package/lib/components/Select/Select.d.ts +17 -0
  218. package/lib/components/Select/index.d.ts +1 -0
  219. package/lib/components/Select/styled.d.ts +1 -0
  220. package/lib/components/SimpleTable/SimpleTable.d.ts +15 -0
  221. package/lib/components/SimpleTable/index.d.ts +1 -0
  222. package/lib/components/SimpleTable/styled.d.ts +15 -0
  223. package/lib/components/SimpleTable/types.d.ts +6 -0
  224. package/lib/components/Slider/Slider.d.ts +3 -0
  225. package/lib/components/Slider/index.d.ts +1 -0
  226. package/lib/components/Slider/styled.d.ts +8 -0
  227. package/lib/components/Slider/types.d.ts +26 -0
  228. package/lib/components/Stack/Alignments.d.ts +1 -2
  229. package/lib/components/Stack/Stack.d.ts +1 -2
  230. package/lib/components/Stack/types.d.ts +1 -1
  231. package/lib/components/Stepper/Stepper.d.ts +9 -0
  232. package/lib/components/Stepper/index.d.ts +1 -0
  233. package/lib/components/Stepper/styled.d.ts +5 -0
  234. package/lib/components/Tag/Tag.d.ts +5 -0
  235. package/lib/components/Tag/index.d.ts +1 -0
  236. package/lib/components/Text/Text.d.ts +2 -0
  237. package/lib/components/Text/index.d.ts +1 -0
  238. package/lib/components/Text/textVariants.d.ts +4 -0
  239. package/lib/components/Text/types.d.ts +14 -0
  240. package/lib/components/Text/utils.d.ts +2 -0
  241. package/lib/components/TextField/TextField.d.ts +3 -0
  242. package/lib/components/TextField/index.d.ts +20 -0
  243. package/lib/components/TextField/styled.d.ts +2 -0
  244. package/lib/components/TextField/types.d.ts +26 -0
  245. package/lib/components/ToastsLayout/ToastsLayout.d.ts +3 -0
  246. package/lib/components/ToastsLayout/components/Toast.d.ts +3 -0
  247. package/lib/components/ToastsLayout/components/styled.d.ts +10 -0
  248. package/lib/components/ToastsLayout/index.d.ts +1 -0
  249. package/lib/components/ToastsLayout/types.d.ts +38 -0
  250. package/lib/components/Toggle/Toggle.d.ts +6 -0
  251. package/lib/components/Toggle/index.d.ts +1 -0
  252. package/lib/components/Toggle/styled.d.ts +11 -0
  253. package/lib/components/Toggle/types.d.ts +9 -0
  254. package/lib/components/ToggleButton/ToggleButton.d.ts +9 -0
  255. package/lib/components/ToggleButton/index.d.ts +1 -0
  256. package/lib/components/ToggleButton/styled.d.ts +1 -0
  257. package/lib/components/Tooltip/Tooltip.d.ts +2 -0
  258. package/lib/components/Tooltip/index.d.ts +1 -0
  259. package/lib/components/Tooltip/styled.d.ts +8 -0
  260. package/lib/components/Tooltip/types.d.ts +36 -0
  261. package/lib/components/VideoModal/VideoModal.d.ts +3 -0
  262. package/lib/components/VideoModal/VideoModalDemo.d.ts +2 -0
  263. package/lib/components/VideoModal/components/Popup.d.ts +8 -0
  264. package/lib/components/VideoModal/components/styled.d.ts +7 -0
  265. package/lib/components/VideoModal/index.d.ts +1 -0
  266. package/lib/components/VideoModal/styled.d.ts +4 -0
  267. package/lib/components/VideoModal/types.d.ts +9 -0
  268. package/lib/components/View/View.d.ts +11 -0
  269. package/lib/components/View/index.d.ts +1 -0
  270. package/lib/components/View/styled.d.ts +13 -0
  271. package/lib/components/View/types.d.ts +30 -0
  272. package/lib/components/WeightInput/WeightInput.d.ts +3 -0
  273. package/lib/components/WeightInput/index.d.ts +1 -0
  274. package/lib/components/WeightInput/styled.d.ts +26 -0
  275. package/lib/components/WeightInput/types.d.ts +21 -0
  276. package/lib/components/index.d.ts +50 -0
  277. package/lib/components/types.d.ts +20 -0
  278. package/lib/hoc/index.d.ts +2 -0
  279. package/lib/hoc/withDeprecated.d.ts +2 -0
  280. package/lib/hoc/withLabels/HelpIcon.d.ts +2 -0
  281. package/lib/hoc/withLabels/index.d.ts +1 -0
  282. package/lib/hoc/withLabels/styled.d.ts +5 -0
  283. package/lib/hoc/withLabels/withLabels.d.ts +8 -0
  284. package/lib/hooks/index.d.ts +7 -0
  285. package/lib/hooks/useClickOutside.d.ts +5 -0
  286. package/lib/hooks/useDebounce.d.ts +1 -0
  287. package/lib/hooks/useDropdown.d.ts +6 -0
  288. package/lib/hooks/useFocusVisible.d.ts +11 -0
  289. package/lib/hooks/useHover.d.ts +1 -0
  290. package/lib/hooks/useIsOverflowing.d.ts +9 -0
  291. package/lib/hooks/useTabs.d.ts +6 -0
  292. package/lib/index.d.ts +1200 -18
  293. package/lib/index.esm.js +1 -1
  294. package/lib/index.esm.js.map +1 -1
  295. package/lib/index.js +1 -1
  296. package/lib/index.js.map +1 -1
  297. package/lib/tempIcons/ArrowDownIcon.d.ts +2 -0
  298. package/lib/tempIcons/ArrowUpIcon.d.ts +2 -0
  299. package/lib/tempIcons/AttentionIcon.d.ts +2 -0
  300. package/lib/tempIcons/CalendarIcon.d.ts +2 -0
  301. package/lib/tempIcons/ClipboardIcon.d.ts +2 -0
  302. package/lib/tempIcons/CrossIcon.d.ts +2 -0
  303. package/lib/tempIcons/DoubleArrowAscIcon.d.ts +2 -0
  304. package/lib/tempIcons/DoubleArrowDescIcon.d.ts +2 -0
  305. package/lib/tempIcons/DoubleArrowIcon.d.ts +2 -0
  306. package/lib/tempIcons/DoubleArrowIconIcon.d.ts +2 -0
  307. package/lib/tempIcons/DownArrowIcon.d.ts +2 -0
  308. package/lib/tempIcons/DropdownIcon.d.ts +2 -0
  309. package/lib/tempIcons/EditIcon.d.ts +2 -0
  310. package/lib/tempIcons/EndArrowIcon.d.ts +2 -0
  311. package/lib/tempIcons/FailIcon.d.ts +2 -0
  312. package/lib/tempIcons/HelpIcon.d.ts +2 -0
  313. package/lib/tempIcons/InfoIcon.d.ts +2 -0
  314. package/lib/tempIcons/LeftArrowIcon.d.ts +2 -0
  315. package/lib/tempIcons/MergeIcon.d.ts +2 -0
  316. package/lib/tempIcons/MoreHorizIcon.d.ts +2 -0
  317. package/lib/tempIcons/ReorderIcon.d.ts +2 -0
  318. package/lib/tempIcons/RightArrowIcon.d.ts +2 -0
  319. package/lib/tempIcons/SearchIcon.d.ts +2 -0
  320. package/lib/tempIcons/StartArrowIcon.d.ts +2 -0
  321. package/lib/tempIcons/SuccessIcon.d.ts +2 -0
  322. package/lib/tempIcons/UpArrowIcon.d.ts +2 -0
  323. package/lib/tempIcons/VisibilityIcon.d.ts +2 -0
  324. package/lib/tempIcons/VisibilityOffIcon.d.ts +2 -0
  325. package/lib/theme/index.d.ts +2 -2
  326. package/lib/theme/modules/shadows.d.ts +1 -1
  327. package/lib/theme/utils/buildClassnames.d.ts +1 -0
  328. package/lib/theme/utils/color.d.ts +13 -0
  329. package/lib/theme/utils/generateId.d.ts +1 -0
  330. package/lib/theme/utils/index.d.ts +3 -0
  331. package/lib/theme/utils/paginationList.d.ts +4 -0
  332. package/lib/theme/utils/setupIntersectionObserverMock.d.ts +18 -0
  333. package/lib/utils/buildClassnames.d.ts +1 -0
  334. package/lib/utils/color.d.ts +13 -0
  335. package/lib/utils/generateId.d.ts +1 -0
  336. package/lib/utils/index.d.ts +3 -0
  337. package/lib/utils/paginationList.d.ts +4 -0
  338. package/lib/utils/setupIntersectionObserverMock.d.ts +18 -0
  339. package/lib/utils/toMap.d.ts +5 -0
  340. package/package.json +68 -14
  341. package/setupJestMock.js +5 -0
  342. package/setupTests.js +6 -0
  343. package/src/components/Accordion/Accordion.stories.mdx +41 -0
  344. package/src/components/Accordion/Accordion.stories.tsx +29 -0
  345. package/src/components/Accordion/Accordion.test.tsx +34 -0
  346. package/src/components/Accordion/Accordion.tsx +62 -0
  347. package/src/components/Accordion/__snapshots__/Accordion.test.tsx.snap +152 -0
  348. package/src/components/Accordion/index.ts +1 -0
  349. package/src/components/Accordion/styled.ts +102 -0
  350. package/src/components/ActionList/ActionList.stories.tsx +23 -0
  351. package/src/components/ActionList/ActionList.test.tsx +39 -0
  352. package/src/components/ActionList/ActionList.tsx +72 -0
  353. package/src/components/ActionList/__snapshots__/ActionList.test.tsx.snap +247 -0
  354. package/src/components/ActionList/index.ts +1 -0
  355. package/src/components/ActionList/styled.ts +62 -0
  356. package/src/components/ActionList/types.ts +22 -0
  357. package/src/components/Anchor/Anchor.stories.tsx +35 -0
  358. package/src/components/Anchor/Anchor.test.tsx +10 -0
  359. package/src/components/Anchor/Anchor.tsx +17 -0
  360. package/src/components/Anchor/__snapshots__/Anchor.test.tsx.snap +34 -0
  361. package/src/components/Anchor/index.ts +1 -0
  362. package/src/components/Anchor/styled.ts +22 -0
  363. package/src/components/AnimatedDropdown/AnimatedDropdown.stories.tsx +44 -0
  364. package/src/components/AnimatedDropdown/AnimatedDropdown.test.tsx +14 -0
  365. package/src/components/AnimatedDropdown/AnimatedDropdown.tsx +54 -0
  366. package/src/components/AnimatedDropdown/__snapshots__/AnimatedDropdown.test.tsx.snap +117 -0
  367. package/src/components/AnimatedDropdown/components/BasicDropdown.test.tsx +14 -0
  368. package/src/components/AnimatedDropdown/components/BasicDropdown.tsx +17 -0
  369. package/src/components/AnimatedDropdown/components/__snapshots__/BasicDropdown.test.tsx.snap +31 -0
  370. package/src/components/AnimatedDropdown/components/styled.ts +11 -0
  371. package/src/components/AnimatedDropdown/index.ts +1 -0
  372. package/src/components/AnimatedDropdown/styled.ts +51 -0
  373. package/src/components/AnimatedDropdown/types.ts +16 -0
  374. package/src/components/Avatar/Avatar.stories.tsx +30 -0
  375. package/src/components/Avatar/Avatar.test.tsx +10 -0
  376. package/src/components/Avatar/Avatar.tsx +23 -0
  377. package/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap +47 -0
  378. package/src/components/Avatar/index.ts +1 -0
  379. package/src/components/Avatar/styled.ts +24 -0
  380. package/src/components/Avatar/types.ts +12 -0
  381. package/src/components/Badge/Badge.stories.tsx +29 -0
  382. package/src/components/Badge/Badge.test.tsx +15 -0
  383. package/src/components/Badge/Badge.tsx +33 -0
  384. package/src/components/Badge/__snapshots__/Badge.test.tsx.snap +78 -0
  385. package/src/components/Badge/index.ts +1 -0
  386. package/src/components/Badge/styled.ts +50 -0
  387. package/src/components/Badge/types.ts +43 -0
  388. package/src/components/Banner/Banner.stories.tsx +30 -0
  389. package/src/components/Banner/Banner.test.tsx +10 -0
  390. package/src/components/Banner/Banner.tsx +45 -0
  391. package/src/components/Banner/__snapshots__/Banner.test.tsx.snap +124 -0
  392. package/src/components/Banner/index.ts +1 -0
  393. package/src/components/Banner/styled.ts +49 -0
  394. package/src/components/Banner/types.ts +23 -0
  395. package/src/components/BaseContainer/BaseContainer.test.tsx +10 -0
  396. package/src/components/BaseContainer/BaseContainer.ts +8 -0
  397. package/src/components/BaseContainer/__snapshots__/BaseContainer.test.tsx.snap +18 -0
  398. package/src/components/BaseContainer/index.ts +1 -0
  399. package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +43 -0
  400. package/src/components/Breadcrumbs/Breadcrumbs.test.tsx +21 -0
  401. package/src/components/Breadcrumbs/Breadcrumbs.tsx +31 -0
  402. package/src/components/Breadcrumbs/__snapshots__/Breadcrumbs.test.tsx.snap +91 -0
  403. package/src/components/Breadcrumbs/components/Breadcrumb.tsx +20 -0
  404. package/src/components/Breadcrumbs/components/styled.ts +31 -0
  405. package/src/components/Breadcrumbs/index.ts +1 -0
  406. package/src/components/Breadcrumbs/types.ts +23 -0
  407. package/src/components/Button/Button.stories.tsx +111 -0
  408. package/src/components/Button/Button.test.tsx +101 -0
  409. package/src/components/Button/Button.tsx +82 -0
  410. package/src/components/Button/Docs.mdx +19 -0
  411. package/src/components/Button/__snapshots__/Button.test.tsx.snap +1570 -0
  412. package/src/components/Button/components/styled.ts +271 -0
  413. package/src/components/Button/index.ts +1 -0
  414. package/src/components/Button/types.ts +27 -0
  415. package/src/components/Card/Card.stories.tsx +85 -0
  416. package/src/components/Card/Card.test.tsx +26 -0
  417. package/src/components/Card/Card.tsx +88 -0
  418. package/src/components/Card/Docs.mdx +134 -0
  419. package/src/components/Card/__snapshots__/Card.test.tsx.snap +390 -0
  420. package/src/components/Card/index.ts +1 -0
  421. package/src/components/Card/styled.ts +93 -0
  422. package/src/components/CardHeader/CardHeader.stories.tsx +38 -0
  423. package/src/components/CardHeader/CardHeader.test.tsx +12 -0
  424. package/src/components/CardHeader/CardHeader.tsx +63 -0
  425. package/src/components/CardHeader/__snapshots__/CardHeader.test.tsx.snap +218 -0
  426. package/src/components/CardHeader/index.ts +1 -0
  427. package/src/components/CardHeader/styled.ts +30 -0
  428. package/src/components/Checkbox/Checkbox.stories.tsx +64 -0
  429. package/src/components/Checkbox/Checkbox.test.tsx +57 -0
  430. package/src/components/Checkbox/Checkbox.tsx +62 -0
  431. package/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap +129 -0
  432. package/src/components/Checkbox/index.ts +1 -0
  433. package/src/components/Checkbox/styled.ts +67 -0
  434. package/src/components/Choice/Choice.tsx +89 -0
  435. package/src/components/Choice/components/styled.ts +98 -0
  436. package/src/components/Choice/index.ts +1 -0
  437. package/src/components/ChoiceList/ChoiceList.stories.tsx +23 -0
  438. package/src/components/ChoiceList/ChoiceList.test.tsx +39 -0
  439. package/src/components/ChoiceList/ChoiceList.tsx +86 -0
  440. package/src/components/ChoiceList/__snapshots__/ChoiceList.test.tsx.snap +352 -0
  441. package/src/components/ChoiceList/index.ts +1 -0
  442. package/src/components/ChoiceList/styled.ts +23 -0
  443. package/src/components/CopyToClipboard/CopyToClipboard.stories.tsx +18 -0
  444. package/src/components/CopyToClipboard/CopyToClipboard.test.tsx +10 -0
  445. package/src/components/CopyToClipboard/CopyToClipboard.tsx +53 -0
  446. package/src/components/CopyToClipboard/__snapshots__/CopyToClipboard.test.tsx.snap +129 -0
  447. package/src/components/CopyToClipboard/index.ts +1 -0
  448. package/src/components/DataTable/DataTable.stories.tsx +99 -0
  449. package/src/components/DataTable/DataTable.test.tsx +104 -0
  450. package/src/components/DataTable/DataTable.tsx +634 -0
  451. package/src/components/DataTable/DataTableDocs.mdx +625 -0
  452. package/src/components/DataTable/SkeletonContent/SkeletonContent.tsx +46 -0
  453. package/src/components/DataTable/SkeletonContent/index.ts +1 -0
  454. package/src/components/DataTable/SpecificState/SpecificState.tsx +17 -0
  455. package/src/components/DataTable/SpecificState/index.ts +1 -0
  456. package/src/components/DataTable/SpecificState/styled.ts +42 -0
  457. package/src/components/DataTable/StickyHeader.tsx +64 -0
  458. package/src/components/DataTable/__snapshots__/DataTable.test.tsx.snap +439 -0
  459. package/src/components/DataTable/cells/ClickableCell.tsx +21 -0
  460. package/src/components/DataTable/cells/EditableCell.tsx +22 -0
  461. package/src/components/DataTable/cells/SkeletonCell.tsx +17 -0
  462. package/src/components/DataTable/cells/SkeletonHeaderCell.tsx +20 -0
  463. package/src/components/DataTable/cells/index.ts +3 -0
  464. package/src/components/DataTable/cells/styled.ts +25 -0
  465. package/src/components/DataTable/index.ts +1 -0
  466. package/src/components/DataTable/styled.ts +291 -0
  467. package/src/components/DataTable/utils/constants.tsx +25 -0
  468. package/src/components/DataTable/utils/hooks.ts +38 -0
  469. package/src/components/DataTable/utils/index.ts +23 -0
  470. package/src/components/DataTable/utils/types.ts +117 -0
  471. package/src/components/DataTableExp/DataTable.test.tsx +214 -0
  472. package/src/components/DataTableExp/DataTable.tsx +291 -0
  473. package/src/components/DataTableExp/DataTableExp.stories.tsx +329 -0
  474. package/src/components/DataTableExp/Docs.mdx +74 -0
  475. package/src/components/DataTableExp/components/ActionBar.tsx +87 -0
  476. package/src/components/DataTableExp/components/Cell.ts +41 -0
  477. package/src/components/DataTableExp/components/ColumnHeader.tsx +52 -0
  478. package/src/components/DataTableExp/components/ColumnMenu.tsx +96 -0
  479. package/src/components/DataTableExp/components/EmptyBodyContent.ts +23 -0
  480. package/src/components/DataTableExp/components/Header.ts +20 -0
  481. package/src/components/DataTableExp/components/LoadingCellContent.ts +39 -0
  482. package/src/components/DataTableExp/components/NoWrap.ts +5 -0
  483. package/src/components/DataTableExp/components/Row.ts +39 -0
  484. package/src/components/DataTableExp/components/ScrollContainer.ts +8 -0
  485. package/src/components/DataTableExp/components/SelectionCell.tsx +36 -0
  486. package/src/components/DataTableExp/components/SelectionHeader.tsx +20 -0
  487. package/src/components/DataTableExp/components/StickyHead.tsx +134 -0
  488. package/src/components/DataTableExp/components/TableGrid.ts +28 -0
  489. package/src/components/DataTableExp/components/Truncate.ts +7 -0
  490. package/src/components/DataTableExp/components/Wrapper.ts +26 -0
  491. package/src/components/DataTableExp/constants.ts +4 -0
  492. package/src/components/DataTableExp/hooks/index.tsx +6 -0
  493. package/src/components/DataTableExp/hooks/useCellWidths.ts +34 -0
  494. package/src/components/DataTableExp/hooks/useColumns.ts +14 -0
  495. package/src/components/DataTableExp/hooks/useDragToScroll.ts +48 -0
  496. package/src/components/DataTableExp/hooks/useNested.ts +31 -0
  497. package/src/components/DataTableExp/hooks/useScrollPosition.ts +45 -0
  498. package/src/components/DataTableExp/hooks/useSelection.tsx +92 -0
  499. package/src/components/DataTableExp/index.tsx +1 -0
  500. package/src/components/DataTableExp/renderers/index.tsx +5 -0
  501. package/src/components/DataTableExp/renderers/renderCell.ts +31 -0
  502. package/src/components/DataTableExp/renderers/renderFooter.tsx +33 -0
  503. package/src/components/DataTableExp/renderers/renderHeader.tsx +83 -0
  504. package/src/components/DataTableExp/renderers/renderLoadingCell.tsx +29 -0
  505. package/src/components/DataTableExp/renderers/renderNestedCell.tsx +33 -0
  506. package/src/components/DataTableExp/types.ts +168 -0
  507. package/src/components/DataTableExp/utils/GetSortIcon.tsx +24 -0
  508. package/src/components/DataTableExp/utils/alignmentToFlex.ts +14 -0
  509. package/src/components/DataTableExp/utils/generateTableCss.ts +114 -0
  510. package/src/components/DataTableExp/utils/getNextSortState.ts +18 -0
  511. package/src/components/DataTableExp/utils/getRowState.test.ts +33 -0
  512. package/src/components/DataTableExp/utils/getRowState.ts +17 -0
  513. package/src/components/DataTableExp/utils/index.ts +6 -0
  514. package/src/components/DataTableExp/utils/parseWidth.ts +12 -0
  515. package/src/components/DataTableExp/utils/sumAll.ts +7 -0
  516. package/src/components/DescriptionList/DescriptionList.stories.tsx +24 -0
  517. package/src/components/DescriptionList/DescriptionList.test.tsx +16 -0
  518. package/src/components/DescriptionList/DescriptionList.tsx +90 -0
  519. package/src/components/DescriptionList/__snapshots__/DescriptionList.test.tsx.snap +86 -0
  520. package/src/components/DescriptionList/index.ts +1 -0
  521. package/src/components/DetailPage/DetailPage.stories.tsx +45 -0
  522. package/src/components/DetailPage/DetailPage.test.tsx +15 -0
  523. package/src/components/DetailPage/DetailPage.tsx +23 -0
  524. package/src/components/DetailPage/__snapshots__/DetailPage.test.tsx.snap +52 -0
  525. package/src/components/DetailPage/index.ts +1 -0
  526. package/src/components/DetailPage/styled.ts +27 -0
  527. package/src/components/DimensionsInput/DimensionsInput.stories.tsx +33 -0
  528. package/src/components/DimensionsInput/DimensionsInput.test.tsx +98 -0
  529. package/src/components/DimensionsInput/DimensionsInput.tsx +63 -0
  530. package/src/components/DimensionsInput/__snapshots__/DimensionsInput.test.tsx.snap +303 -0
  531. package/src/components/DimensionsInput/index.ts +1 -0
  532. package/src/components/DimensionsInput/styled.ts +66 -0
  533. package/src/components/DimensionsInput/types.ts +16 -0
  534. package/src/components/FilterTag/FilterTag.stories.tsx +32 -0
  535. package/src/components/FilterTag/FilterTag.test.tsx +10 -0
  536. package/src/components/FilterTag/FilterTag.tsx +111 -0
  537. package/src/components/FilterTag/__snapshots__/FilterTag.test.tsx.snap +117 -0
  538. package/src/components/FilterTag/index.ts +1 -0
  539. package/src/components/FilterTag/styled.ts +77 -0
  540. package/src/components/FilterTag/types.ts +15 -0
  541. package/src/components/Grid/Grid.stories.mdx +34 -0
  542. package/src/components/Grid/Grid.test.tsx +14 -0
  543. package/src/components/Grid/__snapshots__/Grid.test.tsx.snap +32 -0
  544. package/src/components/Grid/index.ts +12 -0
  545. package/src/components/Grid/types.ts +10 -0
  546. package/src/components/Image/Image.stories.tsx +20 -0
  547. package/src/components/Image/Image.test.tsx +10 -0
  548. package/src/components/Image/Image.tsx +122 -0
  549. package/src/components/Image/__snapshots__/Image.test.tsx.snap +34 -0
  550. package/src/components/Image/components/PlaceholderImage.tsx +19 -0
  551. package/src/components/Image/components/styled.ts +17 -0
  552. package/src/components/Image/index.ts +1 -0
  553. package/src/components/Image/types.ts +6 -0
  554. package/src/components/Image/utils.ts +8 -0
  555. package/src/components/InputGroup/InputGroup.stories.tsx +33 -0
  556. package/src/components/InputGroup/InputGroup.test.tsx +15 -0
  557. package/src/components/InputGroup/__snapshots__/InputGroup.test.tsx.snap +182 -0
  558. package/src/components/InputGroup/index.ts +46 -0
  559. package/src/components/Loader/Docs.mdx +1 -1
  560. package/src/components/Loader/Grid.tsx +1 -3
  561. package/src/components/Loader/Loader.stories.tsx +1 -1
  562. package/src/components/Loader/Loader.test.tsx +14 -0
  563. package/src/components/Loader/Loader.tsx +5 -5
  564. package/src/components/Loader/TailSpin.tsx +1 -3
  565. package/src/components/Loader/ThreeDots.tsx +1 -3
  566. package/src/components/Loader/__snapshots__/Loader.test.tsx.snap +315 -13
  567. package/src/components/LoginWithAmazonButton/LoginWithAmazonButton.stories.tsx +14 -0
  568. package/src/components/LoginWithAmazonButton/LoginWithAmazonButton.test.tsx +19 -0
  569. package/src/components/LoginWithAmazonButton/LoginWithAmazonButton.tsx +38 -0
  570. package/src/components/LoginWithAmazonButton/index.tsx +1 -0
  571. package/src/components/LoginWithAmazonButton/styled.ts +14 -0
  572. package/src/components/Modal/Modal.stories.tsx +455 -0
  573. package/src/components/Modal/Modal.test.tsx +211 -0
  574. package/src/components/Modal/Modal.tsx +110 -0
  575. package/src/components/Modal/__snapshots__/Modal.test.tsx.snap +1940 -0
  576. package/src/components/Modal/components/Dialog/Dialog.tsx +11 -0
  577. package/src/components/Modal/components/Dialog/constants.ts +48 -0
  578. package/src/components/Modal/components/Dialog/styled.ts +104 -0
  579. package/src/components/Modal/components/styled.ts +24 -0
  580. package/src/components/Modal/index.tsx +1 -0
  581. package/src/components/Modal/types.ts +61 -0
  582. package/src/components/PageHeader/PageHeader.test.tsx +40 -0
  583. package/src/components/PageHeader/PageHeader.tsx +119 -0
  584. package/src/components/PageHeader/PageHeaderDocs.mdx +69 -0
  585. package/src/components/PageHeader/__snapshots__/PageHeader.test.tsx.snap +906 -0
  586. package/src/components/PageHeader/index.ts +1 -0
  587. package/src/components/PageHeader/styled.ts +81 -0
  588. package/src/components/Pagination/Docs.mdx +61 -0
  589. package/src/components/Pagination/Pagination.stories.tsx +27 -0
  590. package/src/components/Pagination/Pagination.test.tsx +102 -0
  591. package/src/components/Pagination/Pagination.tsx +105 -0
  592. package/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap +395 -0
  593. package/src/components/Pagination/components.tsx +16 -0
  594. package/src/components/Pagination/hooks/usePagination.ts +88 -0
  595. package/src/components/Pagination/index.ts +1 -0
  596. package/src/components/Pagination/styled.ts +31 -0
  597. package/src/components/Pagination/types.ts +9 -0
  598. package/src/components/PaginationRange/Items/Item/Item.tsx +14 -0
  599. package/src/components/PaginationRange/Items/Item/index.ts +1 -0
  600. package/src/components/PaginationRange/Items/Item/styled.ts +26 -0
  601. package/src/components/PaginationRange/Items/Item/types.ts +6 -0
  602. package/src/components/PaginationRange/Items/Items.tsx +27 -0
  603. package/src/components/PaginationRange/Items/index.ts +1 -0
  604. package/src/components/PaginationRange/PaginationRange.stories.tsx +14 -0
  605. package/src/components/PaginationRange/PaginationRange.test.tsx +10 -0
  606. package/src/components/PaginationRange/PaginationRange.tsx +69 -0
  607. package/src/components/PaginationRange/__snapshots__/PaginationRange.test.tsx.snap +155 -0
  608. package/src/components/PaginationRange/index.ts +1 -0
  609. package/src/components/PaginationRange/styled.ts +39 -0
  610. package/src/components/PaginationRange/types.ts +17 -0
  611. package/src/components/Popover/Popover.test.tsx +87 -0
  612. package/src/components/Popover/Popover.tsx +82 -0
  613. package/src/components/Popover/PopoverDemo.tsx +53 -0
  614. package/src/components/Popover/PopoverDocs.mdx +64 -0
  615. package/src/components/Popover/__snapshots__/Popover.test.tsx.snap +35 -0
  616. package/src/components/Popover/index.ts +1 -0
  617. package/src/components/Portal/Portal.stories.tsx +18 -0
  618. package/src/components/Portal/Portal.tsx +62 -0
  619. package/src/components/Portal/index.ts +1 -0
  620. package/src/components/PriceInput/PriceInput.stories.tsx +36 -0
  621. package/src/components/PriceInput/PriceInput.test.tsx +22 -0
  622. package/src/components/PriceInput/PriceInput.tsx +101 -0
  623. package/src/components/PriceInput/index.tsx +1 -0
  624. package/src/components/PriceInput/styled.ts +116 -0
  625. package/src/components/PriceInput/types.ts +13 -0
  626. package/src/components/Radio/Radio.stories.tsx +57 -0
  627. package/src/components/Radio/Radio.test.tsx +8 -0
  628. package/src/components/Radio/Radio.tsx +39 -0
  629. package/src/components/Radio/__snapshots__/Radio.test.tsx.snap +128 -0
  630. package/src/components/Radio/index.ts +1 -0
  631. package/src/components/Radio/styled.ts +58 -0
  632. package/src/components/Search/Search.stories.mdx +23 -0
  633. package/src/components/Search/Search.stories.tsx +31 -0
  634. package/src/components/Search/Search.test.tsx +12 -0
  635. package/src/components/Search/Search.tsx +87 -0
  636. package/src/components/Search/__snapshots__/Search.test.tsx.snap +162 -0
  637. package/src/components/Search/index.ts +1 -0
  638. package/src/components/Search/styled.ts +46 -0
  639. package/src/components/Search/types.ts +10 -0
  640. package/src/components/SegmentedControl/SegmentedControl.stories.tsx +43 -0
  641. package/src/components/SegmentedControl/SegmentedControl.test.tsx +67 -0
  642. package/src/components/SegmentedControl/SegmentedControl.tsx +27 -0
  643. package/src/components/SegmentedControl/__snapshots__/SegmentedControl.test.tsx.snap +825 -0
  644. package/src/components/SegmentedControl/index.ts +1 -0
  645. package/src/components/SegmentedControl/styled.ts +50 -0
  646. package/src/components/SegmentedControl/types.ts +13 -0
  647. package/src/components/Select/Select.stories.tsx +37 -0
  648. package/src/components/Select/Select.test.tsx +37 -0
  649. package/src/components/Select/Select.tsx +58 -0
  650. package/src/components/Select/__snapshots__/Select.test.tsx.snap +199 -0
  651. package/src/components/Select/index.ts +1 -0
  652. package/src/components/Select/styled.ts +53 -0
  653. package/src/components/SimpleTable/SimpleTable.stories.tsx +60 -0
  654. package/src/components/SimpleTable/SimpleTable.test.tsx +28 -0
  655. package/src/components/SimpleTable/SimpleTable.tsx +18 -0
  656. package/src/components/SimpleTable/__snapshots__/SimpleTable.test.tsx.snap +87 -0
  657. package/src/components/SimpleTable/index.ts +1 -0
  658. package/src/components/SimpleTable/styled.ts +68 -0
  659. package/src/components/SimpleTable/types.ts +7 -0
  660. package/src/components/Slider/Select.stories.tsx +43 -0
  661. package/src/components/Slider/Slider.test.tsx +19 -0
  662. package/src/components/Slider/Slider.tsx +197 -0
  663. package/src/components/Slider/__snapshots__/Slider.test.tsx.snap +109 -0
  664. package/src/components/Slider/index.ts +1 -0
  665. package/src/components/Slider/styled.ts +53 -0
  666. package/src/components/Slider/types.ts +30 -0
  667. package/src/components/Stack/Alignments.ts +1 -3
  668. package/src/components/Stack/Stack.test.tsx +46 -0
  669. package/src/components/Stack/Stack.tsx +1 -2
  670. package/src/components/Stack/__snapshots__/Stack.test.tsx.snap +240 -10
  671. package/src/components/Stack/types.ts +1 -1
  672. package/src/components/Stepper/Stepper.stories.tsx +14 -0
  673. package/src/components/Stepper/Stepper.test.tsx +8 -0
  674. package/src/components/Stepper/Stepper.tsx +33 -0
  675. package/src/components/Stepper/__snapshots__/Stepper.test.tsx.snap +142 -0
  676. package/src/components/Stepper/index.ts +1 -0
  677. package/src/components/Stepper/styled.ts +83 -0
  678. package/src/components/Tag/Tag.stories.tsx +43 -0
  679. package/src/components/Tag/Tag.test.tsx +18 -0
  680. package/src/components/Tag/Tag.ts +23 -0
  681. package/src/components/Tag/__snapshots__/Tag.test.tsx.snap +78 -0
  682. package/src/components/Tag/index.ts +1 -0
  683. package/src/components/Text/Docs.mdx +112 -0
  684. package/src/components/Text/Text.stories.tsx +27 -0
  685. package/src/components/Text/Text.test.tsx +38 -0
  686. package/src/components/Text/Text.ts +44 -0
  687. package/src/components/Text/__snapshots__/Text.test.tsx.snap +1158 -0
  688. package/src/components/Text/index.ts +1 -0
  689. package/src/components/Text/textVariants.ts +41 -0
  690. package/src/components/Text/types.ts +33 -0
  691. package/src/components/Text/utils.ts +23 -0
  692. package/src/components/TextField/Docs.mdx +14 -0
  693. package/src/components/TextField/TextField.stories.tsx +38 -0
  694. package/src/components/TextField/TextField.test.tsx +27 -0
  695. package/src/components/TextField/TextField.tsx +92 -0
  696. package/src/components/TextField/__snapshots__/TextField.test.tsx.snap +205 -0
  697. package/src/components/TextField/index.ts +4 -0
  698. package/src/components/TextField/styled.ts +95 -0
  699. package/src/components/TextField/types.ts +41 -0
  700. package/src/components/ToastsLayout/ToastsLayout.stories.tsx +88 -0
  701. package/src/components/ToastsLayout/ToastsLayout.tsx +39 -0
  702. package/src/components/ToastsLayout/components/Toast.tsx +78 -0
  703. package/src/components/ToastsLayout/components/styled.ts +76 -0
  704. package/src/components/ToastsLayout/index.ts +1 -0
  705. package/src/components/ToastsLayout/types.ts +41 -0
  706. package/src/components/Toggle/Toggle.stories.tsx +41 -0
  707. package/src/components/Toggle/Toggle.test.tsx +57 -0
  708. package/src/components/Toggle/Toggle.tsx +31 -0
  709. package/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap +219 -0
  710. package/src/components/Toggle/index.ts +1 -0
  711. package/src/components/Toggle/styled.ts +84 -0
  712. package/src/components/Toggle/types.ts +10 -0
  713. package/src/components/ToggleButton/ToggleButton.stories.tsx +19 -0
  714. package/src/components/ToggleButton/ToggleButton.test.tsx +12 -0
  715. package/src/components/ToggleButton/ToggleButton.tsx +31 -0
  716. package/src/components/ToggleButton/__snapshots__/ToggleButton.test.tsx.snap +83 -0
  717. package/src/components/ToggleButton/index.ts +1 -0
  718. package/src/components/ToggleButton/styled.ts +92 -0
  719. package/src/components/Tooltip/Docs.mdx +14 -0
  720. package/src/components/Tooltip/Tooltip.stories.tsx +26 -0
  721. package/src/components/Tooltip/Tooltip.test.tsx +25 -0
  722. package/src/components/Tooltip/Tooltip.tsx +95 -0
  723. package/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap +17 -0
  724. package/src/components/Tooltip/index.ts +1 -0
  725. package/src/components/Tooltip/styled.ts +74 -0
  726. package/src/components/Tooltip/types.ts +44 -0
  727. package/src/components/VideoModal/VideoModal.stories.tsx +36 -0
  728. package/src/components/VideoModal/VideoModal.test.tsx +36 -0
  729. package/src/components/VideoModal/VideoModal.tsx +40 -0
  730. package/src/components/VideoModal/VideoModalDemo.tsx +19 -0
  731. package/src/components/VideoModal/__snapshots__/VideoModal.test.tsx.snap +165 -0
  732. package/src/components/VideoModal/components/Popup.tsx +44 -0
  733. package/src/components/VideoModal/components/styled.ts +34 -0
  734. package/src/components/VideoModal/index.ts +1 -0
  735. package/src/components/VideoModal/styled.ts +24 -0
  736. package/src/components/VideoModal/types.ts +9 -0
  737. package/src/components/View/View.stories.tsx +26 -0
  738. package/src/components/View/View.test.tsx +10 -0
  739. package/src/components/View/View.tsx +120 -0
  740. package/src/components/View/__snapshots__/View.test.tsx.snap +80 -0
  741. package/src/components/View/index.ts +1 -0
  742. package/src/components/View/styled.ts +82 -0
  743. package/src/components/View/types.ts +42 -0
  744. package/src/components/WeightInput/WeightInput.stories.tsx +26 -0
  745. package/src/components/WeightInput/WeightInput.test.tsx +11 -0
  746. package/src/components/WeightInput/WeightInput.tsx +66 -0
  747. package/src/components/WeightInput/__snapshots__/WeightInput.test.tsx.snap +272 -0
  748. package/src/components/WeightInput/index.ts +1 -0
  749. package/src/components/WeightInput/styled.ts +39 -0
  750. package/src/components/WeightInput/types.ts +31 -0
  751. package/src/components/index.ts +50 -0
  752. package/src/components/types.ts +23 -0
  753. package/src/hoc/index.ts +2 -0
  754. package/src/hoc/withDeprecated.tsx +11 -0
  755. package/src/hoc/withLabels/index.ts +1 -0
  756. package/src/hoc/withLabels/styled.ts +54 -0
  757. package/src/hoc/withLabels/withLabels.tsx +46 -0
  758. package/src/hooks/index.ts +7 -0
  759. package/src/hooks/useClickOutside.ts +40 -0
  760. package/src/hooks/useDebounce.ts +15 -0
  761. package/src/hooks/useDropdown.ts +22 -0
  762. package/src/hooks/useFocusVisible.tsx +157 -0
  763. package/src/hooks/useHover.ts +9 -0
  764. package/src/hooks/useIsOverflowing.ts +32 -0
  765. package/src/hooks/useTabs.ts +24 -0
  766. package/src/index.ts +3 -0
  767. package/src/tempIcons/ArrowDownIcon.tsx +12 -0
  768. package/src/tempIcons/ArrowUpIcon.tsx +12 -0
  769. package/src/tempIcons/AttentionIcon.tsx +12 -0
  770. package/src/tempIcons/CalendarIcon.tsx +12 -0
  771. package/src/tempIcons/ClipboardIcon.tsx +10 -0
  772. package/src/tempIcons/CrossIcon.tsx +20 -0
  773. package/src/tempIcons/DoubleArrowAscIcon.tsx +8 -0
  774. package/src/tempIcons/DoubleArrowDescIcon.tsx +8 -0
  775. package/src/tempIcons/DoubleArrowIcon.tsx +8 -0
  776. package/src/tempIcons/DoubleArrowIconIcon.tsx +8 -0
  777. package/src/tempIcons/DownArrowIcon.tsx +20 -0
  778. package/src/tempIcons/DropdownIcon.tsx +14 -0
  779. package/src/tempIcons/EditIcon.tsx +12 -0
  780. package/src/tempIcons/EndArrowIcon.tsx +18 -0
  781. package/src/tempIcons/FailIcon.tsx +12 -0
  782. package/src/tempIcons/HelpIcon.tsx +12 -0
  783. package/src/tempIcons/InfoIcon.tsx +14 -0
  784. package/src/tempIcons/LeftArrowIcon.tsx +12 -0
  785. package/src/tempIcons/MergeIcon.tsx +12 -0
  786. package/src/tempIcons/MoreHorizIcon.tsx +10 -0
  787. package/src/tempIcons/ReorderIcon.tsx +10 -0
  788. package/src/tempIcons/RightArrowIcon.tsx +12 -0
  789. package/src/tempIcons/SearchIcon.tsx +12 -0
  790. package/src/tempIcons/StartArrowIcon.tsx +16 -0
  791. package/src/tempIcons/SuccessIcon.tsx +12 -0
  792. package/src/tempIcons/UpArrowIcon.tsx +20 -0
  793. package/src/tempIcons/VisibilityIcon.tsx +10 -0
  794. package/src/tempIcons/VisibilityOffIcon.tsx +10 -0
  795. package/src/theme/index.ts +2 -2
  796. package/src/theme/modules/shadows.ts +1 -1
  797. package/src/utils/buildClassnames.ts +2 -0
  798. package/src/utils/color.ts +27 -0
  799. package/src/utils/generateId.ts +4 -0
  800. package/src/utils/index.ts +3 -0
  801. package/src/utils/paginationList.ts +6 -0
  802. package/src/utils/setupIntersectionObserverMock.ts +46 -0
package/lib/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var e,t=require("react"),n=require("styled-components"),a=function(e){var n=e.width,a=e.height,i=e.className,l=e.color,o=e.label;return t.createElement("svg",{width:n,height:a,className:i,viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg","aria-label":o},t.createElement("defs",null,t.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},t.createElement("stop",{stopColor:l,stopOpacity:"0",offset:"0%"}),t.createElement("stop",{stopColor:l,stopOpacity:".631",offset:"63.146%"}),t.createElement("stop",{stopColor:l,offset:"100%"}))),t.createElement("g",{fill:"none",fillRule:"evenodd"},t.createElement("g",{transform:"translate(1 1)"},t.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:l,strokeWidth:"2"},t.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),t.createElement("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},t.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})))))},i=function(e){var n=e.width,a=e.height,i=e.className,l=e.color,o=e.label;return t.createElement("svg",{width:n,height:a,className:i,viewBox:"0 0 105 105",fill:l,"aria-label":o},t.createElement("circle",{cx:"12.5",cy:"12.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"0s",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"12.5",cy:"52.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"52.5",cy:"12.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"52.5",cy:"52.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"600ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"92.5",cy:"12.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"800ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"92.5",cy:"52.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"400ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"12.5",cy:"92.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"700ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"52.5",cy:"92.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"92.5",cy:"92.5",r:"12.5"},t.createElement("animate",{attributeName:"fill-opacity",begin:"200ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})))},l=function(e){var n=e.width,a=e.height,i=e.className,l=e.color,o=e.label;return t.createElement("svg",{width:n,height:a,className:i,viewBox:"0 0 120 30",xmlns:"http://www.w3.org/2000/svg",fill:l,"aria-label":o},t.createElement("circle",{cx:"15",cy:"15",r:"15"},t.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),t.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"60",cy:"15",r:"9",attributeName:"fillOpacity",from:"1",to:"0.3"},t.createElement("animate",{attributeName:"r",from:"9",to:"9",begin:"0s",dur:"0.8s",values:"9;15;9",calcMode:"linear",repeatCount:"indefinite"}),t.createElement("animate",{attributeName:"fillOpacity",from:"0.5",to:"0.5",begin:"0s",dur:"0.8s",values:".5;1;.5",calcMode:"linear",repeatCount:"indefinite"})),t.createElement("circle",{cx:"105",cy:"15",r:"15"},t.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),t.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})))},o=function(){return o=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError,function(e){e.start="flex-start",e.center="center",e.end="flex-end",e.stretch="stretch",e.between="space-between",e.around="space-around"}(e||(e={}));var r,c,m,s=e,f={brand:{blue:{lightest:"#E4F0F9",light:"#93C6E8",base:"#4CA1D9",dark:"#3878A2",darkest:"#1A384B"},peach:{lightest:"#FDECE9",light:"#F8B2A9",base:"#F48070",dark:"#B65F53",darkest:"#562D27"}},neutral:{ink:{lightest:"#959FA8",light:"#637381",base:"#37424D",dark:"#1B2126"},grey:{lightest:"#FAFAFB",light:"#F2F3F5",base:"#DFE3E8",dark:"#CDD1D5"},greyBlue:{lightest:"#AAC5D8",light:"#558BB1",base:"#406885",dark:"#1E313E"}},secondary:{red:{lightest:"#FDEEEE",light:"#F7BCBC",base:"#EB5757",dark:"#A53D3D",darkest:"#5E2323"},yellow:{lightest:"#FFF6D9",light:"#FFE999",base:"#FFC900",dark:"#BF9600",darkest:"#594600"},green:{lightest:"#E9F7EF",light:"#BEE7CF",base:"#27AE60",dark:"#1B7A43",darkest:"#104626"},lime:{lightest:"#F6FAEB",light:"#DBEBAE",base:"#A5CD35",dark:"#7B9927",darkest:"#394712"},teal:{lightest:"#E5F8F5",light:"#99E5D7",base:"#00BD9A",dark:"#00715C",darkest:"#00392E"},aqua:{lightest:"#EEFAFE",light:"#BBEBFA",base:"#56CCF2",dark:"#3C8FA9",darkest:"#225261"},purple:{lightest:"#F6EFFC",light:"#D9C0F1",base:"#A162DD",dark:"#694090",darkest:"#38224D"},blue:{lightest:"#D9EBF8",light:"#80BCE8",base:"#0079D1",dark:"#005A9C",darkest:"#003053"},pink:{lightest:"#FFF1FC",light:"#FFC7F3",base:"#FFA3EB",dark:"#BF7AB0",darkest:"#593852"},orange:{lightest:"#FEF5ED",light:"#FAD6B7",base:"#F2994A",dark:"#9D6330",darkest:"#613D1E"}},system:{scrollbar:{thumb:"rgba(99, 115, 129, .5)",background:"transparent"}}};!function(e){e.sm="0px 1px 3px rgba(55, 66, 77, 0.15)",e.base="0px 4px 6px rgba(27, 33, 38, 0.2)",e.md="0px 10px 15px rgba(27, 33, 38, 0.2)",e.lg="0px 20px 25px rgba(27, 33, 38, 0.2)"}(r||(r={})),function(e){e.none="none",e.line="line",e.xs="xs",e.sm="sm",e.base="base",e.md="md",e.lg="lg",e.xl="xl",e.xxl="xxl"}(m||(m={}));var g,p,d,h=function(e){for(var t=e.increment,n=e.unit,a=e.count,i={},l=0;l<=a;l++){var o=l*t;i[l]="".concat(o).concat(n)}return i}({increment:.25,unit:"rem",count:20}),u=((c={})[m.none]="0",c[m.line]="1px",c[m.xs]=h[1],c[m.sm]=h[2],c[m.base]=h[4],c[m.md]=h[6],c[m.lg]=h[8],c[m.xl]=h[12],c[m.xxl]=h[16],c),y=o(o({},u),h),x={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"},b={headingXXL:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"40px",lineHeight:"56px",color:f.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.022rem"},headingXL:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"28px",lineHeight:"40px",color:f.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.02rem"},headingLarge:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"24px",lineHeight:"32px",color:f.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.019rem"},headingMedium:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"20px",lineHeight:"28px",color:f.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.017rem"},headingSmall:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"20px",color:f.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.011rem"},headingTable:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:f.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},subheadingLarge:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:f.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.017rem"},subheadingMedium:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:f.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.011rem"},subheadingSmall:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:f.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},subheadingSmallBold:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:f.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},body:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:f.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodySmall:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:f.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},bodyBold:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:f.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodyBoldDark:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:f.neutral.ink.dark,textDecoration:"none",letterSpacing:"0"},bodySmallBold:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:f.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},button:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"24px",color:f.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.011rem"},buttonSmall:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:f.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.006rem"},linkLarge:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:f.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.017rem"},linkMedium:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:f.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.011rem"},link:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:f.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.006rem"},linkSmall:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:f.secondary.blue.base,textDecoration:"underline",letterSpacing:"0"},inputLabel:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:f.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},inputLabelSmall:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:f.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},hintText:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:f.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},placeholder:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:f.neutral.ink.lightest,textDecoration:"none",letterSpacing:"-0.006rem"},placeholderSmall:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:f.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0"},placeholderCode:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:f.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.5rem"},placeholderCodeSmall:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:f.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.375rem"},error:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:f.secondary.red.base,textDecoration:"none",letterSpacing:"-0.006rem"},errorSmall:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:f.secondary.red.base,textDecoration:"none",letterSpacing:"0"},successSmall:{fontFamily:x.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:f.secondary.green.base,textDecoration:"none",letterSpacing:"0"}},F=o(o({},x),{breakpoints:{mobile:"640px",tablet:"720px",lgTablet:"960px",desktop:"1280px",lgDesktop:"1440px"},colors:f,layers:{base:0,popup:1e3,modal:2e3,tooltip:3e3},radius:{sm:"0.125rem",base:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"50%"},shadows:r,sizes:y,text:b}),S=n.div(d||(g=["\n display: flex;\n\n ","\n"],p=["\n display: flex;\n\n ","\n"],Object.defineProperty?Object.defineProperty(g,"raw",{value:p}):g.raw=p,d=g),(function(e){console.log("props",e.alignX,e.alignY);var t,n,a,i,l=e.direction,o=void 0===l?"vertical":l,r=e.alignX,c=void 0===r?"start":r,m=e.alignY,f=void 0===m?"start":m,g=e.spacing,p=void 0===g?"base":g,d="",h="";return"vertical"===o?(t=c&&s[c],n=f&&s[f],d=F.sizes[p],a="column"):(t=f&&s[f],n=c&&s[c],h=F.sizes[p],a="row"),("vertical"===o&&"stretch"===f||"horizontal"===o&&"stretch"===c)&&(i=1),"\n align-items: ".concat(t,";\n justify-content: ").concat(n,";\n flex-direction: ").concat(a,";\n\n & > * {\n flex: ").concat(i,";\n }\n\n & > * + * {\n margin-top: ").concat(d,";\n margin-left: ").concat(h,";\n }\n ")}));exports.Loader=function(e){var n=e.className,o=e.height,r=void 0===o?24:o,c=e.width,m=void 0===c?24:c,s=e.color,f=void 0===s?"#588CB0":s,g=e.type;switch(void 0===g?"TailSpin":g){case"Grid":return t.createElement(i,{className:n,height:r,width:m,color:f});case"ThreeDots":return t.createElement(l,{className:n,height:r,width:m,color:f});default:return t.createElement(a,{className:n,height:r,width:m,color:f})}},exports.Stack=S,exports.theme=F;
1
+ "use strict";var n=require("react"),e=require("react-transition-group"),t=require("styled-components"),o=require("react-popper"),r=require("resize-observer-polyfill"),i=require("react-dom"),a=require("framer-motion"),l=require("react-use"),c=require("lodash.throttle"),d=require("react-scrolllock-configurable"),s=function(n,e){return s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,e){n.__proto__=e}||function(n,e){for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])},s(n,e)};function u(n,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function t(){this.constructor=n}s(n,e),n.prototype=null===e?Object.create(e):(t.prototype=e.prototype,new t)}var p=function(){return p=Object.assign||function(n){for(var e,t=1,o=arguments.length;t<o;t++)for(var r in e=arguments[t])Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},p.apply(this,arguments)};function f(n,e){var t={};for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&e.indexOf(o)<0&&(t[o]=n[o]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(n);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(n,o[r])&&(t[o[r]]=n[o[r]])}return t}function m(n,e,t){if(t||2===arguments.length)for(var o,r=0,i=e.length;r<i;r++)!o&&r in e||(o||(o=Array.prototype.slice.call(e,0,r)),o[r]=e[r]);return n.concat(o||Array.prototype.slice.call(e))}function h(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}"function"==typeof SuppressedError&&SuppressedError;var g,b,x,v,w=t.div(g||(g=h(["\n box-sizing: border-box;\n position: relative;\n margin: 0;\n padding: 0;\n"],["\n box-sizing: border-box;\n position: relative;\n margin: 0;\n padding: 0;\n"]))),y={inputLabel:"label",inputLabelSmall:"label",headingSmall:"h3",headingMedium:"h3",headingLarge:"h2",headingXL:"h1",headingXXL:"h1",button:"button",buttonSmall:"button"},k=function(n,e){return n||(e?y[e]:void 0)},E={brand:{blue:{lightest:"#E4F0F9",light:"#93C6E8",base:"#4CA1D9",dark:"#3878A2",darkest:"#1A384B"},peach:{lightest:"#FDECE9",light:"#F8B2A9",base:"#F48070",dark:"#B65F53",darkest:"#562D27"}},neutral:{ink:{lightest:"#959FA8",light:"#637381",base:"#37424D",dark:"#1B2126"},grey:{lightest:"#FAFAFB",light:"#F2F3F5",base:"#DFE3E8",dark:"#CDD1D5"},greyBlue:{lightest:"#AAC5D8",light:"#558BB1",base:"#406885",dark:"#1E313E"}},secondary:{red:{lightest:"#FDEEEE",light:"#F7BCBC",base:"#EB5757",dark:"#A53D3D",darkest:"#5E2323"},yellow:{lightest:"#FFF6D9",light:"#FFE999",base:"#FFC900",dark:"#BF9600",darkest:"#594600"},green:{lightest:"#E9F7EF",light:"#BEE7CF",base:"#27AE60",dark:"#1B7A43",darkest:"#104626"},lime:{lightest:"#F6FAEB",light:"#DBEBAE",base:"#A5CD35",dark:"#7B9927",darkest:"#394712"},teal:{lightest:"#E5F8F5",light:"#99E5D7",base:"#00BD9A",dark:"#00715C",darkest:"#00392E"},aqua:{lightest:"#EEFAFE",light:"#BBEBFA",base:"#56CCF2",dark:"#3C8FA9",darkest:"#225261"},purple:{lightest:"#F6EFFC",light:"#D9C0F1",base:"#A162DD",dark:"#694090",darkest:"#38224D"},blue:{lightest:"#D9EBF8",light:"#80BCE8",base:"#0079D1",dark:"#005A9C",darkest:"#003053"},pink:{lightest:"#FFF1FC",light:"#FFC7F3",base:"#FFA3EB",dark:"#BF7AB0",darkest:"#593852"},orange:{lightest:"#FEF5ED",light:"#FAD6B7",base:"#F2994A",dark:"#9D6330",darkest:"#613D1E"}},system:{scrollbar:{thumb:"rgba(99, 115, 129, .5)",background:"transparent"}}},C={mobile:"640px",tablet:"720px",lgTablet:"960px",desktop:"1280px",lgDesktop:"1440px"},S={sm:"0.125rem",base:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"50%"};!function(n){n.sm="0px 1px 3px rgba(55, 66, 77, 0.15)",n.base="0px 4px 6px rgba(27, 33, 38, 0.2)",n.md="0px 10px 15px rgba(27, 33, 38, 0.2)",n.lg="0px 20px 25px rgba(27, 33, 38, 0.2)"}(b||(b={})),function(n){n.none="none",n.line="line",n.xs="xs",n.sm="sm",n.base="base",n.md="md",n.lg="lg",n.xl="xl",n.xxl="xxl"}(v||(v={}));var z,L,F,N,M,R,D,H,B,I,A,W,T,j,Z,V,O,P,q,X,Y,G,_,U,K,$,J,Q,nn=function(n){for(var e=n.increment,t=n.unit,o=n.count,r={},i=0;i<=o;i++){var a=i*e;r[i]="".concat(a).concat(t)}return r}({increment:.25,unit:"rem",count:20}),en=((x={})[v.none]="0",x[v.line]="1px",x[v.xs]=nn[1],x[v.sm]=nn[2],x[v.base]=nn[4],x[v.md]=nn[6],x[v.lg]=nn[8],x[v.xl]=nn[12],x[v.xxl]=nn[16],x),tn=p(p({},en),nn),on={fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol"},rn={headingXXL:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"40px",lineHeight:"56px",color:E.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.022rem"},headingXL:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"28px",lineHeight:"40px",color:E.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.02rem"},headingLarge:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"24px",lineHeight:"32px",color:E.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.019rem"},headingMedium:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"20px",lineHeight:"28px",color:E.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.017rem"},headingSmall:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"20px",color:E.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.011rem"},headingTable:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:E.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},subheadingLarge:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:E.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.017rem"},subheadingMedium:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:E.neutral.ink.light,textDecoration:"none",letterSpacing:"-0.011rem"},subheadingSmall:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:E.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},subheadingSmallBold:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:E.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},body:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:E.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodySmall:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:E.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},bodyBold:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:E.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},bodyBoldDark:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:E.neutral.ink.dark,textDecoration:"none",letterSpacing:"0"},bodySmallBold:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:E.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},button:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"16px",lineHeight:"24px",color:E.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.011rem"},buttonSmall:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:E.secondary.blue.base,textDecoration:"none",letterSpacing:"-0.006rem"},linkLarge:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"20px",lineHeight:"28px",color:E.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.017rem"},linkMedium:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"16px",lineHeight:"24px",color:E.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.011rem"},link:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:E.secondary.blue.base,textDecoration:"underline",letterSpacing:"-0.006rem"},linkSmall:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:E.secondary.blue.base,textDecoration:"underline",letterSpacing:"0"},inputLabel:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:E.neutral.ink.base,textDecoration:"none",letterSpacing:"-0.006rem"},inputLabelSmall:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:E.neutral.ink.base,textDecoration:"none",letterSpacing:"0"},hintText:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:E.neutral.ink.light,textDecoration:"none",letterSpacing:"0"},placeholder:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:E.neutral.ink.lightest,textDecoration:"none",letterSpacing:"-0.006rem"},placeholderSmall:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:E.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0"},placeholderCode:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"14px",lineHeight:"20px",color:E.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.5rem"},placeholderCodeSmall:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"16px",color:E.neutral.ink.lightest,textDecoration:"none",letterSpacing:"0.375rem"},error:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"14px",lineHeight:"20px",color:E.secondary.red.base,textDecoration:"none",letterSpacing:"-0.006rem"},errorSmall:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:E.secondary.red.base,textDecoration:"none",letterSpacing:"0"},successSmall:{fontFamily:on.fontFamily,fontStyle:"normal",fontWeight:600,fontSize:"12px",lineHeight:"16px",color:E.secondary.green.base,textDecoration:"none",letterSpacing:"0"}},an=p(p({},on),{breakpoints:C,colors:E,layers:{base:0,popup:1e3,modal:2e3,tooltip:3e3},radius:S,shadows:b,sizes:tn,text:rn}),ln=an.text,cn=an.colors,dn=an.fontFamily,sn=t.span.attrs((function(n){var e=n.as,t=n.variant;return{as:k(e,t)}}))(z||(z=h(["\n box-sizing: border-box;\n display: inline-block;\n margin: 0;\n padding: 0;\n font-style: normal;\n font-weight: normal;\n font-size: 12px;\n font-family: ",";\n line-height: 16px;\n color: #37424d;\n\n ","\n\n ","\n"],["\n box-sizing: border-box;\n display: inline-block;\n margin: 0;\n padding: 0;\n font-style: normal;\n font-weight: normal;\n font-size: 12px;\n font-family: ",";\n line-height: 16px;\n color: #37424d;\n\n ","\n\n ","\n"])),dn,(function(n){var e=n.variant;return("button"===e||"buttonSmall"===e)&&"\n cursor: pointer;\n background-color: transparent;\n border: 0;\n "}),(function(n){var e=n.variant,t=n.muted;if(!e)return"";var o=void 0!==t&&t?cn.neutral.ink.lightest:ln[e].color;return"\n font-family: ".concat(ln[e].fontFamily,";\n font-style: ").concat(ln[e].fontStyle,";\n font-weight: ").concat(ln[e].fontWeight,";\n font-size: ").concat(ln[e].fontSize,";\n line-height: ").concat(ln[e].lineHeight,";\n color: ").concat(o,";\n text-decoration: ").concat(ln[e].textDecoration,";\n letter-spacing: ").concat(ln[e].letterSpacing,";\n ")})),un=function(e){return n.createElement("svg",p({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:tn.md},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.0302 5.52997L7.97021 8.5833L4.91021 5.52997L3.97021 6.46997L7.97021 10.47L11.9702 6.46997L11.0302 5.52997Z",fill:"currentColor"}))},pn=t(w)(L||(L=h(["\n display: flex;\n flex-direction: row;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n"]))),fn=t(pn)(F||(F=h(["\n svg {\n margin-right: 12px;\n height: ",";\n width: ",";\n }\n"],["\n svg {\n margin-right: 12px;\n height: ",";\n width: ",";\n }\n"])),tn.base,tn.base),mn=t(pn)(N||(N=h(["\n justify-content: flex-end;\n flex-grow: 2;\n"],["\n justify-content: flex-end;\n flex-grow: 2;\n"]))),hn=t(w)(M||(M=h(["\n display: flex;\n flex-direction: column;\n padding: 12px;\n border-radius: 4px;\n user-select: none;\n cursor: pointer;\n\n ","\n"],["\n display: flex;\n flex-direction: column;\n padding: 12px;\n border-radius: 4px;\n user-select: none;\n cursor: pointer;\n\n ","\n"])),(function(n){var e,t,o=null!==(e=an.colors.neutral.grey.dark)&&void 0!==e?e:"#CDD1D5",r=null!==(t=an.colors.secondary.blue.base)&&void 0!==t?t:"#0079D1";return"\n border: 1px solid ".concat(n.shouldOpen?r:o,";\n ")})),gn=t(w)(R||(R=h(["\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 16px;\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 16px;\n"]))),bn=t(un)(D||(D=h(["\n height: 20px;\n width: auto;\n margin-left: 12px;\n transition: transform 250ms;\n\n ","\n"],["\n height: 20px;\n width: auto;\n margin-left: 12px;\n transition: transform 250ms;\n\n ","\n"])),(function(n){return n.shouldOpen?"transform: rotate(180deg);":""})),xn=t(sn)(H||(H=h(["\n margin-top: 8px;\n"],["\n margin-top: 8px;\n"]))),vn=t(w)(B||(B=h(["\n margin-top: 4px;\n background: rgba(217, 235, 248, 0.5);\n padding: 10px 26px;\n transition:\n opacity 400ms,\n transform 400ms;\n\n &.content-enter {\n opacity: 0;\n transform: translateY(-6px);\n }\n\n &.content-enter-active {\n opacity: 1;\n transition: all 200ms;\n transform: translateY(0px);\n }\n\n &.content-exit {\n opacity: 1;\n transform: translateY(0px);\n }\n\n &.content-exit-active {\n opacity: 0;\n transition: all 200ms;\n transform: translateY(-6px);\n }\n"],["\n margin-top: 4px;\n background: rgba(217, 235, 248, 0.5);\n padding: 10px 26px;\n transition:\n opacity 400ms,\n transform 400ms;\n\n &.content-enter {\n opacity: 0;\n transform: translateY(-6px);\n }\n\n &.content-enter-active {\n opacity: 1;\n transition: all 200ms;\n transform: translateY(0px);\n }\n\n &.content-exit {\n opacity: 1;\n transform: translateY(0px);\n }\n\n &.content-exit-active {\n opacity: 0;\n transition: all 200ms;\n transform: translateY(-6px);\n }\n"]))),wn=function(n){var e=Math.floor(1e3*Math.random());return"".concat(n,"-").concat(e)},yn=function(n){function e(e){var t=n.call(this,e)||this;return t.id=wn("portal"),t.portalNode=null,t.state={isMounted:!1},t}return u(e,n),e.prototype.componentDidMount=function(){var n=this.props.rootElementRef;this.portalNode=document.createElement("div"),this.portalNode.setAttribute("id","portal-".concat(this.id)),this.portalNode.style.cssText="position: absolute; top: 0; left: 0;",n?null==n||n.appendChild(this.portalNode):document.body.appendChild(this.portalNode),this.setState({isMounted:!0})},e.prototype.componentWillUnmount=function(){if(this.portalNode){var n=this.props.rootElementRef;n?n.removeChild(this.portalNode):document.body.removeChild(this.portalNode)}},e.prototype.render=function(){var n=this.props.children,e=this.state.isMounted;return this.portalNode&&e?i.createPortal(n,this.portalNode):null},e}(n.PureComponent),kn=t.div(I||(I=h(["\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: ",";\n"],["\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: ",";\n"])),(function(n){return n.zIndex})),En=t.div(A||(A=h(["\n z-index: ",";\n"],["\n z-index: ",";\n"])),(function(n){return n.zIndex+1})),Cn=function(e){var t=e.children,i=e.className,a=e.anchorElement,l=e.rootElementRef,c=e.placement,d=void 0===c?"bottom":c,s=e.onShouldClose,u=e.zIndex,f=void 0===u?an.layers.popup:u,m=n.useState(null),h=m[0],g=m[1],b=o.usePopper(a,h,{placement:d}),x=b.styles,v=b.attributes,w=b.update;return n.useEffect((function(){if(w&&h){var n=new r(w);return n.observe(h),function(){n.disconnect()}}}),[w,h]),n.useEffect((function(){if(w)return window.addEventListener("resize",w),function(){window.removeEventListener("resize",w)}}),[w]),n.createElement(yn,{rootElementRef:l},s&&n.createElement(kn,{onClick:s,zIndex:f}),n.createElement(En,p({ref:g,className:i,zIndex:f,style:p({},x.popper)},v.popper),t))},Sn=function(e){var t=e.width,o=e.height,r=e.className,i=e.color,a=e.label;return n.createElement("svg",{width:t,height:o,className:r,viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg","aria-label":a},n.createElement("defs",null,n.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},n.createElement("stop",{stopColor:i,stopOpacity:"0",offset:"0%"}),n.createElement("stop",{stopColor:i,stopOpacity:".631",offset:"63.146%"}),n.createElement("stop",{stopColor:i,offset:"100%"}))),n.createElement("g",{fill:"none",fillRule:"evenodd"},n.createElement("g",{transform:"translate(1 1)"},n.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:i,strokeWidth:"2"},n.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),n.createElement("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},n.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})))))},zn=function(e){var t=e.width,o=e.height,r=e.className,i=e.color,a=e.label;return n.createElement("svg",{width:t,height:o,className:r,viewBox:"0 0 105 105",fill:i,"aria-label":a},n.createElement("circle",{cx:"12.5",cy:"12.5",r:"12.5"},n.createElement("animate",{attributeName:"fill-opacity",begin:"0s",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),n.createElement("circle",{cx:"12.5",cy:"52.5",r:"12.5"},n.createElement("animate",{attributeName:"fill-opacity",begin:"100ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),n.createElement("circle",{cx:"52.5",cy:"12.5",r:"12.5"},n.createElement("animate",{attributeName:"fill-opacity",begin:"300ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),n.createElement("circle",{cx:"52.5",cy:"52.5",r:"12.5"},n.createElement("animate",{attributeName:"fill-opacity",begin:"600ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),n.createElement("circle",{cx:"92.5",cy:"12.5",r:"12.5"},n.createElement("animate",{attributeName:"fill-opacity",begin:"800ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),n.createElement("circle",{cx:"92.5",cy:"52.5",r:"12.5"},n.createElement("animate",{attributeName:"fill-opacity",begin:"400ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),n.createElement("circle",{cx:"12.5",cy:"92.5",r:"12.5"},n.createElement("animate",{attributeName:"fill-opacity",begin:"700ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),n.createElement("circle",{cx:"52.5",cy:"92.5",r:"12.5"},n.createElement("animate",{attributeName:"fill-opacity",begin:"500ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})),n.createElement("circle",{cx:"92.5",cy:"92.5",r:"12.5"},n.createElement("animate",{attributeName:"fill-opacity",begin:"200ms",dur:"1s",values:"1;.2;1",calcMode:"linear",repeatCount:"indefinite"})))},Ln=function(e){var t=e.width,o=e.height,r=e.className,i=e.color,a=e.label;return n.createElement("svg",{width:t,height:o,className:r,viewBox:"0 0 120 30",xmlns:"http://www.w3.org/2000/svg",fill:i,"aria-label":a},n.createElement("circle",{cx:"15",cy:"15",r:"15"},n.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),n.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})),n.createElement("circle",{cx:"60",cy:"15",r:"9",attributeName:"fillOpacity",from:"1",to:"0.3"},n.createElement("animate",{attributeName:"r",from:"9",to:"9",begin:"0s",dur:"0.8s",values:"9;15;9",calcMode:"linear",repeatCount:"indefinite"}),n.createElement("animate",{attributeName:"fillOpacity",from:"0.5",to:"0.5",begin:"0s",dur:"0.8s",values:".5;1;.5",calcMode:"linear",repeatCount:"indefinite"})),n.createElement("circle",{cx:"105",cy:"15",r:"15"},n.createElement("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),n.createElement("animate",{attributeName:"fillOpacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})))},Fn=function(e){var t=e.className,o=e.height,r=void 0===o?24:o,i=e.width,a=void 0===i?24:i,l=e.color,c=void 0===l?"#588CB0":l,d=e.type;switch(void 0===d?"TailSpin":d){case"Grid":return n.createElement(zn,{className:t,height:r,width:a,color:c});case"ThreeDots":return n.createElement(Ln,{className:t,height:r,width:a,color:c});default:return n.createElement(Sn,{className:t,height:r,width:a,color:c})}},Nn=t.span(W||(W=h(["\n display: inline-flex;\n align-items: center;\n\n gap: ",";\n ",";\n\n svg {\n width: ",";\n height: ",";\n }\n"],["\n display: inline-flex;\n align-items: center;\n\n gap: ",";\n ",";\n\n svg {\n width: ",";\n height: ",";\n }\n"])),(function(n){return n.hasText?"8px":"4px"}),(function(n){return n.loading&&"opacity: 0;"}),(function(n){var e=n.size;return tn[e]}),(function(n){var e=n.size;return tn[e]})),Mn=t.button(T||(T=h(["\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-family: ",";\n font-weight: 400;\n border: 1px solid;\n background-color: transparent;\n white-space: nowrap;\n\n ","\n\n &:hover {\n cursor: pointer;\n }\n\n &:disabled {\n pointer-events: none;\n cursor: unset !important;\n }\n\n /* TODO: - Fix typography so these hacks aren't needed */\n & > span {\n position: relative;\n top: -1px;\n }\n"],["\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-family: ",";\n font-weight: 400;\n border: 1px solid;\n background-color: transparent;\n white-space: nowrap;\n\n ","\n\n &:hover {\n cursor: pointer;\n }\n\n &:disabled {\n pointer-events: none;\n cursor: unset !important;\n }\n\n /* TODO: - Fix typography so these hacks aren't needed */\n & > span {\n position: relative;\n top: -1px;\n }\n"])),an.fontFamily,(function(n){var e="40px",t="24px",o="24px",r="8px",i="16px",a="4px";return n.hasIcon&&(t="16px"),n.hasDropdown&&(o="16px"),"sm"===n.size&&(e="32px",t="16px",o="16px",r="4px",i="14px",a="2px",n.hasIcon&&(t="8px"),n.hasDropdown&&(o="8px")),n.hasText||(t="8px",o="8px"),"\n --outline-width: ".concat(a,";\n\n height: ").concat(e,";\n padding-left: ").concat(t,";\n padding-right: ").concat(o,";\n border-radius: ").concat(r,";\n font-size: ").concat(i,";\n ")})),Rn=t(Mn)(j||(j=h(["\n border-color: ",";\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n border-color: ",";\n box-shadow: 0 0 0 var(--outline-width) ",";\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ",";\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: "," !important;\n border-color: "," !important;\n color: "," !important;\n }\n"],["\n border-color: ",";\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n border-color: ",";\n box-shadow: 0 0 0 var(--outline-width) ",";\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ",";\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: "," !important;\n border-color: "," !important;\n color: "," !important;\n }\n"])),an.colors.neutral.grey.dark,(function(n){return n.hasText?an.colors.neutral.ink.base:an.colors.secondary.blue.base}),an.colors.neutral.grey.lightest,an.colors.neutral.grey.lightest,an.colors.secondary.blue.base,an.colors.secondary.blue.light,an.colors.secondary.blue.light,an.colors.neutral.grey.base,an.colors.neutral.grey.base,an.colors.neutral.ink.light),Dn=t(Rn)(Z||(Z=h(["\n color: ",";\n\n &:hover {\n color: ",";\n }\n\n &:active {\n border-color: ",";\n box-shadow: 0 0 0 var(--outline-width) ",";\n color: ",";\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ",";\n }\n"],["\n color: ",";\n\n &:hover {\n color: ",";\n }\n\n &:active {\n border-color: ",";\n box-shadow: 0 0 0 var(--outline-width) ",";\n color: ",";\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ",";\n }\n"])),an.colors.secondary.red.base,an.colors.secondary.red.dark,an.colors.secondary.red.base,an.colors.secondary.red.light,an.colors.secondary.red.dark,an.colors.secondary.red.light),Hn=t(Rn)(V||(V=h(["\n background-color: ",";\n border-color: ",";\n color: white;\n\n &:hover {\n background-color: ",";\n border-color: ",";\n }\n\n &:active {\n background-color: ",";\n border-color: ",";\n box-shadow: 0 0 0 var(--outline-width) ",";\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ",";\n }\n"],["\n background-color: ",";\n border-color: ",";\n color: white;\n\n &:hover {\n background-color: ",";\n border-color: ",";\n }\n\n &:active {\n background-color: ",";\n border-color: ",";\n box-shadow: 0 0 0 var(--outline-width) ",";\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ",";\n }\n"])),an.colors.secondary.blue.base,an.colors.secondary.blue.base,an.colors.secondary.blue.dark,an.colors.secondary.blue.dark,an.colors.secondary.blue.dark,an.colors.secondary.blue.dark,an.colors.secondary.blue.light,an.colors.secondary.blue.light),Bn=t(Hn)(O||(O=h(["\n background-color: ",";\n border-color: ",";\n color: white;\n\n &:hover {\n background-color: ",";\n border-color: ",";\n }\n\n &:active {\n background-color: ",";\n border-color: ",";\n box-shadow: 0 0 0 var(--outline-width) ",";\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ",";\n }\n"],["\n background-color: ",";\n border-color: ",";\n color: white;\n\n &:hover {\n background-color: ",";\n border-color: ",";\n }\n\n &:active {\n background-color: ",";\n border-color: ",";\n box-shadow: 0 0 0 var(--outline-width) ",";\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ",";\n }\n"])),an.colors.secondary.red.base,an.colors.secondary.red.base,an.colors.secondary.red.dark,an.colors.secondary.red.dark,an.colors.secondary.red.dark,an.colors.secondary.red.dark,an.colors.secondary.red.light,an.colors.secondary.red.light),In=t(Mn)(P||(P=h(["\n border-color: transparent;\n box-shadow: none;\n color: ",";\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.1);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ",";\n outline: 0;\n }\n\n &:disabled {\n background-color: transparent;\n border-color: transparent;\n }\n"],["\n border-color: transparent;\n box-shadow: none;\n color: ",";\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.1);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ",";\n outline: 0;\n }\n\n &:disabled {\n background-color: transparent;\n border-color: transparent;\n }\n"])),an.colors.neutral.ink.base,an.colors.secondary.blue.light),An=t.button(q||(q=h(["\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n\n &:hover {\n cursor: pointer;\n }\n"],["\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n\n &:hover {\n cursor: pointer;\n }\n"]))),Wn=t(An)(X||(X=h(["\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n text-decoration: ",";\n color: ",";\n\n &:hover {\n color: ",";\n }\n\n & > * + * {\n margin-left: ",";\n }\n\n /* TODO: - Fix typography so these hacks aren't needed */\n & > span {\n position: relative;\n top: -1px;\n }\n"],["\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n text-decoration: ",";\n color: ",";\n\n &:hover {\n color: ",";\n }\n\n & > * + * {\n margin-left: ",";\n }\n\n /* TODO: - Fix typography so these hacks aren't needed */\n & > span {\n position: relative;\n top: -1px;\n }\n"])),an.text.link.fontFamily,an.text.link.fontSize,an.text.link.fontWeight,an.text.link.lineHeight,an.text.link.textDecoration,an.colors.secondary.blue.base,an.colors.secondary.blue.dark,an.sizes.xs),Tn=t.div(Y||(Y=h(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n"],["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n"]))),jn=function(e){return n.createElement("svg",p({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{width:an.sizes.base,height:an.sizes.base}},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 6L8 10L12 6H4Z",fill:"currentColor"}))},Zn={default:Rn,primary:Hn,destructive:Dn,primaryDestructive:Bn,flat:In,link:Wn,unstyled:An},Vn=n.forwardRef((function(e,t){var o=e.className,r=e.children,i=e.icon,a=e.variant,l=void 0===a?"default":a,c=e.size,d=void 0===c?"base":c,s=e.dropdown,u=void 0!==s&&s,m=e.loading,h=void 0!==m&&m,g=f(e,["className","children","icon","variant","size","dropdown","loading"]);if("unstyled"===l)return n.createElement(An,p({ref:t,className:o},g),r);var b=Zn[l];return n.createElement(b,p({ref:t,className:o,size:d,hasText:!!r,hasIcon:!!i,hasDropdown:u},g),(r||i)&&n.createElement(Nn,{loading:h,hasText:!!r,size:r||"sm"===d?"base":"md"},i&&i,r&&n.createElement("span",null,r),u&&n.createElement(jn,null)),h&&n.createElement(Tn,null,n.createElement(Fn,null)))})),On=t.header(G||(G=h(["\n padding-top: ",";\n padding-right: ",";\n padding-left: ",";\n margin-bottom: ",";\n\n & > * + * {\n margin-top: ",";\n }\n"],["\n padding-top: ",";\n padding-right: ",";\n padding-left: ",";\n margin-bottom: ",";\n\n & > * + * {\n margin-top: ",";\n }\n"])),tn.md,tn.md,tn.md,tn.md,tn.xs),Pn=t.div(_||(_=h(["\n /* display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr;\n grid-auto-columns: max-content;\n column-gap: ",";\n align-items: center; */\n\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > *:first-child {\n flex: 1;\n }\n"],["\n /* display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr;\n grid-auto-columns: max-content;\n column-gap: ",";\n align-items: center; */\n\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > *:first-child {\n flex: 1;\n }\n"])),tn.base),qn=function(e){return n.createElement("svg",p({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:tn.md},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.91021 10.47L7.97021 7.4167L11.0302 10.47L11.9702 9.53003L7.97021 5.53003L3.97021 9.53003L4.91021 10.47Z",fill:"currentColor"}))},Xn=function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation",height:tn.md},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 6.51071L17.4893 5L11.5 10.9893L5.51071 5L4 6.51071L9.98929 12.5L4 18.4893L5.51071 20L11.5 14.0107L17.4893 20L19 18.4893L13.0107 12.5L19 6.51071Z",fill:"currentColor"}))},Yn=function(e){var t=e.id,o=e.title,r=e.subtitle,i=e.headerVariant,a=void 0===i?"headingSmall":i,l=e.action,c=e.ActionSlot,d=e.isCollapsed,s=e.onClickCollapse,u=e.onClickClose;return n.createElement(On,null,n.createElement(Pn,null,n.createElement(sn,{id:t,variant:a},o),l&&n.createElement(Vn,{variant:"link",onClick:l.onClick},l.title),c,s&&n.createElement(Vn,{variant:"flat",icon:d?n.createElement(un,null):n.createElement(qn,null),onClick:s}),u&&n.createElement(Vn,{variant:"flat",icon:n.createElement(Xn,null),onClick:u,"aria-label":"Close"})),r&&n.createElement(sn,{variant:"subheadingSmall"},r))},Gn=E.neutral.grey,_n={0:"none",1:b.sm,2:b.base,3:b.md,4:b.lg},Un={info:E.secondary.blue.base,success:E.secondary.green.base,error:E.secondary.red.base},Kn=t.footer(U||(U=h(["\n margin-top: ",";\n padding: ",";\n z-index: 2;\n"],["\n margin-top: ",";\n padding: ",";\n z-index: 2;\n"])),tn.base,tn.md),$n=t.section(K||(K=h(["\n padding-right: ",";\n padding-left: ",";\n margin-top: ",";\n margin-bottom: ",";\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n\n & + & {\n border-top: "," solid ",";\n padding-top: ",";\n }\n"],["\n padding-right: ",";\n padding-left: ",";\n margin-top: ",";\n margin-bottom: ",";\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n\n & + & {\n border-top: "," solid ",";\n padding-top: ",";\n }\n"])),tn.md,tn.md,tn.md,tn.md,rn.body.fontFamily,rn.body.fontSize,rn.body.fontWeight,rn.body.lineHeight,rn.body.color,tn.line,Gn.base,tn.md),Jn=t.div($||($=h(["\n margin-left: -",";\n margin-right: -",";\n"],["\n margin-left: -",";\n margin-right: -",";\n"])),tn.md,tn.md),Qn=t(a.motion.div)(J||(J=h(["\n overflow-y: hidden;\n\n &:not(:first-child) > ",":first-child {\n margin-top: 0;\n }\n"],["\n overflow-y: hidden;\n\n &:not(:first-child) > ",":first-child {\n margin-top: 0;\n }\n"])),$n),ne=t.div(Q||(Q=h(["\n position: relative;\n width: 100%;\n background-color: white;\n border: "," solid ",";\n box-shadow: ",";\n border-radius: ",";\n overflow: hidden;\n box-sizing: border-box;\n\n ","\n"],["\n position: relative;\n width: 100%;\n background-color: white;\n border: "," solid ",";\n box-shadow: ",";\n border-radius: ",";\n overflow: hidden;\n box-sizing: border-box;\n\n ","\n"])),tn.line,Gn.base,(function(n){return void 0!==n.elevation?_n[n.elevation]:b.sm}),S.md,(function(n){var e=n.accent;return e&&'\n &::after {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: '.concat(tn.xs,";\n background-color: ").concat(Un[e],";\n }\n ")})),ee={expanded:{height:"auto"},collapsed:{height:0}},te=function(e){var t=e.className,o=e.style,r=e.title,i=e.subtitle,a=e.HeaderActionSlot,l=e.action,c=e.collapsable,d=e.elevation,s=e.accent,u=e.children,p=e.onClose,f=e.renderFooter,m=n.useState(!1),h=m[0],g=m[1],b=r&&n.createElement(Yn,{title:r,subtitle:i,ActionSlot:a,action:l,onClickClose:p,isCollapsed:h,onClickCollapse:c?function(){g(!h)}:void 0}),x=c&&!h||!c,v=n.createElement(Qn,{animate:x?"expanded":"collapsed",variants:ee,transition:{duration:.3,ease:"easeOut"}},n.createElement($n,null,u)),w=void 0!==f&&n.createElement(Kn,null,f());return n.createElement(ne,{className:t,style:o,elevation:d,accent:s},b,v,w)};te.Surface=ne,te.Section=$n,te.FullBleed=Jn,te.Footer=Kn;var oe,re,ie,ae,le,ce,de,se,ue,pe,fe,me,he,ge,be=an.sizes,xe=an.colors,ve=an.text,we=t(te.Surface)(oe||(oe=h(["\n min-width: 280px;\n padding: "," 0;\n display: flex;\n flex-direction: column;\n"],["\n min-width: 280px;\n padding: "," 0;\n display: flex;\n flex-direction: column;\n"])),be.base),ye=t.section(re||(re=h(["\n display: flex;\n flex-direction: column;\n\n & + & {\n border-top: 1px solid ",";\n margin-top: ",";\n padding-top: ",";\n }\n"],["\n display: flex;\n flex-direction: column;\n\n & + & {\n border-top: 1px solid ",";\n margin-top: ",";\n padding-top: ",";\n }\n"])),xe.neutral.grey.base,be.base,be.base),ke=t(sn).attrs({variant:"subheadingSmall"})(ie||(ie=h(["\n margin: "," "," ",";\n"],["\n margin: "," "," ",";\n"])),be.sm,be.base,be.sm),Ee=t(Vn).attrs({variant:"unstyled"})(ae||(ae=h(["\n box-sizing: border-box;\n min-height: ",";\n padding: "," ",";\n\n display: flex;\n align-items: center;\n white-space: nowrap;\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n\n &:hover {\n background-color: ",";\n color: ",";\n }\n\n & > * + * {\n margin-left: ",";\n }\n"],["\n box-sizing: border-box;\n min-height: ",";\n padding: "," ",";\n\n display: flex;\n align-items: center;\n white-space: nowrap;\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n\n &:hover {\n background-color: ",";\n color: ",";\n }\n\n & > * + * {\n margin-left: ",";\n }\n"])),be.lg,be.xs,be.base,ve.body.fontFamily,ve.body.fontSize,ve.body.fontWeight,xe.neutral.grey.light,xe.secondary.blue.base,be[3]),Ce={item:Ee,action:t(Ee)(le||(le=h(["\n color: ",";\n"],["\n color: ",";\n"])),xe.secondary.blue.base),link:t(Ee)(ce||(ce=h(["\n color: ",";\n text-decoration: underline;\n"],["\n color: ",";\n text-decoration: underline;\n"])),xe.secondary.blue.base)},Se=function(e){var t=e.title,o=e.items,r=void 0===o?[]:o,i=e.sections,a=e.buttonVariant,l=e.buttonSize,c=n.useState(!1),d=c[0],s=c[1],u=n.useState(null),p=u[0],f=u[1],m=function(e){var t=Ce[e.variant||"item"];return n.createElement(t,{onClick:function(){return n=e.onClick,s(!1),void n();var n},key:e.title},e.icon&&e.icon,n.createElement("span",null,e.title))},h=i?i.map((function(e){return n.createElement(ye,{key:e.title},e.title&&n.createElement(ke,null,e.title),e.items.map(m))})):r.map(m);return n.createElement(n.Fragment,null,n.createElement(Vn,{dropdown:!0,variant:a,size:l,onClick:function(){return s(!d)},ref:f},t),d&&n.createElement(Cn,{anchorElement:p,placement:"bottom-start",onShouldClose:function(){return s(!1)}},n.createElement(we,null,h)))},ze=t.a(de||(de=h(["\n box-sizing: border-box;\n display: inline-flex;\n margin: 0;\n padding: 0;\n\n font-family: ",";\n font-style: ",";\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-decoration: ",";\n\n &:hover {\n color: ",";\n }\n"],["\n box-sizing: border-box;\n display: inline-flex;\n margin: 0;\n padding: 0;\n\n font-family: ",";\n font-style: ",";\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-decoration: ",";\n\n &:hover {\n color: ",";\n }\n"])),an.text.link.fontFamily,an.text.link.fontStyle,an.text.link.fontWeight,an.text.link.fontSize,an.text.link.lineHeight,an.colors.secondary.blue.base,an.text.link.textDecoration,an.colors.secondary.blue.dark),Le=t(w)(se||(se=h(["\n display: inline-flex;\n background-color: #ffffff;\n box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);\n border-radius: 4px;\n overflow: hidden;\n"],["\n display: inline-flex;\n background-color: #ffffff;\n box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);\n border-radius: 4px;\n overflow: hidden;\n"]))),Fe=n.forwardRef((function(e,t){var o=e.children,r=e.className;return n.createElement(Le,{className:r,ref:t},o)})),Ne=t(w)(ue||(ue=h(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n"],["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n"]))),Me=t(w)(pe||(pe=h(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n min-width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n min-width: 100%;\n"]))),Re=t(Fe)(fe||(fe=h(["\n flex-direction: column;\n position: absolute;\n z-index: 3;\n\n ","\n\n &.dropdown-enter {\n opacity: 0;\n transform: translateY(-6px);\n }\n\n &.dropdown-enter-active {\n opacity: 1;\n transition: all 200ms;\n transform: translateY(0px);\n }\n\n &.dropdown-exit {\n opacity: 1;\n transform: translateY(0px);\n }\n\n &.dropdown-exit-active {\n opacity: 0;\n transition: all 200ms;\n transform: translateY(-6px);\n }\n"],["\n flex-direction: column;\n position: absolute;\n z-index: 3;\n\n ","\n\n &.dropdown-enter {\n opacity: 0;\n transform: translateY(-6px);\n }\n\n &.dropdown-enter-active {\n opacity: 1;\n transition: all 200ms;\n transform: translateY(0px);\n }\n\n &.dropdown-exit {\n opacity: 1;\n transform: translateY(0px);\n }\n\n &.dropdown-exit-active {\n opacity: 0;\n transition: all 200ms;\n transform: translateY(-6px);\n }\n"])),(function(n){return n.reversed?"bottom: 8px;":"top: 6px;"})),De=function(t){var o=t.cta,r=t.shouldShowDropdown,i=t.children,a=t.className,c=void 0===a?"animated-dropdown":a,d=t.reversed,s=void 0!==d&&d,u=t.onClickAway,p=void 0===u?function(){}:u,f=t.timeout,m=void 0===f?350:f,h=t.transitionClassnames,g=void 0===h?"dropdown":h,b=t.onClick,x=t.onMouseEnter,v=t.onMouseLeave,w=n.useRef(null);return l.useClickAway(w,(function(n){r&&p(n)})),n.createElement(Ne,{className:"".concat(c,"-container ").concat(c),onClick:b,onMouseEnter:x,onMouseLeave:v,ref:w},!s&&o,n.createElement(Me,{className:"".concat(c,"-wrap ").concat(c)},n.createElement(e.CSSTransition,{in:r,timeout:m,classNames:g,unmountOnExit:!0},n.createElement(Re,{reversed:s,className:"".concat(c,"-basic-dropdown ").concat(c)},i))),s&&o)},He=t.div(me||(me=h(["\n width: ",";\n height: ",";\n border: 3px solid ",";\n color: ",";\n background-color: ",";\n cursor: pointer;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n background-size: cover;\n\n span {\n font-family: ",";\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n }\n"],["\n width: ",";\n height: ",";\n border: 3px solid ",";\n color: ",";\n background-color: ",";\n cursor: pointer;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n background-size: cover;\n\n span {\n font-family: ",";\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n }\n"])),(function(n){return n.width}),(function(n){return n.width}),an.colors.neutral.grey.base,(function(n){return n.textColor}),(function(n){return n.bgColor}),an.text.bodySmallBold.fontFamily,an.text.bodySmallBold.fontWeight,an.text.bodySmallBold.fontSize,an.text.bodySmallBold.lineHeight);!function(n){n.end="end",n.start="start"}(he||(he={})),function(n){n.BOTTOM="bottom",n.TOP="top"}(ge||(ge={}));var Be,Ie,Ae,We,Te,je,Ze,Ve,Oe,Pe,qe,Xe=t.div(Be||(Be=h(["\n display: inline-block;\n"],["\n display: inline-block;\n"]))),Ye=t(Xe)(Ie||(Ie=h([""],[""]))),Ge=t(sn)(Ae||(Ae=h(["\n color: ",";\n white-space: pre-line;\n overflow-wrap: break-word;\n display: inline;\n"],["\n color: ",";\n white-space: pre-line;\n overflow-wrap: break-word;\n display: inline;\n"])),an.colors.neutral.grey.lightest),_e=t.div(We||(We=h(["\n background-color: #333;\n height: 16px;\n width: 16px;\n position: absolute;\n transform: rotate(45deg);\n z-index: 12;\n"],["\n background-color: #333;\n height: 16px;\n width: 16px;\n position: absolute;\n transform: rotate(45deg);\n z-index: 12;\n"]))),Ue=t.div(Te||(Te=h(["\n transition: ",";\n\n &.tip-enter {\n opacity: 0;\n }\n\n &.tip-enter-active {\n opacity: 1;\n }\n\n &[data-popper-placement^='top-start'] > #veeqo-components-triangle {\n left: 8px;\n bottom: 0px;\n }\n &[data-popper-placement^='top-end'] > #veeqo-components-triangle {\n right: 8px;\n bottom: 0px;\n }\n\n &[data-popper-placement^='bottom-start'] > #veeqo-components-triangle {\n left: 8px;\n top: -4px;\n }\n &[data-popper-placement^='bottom-end'] > #veeqo-components-triangle {\n right: 8px;\n top: -4px;\n }\n"],["\n transition: ",";\n\n &.tip-enter {\n opacity: 0;\n }\n\n &.tip-enter-active {\n opacity: 1;\n }\n\n &[data-popper-placement^='top-start'] > #veeqo-components-triangle {\n left: 8px;\n bottom: 0px;\n }\n &[data-popper-placement^='top-end'] > #veeqo-components-triangle {\n right: 8px;\n bottom: 0px;\n }\n\n &[data-popper-placement^='bottom-start'] > #veeqo-components-triangle {\n left: 8px;\n top: -4px;\n }\n &[data-popper-placement^='bottom-end'] > #veeqo-components-triangle {\n right: 8px;\n top: -4px;\n }\n"])),(function(n){var e=n.duration;return"opacity ".concat(e,"ms")})),Ke=t(Xe)(je||(je=h(["\n font-size: 14px;\n overflow: hidden;\n padding: 16px 20px;\n border-radius: 4px;\n box-shadow: 0 6px 1em -0.5em rgba(0, 0, 0, 0.35);\n background: #333;\n color: #fff;\n z-index: 10;\n min-width: ","px;\n max-width: ","px;\n"],["\n font-size: 14px;\n overflow: hidden;\n padding: 16px 20px;\n border-radius: 4px;\n box-shadow: 0 6px 1em -0.5em rgba(0, 0, 0, 0.35);\n background: #333;\n color: #fff;\n z-index: 10;\n min-width: ","px;\n max-width: ","px;\n"])),(function(n){return n.tipMinWidth}),(function(n){return n.tipMaxWidth})),$e={duration:400,side:ge.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340},Je=function(e){var t=e.children,r=e.text,a=e.content,l=e.config,c=e.reversed,d=void 0!==c&&c,s=e.className,u=e.withTriangle,f=e.initialShouldShow,m=void 0!==f&&f,h=e.useReactPortal,g=void 0===h||h,b=!!r&&r.trim().length>0,x=p(p({},$e),l),v=x.duration,w=x.side,y=x.triangleOffset,k=x.tipMinWidth,E=x.tipMaxWidth,C={container:s&&"".concat(s," ").concat(s,"-container"),tip:s&&"".concat(s,"-tip"),wrap:s&&"".concat(s,"-wrap"),triangle:s&&"".concat(s,"-triangle"),hoverable:s&&"".concat(s,"-hoverable")},S=n.useState(m),z=S[0],L=S[1],F=n.useState(null),N=F[0],M=F[1],R=n.useState(null),D=R[0],H=R[1],B=o.usePopper(N,D,{placement:"".concat(w,"-").concat(d?"end":"start"),modifiers:[{name:"offset",options:{offset:[0,10]}}]}),I=B.styles,A=B.attributes,W=n.useCallback((function(){return L(!0)}),[L]),T=n.useCallback((function(){return L(!1)}),[L]),j=p(p({},I.popper),{zIndex:an.layers.tooltip}),Z=z&&b&&n.createElement(Ue,p({className:C.tip,ref:H,duration:v,triangleOffsetSize:y,style:j},A.popper,{role:"tooltip"}),n.createElement(Ke,{className:C.wrap,tipMinWidth:k,tipMaxWidth:E},null!=a?a:n.createElement(Ge,null,r)),u&&n.createElement(_e,{id:"veeqo-components-triangle",className:C.triangle}));return n.createElement(Xe,{className:C.container},g?i.createPortal(Z,document.body):Z,n.createElement(Ye,{ref:M,className:C.hoverable,onMouseEnter:W,onMouseLeave:T},t))},Qe=t(w)(Ze||(Ze=h(["\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n gap: 4px;\n padding: 0.35em 0.65em;\n\n font-family: ",";\n font-weight: ",";\n font-size: 75%;\n line-height: 16px;\n\n border-radius: 0.75rem;\n border: ",";\n\n cursor: default;\n\n svg {\n width: ",";\n height: ",";\n }\n"],["\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n gap: 4px;\n padding: 0.35em 0.65em;\n\n font-family: ",";\n font-weight: ",";\n font-size: 75%;\n line-height: 16px;\n\n border-radius: 0.75rem;\n border: ",";\n\n cursor: default;\n\n svg {\n width: ",";\n height: ",";\n }\n"])),rn.bodySmall.fontFamily,rn.bodySmall.fontWeight,(function(n){return n.hideBorder?"none":"1px solid transparent"}),tn.base,tn.base),nt=t(Qe)(Ve||(Ve=h(["\n background-color: inherit;\n border-color: ",";\n color: ",";\n"],["\n background-color: inherit;\n border-color: ",";\n color: ",";\n"])),E.secondary.blue.base,E.secondary.blue.base),et=t(Qe)(Oe||(Oe=h(["\n border-color: ",";\n background-color: ",";\n color: ",";\n"],["\n border-color: ",";\n background-color: ",";\n color: ",";\n"])),E.secondary.blue.base,E.secondary.blue.lightest,E.secondary.blue.base),tt=t(Qe)(Pe||(Pe=h(["\n border-color: ",";\n background-color: ",";\n color: ",";\n"],["\n border-color: ",";\n background-color: ",";\n color: ",";\n"])),E.secondary.yellow.base,E.secondary.yellow.lightest,E.secondary.orange.dark),ot=function(n){return n.filter(Boolean).join(" ")},rt={default:nt,primary:et,warning:tt};!function(n){n.help="help",n.info="info",n.error="error",n.success="success"}(qe||(qe={}));var it,at,lt,ct,dt,st,ut,pt,ft,mt=t(w)(it||(it=h(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n padding: 20px 24px 24px 24px;\n border-radius: 4px;\n ","\n"],["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n padding: 20px 24px 24px 24px;\n border-radius: 4px;\n ","\n"])),(function(n){var e=n.accentColor;return e&&"\n box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ".concat(e,";\n ")})),ht=t(w)(at||(at=h(["\n display: flex;\n flex-direction: row;\n"],["\n display: flex;\n flex-direction: row;\n"]))),gt=t(w)(lt||(lt=h(["\n display: flex;\n flex-direction: row;\n align-items: center;\n flex-wrap: wrap;\n\n svg {\n width: ",";\n height: ",";\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n flex-wrap: wrap;\n\n svg {\n width: ",";\n height: ",";\n }\n"])),tn.md,tn.md),bt=t(gt)(ct||(ct=h(["\n flex-grow: 2;\n margin-right: 12px;\n"],["\n flex-grow: 2;\n margin-right: 12px;\n"]))),xt=t(sn)(dt||(dt=h(["\n position: relative;\n top: -2px;\n"],["\n position: relative;\n top: -2px;\n"]))),vt=((st={})[qe.help]=E.secondary.blue.base,st[qe.info]=E.neutral.ink.base,st[qe.error]=E.secondary.red.base,st[qe.success]=E.secondary.green.base,st),wt=t.ul(ut||(ut=h(["\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n align-items: center;\n font-family: ",";\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n"],["\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n align-items: center;\n font-family: ",";\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n"])),rn.body.fontFamily,rn.body.fontWeight,rn.body.fontSize,rn.body.lineHeight),yt=t.li(pt||(pt=h(["\n display: flex;\n align-items: center;\n\n .separator {\n display: flex;\n align-items: center;\n padding: 0px 0.4rem;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n text-transform: capitalize;\n }\n"],["\n display: flex;\n align-items: center;\n\n .separator {\n display: flex;\n align-items: center;\n padding: 0px 0.4rem;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n text-transform: capitalize;\n }\n"]))),kt=function(e){return n.createElement("svg",p({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.99994 11.06L9.05327 8L5.99994 4.94L6.93994 4L10.9399 8L6.93994 12L5.99994 11.06Z",fill:"currentColor"}))},Et=function(e){var t=e.children,o=e.title,r=e.LinkComponent,i=e.href;return r?n.createElement(yt,{className:"breadcrumb"},n.createElement(r,{href:i},o),t):n.createElement(yt,{className:"breadcrumb"},o,t)},Ct=function(){return n.createElement(kt,{className:"separator",width:tn.base,height:tn.base})},St=function(e){var t=e.children,o=e.href;return n.createElement("a",{href:o},t)};!function(n){n.start="flex-start",n.center="center",n.end="flex-end",n.stretch="stretch",n.between="space-between",n.around="space-around"}(ft||(ft={}));var zt,Lt,Ft,Nt,Mt,Rt,Dt,Ht,Bt,It,At,Wt,Tt,jt,Zt,Vt,Ot=t.div(zt||(zt=h(["\n display: flex;\n\n ","\n"],["\n display: flex;\n\n ","\n"])),(function(n){var e,t,o,r,i=n.direction,a=void 0===i?"vertical":i,l=n.alignX,c=void 0===l?"start":l,d=n.alignY,s=void 0===d?"start":d,u=n.spacing,p=void 0===u?"base":u,f="",m="";return"vertical"===a?(e=c&&ft[c],t=s&&ft[s],f=an.sizes[p],o="column"):(e=s&&ft[s],t=c&&ft[c],m=an.sizes[p],o="row"),("vertical"===a&&"stretch"===s||"horizontal"===a&&"stretch"===c)&&(r=1),"\n align-items: ".concat(e,";\n justify-content: ").concat(t,";\n flex-direction: ").concat(o,";\n\n & > * {\n flex: ").concat(r,";\n }\n\n & > * + * {\n margin-top: ").concat(f,";\n margin-left: ").concat(m,";\n }\n ")})),Pt={top:"flex-start",center:"center"},qt=t.div(Lt||(Lt=h(["\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ",";\n }\n"],["\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ",";\n }\n"])),an.sizes.base),Xt=t.div(Ft||(Ft=h(["\n align-self: stretch;\n display: flex;\n align-items: ",";\n width: 24px;\n height: 24px;\n"],["\n align-self: stretch;\n display: flex;\n align-items: ",";\n width: 24px;\n height: 24px;\n"])),(function(n){return Pt[n.align]})),Yt=t.div(Nt||(Nt=h(["\n align-self: center;\n display: flex;\n align-items: center;\n"],["\n align-self: center;\n display: flex;\n align-items: center;\n"]))),Gt=t.div(Mt||(Mt=h(["\n flex: 1;\n\n & > * + * {\n margin-top: ",";\n }\n"],["\n flex: 1;\n\n & > * + * {\n margin-top: ",";\n }\n"])),an.sizes.sm),_t=t.span(Rt||(Rt=h(["\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n"],["\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n"])),an.text.body.fontFamily,an.text.body.fontSize,an.text.body.fontWeight,an.sizes.md,an.text.body.color),Ut=t.div(Dt||(Dt=h(["\n font-family: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n"],["\n font-family: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n"])),an.fontFamily,an.sizes[3],an.sizes[4],an.colors.neutral.ink.light),Kt=t.div(Ht||(Ht=h(["\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n"],["\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n"])),an.text.error.fontFamily,an.text.error.fontSize,an.text.error.fontWeight,an.text.error.lineHeight,an.text.error.color),$t=t.label(Bt||(Bt=h(["\n box-sizing: border-box;\n\n &:hover {\n cursor: ",";\n }\n"],["\n box-sizing: border-box;\n\n &:hover {\n cursor: ",";\n }\n"])),(function(n){return n.disabled?"default":"pointer"})),Jt=t($t)(It||(It=h(["\n border: 2px solid ",";\n border-radius: ",";\n padding: "," 0.75rem;\n\n &:hover {\n border-color: ",";\n }\n\n & "," {\n font-weight: ",";\n }\n"],["\n border: 2px solid ",";\n border-radius: ",";\n padding: "," 0.75rem;\n\n &:hover {\n border-color: ",";\n }\n\n & "," {\n font-weight: ",";\n }\n"])),an.colors.neutral.grey.dark,an.radius.md,an.sizes.base,an.colors.secondary.blue.base,_t,an.text.bodyBold.fontWeight),Qt=t(Je)(At||(At=h(["\n /* Tooltip uses inline-block containers which add more height when\n the child component is an inline element (e.g. Glyph or an SVG),\n so we need to set to block to preserve the height and fix alignment. */\n display: block;\n &-hoverable {\n display: block;\n }\n"],["\n /* Tooltip uses inline-block containers which add more height when\n the child component is an inline element (e.g. Glyph or an SVG),\n so we need to set to block to preserve the height and fix alignment. */\n display: block;\n &-hoverable {\n display: block;\n }\n"]))),no=function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 18H13V16H11V18ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C9.79 6 8 7.79 8 10H10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 12 11 11.75 11 15H13C13 12.75 16 12.5 16 10C16 7.79 14.21 6 12 6Z",fill:"currentColor"}))},eo=function(e){var t=e.id,o=e.label,r=e.hint,i=e.tooltip,a=e.error,l=e.bordered,c=e.Badge,d=e.Accessory,s=e.Footer,u=e.children,p=e.disabled,f=void 0!==p&&p,m=n.createElement(qt,null,n.createElement(Xt,{align:d?"center":"top"},u),d&&n.createElement(Yt,null,d),o||r||a||c||s?n.createElement(Gt,null,n.createElement(Ot,{direction:"horizontal",alignY:"center",spacing:"sm"},o&&n.createElement(_t,null,o),c,i&&n.createElement(Qt,{text:i},n.createElement(no,{name:"help",width:an.sizes.base,color:an.colors.neutral.ink.lightest}))),r&&n.createElement(Ut,null,r),a&&n.createElement(Kt,null,a),s):null);return l?n.createElement(Jt,{disabled:f,htmlFor:t},m):n.createElement($t,{disabled:f,htmlFor:t},m)},to=an.colors,oo=an.sizes,ro=an.radius,io=t.input(Wt||(Wt=h(["\n appearance: none;\n width: 18px;\n height: 18px;\n background-color: transparent;\n border: 2px solid ",";\n border-radius: ",";\n cursor: pointer;\n flex-shrink: 0;\n\n transition:\n box-shadow 0.1s,\n background-color 0.1s;\n\n &:checked {\n background-color: ",";\n border-color: ",";\n background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>\");\n background-repeat: no-repeat;\n background-size: ",";\n background-position: center;\n }\n\n &:hover {\n border-color: ",";\n }\n\n &:active {\n border-color: ",";\n }\n\n &:focus {\n box-shadow: 0 0 0 4px ",";\n outline: 0;\n }\n\n &:indeterminate {\n background-color: ",";\n border-color: ",";\n background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>\");\n background-repeat: no-repeat;\n background-size: ",";\n background-position: center;\n }\n\n &:disabled {\n box-shadow: none;\n background-color: ",";\n border-color: ",";\n color: ",";\n cursor: default;\n }\n\n &:checked:disabled {\n background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>\");\n }\n\n &:indeterminate:disabled {\n background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>\");\n }\n"],["\n appearance: none;\n width: 18px;\n height: 18px;\n background-color: transparent;\n border: 2px solid ",";\n border-radius: ",";\n cursor: pointer;\n flex-shrink: 0;\n\n transition:\n box-shadow 0.1s,\n background-color 0.1s;\n\n &:checked {\n background-color: ",";\n border-color: ",";\n background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>\");\n background-repeat: no-repeat;\n background-size: ",";\n background-position: center;\n }\n\n &:hover {\n border-color: ",";\n }\n\n &:active {\n border-color: ",";\n }\n\n &:focus {\n box-shadow: 0 0 0 4px ",";\n outline: 0;\n }\n\n &:indeterminate {\n background-color: ",";\n border-color: ",";\n background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>\");\n background-repeat: no-repeat;\n background-size: ",";\n background-position: center;\n }\n\n &:disabled {\n box-shadow: none;\n background-color: ",";\n border-color: ",";\n color: ",";\n cursor: default;\n }\n\n &:checked:disabled {\n background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>\");\n }\n\n &:indeterminate:disabled {\n background-image: url(\"data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>\");\n }\n"])),to.neutral.ink.lightest,ro.base,to.secondary.blue.base,to.secondary.blue.base,oo[4],to.secondary.blue.base,to.secondary.blue.base,to.secondary.blue.light,to.secondary.blue.base,to.secondary.blue.base,oo[4],to.neutral.grey.base,to.neutral.grey.base,to.neutral.ink.light),ao=function(e){var t=e.checked,o=e.indeterminate,r=e.value,i=e.name,a=e.disabled,l=e.ariaLabel,c=e.onChange,d=f(e,["checked","indeterminate","value","name","disabled","ariaLabel","onChange"]),s=wn("checkbox"),u=n.useRef(null),m=n.useCallback((function(n){c(n.currentTarget.checked,r)}),[c,r]);return n.useEffect((function(){u.current&&(u.current.indeterminate=!0===o)}),[o]),n.createElement(eo,p({id:s,disabled:a},d),n.createElement(io,{ref:u,id:s,type:"checkbox",checked:t,value:r,name:i,disabled:a,"aria-label":l,onChange:m}))},lo=t.input(Tt||(Tt=h(["\n appearance: none;\n box-sizing: border-box;\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n margin: 3px;\n background-color: transparent;\n border: 2px solid #637381;\n border-radius: 50%;\n outline: none;\n cursor: pointer;\n flex-shrink: 0;\n\n transition: box-shadow 0.1s;\n\n &:checked {\n position: relative;\n border-color: #0079d1;\n }\n\n &:checked::before {\n content: '';\n width: 10px;\n height: 10px;\n position: absolute;\n top: 2px;\n left: 2px;\n background-color: #0079d1;\n border-radius: 50%;\n }\n\n &:hover {\n border-color: #0079d1;\n }\n\n &:active {\n border-color: #0079d1;\n }\n\n &:focus {\n box-shadow: 0 0 0 4px #80bce8;\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none;\n background-color: #dfe3e8;\n border-color: #959fa8;\n cursor: default;\n }\n\n &:disabled::before {\n background-color: #637381;\n }\n"],["\n appearance: none;\n box-sizing: border-box;\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n margin: 3px;\n background-color: transparent;\n border: 2px solid #637381;\n border-radius: 50%;\n outline: none;\n cursor: pointer;\n flex-shrink: 0;\n\n transition: box-shadow 0.1s;\n\n &:checked {\n position: relative;\n border-color: #0079d1;\n }\n\n &:checked::before {\n content: '';\n width: 10px;\n height: 10px;\n position: absolute;\n top: 2px;\n left: 2px;\n background-color: #0079d1;\n border-radius: 50%;\n }\n\n &:hover {\n border-color: #0079d1;\n }\n\n &:active {\n border-color: #0079d1;\n }\n\n &:focus {\n box-shadow: 0 0 0 4px #80bce8;\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none;\n background-color: #dfe3e8;\n border-color: #959fa8;\n cursor: default;\n }\n\n &:disabled::before {\n background-color: #637381;\n }\n"]))),co=function(e){var t=e.checked,o=e.value,r=e.name,i=e.disabled,a=e.onChange,l=f(e,["checked","value","name","disabled","onChange"]),c=n.useCallback((function(n){a(n.currentTarget.checked,o)}),[a,o]),d=wn("radio");return n.createElement(eo,p({id:d,disabled:i},l),n.createElement(lo,{id:d,type:"radio",checked:t,value:o,name:r,disabled:i,onChange:c}))},so=t.fieldset(jt||(jt=h(["\n padding: 0;\n display: flex;\n flex-direction: column;\n border: 0;\n\n & > * + * {\n margin-top: 16px;\n }\n"],["\n padding: 0;\n display: flex;\n flex-direction: column;\n border: 0;\n\n & > * + * {\n margin-top: 16px;\n }\n"]))),uo=t.legend(Zt||(Zt=h(["\n font-family: ",";\n font-size: ",";\n font-style: ",";\n font-weight: ",";\n line-height: ",";\n text-decoration: ",";\n color: ",";\n"],["\n font-family: ",";\n font-size: ",";\n font-style: ",";\n font-weight: ",";\n line-height: ",";\n text-decoration: ",";\n color: ",";\n"])),an.text.inputLabel.fontFamily,an.text.inputLabel.fontSize,an.text.inputLabel.fontStyle,an.text.inputLabel.fontWeight,an.text.inputLabel.lineHeight,an.text.inputLabel.textDecoration,an.text.inputLabel.color),po=function(e){function t(){var n=null!==e&&e.apply(this,arguments)||this;return n.handleChange=function(e,t){n.props.allowMultiple?n.handleChangeMultiple(e,t):n.handleChangeSingle(e,t)},n.handleChangeSingle=function(e,t){var o=n.props.onChange;t&&o([e])},n.handleChangeMultiple=function(e,t){var o=n.props,r=o.selected;(0,o.onChange)(t?m(m([],r,!0),[e],!1):r.filter((function(n){return n!==e})))},n}return u(t,e),t.prototype.render=function(){var e=this,t=this.props,o=t.allowMultiple,r=t.options,i=t.selected,a=t.title,l=t.disabled,c=t.bordered,d=o?ao:co;return n.createElement(so,{disabled:l},a&&n.createElement(uo,null,a),r.map((function(t){return n.createElement(d,p({key:t.value,bordered:c,checked:i.includes(t.value),onChange:function(n){return e.handleChange(t.value,n)}},t))})))},t}(n.Component),fo=function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM14.7708 8L10.0856 13.2468L8.22925 11.1679L7 12.5445L10.0856 16L16 9.37661L14.7708 8ZM20.1818 12C20.1818 16.5187 16.5187 20.1818 12 20.1818C7.48131 20.1818 3.81818 16.5187 3.81818 12C3.81818 7.48131 7.48131 3.81818 12 3.81818C16.5187 3.81818 20.1818 7.48131 20.1818 12Z",fill:"currentColor"}))},mo=function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM19 21H5V5H7V8H17V5H19V21Z",fill:"currentColor"}))},ho={width:tn.base,height:tn.base},go={width:64,height:64},bo={icon:n.createElement((function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.3333 5.7H17.5V4H15.8333V5.7H9.16667V4H7.5V5.7H6.66667C5.74167 5.7 5.00833 6.465 5.00833 7.4L5 19.3C5 20.235 5.74167 21 6.66667 21H18.3333C19.25 21 20 20.235 20 19.3V7.4C20 6.465 19.25 5.7 18.3333 5.7ZM10.0002 11.65H8.3335V13.35H10.0002V11.65ZM13.3332 11.65H11.6665V13.35H13.3332V11.65ZM15 11.65H16.6667V13.35H15V11.65ZM6.6665 19.3H18.3332V9.94998H6.6665V19.3Z",fill:"currentColor"}))}),p({},go)),title:"No data found"},xo={icon:n.createElement((function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12.0001 20.1818C16.5187 20.1818 20.1819 16.5187 20.1819 12C20.1819 7.4813 16.5187 3.81818 12.0001 3.81818C7.48136 3.81818 3.81824 7.4813 3.81824 12C3.81824 16.5187 7.48136 20.1818 12.0001 20.1818ZM16.3536 8.80575L13.1593 12L16.3536 15.1943L15.1943 16.3536L12 13.1593L8.80575 16.3536L7.64648 15.1943L10.8408 12L7.64648 8.80575L8.80575 7.64648L12 10.8408L15.1943 7.64648L16.3536 8.80575ZM8.80571 16L8.80575 16L12 12.8058L12 12.8057L8.80571 16ZM15.1943 16L15.1943 16L16 15.1943L16 15.1943L15.1943 16ZM16 8.80575L12.8058 12L12.8057 12L16 8.80571L16 8.80575Z",fill:"currentColor"}))}),p({},go)),title:"An error occurred when creating the table",subTitle:"Please, try reloading the page once. If this doesn't solve the problem, contact support"};!function(n){n.start="start",n.middle="middle",n.end="End",n.none="none"}(Vt||(Vt={}));var vo=an.text,wo=an.sizes,yo=an.colors.secondary.blue,ko=an.colors.neutral.grey,Eo=an.colors.system.scrollbar,Co='\n position: absolute;\n top: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n transition: box-shadow .3s;\n',So=t.div(Mo||(Mo=h(["\n display: flex;\n flex-direction: row;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n"]))),zo=t.div(Ro||(Ro=h(["\n width: 100%;\n overflow-x: ",";\n overflow-y: hidden;\n position: relative;\n border-top: 1px solid ",";\n border-bottom: 1px solid ",";\n\n ","\n\n ","\n"],["\n width: 100%;\n overflow-x: ",";\n overflow-y: hidden;\n position: relative;\n border-top: 1px solid ",";\n border-bottom: 1px solid ",";\n\n ","\n\n ","\n"])),(function(n){return n.scrollDisabled?"hidden":"auto"}),ko.dark,ko.dark,(function(n){return n.showScrollbar?"\n scrollbar-width: auto;\n\n &::-webkit-scrollbar {\n margin-top: 10px;\n width: 6px;\n height: 6px;\n }\n \n &::-webkit-scrollbar-track {\n background: ".concat(Eo.background,"; \n }\n \n &::-webkit-scrollbar-thumb {\n background: ").concat(Eo.thumb,";\n border-radius: 4px; \n }\n "):""}),(function(n){var e=n.scrollDisabled,t=n.lastStartFixedColumnsIndex,o=n.firstEndFixedColumnsIndex,r=n.scrollPosition;return e?"":"\n td:nth-child(".concat(t,"):after,\n th:nth-child(").concat(t,"):after {\n right: 0;\n transform: translate(100%);\n ").concat(Co,";\n\n ").concat(r===Vt.middle||r===Vt.end?"\n box-shadow: inset 10px 0 10px -8px rgb(0 0 0 / 25%);\n":"",";\n };\n\n td:nth-last-child(").concat(o,"):after,\n th:nth-last-child(").concat(o,"):after {\n left: 0;\n transform: translate(-100%);\n ").concat(Co,";\n\n ").concat(r===Vt.start||r===Vt.middle?"\n box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);\n":"",";\n };\n ")})),Lo=t(zo)(Do||(Do=h(["\n border: 1px solid ",";\n border-radius: 4px;\n"],["\n border: 1px solid ",";\n border-radius: 4px;\n"])),ko.dark),Fo=t.thead(Ho||(Ho=h(["\n background-color: white;\n"],["\n background-color: white;\n"]))),No=t.tbody(Bo||(Bo=h(["\n tr {\n ",";\n }\n\n & + & > tr:first-child > td {\n border-top: 1px solid ",";\n }\n\n tr:not(:first-child) > td {\n border-top: 1px solid transparent;\n }\n\n &&& tr:hover td {\n background-color: #ebf4fb; /* TODO: Remove magic hex value */\n }\n"],["\n tr {\n ",";\n }\n\n & + & > tr:first-child > td {\n border-top: 1px solid ",";\n }\n\n tr:not(:first-child) > td {\n border-top: 1px solid transparent;\n }\n\n &&& tr:hover td {\n background-color: #ebf4fb; /* TODO: Remove magic hex value */\n }\n"])),(function(n){return n.fixedColumnsStyle}),ko.base);t.tfoot(Io||(Io=h(["\n & td {\n background-color: ",";\n padding: 1.5rem 1rem;\n border-top: 1px solid ",";\n }\n"],["\n & td {\n background-color: ",";\n padding: 1.5rem 1rem;\n border-top: 1px solid ",";\n }\n"])),ko.lightest,yo.base);var Mo,Ro,Do,Ho,Bo,Io,Ao,Wo,To,jo,Zo,Vo,Oo,Po,qo,Xo,Yo,Go,_o,Uo,Ko,$o,Jo,Qo=t.tr(Ao||(Ao=h(["\n &.hidden {\n visibility: collapse;\n }\n\n ","\n"],["\n &.hidden {\n visibility: collapse;\n }\n\n ","\n"])),(function(n){var e=n.accentColor;return e&&'\n & > td:first-child::before {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: '.concat(e,"; \n }\n ")})),nr=t.td(Wo||(Wo=h(["\n position: relative;\n padding: 1.25rem 1rem;\n text-align: ",";\n background-color: white;\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n color: ",";\n line-height: ",";\n\n width: ",";\n\n & > * {\n vertical-align: middle;\n }\n"],["\n position: relative;\n padding: 1.25rem 1rem;\n text-align: ",";\n background-color: white;\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n color: ",";\n line-height: ",";\n\n width: ",";\n\n & > * {\n vertical-align: middle;\n }\n"])),(function(n){return n.align||"left"}),vo.bodySmall.fontFamily,vo.bodySmall.fontSize,vo.bodySmall.fontWeight,vo.bodySmall.color,wo.base,(function(n){return n.grow?"100%":"auto"})),er=t(nr).attrs({as:"th"})(To||(To=h(["\n user-select: none;\n border-bottom: 1px solid ",";\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n color: ",";\n\n & span {\n white-space: pre-line;\n }\n\n &.sortable:hover {\n cursor: pointer;\n background-color: ",";\n }\n"],["\n user-select: none;\n border-bottom: 1px solid ",";\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n color: ",";\n\n & span {\n white-space: pre-line;\n }\n\n &.sortable:hover {\n cursor: pointer;\n background-color: ",";\n }\n"])),ko.dark,vo.bodySmallBold.fontFamily,vo.bodySmallBold.fontSize,vo.bodySmallBold.fontWeight,vo.bodySmallBold.color,ko.light),tr={left:"flex-start",center:"center",right:"flex-end"},or=t.div(jo||(jo=h(["\n display: flex;\n align-items: center;\n justify-content: ",";\n\n & > * + * {\n margin-left: 0.25rem;\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: ",";\n\n & > * + * {\n margin-left: 0.25rem;\n }\n"])),(function(n){var e=n.align;return e?tr[e]:"flex-start"})),rr=t.table(Zo||(Zo=h(["\n width: 100%;\n border-spacing: 0;\n table-layout: ",";\n\n ","\n\n & * {\n box-sizing: border-box;\n\n ","\n }\n\n ","\n"],["\n width: 100%;\n border-spacing: 0;\n table-layout: ",";\n\n ","\n\n & * {\n box-sizing: border-box;\n\n ","\n }\n\n ","\n"])),(function(n){return n.isFixedLayout?"fixed":"auto"}),(function(n){return n.striped&&"\n & ".concat(No,":nth-child(even) td {\n background-color: ").concat(ko.lightest,";\n }\n ")}),(function(n){return n.tableLoading&&"\n user-select: none;\n pointer-events: none;\n "}),(function(n){return n.noWrap&&"\n & ".concat(er,", & ").concat(er," span {\n white-space: nowrap;\n }\n ")})),ir=t.tfoot(Vo||(Vo=h(["\n tr {\n ",";\n }\n\n & "," {\n border-top: 1px solid ",";\n background-color: ",";\n padding-top: ",";\n padding-bottom: ",";\n line-height: 2rem;\n }\n"],["\n tr {\n ",";\n }\n\n & "," {\n border-top: 1px solid ",";\n background-color: ",";\n padding-top: ",";\n padding-bottom: ",";\n line-height: 2rem;\n }\n"])),(function(n){return n.fixedColumnsStyle}),nr,ko.dark,ko.lightest,wo.base,wo.base),ar=t.div(Oo||(Oo=h(["\n position: fixed;\n top: 0;\n z-index: 2;\n overflow-x: hidden;\n"],["\n position: fixed;\n top: 0;\n z-index: 2;\n overflow-x: hidden;\n"]))),lr=t(rr)(Po||(Po=h([""],[""]))),cr=t(w)(qo||(qo=h(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: ","px;\n background: white;\n"],["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: ","px;\n background: white;\n"])),(function(n){return n.height})),dr=t(w)(Xo||(Xo=h(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 120px;\n height: 120px;\n border-radius: 100px;\n background: ",";\n\n svg {\n width: 64px !important;\n height: 64px !important;\n }\n"],["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 120px;\n height: 120px;\n border-radius: 100px;\n background: ",";\n\n svg {\n width: 64px !important;\n height: 64px !important;\n }\n"])),an.colors.neutral.grey.base),sr=t(sn)(Yo||(Yo=h(["\n margin-top: 24px;\n"],["\n margin-top: 24px;\n"]))),ur=t(sn)(Go||(Go=h(["\n margin-top: 8px;\n"],["\n margin-top: 8px;\n"]))),pr=function(e){var t=e.height,o=e.icon,r=e.title,i=e.subTitle;return n.createElement(cr,{height:t},n.createElement(dr,null,o),n.createElement(sr,{variant:"headingLarge"},r),i&&n.createElement(ur,{variant:"subheadingMedium"},i))},fr=t.button(_o||(_o=h(["\n appearance: none;\n border: 0;\n background-color: transparent;\n font: inherit;\n\n display: inline-block;\n box-sizing: border-box;\n width: calc(100% + 1.5rem);\n margin: -0.75rem -0.75rem;\n padding: 0.75rem 0.75rem;\n text-align: inherit;\n line-height: ",";\n border-radius: ",";\n\n &:hover {\n cursor: pointer;\n background-color: ",";\n }\n"],["\n appearance: none;\n border: 0;\n background-color: transparent;\n font: inherit;\n\n display: inline-block;\n box-sizing: border-box;\n width: calc(100% + 1.5rem);\n margin: -0.75rem -0.75rem;\n padding: 0.75rem 0.75rem;\n text-align: inherit;\n line-height: ",";\n border-radius: ",";\n\n &:hover {\n cursor: pointer;\n background-color: ",";\n }\n"])),an.sizes.base,an.radius.base,an.colors.secondary.blue.lightest),mr=t(fr)(Uo||(Uo=h(["\n color: ",";\n text-decoration: ",";\n"],["\n color: ",";\n text-decoration: ",";\n"])),an.text.link.color,an.text.link.textDecoration),hr=t.div(Ko||(Ko=h(["\n text-align: inherit;\n border-bottom: 1px dotted black;\n"],["\n text-align: inherit;\n border-bottom: 1px dotted black;\n"]))),gr=an.colors.neutral.grey,br=t.div($o||($o=h(["\n height: 16px;\n width: 100%;\n"],["\n height: 16px;\n width: 100%;\n"]))),xr=t.div(Jo||(Jo=h(["\n display: inline-block;\n color: transparent;\n border-radius: 4px;\n animation-duration: ",";\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeHolderShimmer;\n animation-timing-function: linear;\n background: linear-gradient(to right, "," 8%, "," 15%, "," 33%);\n background-size: 800px 104px;\n border: 0;\n width: 100%;\n height: 100%;\n\n @keyframes placeHolderShimmer {\n 0% {\n background-position: -380px 0;\n }\n 100% {\n background-position: 380px 0;\n }\n }\n"],["\n display: inline-block;\n color: transparent;\n border-radius: 4px;\n animation-duration: ",";\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeHolderShimmer;\n animation-timing-function: linear;\n background: linear-gradient(to right, "," 8%, "," 15%, "," 33%);\n background-size: 800px 104px;\n border: 0;\n width: 100%;\n height: 100%;\n\n @keyframes placeHolderShimmer {\n 0% {\n background-position: -380px 0;\n }\n 100% {\n background-position: 380px 0;\n }\n }\n"])),(function(n){var e=n.isLoading;return void 0===e||e?"1s":0}),gr.base,gr.dark,gr.base),vr=function(e){var t=e.isLoading,o=e.style;return n.createElement(br,{style:o},n.createElement(xr,{isLoading:t}))},wr=function(e){var t=e.style,o=f(e,["style"]);return n.createElement(nr,p({},o),n.createElement(vr,{style:t}))};wr.defaultProps={style:{}};var yr,kr=function(e){var t,o=e.renderHeader,r=e.tableRef,i=e.wrapperRef,a=e.isFixedLayout,c=e.wrapperStyle,d=n.useState(null),s=d[0],u=d[1],f=function(e,t){var o=n.useState(!1),r=o[0],i=o[1],a=n.useCallback((function(n){var e=n.top,o=n.bottom,a=r;(a=e<=(t||0)&&o>0?!r||a:!r&&a)!==r&&i(a)}),[r,t]);return n.useEffect((function(){var n=function(){var n;e.current&&a(null===(n=e.current)||void 0===n?void 0:n.getBoundingClientRect())};return window.addEventListener("scroll",n),function(){window.removeEventListener("scroll",n)}}),[a,e]),{isSticky:r}}(r,parseInt("string"==typeof(null==c?void 0:c.top)?null==c?void 0:c.top:"".concat(null==c?void 0:c.top),10)).isSticky,m=((null===(t=i.current)||void 0===t?void 0:t.getBoundingClientRect().width)||0)-2;l.useScroll(i);var h=function(n){var e,t=(null===(e=i.current)||void 0===e?void 0:e.scrollLeft)||0;n?n.scrollLeft=t:s&&(s.scrollLeft=t)};return h(),f?n.createElement(ar,{ref:function(n){u(n),h(n)},style:p({width:m},c)},n.createElement(lr,{style:{tableLayout:a?"fixed":"auto"}},o())):null},Er=function(n){var e=[];return n.forEach((function(n){var t=n.index,o=n.style;return e.push("\n > td:".concat(void 0!==o.left?"nth-child":"nth-last-child","(").concat(Math.abs(t),") {\n position: sticky;\n ").concat(void 0!==o.left?"left":"right",": ").concat(void 0!==o.left?o.left:o.right,"px;\n z-index: ").concat(o.zIndex,";\n }\n "))})),e.join("\n\n")},Cr=function(e){var t=e.style,o=e.width,r=e.isLoading,i=f(e,["style","width","isLoading"]);return n.createElement(er,p({},i,{style:{width:o}}),n.createElement(vr,{style:t,isLoading:r}))},Sr=function(e){return n.createElement("svg",p({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"currentColor"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"currentColor"}))},zr=function(e){return n.createElement("svg",p({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#959FA8"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#0079D1"}))},Lr=function(e){return n.createElement("svg",p({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 10L8 13L11 10H5Z",fill:"#0079D1"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 6L8 3L5 6L11 6Z",fill:"#959FA8"}))},Fr=function(){return n.createElement(Sr,{width:an.sizes.base,height:an.sizes.base,color:"lightgrey"})},Nr=function(){return n.createElement(zr,{width:an.sizes.base,height:an.sizes.base,color:"lightgrey"})},Mr=function(){return n.createElement(Lr,{width:an.sizes.base,height:an.sizes.base,color:"lightgrey"})},Rr=function(e){var t=e.borderless,o=void 0!==t&&t,r=e.striped,i=void 0===r||r,a=e.noWrap,l=void 0!==a&&a,c=e.showScrollbar,d=void 0!==c&&c,s=e.headers,u=e.rows,f=e.renderRow,h=e.renderNestedRow,g=e.expandedRowIds,b=e.renderLoadingRow,x=e.renderFooterRow,v=e.renderFooterLoadingRow,w=e.omitFooterSelectionCell,y=void 0!==w&&w,k=e.selectedRowIds,E=e.disabledSelectionInputRowIds,C=e.selectionMode,S=void 0===C?"multiple":C,z=e.onChangeSelectedRowIds,L=e.sortColumnId,F=e.sortDirection,N=e.onChangeSort,M=e.isError,R=void 0!==M&&M,D=e.isLoading,H=void 0!==D&&D,B=e.skeletonRowsNumber,I=void 0===B?5:B,A=e.isHeaderSticky,W=void 0===A||A,T=e.stickyHeaderStyle,j=e.customSpecificState,Z=e.bodyHeightInSpecificStates,V=void 0===Z?375:Z,O=e.startFixedColumnsNumber,P=e.endFixedColumnsNumber,q=o?zo:Lo,X=!!u&&0===u.length,Y=Boolean(O||P),G=!O&&!P,_=n.useRef(null),U=n.useRef(null),K=n.useState(Vt.none),$=K[0],J=K[1];n.useEffect((function(){var n,e=null,t=function(){if(U.current&&!G){var n=U.current,e=n.scrollWidth+2,t=n.scrollLeft,o=n.getBoundingClientRect().width,r=t+o;e===o?J(Vt.none):0===t?J(Vt.start):t>0&&r<e?J(Vt.middle):r===e&&J(Vt.end)}};return U.current&&(e=U.current,t(),null===(n=U.current)||void 0===n||n.addEventListener("scroll",t)),function(){null==e||e.removeEventListener("scroll",t)}}),[_,G]);var Q=n.useCallback((function(n){return"string"==typeof n?(console.error("You can only use a numeric value in the 'width' property when you use fixed columns"),null):void 0===n?(console.error("You should provide numeric value in the 'width' attribute in all fixed columns when you use fixed columns"),null):n}),[]),nn=n.useCallback((function(n,e,t){var o;return{index:"left"===t?n:-n,style:(o={position:"sticky"},o[t]=e,o.zIndex=1,o)}}),[]),en=n.useCallback((function(){if(!s||H)return null;var n=[],e=[],t=0,o=0;if(O){k&&(n.push(nn(1,t,"left")),t+=58);for(var r=0;r<O;r+=1){(i=Q(s[r].width))&&(n.push(nn(k?r+2:r+1,t,"left")),t+=i)}}if(P)for(r=0;r<P;r+=1){var i;(i=Q(s.slice(-r-1)[0].width))&&(e.push(nn(r+1,o,"right")),o+=i)}return 0===n.length&&0===e.length?null:m(m([],n,!0),e,!0)}),[H,Q,P,nn,s,O,k]),tn=n.useMemo((function(){return en()}),[en]),on=n.useCallback((function(n,e){if(k&&z){if(n)return"single"===S?void z([e.id]):void z(m(m([],k,!0),[e.id],!1));var t=m([],k,!0),o=t.findIndex((function(n){return n===e.id}));t.splice(o,1),z(t)}}),[z,k,S]),rn=n.useCallback((function(){if(k&&z)if(k.length!==u.length){var n=u.map((function(n){return n.id}));z(n)}else z([])}),[z,u,k]),an=n.useCallback((function(n){if(void 0!==L&&void 0!==N){var e=L,t="ascending";"ascending"===F&&(t="descending"),n!==L&&(e=n,t="ascending"),N(e,t)}}),[N,L,F]),ln=n.useCallback((function(e,t){var o="",r=function(){},i=n.createElement(Fr,null),a=e.tooltip,l=e.align,c=e.icon,d=e.title,s=e.sortable,u=e.id;s&&(o="sortable",r=function(){return an(u)},L===u&&(i="ascending"===F?n.createElement(Nr,null):n.createElement(Mr,null)));var f=n.createElement(or,{align:l},c&&c,d&&n.createElement("span",null,d),s&&i);return n.createElement(er,{key:u,id:"data-table-header-".concat(u),className:o,onClick:r,align:e.align,grow:e.grow,style:p({width:e.width||"auto"},t)},a?n.createElement(Je,{text:a},n.createElement(So,null,f)):f)}),[an,L,F]),cn=n.useCallback((function(e,t){return n.createElement(Cr,{key:e.id,width:e.width||"auto",style:t,isLoading:H})}),[H]),dn=n.useCallback((function(){if(!s)return null;var e=en(),t=e?e[0].style:{};return n.createElement(Fo,null,n.createElement(Qo,null,k&&n.createElement(er,{style:p({width:58},t)},"multiple"===S&&n.createElement(ao,{checked:u.length>0&&(null==k?void 0:k.length)===u.length||!1,onChange:rn,disabled:E&&E.length>0||H||X,ariaLabel:"Select all"})),s.map((function(n,t){var o=k?t+2:t+1,r=t-s.length,i=null==e?void 0:e.find((function(n){return n.index===o||n.index===r}));return n.skeleton&&(H||R||X)?cn(n,n.skeletonStyle||{}):ln(n,(null==i?void 0:i.style)||{})}))))}),[en,rn,s,X,R,H,cn,ln,u.length,k,S,E]),sn=n.useCallback((function(e,t){var o={checked:e,onChange:function(n){return on(n,t)},disabled:(null==E?void 0:E.includes(t.id))||!1};return"single"===S?n.createElement(co,p({},o)):n.createElement(ao,p({},o))}),[on,S,E]),un=n.useCallback((function(e){var t={width:18,height:18,margin:3,animationDuration:"0s"};return"single"===S?n.createElement(wr,{key:void 0===e?null:"radio-skeleton-".concat(e),style:p(p({},t),{borderRadius:"50%"})}):n.createElement(wr,{key:void 0===e?null:"checkbox-skeleton-".concat(e),style:p(p({},t),{borderRadius:"0.25rem"})})}),[S]),pn=n.useCallback((function(e,t){var o,r;if(!h)return null;var i=h(e);if(!i)return null;var a=(null===(r=null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.e2eClassNames)||void 0===r?void 0:r.row)||"";return n.createElement(Qo,{key:e.id,className:"".concat(a," ").concat(t?"hidden":"")},k&&n.createElement(nr,null),i)}),[h,k]),fn=n.useCallback((function(e){if(!s)return n.createElement(wr,null);var t=s.map((function(t){return n.createElement(wr,{key:"".concat(e,"-").concat(t.id)})}));return k&&t.unshift(un(e)),t}),[s,un,k]),mn=function(){return x?H&&!v||!H&&X?null:n.createElement(ir,{fixedColumnsStyle:Er(tn||[])},n.createElement(Qo,null,k&&!y&&n.createElement(nr,null),!H&&x(u),H&&v&&v())):null},hn=O;k&&hn&&(hn+=1);var gn=n.useMemo((function(){return u.map((function(e){var t,o,r,i=e.data,a=!!k&&k.includes(e.id),l=!g||g.includes(e.id),c=null===(t=null==i?void 0:i.e2eClassNames)||void 0===t?void 0:t.body,d=null!==(r=null===(o=null==i?void 0:i.e2eClassNames)||void 0===o?void 0:o.row)&&void 0!==r?r:"",s=a?"selected ".concat(d):"".concat(d);return n.createElement(No,{key:e.id,className:c,fixedColumnsStyle:Er(tn||[])},n.createElement(Qo,{key:e.id,className:s,accentColor:e.accentColor},k&&n.createElement(nr,null,sn(a,e)),f(e)),e.nestedRows&&e.nestedRows.map((function(n){return pn(n,!l)})))}))}),[u,g,tn,pn,f,sn,k]);if(H){for(var bn=[],xn=0;xn<I;xn+=1)bn.push(n.createElement(No,{key:"loading-row-".concat(xn),fixedColumnsStyle:Er(tn||[])},n.createElement(Qo,null,b?n.createElement(n.Fragment,null,k&&un(),b()):fn(xn))));return n.createElement(q,{ref:U,scrollDisabled:!0,scrollPosition:$,lastStartFixedColumnsIndex:hn,firstEndFixedColumnsIndex:P},W&&s&&n.createElement(kr,{renderHeader:dn,tableRef:_,wrapperRef:U,isFixedLayout:Y,wrapperStyle:T}),n.createElement(rr,{ref:_,striped:i,noWrap:l,tableLoading:!0,isFixedLayout:Y},dn(),bn,mn()))}if(X||R){var vn=bo;return j?vn=j:R&&(vn=xo),n.createElement(q,{scrollDisabled:!0},n.createElement(rr,{ref:_,striped:i,noWrap:l,tableLoading:!1,isFixedLayout:Y},dn(),mn()),n.createElement(pr,p({height:V},vn)))}return n.createElement(q,{scrollDisabled:!1,ref:U,scrollPosition:$,lastStartFixedColumnsIndex:hn,firstEndFixedColumnsIndex:P,showScrollbar:d},W&&s&&n.createElement(kr,{renderHeader:dn,tableRef:_,wrapperRef:U,isFixedLayout:Y,wrapperStyle:T}),n.createElement(rr,{ref:_,striped:i,noWrap:l,tableLoading:!1,isFixedLayout:Y},dn(),gn,mn()))};function Dr(n){switch(n){case"left":default:return"flex-start";case"center":return"center";case"right":return"flex-end"}}function Hr(n,e){switch(typeof n){case"string":return n;case"number":return"".concat(n,"px");case"object":return"minmax(".concat(Hr(n.min,"max-content"),", ").concat(Hr(n.max),")");default:return e||"1fr"}}function Br(n){var e=n.pinnedLeft,t=n.pinnedRight,o=n.cellWidths,r=n.scrollPosition,i=n.visible,a=n.stripingMode,l=e.map((function(n,e){return"\n th:nth-child(".concat(e+1,"),\n td:nth-child(").concat(e+1,") {\n position: sticky;\n left: ").concat(o?function(n,e){return n.slice(0,e-1).reduce((function(n,e){return n+e}),0)}(o,e+1):0,"px;\n z-index: 2;\n }\n ")})),c=t.map((function(n,e){return"\n th:nth-last-child(".concat(e+1,"),\n td:nth-last-child(").concat(e+1,") {\n position: sticky;\n right: ").concat(o?function(n,e){return n.slice(e).reduce((function(n,e){return n+e}),0)}(o,o.length-e):0,"px;\n }\n ")})),d="start"!==r&&"none"!==r,s="\n th:nth-child(".concat(e.length,")::after,\n td:nth-child(").concat(e.length,')::after {\n position: absolute;\n transform: translate(100%);\n top: 0;\n right: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n box-shadow: ').concat(d?"inset 10px 0 10px -8px rgb(0 0 0 / 25%)":"none",";\n }\n "),u="end"!==r&&"none"!==r,p="\n th:nth-last-child(".concat(t.length,")::after,\n td:nth-last-child(").concat(t.length,')::after {\n position: absolute;\n transform: translate(-100%);\n top: 0;\n left: 0;\n bottom: -1px;\n width: 30px;\n content: "";\n pointer-events: none;\n box-sizing: border-box;\n box-shadow: ').concat(u?"inset -10px 0 10px -8px rgb(0 0 0 / 25%)":"none",";\n }\n "),f="\n tr:nth-child(odd) > td {\n background-color: ".concat(an.colors.neutral.grey.lightest,";\n }\n\n tr + tr > td {\n border-top: 1px solid ").concat(an.colors.neutral.grey.base,";\n }\n "),m="\n tbody:nth-of-type(odd) > tr > td {\n background-color: ".concat(an.colors.neutral.grey.lightest,";\n }\n\n tbody + tbody > tr:first-child > td {\n border-top: 1px solid ").concat(an.colors.neutral.grey.base,";\n }\n ");return"\n grid-template-columns: ".concat(i.map((function(n){return Hr(n.width)})).join(" "),";\n\n th::after, td::after {\n transition: box-shadow .3s;\n }\n\n ").concat(e.length>0?l:"","\n ").concat(t.length>0?c:"","\n\n ").concat(s,"\n ").concat(p,"\n\n ").concat("nested"===a?m:f,"\n ")}Rr.Cell=nr,Rr.ClickableCell=function(e){var t=e.onClick,o=e.children,r=f(e,["onClick","children"]);return n.createElement(nr,p({},r),n.createElement(mr,{onClick:t},o))},Rr.EditableCell=function(e){var t=e.onClick,o=e.children,r=f(e,["onClick","children"]);return n.createElement(nr,p({},r),n.createElement(fr,{onClick:t},n.createElement(hr,null,o)))},Rr.SkeletonCell=wr,Rr.SkeletonContent=vr,function(n){n.ascending="ascending",n.descending="descending"}(yr||(yr={}));var Ir=function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M13 20V7.83L18.59 13.42L20 12L12 4L4 12L5.41 13.41L11 7.83L11 20H13Z",fill:"currentColor"}))},Ar=function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M11 4V16.17L5.41 10.58L4 12L12 20L20 12L18.59 10.59L13 16.17L13 4H11Z",fill:"currentColor"}))},Wr=function(e){var t=e.sortState,o=e.columnId,r=e.size,i={height:r,width:r};return t&&t.columnId===o?t.direction===yr.ascending?n.createElement(Ir,p({color:an.colors.neutral.ink.dark},i)):n.createElement(Ar,p({color:an.colors.neutral.ink.dark},i)):n.createElement(Sr,p({},i))};var Tr,jr="56px",Zr=t.th(Tr||(Tr=h(["\n height: ",";\n\n display: flex;\n align-items: center;\n justify-content: ",";\n\n background-color: white;\n padding-left: ",";\n padding-right: ",";\n border-bottom: 1px solid ",";\n\n grid-column-end: ",";\n"],["\n height: ",";\n\n display: flex;\n align-items: center;\n justify-content: ",";\n\n background-color: white;\n padding-left: ",";\n padding-right: ",";\n border-bottom: 1px solid ",";\n\n grid-column-end: ",";\n"])),jr,(function(n){var e=n.align;return Dr(void 0===e?"left":e)}),(function(n){var e=n.spacing,t=void 0===e?3:e;return an.sizes[t]}),(function(n){var e=n.spacing,t=void 0===e?3:e;return an.sizes[t]}),an.colors.neutral.grey.base,(function(n){var e=n.span;return"span ".concat(void 0===e?1:e)}));function Vr(e){var t=e.selected,o=e.indeterminate,r=e.onChange,i=e.selectionMode,a=f(e,["selected","indeterminate","onChange","selectionMode"]);return"single"===i?n.createElement(Zr,p({},a)):n.createElement(Zr,p({},a),n.createElement(ao,{checked:t,indeterminate:o,onChange:r}))}var Or,Pr=t.td(Or||(Or=h(["\n display: flex;\n align-items: center;\n justify-content: ",";\n\n /* Styling */\n background-color: white;\n padding-bottom: var(--density);\n padding-top: var(--density);\n padding-left: ",";\n padding-right: ",";\n\n /* Content */\n color: ",";\n font-family: ",";\n font-size: ",";\n font-style: ",";\n font-weight: ",";\n line-height: ",";\n\n /* Grid */\n grid-column-end: ",";\n\n tfoot & {\n min-height: ",";\n border-top: 1px solid ",";\n background-color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: ",";\n\n /* Styling */\n background-color: white;\n padding-bottom: var(--density);\n padding-top: var(--density);\n padding-left: ",";\n padding-right: ",";\n\n /* Content */\n color: ",";\n font-family: ",";\n font-size: ",";\n font-style: ",";\n font-weight: ",";\n line-height: ",";\n\n /* Grid */\n grid-column-end: ",";\n\n tfoot & {\n min-height: ",";\n border-top: 1px solid ",";\n background-color: ",";\n }\n"])),(function(n){var e=n.align;return Dr(void 0===e?"left":e)}),(function(n){var e=n.spacing,t=void 0===e?3:e;return an.sizes[t]}),(function(n){var e=n.spacing,t=void 0===e?3:e;return an.sizes[t]}),an.text.bodySmall.color,an.text.bodySmall.fontFamily,an.text.bodySmall.fontSize,an.text.bodySmall.fontStyle,an.text.bodySmall.fontWeight,an.text.bodySmall.lineHeight,(function(n){var e=n.span;return"span ".concat(void 0===e?1:e)}),"56px",an.colors.secondary.blue.base,an.colors.neutral.grey.lightest);function qr(e){var t=e.selected,o=e.rowId,r=e.onChange,i=e.selectionMode,a=e.disabled,l=f(e,["selected","rowId","onChange","selectionMode","disabled"]);return"single"===i?n.createElement(Pr,p({},l),n.createElement(co,{value:o,checked:t,disabled:a,onChange:r})):n.createElement(Pr,p({},l),n.createElement(ao,{value:o,checked:t,disabled:a,onChange:r}))}var Xr=[[],function(){}];var Yr,Gr,_r,Ur=t.div(Yr||(Yr=h(["\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: white;\n color: ",";\n"],["\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: white;\n color: ",";\n"])),an.colors.neutral.ink.lightest),Kr=t.span(Gr||(Gr=h(["\n display: flex;\n height: 28px;\n align-items: center;\n gap: 4px;\n white-space: nowrap;\n\n color: ",";\n font-family: ",";\n font-size: ",";\n font-style: ",";\n font-weight: ",";\n line-height: ",";\n"],["\n display: flex;\n height: 28px;\n align-items: center;\n gap: 4px;\n white-space: nowrap;\n\n color: ",";\n font-family: ",";\n font-size: ",";\n font-style: ",";\n font-weight: ",";\n line-height: ",";\n"])),an.text.headingTable.color,an.text.headingTable.fontFamily,an.text.headingTable.fontSize,an.text.headingTable.fontStyle,an.text.headingTable.fontWeight,an.text.headingTable.lineHeight),$r=t(Kr).attrs((function(){return{as:"button",type:"button"}}))(_r||(_r=h(["\n appearance: none;\n padding: 0;\n border: 0;\n border-radius: 4px;\n background-color: transparent;\n\n &:not(:disabled):hover {\n cursor: pointer;\n }\n\n &:hover "," {\n background-color: ",";\n color: ",";\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow: 0px 0px 0px 2px ",";\n }\n"],["\n appearance: none;\n padding: 0;\n border: 0;\n border-radius: 4px;\n background-color: transparent;\n\n &:not(:disabled):hover {\n cursor: pointer;\n }\n\n &:hover "," {\n background-color: ",";\n color: ",";\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow: 0px 0px 0px 2px ",";\n }\n"])),Ur,an.colors.neutral.grey.light,an.colors.neutral.ink.base,an.colors.secondary.blue.light);function Jr(e){var t=e.column,o=e.sortState,r=e.onChangeSort;if(t.sortable&&!o)throw new Error("Column '".concat(t.id,"' is configured to be sortable but the 'sortState' prop is missing."));if(t.hidden)return null;var i={key:t.id.toString(),id:"datatable-header-".concat(t.id),role:"columnheader",align:t.align,spacing:t.spacing,className:t.sortable?"sortable":void 0};if(t.renderHeader)return t.renderHeader(t,i);var a=t.sortable?$r:Kr,l=t.sortable?{onClick:function(){if(o){var n=function(n){var e=n.sortState,t=n.columnId,o=e.columnId===t,r=e.direction===yr.ascending,i=yr.ascending;return o&&r&&(i=yr.descending),{columnId:t,direction:i}}({sortState:o,columnId:t.id});r?r(n):console.log("DataGrid::renderHeader::handleClickSort - onChangeSort is not defined")}else console.log("DataGrid::renderHeader::handleClickSort - sortState is not defined")}}:{};return n.createElement(Zr,p({},i),n.createElement(Je,{text:t.tooltip},n.createElement(a,p({},l),t.icon&&t.icon,t.title&&n.createElement("span",null,t.title),t.sortable&&n.createElement(Ur,null,n.createElement(Wr,{sortState:o,columnId:t.id,size:tn[5]})))))}var Qr,ni=an.colors.neutral.grey.base,ei=an.colors.neutral.grey.dark,ti=t.div(Qr||(Qr=h(["\n height: 20px;\n width: 75%;\n border-radius: ",";\n\n background: ",";\n background-image: linear-gradient(\n to right,\n "," 0%,\n "," 20%,\n "," 40%,\n "," 100%\n );\n background-repeat: no-repeat;\n background-size: 800px 104px;\n\n animation-duration: 1s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeholderShimmer;\n animation-timing-function: linear;\n\n @keyframes placeholderShimmer {\n 0% {\n background-position: -468px 0;\n }\n\n 100% {\n background-position: 468px 0;\n }\n }\n"],["\n height: 20px;\n width: 75%;\n border-radius: ",";\n\n background: ",";\n background-image: linear-gradient(\n to right,\n "," 0%,\n "," 20%,\n "," 40%,\n "," 100%\n );\n background-repeat: no-repeat;\n background-size: 800px 104px;\n\n animation-duration: 1s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeholderShimmer;\n animation-timing-function: linear;\n\n @keyframes placeholderShimmer {\n 0% {\n background-position: -468px 0;\n }\n\n 100% {\n background-position: 468px 0;\n }\n }\n"])),an.radius.base,ni,ni,ei,ni,ni);var oi,ri,ii=t.div(oi||(oi=h(["\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: 50;\n height: ",";\n background-color: white;\n"],["\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: 50;\n height: ",";\n background-color: white;\n"])),jr),ai=t.div(ri||(ri=h(["\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n padding: 0 0.5rem;\n border-bottom: 1px solid ",";\n\n & > * {\n flex: 1;\n }\n"],["\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n padding: 0 0.5rem;\n border-bottom: 1px solid ",";\n\n & > * {\n flex: 1;\n }\n"])),an.colors.neutral.grey.base);function li(e){var t,o=e.selectionColumn,r=e.intersectionTargetRef,i=e.containerRef,a=e.children,l=n.useState(!1),c=l[0],d=l[1];n.useEffect((function(){if(r.current){var n=new IntersectionObserver((function(n){n.forEach((function(n){d(!n.isIntersecting)}))}));return n.observe(r.current),function(){return n.disconnect()}}}),[r.current]);var s=null===(t=i.current)||void 0===t?void 0:t.getBoundingClientRect(),u={position:"fixed",top:0,left:null==s?void 0:s.left,width:null==s?void 0:s.width},p=c?u:{position:"absolute",top:0,left:0,right:0};return n.createElement(ii,{style:p},Jr({column:o}),n.createElement(ai,null,a))}var ci=function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",fill:"currentColor"}))},di=function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M12 7C14.76 7 17 9.24 17 12C17 12.65 16.87 13.26 16.64 13.83L19.56 16.75C21.07 15.49 22.26 13.86 22.99 12C21.26 7.61 16.99 4.5 11.99 4.5C10.59 4.5 9.25 4.75 8.01 5.2L10.17 7.36C10.74 7.13 11.35 7 12 7ZM2 4.27L4.28 6.55L4.74 7.01C3.08 8.3 1.78 10.02 1 12C2.73 16.39 7 19.5 12 19.5C13.55 19.5 15.03 19.2 16.38 18.66L16.8 19.08L19.73 22L21 20.73L3.27 3L2 4.27ZM7.53 9.8L9.08 11.35C9.03 11.56 9 11.78 9 12C9 13.66 10.34 15 12 15C12.22 15 12.44 14.97 12.65 14.92L14.2 16.47C13.53 16.8 12.79 17 12 17C9.24 17 7 14.76 7 12C7 11.21 7.2 10.47 7.53 9.8ZM11.84 9.02L14.99 12.17L15.01 12.01C15.01 10.35 13.67 9.01 12.01 9.01L11.84 9.02Z",fill:"currentColor"}))},si=function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M3 15H21V13H3V15ZM3 19H21V17H3V19ZM3 11H21V9H3V11ZM3 5V7H21V5H3Z",fill:"currentColor"}))};var ui,pi,fi,mi,hi,gi,bi,xi,vi=t.div(ui||(ui=h(["\n padding-top: ",";\n padding-bottom: ",";\n grid-column: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: ",";\n"],["\n padding-top: ",";\n padding-bottom: ",";\n grid-column: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: ",";\n"])),an.sizes.lg,an.sizes.lg,(function(n){var e=n.columnCount;return"1 / span ".concat(e)}),an.sizes.md),wi=t.div(pi||(pi=h(["\n padding: ",";\n background-color: ",";\n border-radius: ",";\n"],["\n padding: ",";\n background-color: ",";\n border-radius: ",";\n"])),an.sizes.md,an.colors.neutral.grey.light,an.radius.full),yi=t.div(fi||(fi=h(["\n white-space: nowrap;\n"],["\n white-space: nowrap;\n"]))),ki=t.tr(mi||(mi=h(["\n display: contents;\n\n ",";\n\n ","\n"],["\n display: contents;\n\n ",";\n\n ","\n"])),(function(n){return n.selected&&"\n &&&& > td {\n background-color: ".concat(an.colors.brand.blue.lightest,";\n }\n ")}),(function(n){var e=n.accentColor;return e&&'\n &> *:first-child {\n position: relative;\n }\n\n & > *:first-child::before {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n background-color: '.concat(e,";\n }\n ")})),Ei=t.div(hi||(hi=h(["\n position: relative;\n width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n"],["\n position: relative;\n width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n"]))),Ci=t.table(gi||(gi=h(["\n min-width: 100%;\n width: max-content; /* Fixes sticky element bug in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1585254#c3 */\n display: grid;\n\n & thead,\n & tbody,\n & tfoot {\n display: contents;\n }\n\n --density: ",";\n\n && tr:hover td {\n background-color: #f2f8fc;\n }\n\n ","/* CSS styles generate by hooks */\n"],["\n min-width: 100%;\n width: max-content; /* Fixes sticky element bug in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1585254#c3 */\n display: grid;\n\n & thead,\n & tbody,\n & tfoot {\n display: contents;\n }\n\n --density: ",";\n\n && tr:hover td {\n background-color: #f2f8fc;\n }\n\n ","/* CSS styles generate by hooks */\n"])),an.sizes.base,(function(n){return n.css})),Si=t.div(bi||(bi=h(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"],["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"]))),zi={full:"border-width: 1px; border-radius: ".concat(an.radius.base,";"),vertical:"border-width: 0; border-top-width: 1px; border-bottom-width: 1px;",none:"border-width: 0;"},Li=t.div(xi||(xi=h(["\n width: 100%;\n position: relative;\n border-style: solid;\n border-color: ",";\n\n ","\n\n &, & * {\n box-sizing: border-box;\n }\n"],["\n width: 100%;\n position: relative;\n border-style: solid;\n border-color: ",";\n\n ","\n\n &, & * {\n box-sizing: border-box;\n }\n"])),an.colors.neutral.grey.dark,(function(n){var e=n.borderMode;return zi[void 0===e?"full":e]}));function Fi(e){var t=e.children,o=e.intersectionTargetRef,i=e.containerRef,a=e.cellWidths,l=e.tableCss,d=n.useRef(null),s=n.useState(!1),u=s[0],f=s[1],m=n.useState({top:0,left:0,width:0,height:0}),h=m[0],g=m[1],b=function(){var n,e=null===(n=i.current)||void 0===n?void 0:n.getBoundingClientRect(),t={left:(null==e?void 0:e.left)||0,width:(null==e?void 0:e.width)||0,top:0,height:48};g(t)},x=function(){var n;if(i.current){var e=i.current.scrollLeft;null===(n=d.current)||void 0===n||n.scrollTo(e,0)}};if(n.useEffect((function(){if(o.current){var n=new IntersectionObserver((function(n){n.forEach((function(n){f(!n.isIntersecting)}))}),{threshold:1});return n.observe(o.current),function(){return n.disconnect()}}}),[o.current]),n.useEffect((function(){u&&i.current&&b()}),[i.current,u]),n.useEffect((function(){if(u&&i.current){var n=c(b,33),e=new r(n);return e.observe(i.current),function(){return e.disconnect()}}}),[i.current,u]),n.useEffect((function(){x()}),[u]),n.useEffect((function(){var n;return null===(n=i.current)||void 0===n||n.addEventListener("scroll",x),function(){var n;null===(n=i.current)||void 0===n||n.removeEventListener("scroll",x)}}),[i.current]),!u)return null;var v=p(p({},h),{height:jr,position:"fixed",zIndex:5,overflowX:"hidden",overflowY:"hidden",borderBottom:"1px solid ".concat(an.colors.neutral.grey.base)}),w=l+a.map((function(n,e){return"\n & th:nth-child(".concat(e+1,") {\n width: ").concat(n,"px;\n }\n ")})).join("");return n.createElement("div",{style:v,ref:d},n.createElement(Ci,{css:w},n.createElement("thead",null,t)))}var Ni=function(n,e){var t=e.selectedRowIds,o=e.expandedRowIds,r=e.disabledRowIds;return{selected:(null==t?void 0:t.includes(n))||!1,expanded:(null==o?void 0:o.includes(n))||!1,disabled:(null==r?void 0:r.includes(n))||!1}},Mi=function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z",fill:"currentColor"}),n.createElement("circle",{cx:"12",cy:"7",r:"1",fill:"currentColor"}),n.createElement("path",{d:"M10 16H11V11H10V10H13V16H14V17H10V16Z",fill:"currentColor"}))},Ri={icon:n.createElement(Mi,{width:48,height:48}),heading:"No results"},Di=function(){},Hi=function(e){var t,o=e.ActionBarSlot,i=e.borderMode,a=e.columns,l=e.emptyState,d=void 0===l?Ri:l,s=e.expandedRowIds,u=e.loading,f=e.loadingRowCount,h=e.onChangeSort,g=e.rows,b=e.disabledRowIds,x=e.selectionMode,v=e.selectionState,w=e.setExpanded,y=e.sortState,k=e.stripingMode,E=e.enableStickyHeader,C=n.useRef(null),S=n.useRef(null),z=n.useRef(null);t=C,n.useEffect((function(){if(t.current){var n=!1,e=t.current,o={left:0,x:0},r=function(t){if(e){var r=t.clientX-o.x;e.scrollLeft=o.left-r,n||(e.style.cursor="grabbing",e.style.userSelect="none"),n=!0}},i=function(){document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",i),n=!1,e&&(e.style.removeProperty("cursor"),e.style.removeProperty("user-select"))},a=function(n){e&&(o.left=e.scrollLeft,o.x=n.clientX,document.addEventListener("mousemove",r),document.addEventListener("mouseup",i))};return e.addEventListener("mousedown",a),function(){return null==e?void 0:e.removeEventListener("mousedown",a)}}}),[t.current]);var L=function(e){var t=e.selectionMode,o=void 0===t?"multiple":t,r=e.selectionState,i=e.enabledRowIds,a=!!r,l=r||Xr,c=l[0],d=l[1],s=function(){c.length!==i.length?d(i):d([])};return{selectionEnabled:a,selectedRowIds:c,selectionColumn:{id:"selection",title:"Selection",width:"auto",align:"center",pinned:"left",renderHeader:function(e,t){return n.createElement(Vr,p({},t,{selected:c.length===i.length,indeterminate:c.length>0&&c.length<i.length,onChange:s,selectionMode:o}))},renderCell:function(e,t,r,i){return n.createElement(qr,p({},t,{rowId:e.id,selected:i.selected,onChange:r.setSelected,selectionMode:o,disabled:i.disabled}))}},setSelected:function(n,e){if(null!=e)if(n&&"single"===o)d([e]);else if(n){if(c.includes(e))return;var t=m(m([],c,!0),[e],!1);d(t)}else{var r=c.findIndex((function(n){return n===e}));if(r<0)return;(t=m([],c,!0)).splice(r,1),d(t)}}}}({selectionMode:x,selectionState:v,enabledRowIds:g.map((function(n){return n.id})).filter((function(n){return!(null==b?void 0:b.includes(n))}))}),F=L.selectionEnabled,N=L.selectedRowIds,M=L.selectionColumn,R={setSelected:L.setSelected||Di,setExpanded:w||Di},D=m([M],a,!0),H=F?D:a,B=function(e,t){var o=n.useState([]),i=o[0],a=o[1],l=function(){if(e.current){var n=e.current.querySelectorAll("tbody tr:first-child td"),t=Array.from(n).map((function(n){return n.getBoundingClientRect().width}));a(t)}};return n.useEffect((function(){l()}),[e.current]),n.useEffect((function(){if(t.current){var n=c(l,50),e=new r(n);return e.observe(t.current),function(){return e.disconnect()}}}),[t.current]),i}(S,C),I=function(n){var e=n.filter((function(n){return!0!==n.hidden})),t=e.filter((function(n){return"left"===n.pinned})),o=e.filter((function(n){return"right"===n.pinned})),r=e.filter((function(n){return"none"===n.pinned||!n.pinned}));return{visible:m(m(m([],t,!0),r,!0),o,!0),pinnedLeft:t,pinnedRight:o}}(H),A=I.visible,W=I.pinnedLeft,T=I.pinnedRight,j=function(e){var t=n.useState("start"),o=t[0],i=t[1],a=function(){if(e.current){var n=e.current.getBoundingClientRect().width,t=e.current,o=t.scrollLeft,r=t.scrollWidth;i(r<n?"none":0!==o?o+n>=r?"end":"middle":"start")}};return n.useEffect((function(){if(e.current)return e.current.addEventListener("scroll",a),function(){var n;return null===(n=e.current)||void 0===n?void 0:n.removeEventListener("scroll",a)}}),[e.current]),n.useEffect((function(){if(e.current){var n=c(a,50),t=new r(n);return t.observe(e.current),function(){return t.disconnect()}}}),[e.current]),{scrollPosition:o,containerRef:e}}(C).scrollPosition,Z=Br({pinnedLeft:W,pinnedRight:T,cellWidths:B,scrollPosition:j,visible:A,stripingMode:k});if(u){var V=new Array(f).fill(!0).map((function(){return{id:1e3*Math.random(),data:null}}));return n.createElement(Li,{borderMode:i},n.createElement(Ei,{ref:C},n.createElement(Ci,{css:Z,ref:S,role:"table"},n.createElement("thead",{role:"rowgroup"},n.createElement(ki,{role:"row"},A.map((function(n){return Jr({column:n,sortState:y,onChangeSort:h})})))),n.createElement("tbody",{role:"rowgroup"},V.map((function(e){return n.createElement(ki,{key:e.id},A.map((function(t){return function(e,t){if(!0===t.hidden)return null;var o={align:t.align,key:"".concat(e.id,"-").concat(t.id),role:"cell",spacing:t.spacing};return n.createElement(Pr,p({},o),n.createElement(ti,null))}(e,t)})))}))))))}if(0===g.length)return n.createElement(Li,{borderMode:i},n.createElement(Ei,{ref:C},n.createElement(Ci,{css:Z,ref:S,role:"table"},n.createElement("thead",{role:"rowgroup"},n.createElement(ki,{role:"row"},A.map((function(n){return Jr({column:n,sortState:y,onChangeSort:h})})))),n.createElement("tbody",{role:"rowgroup"},n.createElement(vi,{columnCount:A.length},n.createElement(wi,null,d.icon),n.createElement(Ot,{spacing:"sm",alignX:"center"},n.createElement(sn,{variant:"headingMedium"},d.heading),d.subheading&&n.createElement(sn,{variant:"subheadingMedium"},d.subheading)))))));var O,P=function(e){var t=e.e2eClassName,o=void 0===t?"":t,r=e.accentColor,i=Ni(e.id,{selectedRowIds:N,expandedRowIds:s,disabledRowIds:b});return n.createElement(ki,p({role:"row",key:e.id,accentColor:r,className:o},i),A.map((function(n){return function(n,e,t,o){if(e.hidden)return null;var r={align:e.align,key:"".concat(n.id,"-").concat(e.id),role:"cell",spacing:e.spacing,span:e.span};return e.renderCell(n,r,t,o)}(e,n,R,i)})))},q=function(e,t){var o,r,i=null===(r=null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.e2eClassNames)||void 0===r?void 0:r.row,a=Ni(t,{selectedRowIds:N,expandedRowIds:s,disabledRowIds:b});return n.createElement(ki,{role:"row",key:e.id,className:i},A.map((function(t){return function(e,t,o){if(t.hidden)return null;var r={align:t.align,key:"".concat(e.id,"-").concat(t.id),role:"cell",spacing:t.spacing};return t.renderNestedCell?t.renderNestedCell(e,r,o):n.createElement(Pr,p({},r))}(e,t,a)})))},X=function(e){var t,o=null==s?void 0:s.includes(e.id);return n.createElement("tbody",{role:"rowgroup",key:e.id},P(e),o&&(null===(t=e.nestedRows)||void 0===t?void 0:t.map((function(n){return q(n,e.id)}))))},Y=n.createElement(ki,{role:"row"},A.map((function(n){return Jr({column:n,sortState:y,onChangeSort:h})}))),G=a.some((function(n){return!!n.renderFooter})),_=N.length>0&&!!o;return n.createElement(Li,{borderMode:i},_&&n.createElement(li,{selectionColumn:M,intersectionTargetRef:z,containerRef:C},o),n.createElement(Ei,{ref:C},E&&n.createElement(Fi,{tableCss:Z,intersectionTargetRef:z,containerRef:C,cellWidths:B},Y),n.createElement("div",{ref:z,style:{height:0}}),n.createElement(Ci,{css:Z,ref:S,role:"table"},n.createElement("thead",{role:"rowgroup"},Y),(O=!!s)&&"nested"===k?g.map(X):O?n.createElement("tbody",{role:"rowgroup"},g.map((function(n){var e;return m([P(n)],(null==s?void 0:s.includes(n.id))&&(null===(e=n.nestedRows)||void 0===e?void 0:e.map((function(e){return q(e,n.id)})))||[],!0)}))):n.createElement("tbody",{role:"rowgroup"},g.map(P)),G&&n.createElement("tfoot",{role:"rowgroup"},n.createElement(ki,{role:"row"},A.map((function(e){return function(e){var t=e.column;if(t.hidden)return null;var o={key:t.id,role:"cell",align:t.align,spacing:t.spacing};return t.renderFooter?t.renderFooter(t,o):n.createElement(Pr,p({},o))}({column:e})})))))))};Hi.defaultProps={loading:!1,loadingRowCount:5,selectionMode:"multiple",stripingMode:"row",enableStickyHeader:!0},Hi.Cell=Pr,Hi.ColumnMenu=function(e){var t=e.columns,o=e.columnGroups,r=e.setColumns,i=n.useState(null),a=i[0],l=i[1],c=n.useState(!1),d=c[0],s=c[1],u=t.map((function(n){return[n.id,n]})),f=Object.fromEntries(u),h=o.map((function(n){return n.map((function(n){return f[n]}))})),g=function(n,e){var o=h[n].map((function(n){return n.id})),i=m([],t,!0);o.forEach((function(n){var t=i.findIndex((function(e){return e.id===n}));t<0||(i[t]=p(p({},i[t]),{hidden:e}))})),r(i)};return n.createElement(n.Fragment,null,n.createElement(Vn,{ref:l,dropdown:!0,onClick:function(){return s(!0)}},"Columns"),d&&n.createElement(Cn,{anchorElement:a,onShouldClose:function(){return s(!1)}},n.createElement(te,{style:{width:600}},n.createElement(Ot,{alignX:"stretch",spacing:"sm"},h.map((function(e,t){return n.createElement(Ot,{key:e[0].id,direction:"horizontal",alignY:"center",spacing:"sm",style:{border:"1px solid black",padding:8}},n.createElement(Vn,{variant:"flat",icon:n.createElement(si,null)}),n.createElement(Ot,{spacing:"sm",style:{flex:1}},e.map((function(e){return n.createElement("div",{key:e.id},e.title)}))),n.createElement(Ot,{direction:"horizontal",spacing:"sm"},e[0].hidden?n.createElement(Vn,{variant:"flat",icon:n.createElement(di,null),onClick:function(){return g(t,!1)},style:{color:an.colors.neutral.ink.lightest}}):n.createElement(Vn,{variant:"flat",icon:n.createElement(ci,null),onClick:function(){return g(t,!0)}})))}))))))},Hi.SelectionCell=qr,Hi.SelectionHeader=Vr,Hi.Header=Zr,Hi.Truncate=Si,Hi.NoWrap=yi;var Bi,Ii,Ai,Wi,Ti,ji,Zi,Vi,Oi,Pi,qi,Xi=t.dl(Bi||(Bi=h(["\n margin: unset;\n\n & > * + * {\n margin-top: ",";\n }\n"],["\n margin: unset;\n\n & > * + * {\n margin-top: ",";\n }\n"])),an.sizes.base),Yi=t.div(Ii||(Ii=h(["\n & > * + * {\n margin-top: ",";\n }\n"],["\n & > * + * {\n margin-top: ",";\n }\n"])),an.sizes.xs),Gi=t.div(Ai||(Ai=h(["\n display: flex;\n justify-content: space-between;\n\n & > * + * {\n margin-left: ",";\n }\n"],["\n display: flex;\n justify-content: space-between;\n\n & > * + * {\n margin-left: ",";\n }\n"])),an.sizes.base),_i=t.div(Wi||(Wi=h(["\n text-align: right;\n\n & > * + * {\n margin-top: ",";\n }\n"],["\n text-align: right;\n\n & > * + * {\n margin-top: ",";\n }\n"])),an.sizes.xs),Ui=t.dt(Ti||(Ti=h(["\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n"],["\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n"])),an.text.bodyBold.fontFamily,an.text.bodyBold.fontSize,an.text.bodyBold.fontWeight,an.text.bodyBold.lineHeight,an.text.bodyBold.color),Ki=t.dd(ji||(ji=h(["\n margin-left: unset;\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n"],["\n margin-left: unset;\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n"])),an.text.body.fontFamily,an.text.body.fontSize,an.text.body.fontWeight,an.text.body.lineHeight,an.text.body.color),$i=an.sizes,Ji=an.colors,Qi=t.div(Zi||(Zi=h(["\n width: 100%;\n display: grid;\n grid-template-columns: ",";\n align-items: flex-start;\n grid-gap: ",";\n transition: all 0.2s ease-in-out;\n\n & > *:nth-child(2) {\n opacity: ",";\n transition: opacity 0.2s;\n }\n"],["\n width: 100%;\n display: grid;\n grid-template-columns: ",";\n align-items: flex-start;\n grid-gap: ",";\n transition: all 0.2s ease-in-out;\n\n & > *:nth-child(2) {\n opacity: ",";\n transition: opacity 0.2s;\n }\n"])),(function(n){var e=n.showSidebar;return void 0===e||e?"calc(100% - 312px - ".concat($i.md,") 312px"):"100% 312px"}),$i.md,(function(n){var e=n.showSidebar;return void 0===e||e?"1.0":"0"})),na=t.div(Vi||(Vi=h(["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n overflow-x: hidden;\n background-color: ",";\n"],["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n overflow-x: hidden;\n background-color: ",";\n"])),$i.md,Ji.neutral.grey.lightest),ea=t.div(Oi||(Oi=h(["\n display: flex;\n\n & > * {\n margin-left: 0;\n margin-right: 0;\n box-shadow: none;\n }\n\n & > *:not(:last-child) {\n border-right-width: 0 !important;\n }\n\n & > *:hover {\n }\n\n & > *:focus,\n & > *:active {\n z-index: 5;\n border-right-width: 1px !important;\n }\n\n & > *:focus + *,\n & > *:active + * {\n border-left-width: 0 !important;\n }\n\n & > *:not(:first-child):not(:last-child) {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n\n & > *:first-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n\n & > *:last-child {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n }\n"],["\n display: flex;\n\n & > * {\n margin-left: 0;\n margin-right: 0;\n box-shadow: none;\n }\n\n & > *:not(:last-child) {\n border-right-width: 0 !important;\n }\n\n & > *:hover {\n }\n\n & > *:focus,\n & > *:active {\n z-index: 5;\n border-right-width: 1px !important;\n }\n\n & > *:focus + *,\n & > *:active + * {\n border-left-width: 0 !important;\n }\n\n & > *:not(:first-child):not(:last-child) {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n\n & > *:first-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n\n & > *:last-child {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n }\n"])));!function(n){n.base="base",n.sm="sm"}(Pi||(Pi={})),function(n){n.g="g",n.lb="lb"}(qi||(qi={}));var ta,oa,ra,ia,aa,la,ca,da,sa,ua,pa,fa,ma,ha,ga,ba=t.label(ta||(ta=h(["\n display: block;\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n"],["\n display: block;\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n"])),an.text.inputLabel.fontFamily,an.text.inputLabel.fontSize,an.text.inputLabel.fontWeight,an.text.inputLabel.lineHeight,an.text.inputLabel.color),xa=t.span(oa||(oa=h(["\n display: block;\n font-family: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n"],["\n display: block;\n font-family: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n"])),an.fontFamily,an.sizes[3],an.sizes[4],an.colors.neutral.ink.light),va=t.span(ra||(ra=h(["\n display: block;\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: calc("," * -1);\n width: 2px;\n background-color: ",";\n }\n"],["\n display: block;\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: calc("," * -1);\n width: 2px;\n background-color: ",";\n }\n"])),an.text.error.fontFamily,an.text.error.fontSize,an.text.error.fontWeight,an.text.error.lineHeight,an.text.error.color,an.sizes[2],an.colors.secondary.red.base),wa=t(Ot)(ia||(ia=h(["\n position: relative;\n"],["\n position: relative;\n"]))),ya=t(Je)(aa||(aa=h(["\n /* Tooltip uses inline-block containers which add more height when\n the child component is an inline element (e.g. Glyph or an SVG),\n so we need to set to block to preserve the height and fix alignment. */\n display: block;\n &-hoverable {\n display: block;\n }\n"],["\n /* Tooltip uses inline-block containers which add more height when\n the child component is an inline element (e.g. Glyph or an SVG),\n so we need to set to block to preserve the height and fix alignment. */\n display: block;\n &-hoverable {\n display: block;\n }\n"]))),ka=function(e){return function(t){var o=t.label,r=t.hint,i=t.error,a=t.tooltip,l=f(t,["label","hint","error","tooltip"]),c=n.useMemo((function(){return wn(e.name)}),[]);return o?n.createElement(wa,{spacing:"sm",alignX:"stretch"},n.createElement("div",null,n.createElement(Ot,{direction:"horizontal",alignY:"center",spacing:"sm"},n.createElement(ba,{htmlFor:c},o),a&&n.createElement(ya,{text:a},n.createElement(no,{width:an.sizes.base,height:an.sizes.base,color:an.colors.neutral.ink.light}))),r&&n.createElement(xa,null,r)),n.createElement(e,p({id:c,hasError:!!i},l)),i&&n.createElement(va,null,i)):n.createElement(e,p({hasError:!!i},l))}},Ea=function(n){var e=n.hasError,o=n.inputSize;return t.css(la||(la=h(["\n & {\n --outline-size: ",";\n }\n\n &:focus {\n border-color: #0079d1;\n box-shadow: 0 0 0 var(--outline-size) #80bce8;\n outline: 0;\n }\n\n &:invalid {\n border-color: #eb5757;\n box-shadow: 0 0 0 var(--outline-size) #f7bcbc;\n }\n\n &:disabled {\n box-shadow: none;\n background-color: #f2f3f5;\n border-color: #959fa8;\n color: #637381;\n }\n\n ","\n"],["\n & {\n --outline-size: ",";\n }\n\n &:focus {\n border-color: #0079d1;\n box-shadow: 0 0 0 var(--outline-size) #80bce8;\n outline: 0;\n }\n\n &:invalid {\n border-color: #eb5757;\n box-shadow: 0 0 0 var(--outline-size) #f7bcbc;\n }\n\n &:disabled {\n box-shadow: none;\n background-color: #f2f3f5;\n border-color: #959fa8;\n color: #637381;\n }\n\n ","\n"])),"sm"===o?"2px":"4px",e&&"\n &,\n &:focus {\n border-color: #EB5757;\n }\n\n &:focus {\n box-shadow: 0 0 0 var(--outline-size) #F7BCBC;\n }\n ")},Ca=t.input(ca||(ca=h(["\n font-family: ",";\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 12px;\n border-radius: 4px;\n border: 1px solid #959fa8;\n color: #1b2126;\n\n ","\n\n ","\n\n /* Hide number arrows/spinners */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &[type='number'] {\n -moz-appearance: textfield;\n width: 8ch;\n text-align: right;\n }\n"],["\n font-family: ",";\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 12px;\n border-radius: 4px;\n border: 1px solid #959fa8;\n color: #1b2126;\n\n ","\n\n ","\n\n /* Hide number arrows/spinners */\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &[type='number'] {\n -moz-appearance: textfield;\n width: 8ch;\n text-align: right;\n }\n"])),an.fontFamily,(function(n){var e="40px",t="14px";return"sm"===n.inputSize&&(e="32px",t="12px"),"\n height: ".concat(e,";\n font-size: ").concat(t,";\n ")}),Ea),Sa=t.textarea(da||(da=h(["\n box-sizing: border-box;\n width: 100%;\n padding: 8px;\n border-radius: 4px;\n border: 1px solid #959fa8;\n color: #1b2126;\n\n ","\n"],["\n box-sizing: border-box;\n width: 100%;\n padding: 8px;\n border-radius: 4px;\n border: 1px solid #959fa8;\n color: #1b2126;\n\n ","\n"])),Ea),za=/^-?[0-9]*\.?[0-9]+$/,La=ka((function(e){var t=e.className,o=e.disabled,r=void 0!==o&&o,i=e.hasError,a=e.max,l=e.min,c=e.multiline,d=void 0!==c&&c,s=e.name,u=e.onChange;e.pattern;var m=e.placeholder,h=e.rows,g=void 0===h?"3":h,b=e.size,x=void 0===b?Pi.base:b,v=e.step,w=e.type,y=void 0===w?"text":w,k=e.value,E=e.spellCheck,C=void 0!==E&&E,S=f(e,["className","disabled","hasError","max","min","multiline","name","onChange","pattern","placeholder","rows","size","step","type","value","spellCheck"]),z=n.useCallback((function(n){var e=n.currentTarget.value;""!==e?"number"===y?new RegExp(za).test(e)&&u(e):u(e):u(e)}),[u,y]),L=wn("textfield");return"text"===y&&d?n.createElement(Sa,p({className:t,disabled:r,hasError:i,id:L,name:s,onChange:z,placeholder:m,rows:g,value:k,spellCheck:C},S)):n.createElement(Ca,p({className:t,disabled:r,hasError:i,id:L,inputSize:x,max:a,min:l,name:s,onChange:z,placeholder:m,step:v,type:y,value:k,spellCheck:C},S))})),Fa=t(w)(sa||(sa=h(["\n display: flex;\n flex-direction: column;\n position: relative;\n"],["\n display: flex;\n flex-direction: column;\n position: relative;\n"]))),Na=t(w)(ua||(ua=h(["\n display: flex;\n align-items: center;\n margin-top: 4px;\n"],["\n display: flex;\n align-items: center;\n margin-top: 4px;\n"]))),Ma=t(La)(pa||(pa=h(["\n width: 52px;\n margin: 0;\n padding: 0 6px;\n\n &&& {\n text-align: left;\n border-color: ",";\n }\n"],["\n width: 52px;\n margin: 0;\n padding: 0 6px;\n\n &&& {\n text-align: left;\n border-color: ",";\n }\n"])),an.colors.neutral.ink.lightest),Ra=t(Vn)(fa||(fa=h(["\n padding: 0 6px;\n border-color: ",";\n"],["\n padding: 0 6px;\n border-color: ",";\n"])),an.colors.neutral.ink.lightest);t(sn)(ma||(ma=h([""],[""]))),t.span(ha||(ha=h(["\n display: block;\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: calc("," * -1);\n width: 2px;\n background-color: ",";\n }\n"],["\n display: block;\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: calc("," * -1);\n width: 2px;\n background-color: ",";\n }\n"])),an.text.error.fontFamily,an.text.error.fontSize,an.text.error.fontWeight,an.text.error.lineHeight,an.text.error.color,an.sizes[2],an.colors.secondary.red.base),t.span(ga||(ga=h(["\n display: block;\n font-family: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n"],["\n display: block;\n font-family: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n"])),an.fontFamily,an.sizes[3],an.sizes[4],an.colors.neutral.ink.light);var Da=ka((function(e){var t=e.size,o=void 0===t?Pi.base:t,r=e.handleChangeHeight,i=e.handleChangeWidth,a=e.handleChangeLength,l=e.className,c=e.height,d=e.width,s=e.length,u=e.unit,m=f(e,["size","handleChangeHeight","handleChangeWidth","handleChangeLength","className","height","width","length","unit"]);return n.createElement(Fa,{className:l},n.createElement(Na,null,n.createElement(Ma,p({onChange:a,size:o,name:"length",type:"number",placeholder:"L",value:s},m)),n.createElement(Xn,{height:an.sizes.base,width:an.sizes.base}),n.createElement(Ma,p({onChange:i,size:o,name:"width",type:"number",placeholder:"W",value:d},m)),n.createElement(Xn,{height:an.sizes.base,width:an.sizes.base}),n.createElement(ea,null,n.createElement(Ma,p({onChange:r,size:o,name:"height",type:"number",placeholder:"H",value:c},m)),n.createElement(Ra,{size:o},u))))})),Ha=function(e,t){var o=n.useRef(null),r=n.useCallback((function(n){"Escape"===n.key&&(null==t||t())}),[t]),i=n.useCallback((function(n){o.current.contains(n.target)||null==t||t()}),[t]);return n.useEffect((function(){if(e)return document.addEventListener("click",i),document.addEventListener("keyup",r),function(){document.removeEventListener("click",i),document.removeEventListener("keyup",r)}}),[i,r,e]),o};function Ba(){var e=n.useState(!1),t=e[0],o=e[1],r=n.useCallback((function(){return o(!t)}),[t,o]),i=n.useCallback((function(){return o(!1)}),[o]);return{shouldShowDropdown:t,toggleShouldShowDropdown:r,setShouldShowDropdown:o,closeDropdown:i}}var Ia=n.createContext({hadKeyboardEvent:!0,isInitialized:!1});var Aa,Wa,Ta,ja,Za,Va,Oa,Pa,qa,Xa,Ya,Ga,_a,Ua,Ka,$a,Ja,Qa,nl,el,tl,ol,rl,il,al,ll,cl,dl,sl,ul,pl,fl,ml,hl,gl,bl,xl,vl,wl=function(e){void 0===e&&(e=!1);var t=n.useState(e),o=t[0],r=t[1];return[o,n.useCallback((function(){return r(!0)}),[r]),n.useCallback((function(){return r(!1)}),[r])]},yl=function(e){var t=n.useState(!1),o=t[0],r=t[1],i=n.useState(!1),a=i[0],l=i[1];n.useEffect((function(){if(e){var n=new ResizeObserver((function(){var n=e.scrollHeight>e.clientHeight;r(n)}));return n.observe(e),function(){n.disconnect()}}}),[e]);return{isOverflowing:o&&!a,onScroll:function(n){if(e){var t=n.target,o=t.scrollTop,r=t.scrollHeight,i=t.clientHeight;l(r-o-i<=0)}}}},kl=t(w)(Aa||(Aa=h(["\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n background-color: ",";\n border-radius: 4px;\n padding: 4px 8px;\n cursor: pointer;\n"],["\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n background-color: ",";\n border-radius: 4px;\n padding: 4px 8px;\n cursor: pointer;\n"])),E.neutral.grey.base),El=t(sn)(Wa||(Wa=h(["\n user-select: none;\n"],["\n user-select: none;\n"]))),Cl=t(El)(Ta||(Ta=h(["\n margin-right: 4px;\n"],["\n margin-right: 4px;\n"]))),Sl=t(un)(ja||(ja=h(["\n margin-left: 4px;\n transform: rotate(",");\n"],["\n margin-left: 4px;\n transform: rotate(",");\n"])),(function(n){return n.shouldShow?"180deg":"0"})),zl=t(Xn)(Za||(Za=h(["\n margin-left: 4px;\n height: 10px;\n width: 10px;\n"],["\n margin-left: 4px;\n height: 10px;\n width: 10px;\n"]))),Ll=t(w)(Va||(Va=h(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n"],["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n"]))),Fl=t(w)(Oa||(Oa=h(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n padding: 12px 18px;\n border-bottom: 1px solid ",";\n\n svg {\n width: 18px;\n height: 18px;\n margin-right: 10px;\n }\n"],["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n padding: 12px 18px;\n border-bottom: 1px solid ",";\n\n svg {\n width: 18px;\n height: 18px;\n margin-right: 10px;\n }\n"])),E.neutral.grey.base),Nl=function(n){return{filterTagDropdown:n?"".concat(n,"-filter-tag-dropdown"):void 0,container:n?"".concat(n,"-container"):void 0,cross:n?"".concat(n,"-cross"):void 0}},Ml=t(w)(Pa||(Pa=h(["\n display: grid;\n grid-template-columns: repeat(",", 1fr);\n grid-gap: ",";\n"],["\n display: grid;\n grid-template-columns: repeat(",", 1fr);\n grid-gap: ",";\n"])),(function(n){return n.columns}),(function(n){var e=n.spacing,t=void 0===e?"base":e;return t?tn[t]:0})),Rl=function(e){return n.createElement("svg",p({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.3333 0C22.8 0 24 1.2 24 2.66667V21.3333C24 22.8 22.8 24 21.3333 24H2.66667C1.2 24 0 22.8 0 21.3333V2.66667C0 1.2 1.2 0 2.66667 0H21.3333ZM10.6667 18.0133L7.33333 14L2.66667 20H21.3333L15.3333 12L10.6667 18.0133Z",fill:"#CDD1D5"}))},Dl=t.div(qa||(qa=h([""],[""]))),Hl=t.img(Xa||(Xa=h(["\n box-sizing: border-box;\n cursor: ",";\n"],["\n box-sizing: border-box;\n cursor: ",";\n"])),(function(n){return n.previewEnabled?"zoom-in":"default"})),Bl=t.div(Ya||(Ya=h(["\n z-index: 10;\n background-color: transparent;\n"],["\n z-index: 10;\n background-color: transparent;\n"]))),Il=t.img(Ga||(Ga=h(["\n box-shadow: 0 4px 12px rgba(27, 33, 38, 0.2);\n"],["\n box-shadow: 0 4px 12px rgba(27, 33, 38, 0.2);\n"]))),Al=function(n){return{container:n?"".concat(n,"-image-container"):void 0,image:n?"".concat(n,"-image"):void 0,placeholder:n?"".concat(n,"-image-placeholder"):void 0,previewImageContainer:n?"".concat(n,"-image-preview-container"):void 0}},Wl=t.button(_a||(_a=h(["\n /* Remove default button style */\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n\n img {\n width: 156px;\n height: 32px;\n }\n"],["\n /* Remove default button style */\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n\n img {\n width: 156px;\n height: 32px;\n }\n"]))),Tl="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png",jl="Log in with Amazon",Zl=t.createGlobalStyle(Ua||(Ua=h(["\n body {\n overflow: hidden;\n scrollbar-gutter: stable;\n }\n"],["\n body {\n overflow: hidden;\n scrollbar-gutter: stable;\n }\n"]))),Vl=t.section(Ka||(Ka=h(["\n flex: 1;\n overflow-y: auto;\n\n ","\n ","\n"],["\n flex: 1;\n overflow-y: auto;\n\n ","\n ","\n"])),(function(n){return!n.fullBleed&&"padding: 0 ".concat(an.sizes.md,";")}),(function(n){return n.isScrollable&&"\n & + ".concat(te.Footer," {\n box-shadow: 0px 10px 15px 0px ").concat(an.colors.neutral.ink.dark,";\n }\n ")})),Ol=function(n){return!!n.footerSlot},Pl=function(n){var e=n.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(n,e,t,o){return e+e+t+t+o+o})),t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null},ql=function(n,e){var t=Pl(n);return t?"rgba(".concat(t.r,", ").concat(t.g,", ").concat(t.b,", ").concat(e,")"):n},Xl={xs:"84vh",sm:"72vh",base:"84vh",lg:"96vh"},Yl=(($a={})[C.mobile]={xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},$a[C.tablet]={xs:"60vw",sm:"72vw",base:"100vw",lg:"100vw"},$a[C.lgTablet]={xs:"48vw",sm:"56vw",base:"88vw",lg:"100vw"},$a[C.desktop]={xs:"36vw",sm:"44vw",base:"72vw",lg:"88vw"},$a[C.lgDesktop]={xs:"32vw",sm:"40vw",base:"52vw",lg:"80vw"},$a),Gl={xs:C.mobile,sm:C.mobile,base:C.tablet,lg:C.lgTablet},_l=an.breakpoints,Ul=t(a.motion.dialog).attrs({initial:{opacity:0,y:-50,bounce:0},exit:{opacity:0,y:-50,bounce:0},animate:{opacity:1,y:0,bounce:0},transition:{type:"tween",duration:.25}})(Ja||(Ja=h(["\n padding: 0;\n border: none;\n border-radius: ",";\n box-shadow: ",";\n\n min-width: 360px;\n\n &::backdrop {\n animation: fadeIn 0.25s ease forwards;\n }\n\n & > "," {\n display: flex;\n flex-direction: column;\n\n ","\n\n "," {\n padding-bottom: ",";\n }\n\n "," {\n margin-top: 0;\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n // ** Responsive Design ** //\n\n // Tablet\n @media (min-width: calc("," + 1px)) and (max-width: ",") {\n max-width: ",";\n }\n\n // Lg Tablet\n @media (min-width: ",") and (max-width: ",") {\n max-width: ",";\n }\n\n // Desktop\n @media (min-width: ",") and (max-width: ",") {\n max-width: ",";\n }\n\n // Lg Desktop\n @media (min-width: ",") {\n max-width: ",";\n }\n\n // Full Screen Mode\n @media (max-width: ",") {\n margin: 0;\n width: 100%;\n max-width: 100vw;\n max-height: 100vh;\n\n &,\n & > "," {\n border-radius: 0;\n height: 100%;\n width: 100%;\n max-height: unset;\n }\n }\n\n &::backdrop {\n background-color: ",";\n }\n\n &:not([open]) {\n display: block;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n transform: translate(-50%, -50%);\n }\n"],["\n padding: 0;\n border: none;\n border-radius: ",";\n box-shadow: ",";\n\n min-width: 360px;\n\n &::backdrop {\n animation: fadeIn 0.25s ease forwards;\n }\n\n & > "," {\n display: flex;\n flex-direction: column;\n\n ","\n\n "," {\n padding-bottom: ",";\n }\n\n "," {\n margin-top: 0;\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n // ** Responsive Design ** //\n\n // Tablet\n @media (min-width: calc("," + 1px)) and (max-width: ",") {\n max-width: ",";\n }\n\n // Lg Tablet\n @media (min-width: ",") and (max-width: ",") {\n max-width: ",";\n }\n\n // Desktop\n @media (min-width: ",") and (max-width: ",") {\n max-width: ",";\n }\n\n // Lg Desktop\n @media (min-width: ",") {\n max-width: ",";\n }\n\n // Full Screen Mode\n @media (max-width: ",") {\n margin: 0;\n width: 100%;\n max-width: 100vw;\n max-height: 100vh;\n\n &,\n & > "," {\n border-radius: 0;\n height: 100%;\n width: 100%;\n max-height: unset;\n }\n }\n\n &::backdrop {\n background-color: ",";\n }\n\n &:not([open]) {\n display: block;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n transform: translate(-50%, -50%);\n }\n"])),an.sizes.sm,an.shadows.lg,te.Surface,(function(n){var e=n.variant;return"max-height: ".concat(Xl[e],";")}),Vl,an.sizes.md,te.Footer,_l.mobile,_l.tablet,(function(n){var e=n.variant;return Yl[_l.tablet][e]}),_l.tablet,_l.lgTablet,(function(n){var e=n.variant;return Yl[_l.lgTablet][e]}),_l.lgTablet,_l.desktop,(function(n){var e=n.variant;return Yl[_l.desktop][e]}),_l.desktop,(function(n){var e=n.variant;return Yl[_l.lgDesktop][e]}),(function(n){var e=n.variant;return Gl[e]}),te.Surface,ql(an.colors.neutral.ink.base,.5)),Kl=n.forwardRef((function(e,t){var o=f(e,[]);return n.createElement(Ul,p({ref:t},o))})),$l=an.sizes,Jl=an.text,Ql=an.shadows,nc=an.colors.neutral.grey,ec=t.header(Qa||(Qa=h(["\n padding: "," ",";\n background-color: white;\n box-shadow: ",";\n"],["\n padding: "," ",";\n background-color: white;\n box-shadow: ",";\n"])),$l.base,$l.md,(function(n){var e=n.shadow;return"none"!==e&&Ql[e]})),tc=t.h1(nl||(nl=h(["\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n\n margin: unset;\n line-height: 1;\n"],["\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n\n margin: unset;\n line-height: 1;\n"])),Jl.headingXL.fontFamily,Jl.headingXL.fontSize,Jl.headingXL.fontWeight),oc=t.p(el||(el=h(["\n margin: 0.75rem 0 0;\n font-family: ",";\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n"],["\n margin: 0.75rem 0 0;\n font-family: ",";\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n"])),Jl.subheadingLarge.fontFamily,Jl.subheadingLarge.fontWeight,Jl.subheadingLarge.fontSize,Jl.subheadingLarge.lineHeight),rc=t.img(tl||(tl=h(["\n border-radius: ",";\n border: "," solid ",";\n object-fit: cover;\n"],["\n border-radius: ",";\n border: "," solid ",";\n object-fit: cover;\n"])),an.radius.base,$l.line,nc.base),ic=t.div(ol||(ol=h(["\n height: 100%;\n display: grid;\n grid-template-rows: 1fr auto;\n gap: 1rem;\n"],["\n height: 100%;\n display: grid;\n grid-template-rows: 1fr auto;\n gap: 1rem;\n"]))),ac=t(Vn).attrs({variant:"unstyled"})(rl||(rl=h(["\n display: flex;\n align-items: center;\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n\n &:hover {\n text-decoration: ",";\n }\n\n & > * + * {\n margin-left: ",";\n }\n"],["\n display: flex;\n align-items: center;\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n\n &:hover {\n text-decoration: ",";\n }\n\n & > * + * {\n margin-left: ",";\n }\n"])),an.text.link.fontFamily,an.text.link.fontSize,an.text.link.fontWeight,an.text.link.lineHeight,an.text.link.color,an.text.link.textDecoration,an.sizes.xs),lc=t.div(il||(il=h(["\n width: 100%;\n display: grid;\n grid-template-columns: 1fr minmax(312px, auto);\n align-items: flex-start;\n grid-gap: ",";\n transition: all 0.2s ease-in-out;\n\n & > *:nth-child(2) {\n opacity: ",";\n transition: opacity 0.2s;\n }\n"],["\n width: 100%;\n display: grid;\n grid-template-columns: 1fr minmax(312px, auto);\n align-items: flex-start;\n grid-gap: ",";\n transition: all 0.2s ease-in-out;\n\n & > *:nth-child(2) {\n opacity: ",";\n transition: opacity 0.2s;\n }\n"])),$l.md,(function(n){var e=n.showSidebar;return void 0===e||e?"1.0":"0"})),cc=function(e){return n.createElement("svg",p({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.44 11.06L7.38667 8L10.44 4.94L9.5 4L5.5 8L9.5 12L10.44 11.06Z",fill:"currentColor"}))},dc=t(Ot)(al||(al=h(["\n width: ",";\n height: 30px;\n background-color: ",";\n\n border: 1px solid ",";\n border-radius: ",";\n"],["\n width: ",";\n height: 30px;\n background-color: ",";\n\n border: 1px solid ",";\n border-radius: ",";\n"])),an.sizes.lg,an.colors.neutral.grey.light,an.colors.neutral.grey.base,an.sizes.xs),sc=t(Vn)(ll||(ll=h(["\n color: ",";\n width: 32px;\n height: 32px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"],["\n color: ",";\n width: 32px;\n height: 32px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])),an.colors.neutral.ink.base),uc=t(La)(cl||(cl=h(["\n &[type='number'] {\n width: 5.5ch;\n }\n"],["\n &[type='number'] {\n width: 5.5ch;\n }\n"]))),pc=function(e){var t=e.count;return n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(sn,{variant:"bodySmall","aria-hidden":!0},"/")),n.createElement(dc,{alignX:"center",alignY:"center","aria-hidden":!0},n.createElement(sn,{variant:"bodySmall"},t)))},fc=function(e){var t=e.currentPage,o=e.totalPagesCount,r=e.handleChangePage,i=n.useState("".concat(t)),a=i[0],l=i[1];n.useEffect((function(){l("".concat(t))}),[t]);var c=function(n){return n>=1&&n<=o},d=function(){if(a||l("".concat(t)),a!=="".concat(t)){var n=parseInt(a,10);c(n)&&r(n)}};return{pageInputValue:a,handleIncrement:function(){c(t+1)&&r(t+1)},handleDecrement:function(){c(t-1)&&r(t-1)},handleInputChange:function(n){n||l(n);var e,t=parseInt(n,10);c(e=t)&&l("".concat(e))},handleSubmit:d,handleFormSubmit:function(n){n.preventDefault(),d()}}},mc=function(e){return n.createElement("svg",p({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M11.6434 11.06L8.59004 8L11.6434 4.94L10.7034 4L6.70337 8L10.7034 12L11.6434 11.06Z",fill:"currentColor"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.37004 12L4.37004 4L5.70337 4L5.70337 12L4.37004 12Z",fill:"currentColor"}))},hc=function(e){return n.createElement("svg",p({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.33661 11.06L7.38994 8L4.33661 4.94L5.27661 4L9.27661 8L5.27661 12L4.33661 11.06Z",fill:"currentColor"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.67 4L11.67 12L10.3367 12L10.3367 4L11.67 4Z",fill:"currentColor"}))},gc=[{label:"10 / page",value:10},{label:"25 / page",value:25},{label:"50 / page",value:50},{label:"100 / page",value:100}],bc=t(w)(dl||(dl=h(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"]))),xc=t(De)(sl||(sl=h(["\n &-container {\n width: 100%;\n }\n"],["\n &-container {\n width: 100%;\n }\n"]))),vc=t.button(ul||(ul=h(["\n width: 100%;\n height: 32px;\n padding: 6px 8px 8px 8px;\n display: flex;\n border: 1px solid ",";\n box-sizing: border-box;\n border-radius: 4px;\n justify-content: space-between;\n background: white;\n cursor: pointer;\n\n svg {\n padding-left: 8px;\n padding-top: 2px;\n }\n"],["\n width: 100%;\n height: 32px;\n padding: 6px 8px 8px 8px;\n display: flex;\n border: 1px solid ",";\n box-sizing: border-box;\n border-radius: 4px;\n justify-content: space-between;\n background: white;\n cursor: pointer;\n\n svg {\n padding-left: 8px;\n padding-top: 2px;\n }\n"])),E.neutral.grey.base),wc=t(w)(pl||(pl=h(["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n"]))),yc=t(sn)(fl||(fl=h(["\n width: 100%;\n padding: 8px 16px;\n cursor: pointer;\n\n &:hover {\n color: ",";\n background: ",";\n }\n"],["\n width: 100%;\n padding: 8px 16px;\n cursor: pointer;\n\n &:hover {\n color: ",";\n background: ",";\n }\n"])),E.secondary.blue.base,E.neutral.grey.lightest),kc=function(e){var t=e.item,o=e.handleRangeListChange,r=n.useCallback((function(){return o(t)}),[o,t]);return n.createElement(wc,{onClick:r},n.createElement(yc,{variant:"bodySmall"},t.label))},Ec=function(e){var t=e.handleRangeListChange,o=e.paginationRange,r=void 0===o?gc:o;return n.createElement(n.Fragment,null,r.map((function(e){return n.createElement(n.Fragment,{key:e.label},n.createElement(kc,{item:e,handleRangeListChange:t}))})))},Cc=function(e){function t(n){var t=e.call(this,n)||this;t.handleRangeListChange=function(n){var e=t.props.onPaginationRangeChange;t.setDropdownValue(n),e(n)},t.setDropdownValue=function(n){return t.setState({shouldShowDropdown:!1,dropdownValue:n})},t.toggleShouldShow=function(){var n=t.state.shouldShowDropdown;t.setState({shouldShowDropdown:!n})};var o=t.props.dropdownValue,r=void 0===o?gc[1]:o;return t.state={dropdownValue:r,shouldShowDropdown:!1},t}return u(t,e),t.prototype.render=function(){var e=this.props,t=e.className,o=e.paginationRange,r=void 0===o?gc:o,i=e.reversedDropdown,a=this.state,l=a.shouldShowDropdown,c=a.dropdownValue;return n.createElement(bc,{className:t},n.createElement(xc,{cta:n.createElement(vc,{onClick:this.toggleShouldShow},n.createElement(sn,{variant:"bodySmall"},c.label),n.createElement(jn,{color:an.colors.neutral.ink.base})),shouldShowDropdown:l,onClickAway:this.toggleShouldShow,reversed:i},n.createElement(Ec,{paginationRange:r,handleRangeListChange:this.handleRangeListChange})))},t}(n.Component),Sc=t.div(ml||(ml=h(["\n box-sizing: border-box;\n display: inline-flex;\n flex-direction: column;\n height: ",";\n border-radius: 4px;\n\n ",";\n\n & > *:first-child {\n border-bottom-width: 0;\n }\n\n & > *:active,\n & > *:focus {\n border-width: 1px;\n }\n\n & > *:active + *,\n & > *:focus + * {\n border-top-width: 0;\n }\n\n & > *:focus,\n & > *:active {\n z-index: 5;\n }\n\n & > *:first-child {\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n }\n\n & > *:last-child {\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n }\n"],["\n box-sizing: border-box;\n display: inline-flex;\n flex-direction: column;\n height: ",";\n border-radius: 4px;\n\n ",";\n\n & > *:first-child {\n border-bottom-width: 0;\n }\n\n & > *:active,\n & > *:focus {\n border-width: 1px;\n }\n\n & > *:active + *,\n & > *:focus + * {\n border-top-width: 0;\n }\n\n & > *:focus,\n & > *:active {\n z-index: 5;\n }\n\n & > *:first-child {\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n }\n\n & > *:last-child {\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n }\n"])),(function(n){return"sm"===n.size?"32px":"40px"}),(function(n){return"sm"===n.size?"svg { width: 14px !important; height: 14px !important; };\n\n > button { padding: 0 6px };":""})),zc=t.button(hl||(hl=h(["\n appearance: none;\n flex: 1;\n border: 0;\n\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 8px;\n background-color: white;\n\n border: 1px solid #959fa8;\n\n &:hover {\n cursor: pointer;\n background-color: #fafafb;\n }\n\n &:active:not(:disabled) {\n background-color: #fafafb;\n border-color: #0079d1;\n box-shadow: 0 0 0 4px #80bce8;\n }\n\n &:focus {\n box-shadow: 0 0 0 4px #80bce8;\n outline: 0;\n }\n\n &:disabled {\n background-color: #f2f3f5;\n border-color: #959fa8;\n color: #637381;\n cursor: not-allowed;\n }\n"],["\n appearance: none;\n flex: 1;\n border: 0;\n\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 8px;\n background-color: white;\n\n border: 1px solid #959fa8;\n\n &:hover {\n cursor: pointer;\n background-color: #fafafb;\n }\n\n &:active:not(:disabled) {\n background-color: #fafafb;\n border-color: #0079d1;\n box-shadow: 0 0 0 4px #80bce8;\n }\n\n &:focus {\n box-shadow: 0 0 0 4px #80bce8;\n outline: 0;\n }\n\n &:disabled {\n background-color: #f2f3f5;\n border-color: #959fa8;\n color: #637381;\n cursor: not-allowed;\n }\n"]))),Lc=function(e){var t=e.onIncrement,o=e.onDecrement,r=e.disabled,i=void 0!==r&&r,a=e.size;return n.createElement(Sc,{size:a},n.createElement(zc,{type:"button",onClick:t,disabled:i},n.createElement(qn,{height:an.sizes.base,width:an.sizes.base,color:an.colors.neutral.ink.base})),n.createElement(zc,{type:"button",onClick:o,disabled:i},n.createElement(un,{height:an.sizes.base,width:an.sizes.base,color:an.colors.neutral.ink.base})))},Fc=t(La)(gl||(gl=h(["\n color: ",";\n width: 100%;\n\n &:focus {\n box-shadow: none;\n border-color: none;\n border-right-width: 0;\n border-color: ",";\n }\n"],["\n color: ",";\n width: 100%;\n\n &:focus {\n box-shadow: none;\n border-color: none;\n border-right-width: 0;\n border-color: ",";\n }\n"])),an.colors.neutral.ink.dark,an.colors.neutral.ink.lightest),Nc=t(w)(bl||(bl=h(["\n user-select: none;\n border: 1px solid ",";\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: ",";\n background-color: ",";\n flex-shrink: 0;\n\n ",";\n\n &:active {\n z-index: 0;\n border-right-width: 0;\n\n + input {\n z-index: 0;\n border-left-width: 1px;\n }\n }\n"],["\n user-select: none;\n border: 1px solid ",";\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: ",";\n background-color: ",";\n flex-shrink: 0;\n\n ",";\n\n &:active {\n z-index: 0;\n border-right-width: 0;\n\n + input {\n z-index: 0;\n border-left-width: 1px;\n }\n }\n"])),an.colors.neutral.ink.lightest,(function(n){return"sm"===n.size?"30px":"36px"}),(function(n){return n.disabled?an.colors.neutral.grey.light:"white"}),(function(n){return"sm"===n.size?"> span { font-size: 12px }":""})),Mc=t(sn)(xl||(xl=h(["\n font-size: 14px;\n"],["\n font-size: 14px;\n"]))),Rc=t(ea)(vl||(vl=h(["\n display: inline-flex;\n border-radius: 4px;\n min-width: 125px;\n width: 100%;\n\n ","\n\n &:focus-within {\n outline: 0;\n box-shadow: ",";\n }\n\n &:focus-within > * {\n border-top-color: ",";\n border-bottom-color: ",";\n }\n\n &:focus-within > *:first-child {\n border-left-color: ",";\n }\n\n &:focus-within > div:last-child {\n > button:first-child {\n border-top-color: ",";\n border-right-color: ",";\n }\n\n > button:last-child {\n border-right-color: ",";\n border-bottom-color: ",";\n }\n }\n"],["\n display: inline-flex;\n border-radius: 4px;\n min-width: 125px;\n width: 100%;\n\n ","\n\n &:focus-within {\n outline: 0;\n box-shadow: ",";\n }\n\n &:focus-within > * {\n border-top-color: ",";\n border-bottom-color: ",";\n }\n\n &:focus-within > *:first-child {\n border-left-color: ",";\n }\n\n &:focus-within > div:last-child {\n > button:first-child {\n border-top-color: ",";\n border-right-color: ",";\n }\n\n > button:last-child {\n border-right-color: ",";\n border-bottom-color: ",";\n }\n }\n"])),(function(n){return n.hasError&&"\n box-shadow: 0 0 0 4px ".concat(an.colors.secondary.red.light,";\n\n > * {\n border-top-color: ").concat(an.colors.secondary.red.base,";\n border-bottom-color: ").concat(an.colors.secondary.red.base,";\n }\n\n > *:first-child {\n border-left-color: ").concat(an.colors.secondary.red.base,";\n }\n\n > div:last-child {\n > button:first-child {\n border-top-color: ").concat(an.colors.secondary.red.base,";\n border-right-color: ").concat(an.colors.secondary.red.base,";\n }\n\n > button:last-child {\n border-right-color: ").concat(an.colors.secondary.red.base,";\n border-bottom-color: ").concat(an.colors.secondary.red.base,";\n }\n }\n ")}),(function(n){return n.hasError?"":"0 0 0 4px ".concat(an.colors.secondary.blue.light)}),(function(n){return n.hasError?an.colors.secondary.red.base:an.colors.secondary.blue.base}),(function(n){return n.hasError?an.colors.secondary.red.base:an.colors.secondary.blue.base}),(function(n){return n.hasError?an.colors.secondary.red.base:an.colors.secondary.blue.base}),(function(n){return n.hasError?an.colors.secondary.red.base:an.colors.secondary.blue.base}),(function(n){return n.hasError?an.colors.secondary.red.base:an.colors.secondary.blue.base}),(function(n){return n.hasError?an.colors.secondary.red.base:an.colors.secondary.blue.base}),(function(n){return n.hasError?an.colors.secondary.red.base:an.colors.secondary.blue.base}));var Dc,Hc,Bc,Ic,Ac,Wc,Tc,jc,Zc,Vc,Oc,Pc=ka((function(e){var t=e.className,o=void 0===t?"":t,r=e.hasError,i=e.currency,a=e.disabled,l=void 0!==a&&a,c=e.onChange,d=e.onPriceChange,s=e.priceValue,u=e.step,m=void 0===u?"0.1":u,h=e.size,g=void 0===h?Pi.base:h,b=f(e,["className","hasError","currency","disabled","onChange","onPriceChange","priceValue","step","size"]),x=function(n){void 0===n&&(n=d),n(((parseFloat(s)||0)+parseFloat(m)).toFixed(2))},v=function(n){void 0===n&&(n=d),n(((parseFloat(s)||0)-parseFloat(m)).toFixed(2))};return n.createElement(Rc,{className:o,hasError:r},n.createElement(Nc,{disabled:l,size:g},n.createElement(Mc,{variant:"hintText"},i)),n.createElement(Fc,p({placeholder:"0.00",type:"currency",value:s,step:m,onChange:function(n){return c(n.replace(/[a-zA-Z]/g,"").replace(",","."))},onBlur:function(n){var e=n.target.value;if(e){var t=parseFloat(e.replace(",",".")).toFixed(2);d(t)}else d("")},onKeyDown:function(n){var e=n.key,t=n.target;t.form||"Enter"===e&&t.blur(),"ArrowUp"===e&&x(c),"ArrowDown"===e&&v(c)},disabled:l,size:g},b)),n.createElement(Lc,{onIncrement:function(){return x()},onDecrement:function(){return v()},disabled:l,size:g}))})),qc=t(La)(Dc||(Dc=h(["\n flex-grow: 2;\n margin-top: 0;\n margin-bottom: 0;\n"],["\n flex-grow: 2;\n margin-top: 0;\n margin-bottom: 0;\n"]))),Xc=t.div(Hc||(Hc=h(["\n position: absolute;\n top: 8px;\n"],["\n position: absolute;\n top: 8px;\n"]))),Yc=t(w)(Bc||(Bc=h(["\n position: relative;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n border-radius: 0.25rem;\n\n ","\n"],["\n position: relative;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n border-radius: 0.25rem;\n\n ","\n"])),(function(n){var e="padding-right: 2.5rem;",t="right: 0.5rem;";return"left"===n.iconPosition&&(e="padding-left: 2.5rem",t="left: 0.5rem;"),"\n & ".concat(qc," {\n ").concat(e,"\n }\n\n & ").concat(Xc," {\n ").concat(t,"\n }\n ")})),Gc=function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.3819 13.6918H15.1498L20 18.5517L18.5517 20L13.6918 15.1498V14.3819L13.4294 14.1098C12.3213 15.0623 10.8828 15.6358 9.3179 15.6358C5.82847 15.6358 3 12.8073 3 9.3179C3 5.82847 5.82847 3 9.3179 3C12.8073 3 15.6358 5.82847 15.6358 9.3179C15.6358 10.8828 15.0623 12.3213 14.1098 13.4294L14.3819 13.6918ZM4.94397 9.3179C4.94397 11.7381 6.89766 13.6918 9.3179 13.6918C11.7381 13.6918 13.6918 11.7381 13.6918 9.3179C13.6918 6.89766 11.7381 4.94397 9.3179 4.94397C6.89766 4.94397 4.94397 6.89766 4.94397 9.3179Z",fill:"currentColor"}))},_c=an.colors.neutral.grey.lightest,Uc=an.colors.neutral.grey.dark,Kc=an.colors.secondary.blue.dark,$c=t(w)(Ic||(Ic=h(["\n display: flex;\n flex-direction: row;\n\n > button {\n border-radius: 0;\n box-shadow: none;\n\n :focus,\n :active {\n background-color: ",";\n border-color: ",";\n box-shadow: none;\n }\n }\n\n > .veeqo-components-active-button {\n :focus,\n :active {\n background-color: ",";\n border-color: ",";\n }\n }\n\n > button:not(:first-child) {\n border-left: none;\n }\n\n > .veeqo-components-active-button + button {\n border-left: 1px solid ",";\n }\n\n > button:first-child {\n border-radius: 20px 0px 0px 20px;\n }\n\n > button:last-child {\n border-radius: 0px 20px 20px 0px;\n }\n"],["\n display: flex;\n flex-direction: row;\n\n > button {\n border-radius: 0;\n box-shadow: none;\n\n :focus,\n :active {\n background-color: ",";\n border-color: ",";\n box-shadow: none;\n }\n }\n\n > .veeqo-components-active-button {\n :focus,\n :active {\n background-color: ",";\n border-color: ",";\n }\n }\n\n > button:not(:first-child) {\n border-left: none;\n }\n\n > .veeqo-components-active-button + button {\n border-left: 1px solid ",";\n }\n\n > button:first-child {\n border-radius: 20px 0px 0px 20px;\n }\n\n > button:last-child {\n border-radius: 0px 20px 20px 0px;\n }\n"])),_c,Uc,Kc,Kc,an.colors.neutral.grey.dark),Jc=t.select(Ac||(Ac=h(["\n box-sizing: border-box;\n appearance: none;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 2.5rem 0 0.5rem;\n border-radius: 4px;\n background-color: white;\n border: 1px solid #959fa8;\n color: #1b2126;\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position:\n right 0.5em top 50%,\n 0 0;\n\n ","\n\n &:focus {\n border-color: #0079d1;\n box-shadow: 0 0 0 4px #80bce8;\n outline: 0;\n }\n\n &:invalid {\n border-color: #eb5757;\n box-shadow: 0 0 0 4px #f7bcbc;\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none;\n background-color: #f2f3f5;\n border-color: #959fa8;\n color: #637381;\n }\n"],["\n box-sizing: border-box;\n appearance: none;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 2.5rem 0 0.5rem;\n border-radius: 4px;\n background-color: white;\n border: 1px solid #959fa8;\n color: #1b2126;\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position:\n right 0.5em top 50%,\n 0 0;\n\n ","\n\n &:focus {\n border-color: #0079d1;\n box-shadow: 0 0 0 4px #80bce8;\n outline: 0;\n }\n\n &:invalid {\n border-color: #eb5757;\n box-shadow: 0 0 0 4px #f7bcbc;\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none;\n background-color: #f2f3f5;\n border-color: #959fa8;\n color: #637381;\n }\n"])),(function(n){var e="40px",t="14px";return"sm"===n.sizeVariant&&(e="32px",t="12px"),"\n height: ".concat(e,";\n font-size: ").concat(t,";\n ")})),Qc=ka((function(e){var t=e.className,o=e.options,r=e.value,i=e.onChange,a=e.size,l=e.disabled,c=e.hasError,d=f(e,["className","options","value","onChange","size","disabled","hasError"]),s=n.useCallback((function(n){i(n.currentTarget.value)}),[i]);return n.createElement(Jc,p({className:t,sizeVariant:a,value:r,onChange:s,disabled:l,hasError:c},d),o.map((function(e){return n.createElement("option",{key:e.label,value:e.value,disabled:e.disabled},e.label)})))})),nd=E.secondary.blue,ed=E.neutral.grey,td=t.thead(Wc||(Wc=h(["\n background-color: white;\n"],["\n background-color: white;\n"]))),od=t.tbody(Tc||(Tc=h(["\n &&& tr:hover td {\n background-color: ",";\n }\n"],["\n &&& tr:hover td {\n background-color: ",";\n }\n"])),nd.lightest),rd=t.tr(jc||(jc=h([""],[""]))),id=t.td(Zc||(Zc=h(["\n position: relative;\n padding: 1.25rem 1rem;\n text-align: ",";\n background-color: white;\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n color: ",";\n line-height: ",";\n\n & > * {\n vertical-align: middle;\n }\n"],["\n position: relative;\n padding: 1.25rem 1rem;\n text-align: ",";\n background-color: white;\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n color: ",";\n line-height: ",";\n\n & > * {\n vertical-align: middle;\n }\n"])),(function(n){return n.align||"left"}),rn.bodySmall.fontFamily,rn.bodySmall.fontSize,rn.bodySmall.fontWeight,rn.bodySmall.color,tn.base),ad=t(id).attrs({as:"th"})(Vc||(Vc=h(["\n border-bottom: 1px solid ",";\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n color: ",";\n"],["\n border-bottom: 1px solid ",";\n\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n color: ",";\n"])),ed.dark,rn.bodySmallBold.fontFamily,rn.bodySmallBold.fontSize,rn.bodySmallBold.fontWeight,rn.bodySmallBold.color),ld=t.table(Oc||(Oc=h(["\n width: 100%;\n border-spacing: 0;\n\n ","\n"],["\n width: 100%;\n border-spacing: 0;\n\n ","\n"])),(function(n){return n.striped&&"\n & ".concat(od," tr:nth-child(even) td {\n background-color: ").concat(ed.lightest,";\n }\n ")})),cd=function(e){var t=e.striped,o=void 0===t||t,r=e.className,i=e.children;return n.createElement(ld,{striped:o,className:r},i)};cd.Header=td,cd.Body=od,cd.Row=rd,cd.HeaderCell=ad,cd.Cell=id;var dd,sd,ud,pd,fd,md,hd,gd,bd,xd,vd,wd,yd,kd,Ed,Cd,Sd,zd,Ld,Fd,Nd,Md,Rd=t.div(dd||(dd=h(["\n min-width: 128px;\n display: inline-block;\n position: relative;\n padding: ","px 0px;\n"],["\n min-width: 128px;\n display: inline-block;\n position: relative;\n padding: ","px 0px;\n"])),8),Dd=t.div(sd||(sd=h(["\n background: ",";\n height: ","px;\n border-radius: 20px;\n"],["\n background: ",";\n height: ","px;\n border-radius: 20px;\n"])),an.colors.neutral.grey.base,4),Hd=t.div(ud||(ud=h(["\n position: absolute;\n top: -","px;\n left: ",";\n width: ","px;\n height: ","px;\n background: white;\n border: ","px solid ",";\n border-radius: 50%;\n touch-action: none;\n cursor: pointer;\n margin-left: -","px;\n\n &:active,\n &:focus,\n &:focus-visible,\n &:focus-within {\n box-shadow: 0 0 0 4px ",";\n }\n"],["\n position: absolute;\n top: -","px;\n left: ",";\n width: ","px;\n height: ","px;\n background: white;\n border: ","px solid ",";\n border-radius: 50%;\n touch-action: none;\n cursor: pointer;\n margin-left: -","px;\n\n &:active,\n &:focus,\n &:focus-visible,\n &:focus-within {\n box-shadow: 0 0 0 4px ",";\n }\n"])),0,(function(n){return"".concat(n.left,"%")}),12,12,4,an.colors.secondary.blue.base,12,an.colors.secondary.blue.light),Bd=t(Dd)(pd||(pd=h(["\n position: relative;\n width: ",";\n left: ",";\n background: ",";\n bottom: ","px;\n border-radius: 0;\n"],["\n position: relative;\n width: ",";\n left: ",";\n background: ",";\n bottom: ","px;\n border-radius: 0;\n"])),(function(n){return"".concat(n.width,"%")}),(function(n){return"".concat(n.left,"%")}),an.colors.secondary.blue.light,4),Id=function(n){return{container:n?"".concat(n,"-slider-container"):void 0,sliderRange:n?"".concat(n,"-slider-range"):void 0,slider:n?"".concat(n,"-slider"):void 0,startSlider:n?"".concat(n,"-start-slider"):void 0,endSlider:n?"".concat(n,"-end-slider"):void 0}},Ad=t(w)(fd||(fd=h(["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n padding: 4px 8px;\n\n ","\n"],["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n padding: 4px 8px;\n\n ","\n"])),(function(n){var e=n.backgroundColor,t=n.color;return"\n color: ".concat(null!=t?t:E.neutral.ink.base,";\n background-color: ").concat(null!=e?e:E.neutral.grey.base,";\n ")})),Wd=t(Ot)(md||(md=h(["\n position: fixed;\n bottom: 24px;\n width: 100%;\n pointer-events: none;\n"],["\n position: fixed;\n bottom: 24px;\n width: 100%;\n pointer-events: none;\n"]))),Td=t(Ot)(hd||(hd=h(["\n background-color: ",";\n padding: 12px 24px 12px 12px;\n box-shadow: ",";\n border-radius: ",";\n pointer-events: auto;\n z-index: 40;\n min-width: ",";\n max-width: 80vw;\n\n &.veeqo-components-toast-enter {\n transform: translateY(12px);\n opacity: 0;\n }\n\n &.veeqo-components-toast-enter-active {\n transform: translateY(0);\n opacity: 1;\n transition: 500ms ease;\n }\n\n &.veeqo-components-toast-exit {\n transform: ",";\n opacity: 1;\n }\n\n &.veeqo-components-toast-exit-active {\n transform: ",";\n opacity: 0;\n transition: 500ms ease;\n }\n"],["\n background-color: ",";\n padding: 12px 24px 12px 12px;\n box-shadow: ",";\n border-radius: ",";\n pointer-events: auto;\n z-index: 40;\n min-width: ",";\n max-width: 80vw;\n\n &.veeqo-components-toast-enter {\n transform: translateY(12px);\n opacity: 0;\n }\n\n &.veeqo-components-toast-enter-active {\n transform: translateY(0);\n opacity: 1;\n transition: 500ms ease;\n }\n\n &.veeqo-components-toast-exit {\n transform: ",";\n opacity: 1;\n }\n\n &.veeqo-components-toast-exit-active {\n transform: ",";\n opacity: 0;\n transition: 500ms ease;\n }\n"])),an.colors.neutral.ink.dark,an.shadows.lg,an.radius.md,(function(n){return n.minWidth}),(function(n){return n.last?"translateY(0)":"translateX(0)"}),(function(n){return n.last?"translateY(12px)":"translateX(12px)"})),jd=t(w)(gd||(gd=h(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n border-radius: ",";\n background-color: ",";\n color: #fff;\n\n svg {\n width: ",";\n height: ",";\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n height: 40px;\n width: 40px;\n border-radius: ",";\n background-color: ",";\n color: #fff;\n\n svg {\n width: ",";\n height: ",";\n }\n"])),an.radius.md,(function(n){return n.color}),tn.md,tn.md),Zd=t(Ot)(bd||(bd=h(["\n flex-grow: 1;\n"],["\n flex-grow: 1;\n"]))),Vd=t(sn)(xd||(xd=h(["\n color: white;\n font-size: 16px;\n"],["\n color: white;\n font-size: 16px;\n"]))),Od={info:{accentColor:E.brand.blue.base,icon:n.createElement(Mi,null)},success:{accentColor:E.secondary.green.base,icon:n.createElement(fo,null)},error:{accentColor:E.secondary.red.base,icon:n.createElement((function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 15H13V17H11V15ZM11 7H13V13H11V7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",fill:"currentColor"}))}),null)},merge:{accentColor:E.secondary.purple.base,icon:n.createElement((function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.9887 6.82229H6.84911L12.1714 1.5L17.4937 6.82229H13.3541V14.4036L6.25774 21.5L4.59009 19.8323L10.9887 13.4338V6.82229ZM19.7527 19.8323L18.0851 21.5L14.0519 17.4669L15.7196 15.7992L19.7527 19.8323Z",fill:"currentColor"}))}),null)}},Pd=function(n){return{container:n?"".concat(n,"-toast-container"):void 0,icon:n?"".concat(n,"-toast-icon"):void 0,closeIcon:n?"".concat(n,"-toast-close-icon"):void 0}},qd=function(e){var t=e.className,o=e.e2eClassName,r=e.type,i=e.iconSlot,a=e.text,l=e.last,c=e.minWidth,d=e.cta,s=e.onClose,u=Pd(t),p=Pd(o);return n.createElement(Td,{className:ot([null==u?void 0:u.container,null==p?void 0:p.container]),direction:"horizontal",alignY:"center",minWidth:c,last:l},n.createElement(jd,{color:Od[r].accentColor,className:ot([u.icon,p.icon])},null!=i?i:Od[r].icon),n.createElement(Zd,{direction:"horizontal",alignY:"center",alignX:"between"},n.createElement(Vd,{variant:"body"},a),d),n.createElement(Vn,{variant:"flat",icon:n.createElement(Xn,{color:"white"}),onClick:s,"aria-label":"Close"}))},Xd=t.span(vd||(vd=h(["\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 18px;\n background-color: #cdd1d5;\n -webkit-transition: 0.3s;\n transition: 0.3s;\n\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n background-color: ",";\n -webkit-transition: 0.3s;\n transition: 0.3s;\n }\n"],["\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 18px;\n background-color: #cdd1d5;\n -webkit-transition: 0.3s;\n transition: 0.3s;\n\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n background-color: ",";\n -webkit-transition: 0.3s;\n transition: 0.3s;\n }\n"])),(function(n){var e=n.disabled,t=n.switched;return e&&t?an.colors.secondary.blue.lightest:"white"})),Yd=t.input(wd||(wd=h(["\n &:focus-visible + "," {\n box-shadow: 0 0 0 4px ",";\n }\n\n &:checked + "," {\n background-color: #0079d1;\n }\n\n &:disabled + "," {\n background-color: ",";\n }\n\n &:checked:disabled + "," {\n background-color: ",";\n }\n"],["\n &:focus-visible + "," {\n box-shadow: 0 0 0 4px ",";\n }\n\n &:checked + "," {\n background-color: #0079d1;\n }\n\n &:disabled + "," {\n background-color: ",";\n }\n\n &:checked:disabled + "," {\n background-color: ",";\n }\n"])),Xd,an.colors.brand.blue.light,Xd,Xd,an.colors.neutral.grey.base,Xd,an.colors.secondary.blue.light),Gd=t.label(yd||(yd=h(["\n display: inline-block;\n position: relative;\n cursor: ",";\n height: ",";\n width: ",";\n\n input {\n position: absolute;\n opacity: 0;\n }\n\n // configure size and animation\n ",":after {\n height: ",";\n width: ",";\n left: ",";\n bottom: ",";\n }\n\n ",":checked + "," {\n &:after,\n svg {\n -webkit-transform: translateX(",");\n -ms-transform: translateX(",");\n transform: translateX(",");\n }\n }\n"],["\n display: inline-block;\n position: relative;\n cursor: ",";\n height: ",";\n width: ",";\n\n input {\n position: absolute;\n opacity: 0;\n }\n\n // configure size and animation\n ",":after {\n height: ",";\n width: ",";\n left: ",";\n bottom: ",";\n }\n\n ",":checked + "," {\n &:after,\n svg {\n -webkit-transform: translateX(",");\n -ms-transform: translateX(",");\n transform: translateX(",");\n }\n }\n"])),(function(n){return n.disabled?"default":"pointer"}),(function(n){return n.small?"28px":"36px"}),(function(n){return n.small?"56px":"72px"}),Xd,(function(n){return n.small?"22px":"28px"}),(function(n){return n.small?"22px":"28px"}),(function(n){return n.small?"3px":"4px"}),(function(n){return n.small?"3px":"4px"}),Yd,Xd,(function(n){return n.small?"28px":"36px"}),(function(n){return n.small?"28px":"36px"}),(function(n){return n.small?"28px":"36px"})),_d=t(w)(kd||(kd=h(["\n cursor: ",";\n display: inline-block;\n user-select: none;\n"],["\n cursor: ",";\n display: inline-block;\n user-select: none;\n"])),(function(n){return n.disabled?"not-allowed":"pointer"})),Ud=t.button(Ed||(Ed=h(["\n user-select: none;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-family: ",";\n font-weight: 400;\n border: 1px solid;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n ","\n\n & > * + * {\n margin-left: 8px;\n }\n\n &:hover {\n cursor: pointer;\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n border-color: ",";\n box-shadow: 0 0 0 var(--outline-width) #80bce8;\n }\n\n &:focus {\n box-shadow: 0 0 0 var(--outline-width) #80bce8;\n outline: 0;\n }\n\n &:disabled {\n cursor: unset;\n box-shadow: none;\n background-color: #dfe3e8;\n border-color: #dfe3e8;\n color: #637381;\n }\n\n /* TODO: - Fix typography so these hacks aren't needed */\n & > span {\n position: relative;\n top: -1px;\n }\n"],["\n user-select: none;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-family: ",";\n font-weight: 400;\n border: 1px solid;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n ","\n\n & > * + * {\n margin-left: 8px;\n }\n\n &:hover {\n cursor: pointer;\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n border-color: ",";\n box-shadow: 0 0 0 var(--outline-width) #80bce8;\n }\n\n &:focus {\n box-shadow: 0 0 0 var(--outline-width) #80bce8;\n outline: 0;\n }\n\n &:disabled {\n cursor: unset;\n box-shadow: none;\n background-color: #dfe3e8;\n border-color: #dfe3e8;\n color: #637381;\n }\n\n /* TODO: - Fix typography so these hacks aren't needed */\n & > span {\n position: relative;\n top: -1px;\n }\n"])),an.fontFamily,(function(n){var e="40px",t="24px",o="24px",r="8px",i="16px",a="4px",l="white",c="#CDD1D5",d="#37424D";return"sm"===n.size&&(e="32px",t="16px",o="16px",r="4px",i="14px",a="2px"),n.checked&&(l="#0079D1",c="#0079D1",d="white"),"\n --outline-width: ".concat(a,";\n\n height: ").concat(e,";\n padding-left: ").concat(t,";\n padding-right: ").concat(o,";\n border-radius: ").concat(r,";\n font-size: ").concat(i,";\n\n background-color: ").concat(l,";\n border-color: ").concat(c,";\n color: ").concat(d,";\n ")}),(function(n){return n.checked?"#005A9C":"#FAFAFB"}),(function(n){return n.checked?"#005A9C":"#FAFAFB"}),(function(n){return n.checked?"#005A9C":"#0079D1"})),Kd="\n position: fixed;\n height: 100%;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n",$d=t(w)(Cd||(Cd=h(["\n ","\n display: ",";\n z-index: ",";\n"],["\n ","\n display: ",";\n z-index: ",";\n"])),Kd,(function(n){return n.shouldShow?"initial":"none"}),an.layers.modal),Jd=t(w)(Sd||(Sd=h(["\n ","\n background-color: rgba(55,66,77,0.5);\n"],["\n ","\n background-color: rgba(55,66,77,0.5);\n"])),Kd),Qd=t(w)(zd||(zd=h(["\n position: relative;\n height: 100%;\n width: 100%;\n z-index: 1;\n"],["\n position: relative;\n height: 100%;\n width: 100%;\n z-index: 1;\n"]))),ns=function(e){var t=e.usePortal,o=e.children;return n.createElement(n.Fragment,null,t?n.createElement(yn,null,o):o)},es=function(e){var t=e.className,o=e.children,r=void 0===o?null:o,i=e.shouldShow,a=void 0!==i&&i,l=e.usePortal,c=void 0===l||l;return n.createElement(ns,{usePortal:c},n.createElement($d,{className:ot(["".concat(t,"-container"),t]),shouldShow:a},n.createElement(Jd,null),n.createElement(d,{isActive:a},n.createElement(Qd,{className:ot(["".concat(t,"-wrap"),t])},r))))},ts=t.div(Ld||(Ld=h(["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n"],["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n"]))),os=t.div(Fd||(Fd=h(["\n position: relative;\n iframe {\n width: 57vw;\n height: calc(57vw * 0.5625); // keep 16:9 ratio\n border-radius: 8px;\n }\n"],["\n position: relative;\n iframe {\n width: 57vw;\n height: calc(57vw * 0.5625); // keep 16:9 ratio\n border-radius: 8px;\n }\n"]))),rs=t(Vn)(Nd||(Nd=h(["\n position: absolute;\n top: 0px;\n right: -45px;\n"],["\n position: absolute;\n top: 0px;\n right: -45px;\n"])));!function(n){n.saved="saved",n.fixed="fixed",n.draft="draft"}(Md||(Md={}));var is,as,ls,cs,ds,ss,us,ps,fs=t(w)(is||(is=h(["\n padding: 14px 24px;\n"],["\n padding: 14px 24px;\n"]))),ms=t(w)(as||(as=h(["\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 40px;\n border-radius: 4px;\n padding: 0 12px;\n border: 1px solid transparent;\n cursor: pointer;\n\n &:hover {\n border: 1px solid ",";\n background-color: ",";\n }\n\n ","\n"],["\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 40px;\n border-radius: 4px;\n padding: 0 12px;\n border: 1px solid transparent;\n cursor: pointer;\n\n &:hover {\n border: 1px solid ",";\n background-color: ",";\n }\n\n ","\n"])),E.secondary.blue.base,E.secondary.blue.lightest,(function(n){return n.active&&"\n background-color: ".concat(E.secondary.blue.lightest,";\n ")})),hs=t(sn)(ls||(ls=h(["\n line-height: 1;\n"],["\n line-height: 1;\n"]))),gs=t(sn)(cs||(cs=h(["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background-color: ",";\n border-radius: 4px;\n padding: 2px 4px;\n min-width: 20px;\n height: 20px;\n margin-left: 8px;\n\n & > "," {\n color: ",";\n }\n\n ","\n"],["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background-color: ",";\n border-radius: 4px;\n padding: 2px 4px;\n min-width: 20px;\n height: 20px;\n margin-left: 8px;\n\n & > "," {\n color: ",";\n }\n\n ","\n"])),E.neutral.grey.base,hs,E.neutral.ink.dark,(function(n){return n.active&&"\n background-color: ".concat(E.secondary.blue.base,";\n\n & > ").concat(hs," {\n color: #fff;\n }\n ")})),bs={style:{marginLeft:"4px",padding:"4px",height:tn.base,width:tn.base}},xs=function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",fill:"currentColor"}))},vs=function(e){return n.createElement("svg",p({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 18.0418V21.9996H6.95778L18.6306 10.3273L14.6728 6.36952L3 18.0418ZM21.6913 7.2661C22.1029 6.85501 22.1029 6.19011 21.6913 5.7785L19.2216 3.30831C18.81 2.89723 18.1451 2.89723 17.7335 3.30831L15.8021 5.23971L19.7599 9.19749L21.6913 7.2661Z",fill:"currentColor"}))},ws=function(n){return{delete:n?"".concat(n,"-delete"):void 0,options:n?"".concat(n,"-options"):void 0,edit:n?"".concat(n,"-edit"):void 0,container:n?"".concat(n,"-container"):void 0,active:n?"".concat(n,"-active"):void 0,counter:n?"".concat(n,"-counter"):void 0}},ys=t(w)(ds||(ds=h(["\n display: flex;\n flex-direction: column;\n position: relative;\n"],["\n display: flex;\n flex-direction: column;\n position: relative;\n"]))),ks=t(w)(ss||(ss=h(["\n display: flex;\n flex-direction: row;\n"],["\n display: flex;\n flex-direction: row;\n"]))),Es=t(La)(us||(us=h(["\n &&& {\n text-align: left;\n width: 52px;\n }\n"],["\n &&& {\n text-align: left;\n width: 52px;\n }\n"]))),Cs=t(Vn)(ps||(ps=h(["\n padding: 0 4px;\n border-color: ",";\n margin-right: 4px;\n\n ",";\n"],["\n padding: 0 4px;\n border-color: ",";\n margin-right: 4px;\n\n ",";\n"])),an.colors.neutral.ink.lightest,(function(n){return n.hasError&&"\n border-color: ".concat(an.colors.secondary.red.base,";\n ")})),Ss=ka((function(e){var t=e.size,o=void 0===t?Pi.base:t,r=e.hasError,i=e.className,a=f(e,["size","hasError","className"]);return n.createElement(ys,{className:i},n.createElement(ks,null,a.weightUnit===qi.g&&n.createElement(ea,null,n.createElement(Es,p({size:o,onChange:a.handleChangeGram,name:"gram",type:"number",value:a.gram,hasError:r},a)),n.createElement(Cs,{hasError:r,size:o},"g")),function(n){return n.weightUnit===qi.lb}(a)&&n.createElement(n.Fragment,null,n.createElement(ea,null,n.createElement(Es,p({size:o,onChange:a.handleChangePound,name:"ounce",type:"number",value:a.pound,hasError:r},a)),n.createElement(Cs,{hasError:r,size:o},"lb")),n.createElement(ea,null,n.createElement(Es,p({size:o,onChange:a.handleChangeOunce,name:"pound",type:"number",value:a.ounce,hasError:r},a)),n.createElement(Cs,{hasError:r,size:o},"oz")))))}));exports.Accordion=function(t){var o=t.className,r=t.children,i=t.label,a=t.iconSlot,l=t.timeout,c=void 0===l?350:l,d=t.transitionClassnames,s=void 0===d?"content":d,u=t.description,p=t.shouldOpenOnMount,f=n.useState(!1),m=f[0],h=f[1],g=n.useCallback((function(){return h(!m)}),[m]);return n.useEffect((function(){p&&p!==m&&h(p)}),[]),n.createElement(w,{className:o},n.createElement(hn,{shouldOpen:m,onClick:g},n.createElement(gn,null,n.createElement(fn,null,a,n.createElement(sn,{variant:"body"},i)),n.createElement(mn,null,n.createElement(bn,{name:"downArrow",shouldOpen:m}))),u&&n.createElement(xn,{variant:"hintText"},u)),n.createElement(e.CSSTransition,{in:m,timeout:c,classNames:s,unmountOnExit:!0},n.createElement(vn,null,r)))},exports.ActionList=Se,exports.Anchor=function(e){var t=e.children,o=e.className,r=e.text,i=e.href,a=e.target;return n.createElement(ze,{href:i,target:a,className:o},t||r)},exports.AnimatedDropdown=De,exports.Avatar=function(e){var t=e.width,o=void 0===t?"40px":t,r=e.name,i=void 0===r?"Veeqo":r,a=e.bgColor,l=void 0===a?an.colors.secondary.blue.base:a,c=e.textColor,d=void 0===c?"#ffffff":c,s=i.toUpperCase().match(/\b(\w)/g);return n.createElement(He,{width:o,bgColor:l,textColor:d,className:"avatar"},null==s?void 0:s.slice(0,2).map((function(e,t){return n.createElement("span",{key:"".concat(e,"-").concat(t)},e)})))},exports.Badge=function(e){var t=e.variant,o=void 0===t?"default":t,r=e.hideBorder,i=void 0!==r&&r,a=e.iconSlot,l=e.tooltip,c=e.className,d=e.e2eClassName,s=e.children,u=rt[o];return n.createElement(Je,{text:l},n.createElement(u,{className:ot([c,d]),hideBorder:i},a&&a,s&&n.createElement("span",null,s)))},exports.Banner=function(e){var t=e.type,o=void 0===t?qe.info:t,r=e.text,i=e.icon,a=e.onClose,l=e.className,c=e.header,d=vt[o];return n.createElement(mt,{accentColor:d,className:l},n.createElement(ht,null,i&&n.createElement(gt,{style:{marginRight:tn.md}},i),n.createElement(bt,null,c||n.createElement(xt,{variant:"headingSmall"},r)),n.createElement(gt,null,a&&n.createElement(Vn,{variant:"flat","aria-label":"Close",icon:n.createElement(Xn,null),onClick:a}))))},exports.BaseContainer=w,exports.Breadcrumbs=function(e){var t=e.items,o=e.Separator,r=void 0===o?n.createElement(Ct,null):o,i=e.LinkComponent,a=void 0===i?St:i;return n.createElement(wt,{className:"breadcrumbs"},t.map((function(e,o){return n.createElement(Et,{key:e.title,title:e.title,href:e.pathname,LinkComponent:a},t.length!==o+1&&r)})))},exports.Button=Vn,exports.Card=te,exports.CardHeader=Yn,exports.Checkbox=ao,exports.Choice=eo,exports.ChoiceList=po,exports.CopyToClipboard=function(e){var t=e.className,o=e.text,r=e.onCopy,i=n.useState(!1),a=i[0],c=i[1],d=l.useCopyToClipboard()[1],s=n.useCallback((function(){d(o),c(!0),setTimeout((function(){c(!1)}),2500),r&&r()}),[d,r,o]);return n.createElement(Je,{text:a?"Copied!":"Copy to clipboard"},n.createElement(Vn,{variant:"flat",size:"sm",className:t,"aria-label":"".concat(a?"Copied":"Copy",' "').concat(o,'" to keyboard'),icon:a?n.createElement(fo,p({color:E.secondary.green.base},ho)):n.createElement(mo,p({color:E.secondary.blue.base},ho)),onClick:s}))},exports.DataTable=Rr,exports.DataTableExp=Hi,exports.DescriptionList=function(e){var t=e.items,o=e.horizontal,r=function(e){return Array.isArray(e)?e.map((function(e){return n.createElement(Ki,{key:e},e)})):n.createElement(Ki,null,e)};return n.createElement(Xi,null,t.map((function(e){return o?n.createElement(Gi,{key:e.term},n.createElement(Ui,null,e.term),n.createElement(_i,null,r(e.description))):n.createElement(Yi,{key:e.term},n.createElement(Ui,null,e.term),r(e.description))})))},exports.DetailPage=function(e){var t=e.renderHeader,o=e.children,r=n.useState(!0),i=r[0],a=r[1];return n.createElement("main",null,t((function(){return a(!i)}),i),n.createElement(na,null,n.createElement(Qi,{showSidebar:i},o)))},exports.DimensionsInput=Da,exports.FilterTag=function(e){var t=e.className,o=e.e2eClassName,r=e.label,i=e.text,a=e.iconSlot,l=e.fill,c=void 0===l?E.secondary.blue.base:l,d=e.content,s=e.footer,u=e.onClickAway,p=e.onClick,f=e.shouldCloseOnClickAway,m=void 0===f||f,h=Nl(t),g=Nl(o),b=Ba(),x=b.shouldShowDropdown,v=b.toggleShouldShowDropdown,w=b.closeDropdown,y=n.useCallback((function(n){v(),u&&x&&u(n)}),[v,u,x]),k=n.useCallback((function(n){u&&u(n,w),m&&w()}),[w,u,m]);return!d?n.createElement(kl,{className:ot([null==h?void 0:h.container,null==g?void 0:g.container]),onClick:p},r&&n.createElement(Cl,{variant:"subheadingSmallBold"},"".concat(r,":")),n.createElement(sn,null,i),n.createElement(zl,{className:ot([null==h?void 0:h.cross,null==g?void 0:g.cross]),name:"cross",size:"base",color:E.neutral.ink.base})):n.createElement(De,{className:h.filterTagDropdown,shouldShowDropdown:x,onClickAway:k,cta:n.createElement(kl,{className:h.container,onClick:y},r&&n.createElement(Cl,{variant:"subheadingSmallBold"},"".concat(r,":")),n.createElement(sn,null,i),n.createElement(Sl,{color:E.neutral.ink.base,name:"downArrow",shouldShow:x}))},n.createElement(Ll,null,n.createElement(Fl,{color:c},a,n.createElement(sn,{variant:"headingTable"},r)),d,s))},exports.Grid=Ml,exports.Image=function(e){var t=e.src,r=e.alt,a=void 0===r?"":r,l=e.className,c=e.e2eClassName,d=e.width,s=e.height,u=e.previewWidth,f=e.previewHeight,m=e.previewPlacement,h=void 0===m?"right":m,g=e.previewEnabled,b=void 0!==g&&g,x=e.placeholder,v=e.placeholderWidth,w=e.placeholderHeight,y=e.disablePlaceholder,k=void 0!==y&&y,E=Al(l),C=Al(c),S=n.useState(!1),z=S[0],L=S[1],F=n.useState({isLoaded:!1,isError:!1}),N=F[0],M=F[1],R=n.useState(null),D=R[0],H=R[1],B=n.useState(null),I=B[0],A=B[1],W=o.usePopper(D,I,{placement:h,modifiers:[{name:"offset",options:{offset:[0,12]}}]}),T=W.styles,j=W.attributes,Z=n.useCallback((function(){return b?L(!0):{}}),[b]),V=n.useCallback((function(){return b?L(!1):{}}),[b]),O=!N.isLoaded||N.isError;return n.createElement(Dl,{className:ot([null==E?void 0:E.container,null==C?void 0:C.container,l])},n.createElement(Hl,{src:t,alt:a,className:ot([null==E?void 0:E.image,null==C?void 0:C.image]),width:d,height:s,onLoad:function(){return M({isLoaded:!0,isError:!1})},onError:function(){return M({isLoaded:!0,isError:!0})},previewEnabled:b,onMouseEnter:Z,onMouseLeave:V,style:O?{display:"none"}:{},ref:H}),!k&&O&&(x||n.createElement(Rl,{className:ot([null==E?void 0:E.placeholder,null==C?void 0:C.placeholder]),width:v||d,height:w||s})),z&&i.createPortal(n.createElement(Bl,p({ref:A,style:T.popper},j.popper,{className:ot([null==E?void 0:E.previewImageContainer,null==C?void 0:C.previewImageContainer])}),n.createElement(Il,{src:t,alt:"",width:u,height:f})),document.body))},exports.InputGroup=ea,exports.Loader=Fn,exports.LoginWithAmazonButton=function(e){var t=n.useState(Tl),o=t[0],r=t[1];return n.createElement(Wl,p({onMouseDown:function(){r("https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png")},onMouseUp:function(){r(Tl)},"aria-label":jl},e),n.createElement("img",{src:o,alt:jl}))},exports.Modal=function(e){var t=e.shouldShow,o=e.showHeaderCloseButton,r=void 0===o||o,i=e.fullBleed,l=void 0!==i&&i,c=e.variant,d=void 0===c?"base":c,s=e.onClose,u=e.children,m=n.useRef(null),h=n.useState(null),g=h[0],b=h[1];n.useEffect((function(){var n,e;t&&(null===(n=m.current)||void 0===n||n.removeAttribute("open"),null===(e=m.current)||void 0===e||e.showModal())}),[t]);var x=yl(g),v=x.isOverflowing,w=x.onScroll,y=function(){var n;null===(n=m.current)||void 0===n||n.close(),s()};return n.createElement(a.AnimatePresence,null,t&&n.createElement(n.Fragment,null,n.createElement(Zl,null),n.createElement(Kl,{ref:m,onClose:y,variant:d,"aria-describedby":"modal_title"},n.createElement(te.Surface,null,function(n){return!!n.headerSlot}(e)?e.headerSlot:n.createElement(Yn,p({id:"modal_title",headerVariant:"headingLarge",title:e.headerTitle,subtitle:e.headerSubtitle},r&&{onClickClose:y})),n.createElement(Vl,{onScroll:w,ref:b,isScrollable:v,fullBleed:l},u),Ol(e)&&e.footerSlot,!Ol(e)&&(e.leftActions||e.rightActions)&&n.createElement(te.Footer,null,n.createElement(Ot,{direction:"horizontal",alignX:"between"},e.leftActions&&n.createElement(Ot,{direction:"horizontal",alignX:"start","data-testid":"left-actions-container"},e.leftActions.map((function(e){var t=e.label,o=f(e,["label"]);return n.createElement(Vn,p({key:t,type:"button"},o),t)}))),e.rightActions&&n.createElement(Ot,{direction:"horizontal",alignX:"start","data-testid":"right-actions-container"},e.rightActions.map((function(e){var t=e.label,o=f(e,["label"]);return n.createElement(Vn,p({key:t,type:"button"},o),t)})))))))))},exports.PageHeader=function(e){var t=e.title,o=e.subtitle,r=e.imageSrc,i=e.actions,a=e.quickActions,l=e.backAction,c=e.Accessory,d=e.shadow,s=void 0===d?"none":d,u=e.onClickPrevious,p=e.onClickNext,f=e.onClickToggleSidebar,m=i&&n.createElement(Se,{buttonVariant:a?"default":"primary",title:"Actions",sections:i}),h=null==a?void 0:a.map((function(e){return n.createElement(Vn,{key:e.title,variant:e.variant,icon:e.icon,onClick:e.onClick},e.title)})),g=l&&n.createElement(Vn,{onClick:l.onClick,icon:n.createElement(cc,null),variant:"link"},l.title),b=f&&n.createElement(Ot,{direction:"horizontal",alignX:"end"},n.createElement(ac,{onClick:f},n.createElement("span",null,"Toggle sidebar"),n.createElement(kt,{width:tn.md})));return n.createElement(ec,{shadow:s},n.createElement(Ot,null,g,n.createElement(lc,null,n.createElement(Ot,{direction:"horizontal",spacing:"md"},r&&n.createElement(rc,{src:r,alt:"",width:"72",height:"72"}),n.createElement("div",{style:{flex:1}},n.createElement(Ot,{alignX:"stretch"},n.createElement(tc,null,t),c,o&&n.createElement(oc,null,o)))),n.createElement(ic,null,n.createElement(Ot,{direction:"horizontal",alignX:"end",spacing:"sm"},h,m,u&&n.createElement(Vn,{icon:n.createElement(cc,null),onClick:u}),p&&n.createElement(Vn,{icon:n.createElement(kt,null),onClick:p})),b))))},exports.Pagination=function(e){var t=e.testId,o=e.e2eClassName,r=e.currentPage,i=e.totalPagesCount,a=e.handleChangePage,l=fc({currentPage:r,totalPagesCount:i,handleChangePage:a}),c=l.pageInputValue,d=l.handleIncrement,s=l.handleDecrement,u=l.handleFormSubmit,p=l.handleInputChange,f=l.handleSubmit;return n.createElement(Ot,{direction:"horizontal",alignY:"center",spacing:"xs","data-testid":t,className:o},n.createElement(sc,{onClick:function(){1!==r&&a(1)},icon:n.createElement(mc,null),size:"sm","aria-label":"go to first page"}),n.createElement(sc,{onClick:s,icon:n.createElement(cc,null),size:"sm","aria-label":"go to previous page","aria-disabled":r<=1}),n.createElement("form",{onSubmit:u},n.createElement(uc,{"aria-live":"polite","aria-label":"page ".concat(r," of ").concat(i),size:Pi.sm,type:"number",value:c,min:"1",max:"".concat(i),onChange:p,onBlur:f})),n.createElement(pc,{count:i}),n.createElement(sc,{onClick:d,icon:n.createElement(kt,null),size:"sm","aria-label":"go to next page","aria-disabled":r>=i}),n.createElement(sc,{onClick:function(){r!==i&&a(i)},icon:n.createElement(hc,null),size:"sm","aria-label":"go to last page","aria-disabled":r>=i}))},exports.PaginationRange=Cc,exports.Popover=Cn,exports.Portal=yn,exports.PriceInput=Pc,exports.Radio=co,exports.Search=function(e){var t=e.type,o=void 0===t?"text":t,r=e.disabled,i=void 0!==r&&r,a=e.onClearClick,l=e.onChange,c=e.onBlur,d=e.onFocus,s=e.onKeyUp,u=e.onKeyDown,p=e.onKeyPress,f=e.value,m=void 0===f?"":f,h=e.error,g=e.placeholder,b=void 0===g?"":g,x=e.className,v=void 0===x?"":x,w=e.name,y=e.isLoading,k=void 0!==y&&y,E=e.fill,C=e.reversed,S=void 0!==C&&C,z=e.autoComplete,L=void 0===z?"on":z,F=m&&m.length>0;return n.createElement(Yc,{className:v,iconPosition:S?"left":"right"},n.createElement(qc,{type:o,value:m,onChange:l,onBlur:c,onFocus:d,onKeyUp:s,onKeyDown:u,onKeyPress:p,placeholder:b,name:w,disabled:i,error:h,autoComplete:L}),n.createElement(Xc,null,k?n.createElement(Fn,{height:24,color:E||an.colors.secondary.blue.base}):F&&a?n.createElement(Vn,{variant:"unstyled",onClick:a,style:{display:"flex"},"aria-label":"Clear text"},n.createElement(Xn,{color:E||an.colors.neutral.ink.dark})):n.createElement(Vn,{variant:"unstyled",onClick:function(){return l(m)},style:{display:"flex"},"aria-label":"Search"},n.createElement(Gc,{color:E||an.colors.neutral.ink.dark,height:tn.md,width:tn.md}))))},exports.SegmentedControl=function(e){var t=e.options,o=e.selected,r=e.className,i=e.onChange;return n.createElement($c,{className:r?"".concat(r,"-container"):void 0},t.map((function(e){return n.createElement(Vn,{variant:e.value===o?"primary":"default",key:e.key,onClick:function(){return i(e.value)},disabled:e.disabled,className:e.value===o?"veeqo-components-active-button":""},e.label)})))},exports.Select=Qc,exports.SimpleTable=cd,exports.Slider=function(e){var t=e.id,o=e.value,r=e.min,i=e.max,a=e.step,l=void 0===a?1:a,c=e.onChange,d=e.className,s=e.e2eClassName,u=e.onSlideStart,p=void 0===u?function(){}:u,f=e.onSlideEnd,m=void 0===f?function(){}:f,h=n.useState(!1),g=h[0],b=h[1],x=n.useState(-1),v=x[0],w=x[1],y=n.useRef(null),k=n.useRef(null),E=n.useRef(null),C=Id(d),S=Id(s),z=n.useCallback((function(n){var e;if(g&&y.current){var t=v>-1?o[v]:o,a=y.current.getBoundingClientRect(),d=100*(n.pageX-a.x)/a.width/100*(i-r)+r,s=t-d;if(s>0&&(d=t+Math.ceil(d/l-t/l)*l),s<0&&(d=t+Math.floor(d/l-t/l)*l),t!==d){d>i&&(d=i),d<r&&(d=r),Array.isArray(o)&&(0===v&&d>o[1]&&(d=o[1]),1===v&&d<o[0]&&(d=o[0]));var u,p=l.toString().includes(".")?null===(e=l.toString().split(".").pop())||void 0===e?void 0:e.length:0;d=Number(d.toFixed(p)),u=Array.isArray(o)?0===v?[d,o[1]]:[o[0],d]:d,c(u),Array.isArray(u)&&u[0]===u[1]&&(0===v&&w(1),1===v&&w(0))}}}),[v,g,i,r,c,l,o]),L=n.useCallback((function(){b(!1),m()}),[m]),F=n.useCallback((function(n,e){b(!0),p(),"number"==typeof e&&w(e),n.preventDefault()}),[p]);n.useEffect((function(){var n=function(n){return F(n,Array.isArray(o)?0:1)},e=function(n){return F(n,1)},t=k.current,r=E.current;return null==t||t.addEventListener("mousedown",n),null==r||r.addEventListener("mousedown",e),document.addEventListener("mousemove",z),document.addEventListener("mouseup",L),function(){null==t||t.removeEventListener("mousedown",n),null==r||r.removeEventListener("mousedown",e),document.removeEventListener("mousemove",z),document.removeEventListener("mouseup",L)}}),[F,z,L,o]);var N,M,R=function(e,t,o){var a;return a=ot("number"==typeof o?0===o?[null==C?void 0:C.startSlider,null==S?void 0:S.startSlider]:[null==C?void 0:C.endSlider,null==S?void 0:S.endSlider]:[null==C?void 0:C.slider,null==S?void 0:S.slider]),n.createElement(Hd,{role:"slider",ref:1===o?E:k,className:a,left:e,"aria-valuemin":r,"aria-valuemax":i,"aria-valuenow":t})},D=function(e){var t=100*(e[0]<r?0:e[0]-r)/(i-r),o=100*(e[1]>i?100:e[1]-r)/(i-r),a=o-t;return n.createElement(n.Fragment,null,n.createElement(Bd,{className:ot([null==C?void 0:C.sliderRange,null==S?void 0:S.sliderRange]),left:t,width:a}),R(t,e[0],0),R(o,e[1],1))};return Array.isArray(o)?N=D(o):(M=o,N=Array.isArray(o)?D(o):R(o>i?100:o<r?0:100*(M-r)/(i-r),M)),n.createElement(Rd,{className:ot([null==C?void 0:C.container,null==S?void 0:S.container]),id:t,ref:y},n.createElement(Dd,null),N)},exports.Stack=Ot,exports.Stepper=Lc,exports.Tag=Ad,exports.Text=sn,exports.TextField=La,exports.ToastsLayout=function(t){var o=t.className,r=t.e2eClassName,a=t.toasts,l=t.minWidth,c=void 0===l?"50vw":l,d=t.max,s=void 0===d?3:d,u=t.onClose;return n.useEffect((function(){s&&a.length>s&&u(a[0].key)}),[a,s,u]),i.createPortal(n.createElement(Wd,{direction:"vertical",alignX:"center",spacing:4},n.createElement(e.TransitionGroup,{component:null},m([],a,!0).reverse().map((function(t,i){return n.createElement(e.CSSTransition,{key:t.key,timeout:500,classNames:"veeqo-components-toast"},n.createElement(qd,p({className:o,e2eClassName:r,minWidth:c,last:i===a.length-1,onClose:function(){return u(t.key)}},t)))})))),document.body)},exports.Toggle=function(e){var t=e.className,o=e.name,r=e.switched,i=e.small,a=e.onClick,l=e.disabled,c=e.ariaLabel;return n.createElement(_d,{className:t,disabled:l},n.createElement(Gd,{small:i,disabled:l,role:"switch"},n.createElement(Yd,{type:"checkbox",name:o,"aria-label":c,checked:r,onClick:l?void 0:a,disabled:l}),n.createElement(Xd,{switched:r,disabled:l})))},exports.ToggleButton=function(e){var t=e.children,o=e.checked,r=e.size,i=void 0===r?"base":r,a=e.disabled,l=void 0!==a&&a,c=e.onChange;return n.createElement(Ud,{type:"button",checked:o,size:i,disabled:l,"aria-pressed":o,tabIndex:"0",onClick:function(){return c(!o)}},t)},exports.Tooltip=Je,exports.VideoModal=function(e){var t=e.id,o=e.youtubeVideoId,r=e.showVideoModal,i=e.handleCloseClick,a=Ha(r,i);return n.createElement(es,{shouldShow:r,className:"".concat(t,"-video")},n.createElement(ts,{"data-testid":"video-modal_popup-content",className:"video-modal--".concat(r?"visible":"hidden")},n.createElement(os,{ref:a},n.createElement("iframe",{title:"".concat(t,"-video"),src:"https://www.youtube.com/embed/".concat(o),frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}),n.createElement(rs,{variant:"flat",onClick:i,"data-testid":"video-modal--close",icon:n.createElement(Xn,{color:"white"})}))))},exports.View=function(e){var t=e.id,o=e.name,r=e.type,i=e.className,a=e.count,l=e.active,c=void 0!==l&&l,d=e.onClick,s=e.onDelete,u=e.onEdit,f=e.onOptions,m=e.e2eClassName,h=ws(i),g=ws(m),b=wl(),x=b[0],v=b[1],w=b[2],y=n.useCallback((function(){return d(t)}),[t,d]),k=n.useCallback((function(n){n.stopPropagation(),s&&s(t)}),[s,t]),C=n.useCallback((function(n){n.stopPropagation(),u&&u(t)}),[u,t]),S=n.useCallback((function(n){n.stopPropagation(),f&&f(t)}),[f,t]),z=r===Md.draft,L=r===Md.fixed,F=r===Md.saved,N=c?E.neutral.ink.dark:E.neutral.ink.base;return n.createElement(fs,{className:"".concat(ot([null==h?void 0:h.container,null==g?void 0:g.container])," ").concat(c?null==h?void 0:h.active:""),onClick:y},n.createElement(ms,{active:c,onMouseEnter:v,onMouseLeave:w},n.createElement(sn,{variant:"bodyBold"},o),a&&n.createElement(gs,{active:c||x},n.createElement(hs,{className:null==g?void 0:g.counter,variant:"subheadingSmall"},a)),z&&n.createElement(Xn,p({},bs,{color:N,className:null==g?void 0:g.delete,onClick:k})),L&&c&&n.createElement(xs,p({},bs,{color:N,className:null==g?void 0:g.options,onClick:S})),F&&c&&n.createElement(vs,p({},bs,{color:N,className:null==g?void 0:g.edit,onClick:C}))))},exports.WeightInput=Ss,exports.buildClassnames=ot,exports.generateId=wn,exports.getOpaqueHexColor=ql,exports.hexToRgb=Pl,exports.theme=an,exports.useClickOutside=Ha,exports.useDebounce=function(e,t){var o=n.useState(e),r=o[0],i=o[1];return n.useEffect((function(){var n=setTimeout((function(){return i(e)}),t);return function(){return clearTimeout(n)}}),[e,t]),r},exports.useDropdown=Ba,exports.useFocusVisible=function(){var e,t=n.useState(!1),o=t[0],r=t[1],i=n.useContext(Ia),a=i.hadKeyboardEvent,l=i.isInitialized,c=n.useCallback((function(){o||r(!0)}),[o]),d=n.useCallback((function(){o&&r(!1)}),[o]);return e=l?a&&o:o,n.useMemo((function(){return{focusVisible:e,onFocus:c,onBlur:d}}),[e,d,c])},exports.useHover=wl,exports.useIsOverflowing=yl,exports.useTabs=function(e,t){var o=(t||{}).defaultActiveIndex,r=void 0===o?0:o,i=n.useState(e)[0],a=n.useState(i[r]),l=a[0],c=a[1];return[l,function(n){var e=i.find((function(e){return e.key===n}));e&&c(e)}]},exports.withDeprecated=function(e){return function(t){return n.useEffect((function(){console.warn("".concat(e.name," is deprecated."))}),[]),n.createElement(e,p({},t))}},exports.withLabels=ka;
2
2
  //# sourceMappingURL=index.js.map