@ssa-ui-kit/core 0.0.5-alpha → 0.0.6-alpha

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 (576) hide show
  1. package/.babelrc.js +4 -4
  2. package/.storybook/main.ts +43 -43
  3. package/.storybook/preview.tsx +22 -22
  4. package/.storybook/style.css +31 -31
  5. package/custom-shots/components-popover--hint-opened__[w1920px].png +0 -0
  6. package/customTest.tsx +46 -46
  7. package/dist/components/ButtonGroup/ButtonGroup.d.ts +1 -1
  8. package/dist/components/ButtonGroup/types.d.ts +1 -0
  9. package/dist/components/Dropdown/index.d.ts +1 -0
  10. package/dist/index.js +1 -1
  11. package/dist/index.js.map +1 -1
  12. package/jest-setup.ts +17 -17
  13. package/lostpixel.config.ts +26 -26
  14. package/package.json +1 -1
  15. package/playwright.config.ts +7 -7
  16. package/src/components/AccordionGroup/Accordion.tsx +30 -30
  17. package/src/components/AccordionGroup/AccordionContent.tsx +21 -21
  18. package/src/components/AccordionGroup/AccordionContext.tsx +66 -66
  19. package/src/components/AccordionGroup/AccordionGroup.spec.tsx +191 -191
  20. package/src/components/AccordionGroup/AccordionGroup.tsx +71 -71
  21. package/src/components/AccordionGroup/AccordionTitle.tsx +41 -41
  22. package/src/components/AccordionGroup/index.ts +9 -9
  23. package/src/components/AccordionGroup/stories/AccordionGroup.stories.tsx +107 -107
  24. package/src/components/AccordionGroup/stories/helpers.tsx +86 -86
  25. package/src/components/AccordionGroup/styles.ts +121 -121
  26. package/src/components/AccordionGroup/types.ts +59 -59
  27. package/src/components/Avatar/Avatar.tsx +15 -15
  28. package/src/components/Avatar/index.ts +1 -1
  29. package/src/components/Badge/Badge.spec.tsx +113 -113
  30. package/src/components/Badge/Badge.stories.tsx +156 -156
  31. package/src/components/Badge/Badge.tsx +45 -45
  32. package/src/components/Badge/BadgeBase.tsx +19 -19
  33. package/src/components/Badge/helpers.ts +49 -49
  34. package/src/components/Badge/index.ts +1 -1
  35. package/src/components/Badge/styles.ts +20 -20
  36. package/src/components/Badge/types.ts +7 -7
  37. package/src/components/Button/Button.spec.tsx +529 -529
  38. package/src/components/Button/Button.stories.tsx +124 -124
  39. package/src/components/Button/Button.tsx +121 -121
  40. package/src/components/Button/ButtonBase.tsx +14 -14
  41. package/src/components/Button/ButtonText.tsx +67 -67
  42. package/src/components/Button/fixtures.ts +165 -165
  43. package/src/components/Button/helpers.ts +30 -30
  44. package/src/components/Button/index.ts +1 -1
  45. package/src/components/Button/styles.ts +168 -168
  46. package/src/components/Button/types.ts +48 -48
  47. package/src/components/ButtonGroup/ButtonGroup.spec.tsx +60 -37
  48. package/src/components/ButtonGroup/ButtonGroup.stories.tsx +42 -42
  49. package/src/components/ButtonGroup/ButtonGroup.tsx +40 -39
  50. package/src/components/ButtonGroup/helpers.ts +7 -7
  51. package/src/components/ButtonGroup/index.ts +2 -2
  52. package/src/components/ButtonGroup/styles.ts +53 -53
  53. package/src/components/ButtonGroup/types.ts +14 -13
  54. package/src/components/Card/Card.spec.tsx +94 -94
  55. package/src/components/Card/Card.stories.tsx +253 -253
  56. package/src/components/Card/Card.tsx +13 -13
  57. package/src/components/Card/CardBase.tsx +20 -20
  58. package/src/components/Card/index.ts +2 -2
  59. package/src/components/Card/types.ts +8 -8
  60. package/src/components/CardContent/CardContent.tsx +17 -17
  61. package/src/components/CardContent/CardContentBase.tsx +12 -12
  62. package/src/components/CardContent/index.ts +1 -1
  63. package/src/components/CardHeader/CardHeader.tsx +26 -26
  64. package/src/components/CardHeader/CardHeaderBase.tsx +21 -21
  65. package/src/components/CardHeader/index.ts +1 -1
  66. package/src/components/Checkbox/Checkbox.spec.tsx +193 -193
  67. package/src/components/Checkbox/Checkbox.stories.tsx +93 -93
  68. package/src/components/Checkbox/Checkbox.tsx +79 -79
  69. package/src/components/Checkbox/CheckboxBase.tsx +71 -71
  70. package/src/components/Checkbox/index.ts +3 -3
  71. package/src/components/Checkbox/styles.tsx +70 -70
  72. package/src/components/Checkbox/types.ts +32 -32
  73. package/src/components/ColorPicker/ColorPicker.spec.tsx +58 -58
  74. package/src/components/ColorPicker/ColorPicker.stories.tsx +48 -48
  75. package/src/components/ColorPicker/ColorPicker.tsx +47 -47
  76. package/src/components/ColorPicker/index.ts +1 -1
  77. package/src/components/ColorPicker/styles.ts +14 -14
  78. package/src/components/ColorPicker/types.ts +21 -21
  79. package/src/components/Dropdown/Dropdown.context.ts +16 -16
  80. package/src/components/Dropdown/Dropdown.spec.tsx +326 -326
  81. package/src/components/Dropdown/Dropdown.stories.tsx +155 -155
  82. package/src/components/Dropdown/Dropdown.tsx +135 -135
  83. package/src/components/Dropdown/index.ts +2 -1
  84. package/src/components/Dropdown/types.ts +17 -17
  85. package/src/components/DropdownArrow/DropdownArrow.tsx +17 -17
  86. package/src/components/DropdownArrow/index.ts +1 -1
  87. package/src/components/DropdownBase/DropdownBase.tsx +10 -10
  88. package/src/components/DropdownBase/index.ts +1 -1
  89. package/src/components/DropdownOption/DropdownOption.tsx +56 -56
  90. package/src/components/DropdownOption/index.ts +1 -1
  91. package/src/components/DropdownOptions/DropdownOptions.tsx +102 -102
  92. package/src/components/DropdownOptions/index.ts +2 -2
  93. package/src/components/DropdownOptions/types.ts +9 -9
  94. package/src/components/DropdownToggle/DropdownToggle.tsx +147 -147
  95. package/src/components/DropdownToggle/index.ts +1 -1
  96. package/src/components/DropdownToggle/types.ts +22 -22
  97. package/src/components/Form/Form.stories.mdx +118 -118
  98. package/src/components/Form/Form.stories.tsx +432 -432
  99. package/src/components/Form/Form.tsx +9 -9
  100. package/src/components/Form/index.ts +1 -1
  101. package/src/components/FormAction/FormAction.tsx +8 -8
  102. package/src/components/FormAction/index.ts +1 -1
  103. package/src/components/FormCheckbox/FormCheckbox.tsx +33 -33
  104. package/src/components/FormCheckbox/index.ts +1 -1
  105. package/src/components/FormCheckbox/types.ts +10 -10
  106. package/src/components/FormGroup/FormGroup.tsx +15 -15
  107. package/src/components/FormGroup/index.ts +1 -1
  108. package/src/components/FormHelperText/FormHelperText.tsx +18 -18
  109. package/src/components/FormHelperText/FormHelperTextBase.tsx +22 -22
  110. package/src/components/FormHelperText/index.ts +1 -1
  111. package/src/components/FormHelperText/types.ts +8 -8
  112. package/src/components/FormRadioGroup/FormRadioGroup.spec.tsx +74 -74
  113. package/src/components/FormRadioGroup/FormRadioGroup.stories.tsx +90 -90
  114. package/src/components/FormRadioGroup/FormRadioGroup.tsx +35 -35
  115. package/src/components/FormRadioGroup/index.ts +1 -1
  116. package/src/components/FormRadioGroup/types.ts +12 -12
  117. package/src/components/Icon/Icon.tsx +7 -7
  118. package/src/components/Icon/Icons.spec.tsx +63 -63
  119. package/src/components/Icon/Icons.stories.tsx +56 -56
  120. package/src/components/Icon/icons/Archive.tsx +35 -35
  121. package/src/components/Icon/icons/ArrowDown.tsx +26 -26
  122. package/src/components/Icon/icons/ArrowUp.tsx +26 -26
  123. package/src/components/Icon/icons/Attention.tsx +22 -22
  124. package/src/components/Icon/icons/Bin.tsx +28 -28
  125. package/src/components/Icon/icons/Calendar.tsx +16 -16
  126. package/src/components/Icon/icons/CarrotDown.tsx +20 -20
  127. package/src/components/Icon/icons/CarrotLeft.tsx +20 -20
  128. package/src/components/Icon/icons/CarrotRight.tsx +20 -20
  129. package/src/components/Icon/icons/CarrotUp.tsx +20 -20
  130. package/src/components/Icon/icons/Change.tsx +16 -16
  131. package/src/components/Icon/icons/Chart.tsx +37 -37
  132. package/src/components/Icon/icons/Check.tsx +20 -20
  133. package/src/components/Icon/icons/CheckCircle.tsx +26 -26
  134. package/src/components/Icon/icons/Circle.tsx +22 -22
  135. package/src/components/Icon/icons/Clock.tsx +31 -31
  136. package/src/components/Icon/icons/Copy.tsx +23 -23
  137. package/src/components/Icon/icons/Cross.tsx +27 -27
  138. package/src/components/Icon/icons/Diet.tsx +16 -16
  139. package/src/components/Icon/icons/Email.tsx +19 -19
  140. package/src/components/Icon/icons/Filter.tsx +18 -18
  141. package/src/components/Icon/icons/Home.tsx +16 -16
  142. package/src/components/Icon/icons/Information.tsx +24 -24
  143. package/src/components/Icon/icons/Invisible.tsx +55 -55
  144. package/src/components/Icon/icons/Lock.tsx +17 -17
  145. package/src/components/Icon/icons/LogIn.tsx +21 -21
  146. package/src/components/Icon/icons/LogOut.tsx +21 -21
  147. package/src/components/Icon/icons/Measurements.tsx +18 -18
  148. package/src/components/Icon/icons/Minus.tsx +20 -20
  149. package/src/components/Icon/icons/More.tsx +24 -24
  150. package/src/components/Icon/icons/MoreVertical.tsx +15 -15
  151. package/src/components/Icon/icons/Notification.tsx +18 -18
  152. package/src/components/Icon/icons/Plus.tsx +27 -27
  153. package/src/components/Icon/icons/RadioOn.tsx +23 -23
  154. package/src/components/Icon/icons/Robot.tsx +18 -18
  155. package/src/components/Icon/icons/Search.tsx +18 -18
  156. package/src/components/Icon/icons/Settings.tsx +24 -24
  157. package/src/components/Icon/icons/Sleep.tsx +20 -20
  158. package/src/components/Icon/icons/Stats.tsx +20 -20
  159. package/src/components/Icon/icons/Trainings.tsx +16 -16
  160. package/src/components/Icon/icons/Union.tsx +19 -19
  161. package/src/components/Icon/icons/User.tsx +34 -34
  162. package/src/components/Icon/icons/Visible.tsx +27 -27
  163. package/src/components/Icon/icons/Warning.tsx +22 -22
  164. package/src/components/Icon/icons/iconsList.tsx +55 -55
  165. package/src/components/Icon/icons/index.tsx +115 -115
  166. package/src/components/Icon/index.ts +2 -2
  167. package/src/components/Icon/types.ts +18 -18
  168. package/src/components/Indicator/Indicator.spec.tsx +67 -67
  169. package/src/components/Indicator/Indicator.stories.tsx +106 -106
  170. package/src/components/Indicator/Indicator.tsx +86 -86
  171. package/src/components/Indicator/IndicatorBase.tsx +27 -27
  172. package/src/components/Indicator/index.ts +1 -1
  173. package/src/components/Indicator/types.ts +9 -9
  174. package/src/components/Input/Input.spec.tsx +95 -95
  175. package/src/components/Input/Input.stories.tsx +215 -215
  176. package/src/components/Input/Input.tsx +70 -70
  177. package/src/components/Input/InputBase.tsx +42 -42
  178. package/src/components/Input/InputGroup.tsx +12 -12
  179. package/src/components/Input/InputStatusError.tsx +20 -20
  180. package/src/components/Input/InputStatusSuccess.tsx +16 -16
  181. package/src/components/Input/index.ts +1 -1
  182. package/src/components/Input/styles.ts +111 -111
  183. package/src/components/Input/types.ts +35 -35
  184. package/src/components/Label/Label.spec.tsx +57 -57
  185. package/src/components/Label/Label.tsx +20 -20
  186. package/src/components/Label/LabelBase.tsx +14 -14
  187. package/src/components/Label/index.ts +1 -1
  188. package/src/components/Label/types.ts +9 -9
  189. package/src/components/LargeTab/LargeTab.tsx +38 -38
  190. package/src/components/LargeTab/LargeTabBase.tsx +39 -39
  191. package/src/components/LargeTab/index.ts +1 -1
  192. package/src/components/LargeTab/styles.ts +17 -17
  193. package/src/components/Link/Link.tsx +10 -10
  194. package/src/components/Link/Link.types.ts +4 -4
  195. package/src/components/Link/LinkBase.ts +5 -5
  196. package/src/components/Link/index.tsx +1 -1
  197. package/src/components/Modal/Modal.context.tsx +9 -9
  198. package/src/components/Modal/Modal.spec.tsx +154 -154
  199. package/src/components/Modal/Modal.stories.tsx +97 -97
  200. package/src/components/Modal/Modal.tsx +12 -12
  201. package/src/components/Modal/index.ts +2 -2
  202. package/src/components/Modal/types.ts +4 -4
  203. package/src/components/ModalContent/ModalContent.tsx +21 -21
  204. package/src/components/ModalContent/index.ts +1 -1
  205. package/src/components/ModalDialog/ModalDialog.tsx +67 -67
  206. package/src/components/ModalDialog/index.ts +2 -2
  207. package/src/components/ModalDialog/types.ts +7 -7
  208. package/src/components/ModalDismissButton/ModalDismissButton.tsx +15 -15
  209. package/src/components/ModalDismissButton/index.ts +1 -1
  210. package/src/components/ModalOpenButton/ModalOpenButton.tsx +15 -15
  211. package/src/components/ModalOpenButton/index.ts +1 -1
  212. package/src/components/MultipleDropdown/MultipleDropdown.context.ts +20 -20
  213. package/src/components/MultipleDropdown/MultipleDropdown.spec.tsx +414 -414
  214. package/src/components/MultipleDropdown/MultipleDropdown.tsx +217 -217
  215. package/src/components/MultipleDropdown/index.ts +1 -1
  216. package/src/components/MultipleDropdown/stories/MultipleDropdown.stories.tsx +239 -239
  217. package/src/components/MultipleDropdown/stories/consts.ts +5 -5
  218. package/src/components/MultipleDropdown/types.ts +20 -20
  219. package/src/components/MultipleDropdown/utils.ts +32 -32
  220. package/src/components/MultipleDropdownNotification/MultipleDropdownNotification.tsx +13 -13
  221. package/src/components/MultipleDropdownNotification/index.ts +1 -1
  222. package/src/components/MultipleDropdownOptions/MultipleDropdownOptions.tsx +156 -156
  223. package/src/components/MultipleDropdownOptions/index.ts +2 -2
  224. package/src/components/MultipleDropdownOptions/types.ts +7 -7
  225. package/src/components/Popover/Popover.e2e.ts +26 -26
  226. package/src/components/Popover/Popover.spec.tsx +17 -17
  227. package/src/components/Popover/Popover.tsx +21 -21
  228. package/src/components/Popover/PopoverClose.tsx +21 -21
  229. package/src/components/Popover/PopoverContent.tsx +37 -37
  230. package/src/components/Popover/PopoverDescription.tsx +21 -21
  231. package/src/components/Popover/PopoverHeading.tsx +25 -25
  232. package/src/components/Popover/PopoverTrigger.tsx +47 -47
  233. package/src/components/Popover/hooks/usePopover.tsx +109 -109
  234. package/src/components/Popover/hooks/usePopoverContext.tsx +16 -16
  235. package/src/components/Popover/index.ts +6 -6
  236. package/src/components/Popover/stories/Popover.stories.tsx +39 -39
  237. package/src/components/Popover/stories/StoryComponent.tsx +42 -42
  238. package/src/components/Popover/types.ts +45 -45
  239. package/src/components/Progress/Progress.spec.tsx +85 -85
  240. package/src/components/Progress/Progress.stories.tsx +234 -234
  241. package/src/components/Progress/Progress.tsx +7 -7
  242. package/src/components/Progress/index.ts +1 -1
  243. package/src/components/Progress/types.ts +5 -5
  244. package/src/components/ProgressBar/ProgressBar.tsx +68 -68
  245. package/src/components/ProgressBar/index.ts +1 -1
  246. package/src/components/ProgressBar/styles.ts +15 -15
  247. package/src/components/ProgressBar/types.ts +7 -7
  248. package/src/components/ProgressCircle/ProgressCircle.spec.tsx +37 -37
  249. package/src/components/ProgressCircle/ProgressCircle.stories.tsx +96 -96
  250. package/src/components/ProgressCircle/ProgressCircle.tsx +60 -60
  251. package/src/components/ProgressCircle/ProgressCircleBase.tsx +45 -45
  252. package/src/components/ProgressCircle/ProgressCircleInner.tsx +16 -16
  253. package/src/components/ProgressCircle/ProgressCircleOuter.tsx +14 -14
  254. package/src/components/ProgressCircle/index.ts +1 -1
  255. package/src/components/ProgressCircle/styles.ts +20 -20
  256. package/src/components/ProgressCircle/types.ts +7 -7
  257. package/src/components/ProgressLegend/ProgressLegend.tsx +41 -41
  258. package/src/components/ProgressLegend/index.ts +1 -1
  259. package/src/components/ProgressLegend/types.ts +12 -12
  260. package/src/components/ProgressLegendItem/ProgressLegendItem.tsx +52 -52
  261. package/src/components/ProgressLegendItem/index.ts +1 -1
  262. package/src/components/ProgressLegendItem/types.ts +6 -6
  263. package/src/components/ProgressVertical/ProgressVertical.tsx +23 -23
  264. package/src/components/ProgressVertical/index.ts +1 -1
  265. package/src/components/ProgressVertical/types.ts +5 -5
  266. package/src/components/Radio/Radio.spec.tsx +234 -234
  267. package/src/components/Radio/Radio.stories.tsx +52 -52
  268. package/src/components/Radio/Radio.tsx +56 -56
  269. package/src/components/Radio/RadioBase.tsx +36 -36
  270. package/src/components/Radio/index.ts +1 -1
  271. package/src/components/Radio/types.ts +11 -11
  272. package/src/components/RadioGroup/RadioGroup.spec.tsx +116 -116
  273. package/src/components/RadioGroup/RadioGroup.stories.tsx +84 -84
  274. package/src/components/RadioGroup/RadioGroup.tsx +49 -49
  275. package/src/components/RadioGroup/RadioGroupBase.tsx +3 -3
  276. package/src/components/RadioGroup/index.ts +1 -1
  277. package/src/components/RadioGroup/types.ts +10 -10
  278. package/src/components/ResponsiveImage/ResponsiveImage.spec.tsx +43 -43
  279. package/src/components/ResponsiveImage/ResponsiveImage.stories.tsx +33 -33
  280. package/src/components/ResponsiveImage/ResponsiveImage.tsx +14 -14
  281. package/src/components/ResponsiveImage/index.tsx +1 -1
  282. package/src/components/ResponsiveImage/types.ts +7 -7
  283. package/src/components/Step/Step.context.ts +21 -21
  284. package/src/components/Step/Step.tsx +58 -58
  285. package/src/components/Step/index.ts +2 -2
  286. package/src/components/StepConnector/StepConnector.tsx +34 -34
  287. package/src/components/StepConnector/index.ts +1 -1
  288. package/src/components/StepConnector/style.ts +24 -24
  289. package/src/components/StepLabel/StepLabel.tsx +65 -65
  290. package/src/components/StepLabel/index.ts +1 -1
  291. package/src/components/StepLabel/styles.ts +38 -38
  292. package/src/components/Stepper/Stepper.context.ts +16 -16
  293. package/src/components/Stepper/Stepper.spec.tsx +128 -128
  294. package/src/components/Stepper/Stepper.stories.tsx +292 -292
  295. package/src/components/Stepper/Stepper.tsx +49 -49
  296. package/src/components/Stepper/index.ts +5 -5
  297. package/src/components/Stepper/types.ts +17 -17
  298. package/src/components/Switch/Switch.spec.tsx +181 -181
  299. package/src/components/Switch/Switch.stories.tsx +64 -64
  300. package/src/components/Switch/Switch.tsx +21 -21
  301. package/src/components/Switch/SwitchBase.tsx +62 -62
  302. package/src/components/Switch/SwitchContext.tsx +38 -38
  303. package/src/components/Switch/index.ts +6 -6
  304. package/src/components/Switch/types.ts +4 -4
  305. package/src/components/Tab/Tab.tsx +31 -31
  306. package/src/components/Tab/TabBase.tsx +31 -31
  307. package/src/components/Tab/index.ts +1 -1
  308. package/src/components/TabBar/TabBar.spec.tsx +290 -290
  309. package/src/components/TabBar/TabBar.tsx +43 -43
  310. package/src/components/TabBar/TabBarContext.tsx +43 -43
  311. package/src/components/TabBar/index.ts +6 -6
  312. package/src/components/TabBar/stories/TimePeriodTabBar.stories.tsx +84 -84
  313. package/src/components/TabBar/stories/WeekTabBar.stories.tsx +136 -136
  314. package/src/components/TabBar/stories/helpers.tsx +69 -69
  315. package/src/components/TabBar/types.ts +39 -39
  316. package/src/components/Table/Table.spec.tsx +86 -86
  317. package/src/components/Table/Table.tsx +13 -13
  318. package/src/components/Table/index.ts +1 -1
  319. package/src/components/Table/stories/SortableTable.tsx +78 -78
  320. package/src/components/Table/stories/Table.stories.tsx +94 -94
  321. package/src/components/Table/stories/consts.ts +6 -6
  322. package/src/components/Table/stories/mock.ts +16 -16
  323. package/src/components/Table/stories/types.ts +9 -9
  324. package/src/components/Table/stories/utils.ts +2 -2
  325. package/src/components/TableBody/TableBody.tsx +8 -8
  326. package/src/components/TableBody/index.ts +1 -1
  327. package/src/components/TableCell/TableCell.tsx +16 -16
  328. package/src/components/TableCell/index.ts +1 -1
  329. package/src/components/TableHead/TableHead.tsx +15 -15
  330. package/src/components/TableHead/index.ts +1 -1
  331. package/src/components/TableRow/TableRow.tsx +12 -12
  332. package/src/components/TableRow/index.ts +1 -1
  333. package/src/components/Tag/Tag.spec.tsx +121 -121
  334. package/src/components/Tag/Tag.stories.tsx +96 -96
  335. package/src/components/Tag/Tag.tsx +47 -47
  336. package/src/components/Tag/index.ts +1 -1
  337. package/src/components/Tag/styles.ts +123 -123
  338. package/src/components/Tag/types.ts +7 -7
  339. package/src/components/TextField/TextField.spec.tsx +171 -171
  340. package/src/components/TextField/TextField.stories.tsx +221 -221
  341. package/src/components/TextField/TextField.tsx +61 -61
  342. package/src/components/TextField/index.ts +1 -1
  343. package/src/components/TextField/types.ts +14 -14
  344. package/src/components/Textarea/Textarea.spec.tsx +56 -56
  345. package/src/components/Textarea/Textarea.stories.tsx +58 -58
  346. package/src/components/Textarea/Textarea.tsx +35 -35
  347. package/src/components/Textarea/TextareaBase.tsx +44 -44
  348. package/src/components/Textarea/index.ts +1 -1
  349. package/src/components/Textarea/types.ts +15 -15
  350. package/src/components/Tooltip/ProgressChartTooltip.tsx +48 -48
  351. package/src/components/Tooltip/SimpleChartTooltip.tsx +20 -20
  352. package/src/components/Tooltip/Tooltip.spec.tsx +305 -305
  353. package/src/components/Tooltip/Tooltip.stories.tsx +160 -160
  354. package/src/components/Tooltip/Tooltip.tsx +22 -22
  355. package/src/components/Tooltip/TooltipArrow.tsx +26 -26
  356. package/src/components/Tooltip/TooltipContentBase.tsx +9 -9
  357. package/src/components/Tooltip/index.ts +5 -5
  358. package/src/components/Tooltip/styles.ts +16 -16
  359. package/src/components/Tooltip/types.ts +88 -88
  360. package/src/components/Tooltip/useTooltip.tsx +74 -74
  361. package/src/components/Tooltip/useTooltipContext.tsx +16 -16
  362. package/src/components/Tooltip/utils.tsx +8 -8
  363. package/src/components/TooltipContent/TooltipContent.tsx +49 -49
  364. package/src/components/TooltipContent/index.ts +1 -1
  365. package/src/components/TooltipTrigger/TooltipTrigger.tsx +21 -21
  366. package/src/components/TooltipTrigger/index.ts +1 -1
  367. package/src/components/Typography/Typography.spec.tsx +259 -259
  368. package/src/components/Typography/Typography.stories.tsx +68 -68
  369. package/src/components/Typography/Typography.tsx +52 -52
  370. package/src/components/Typography/index.ts +1 -1
  371. package/src/components/Typography/styles.ts +85 -85
  372. package/src/components/Typography/types.ts +22 -22
  373. package/src/components/Wrapper/Wrapper.spec.tsx +15 -15
  374. package/src/components/Wrapper/Wrapper.tsx +19 -19
  375. package/src/components/Wrapper/index.ts +1 -1
  376. package/src/consts.ts +18 -18
  377. package/src/index.ts +94 -94
  378. package/src/injectGlobal.ts +41 -41
  379. package/src/styles/global.ts +91 -91
  380. package/src/styles/safari-focus-outline.ts +37 -37
  381. package/src/styles/styles.spec.tsx +42 -42
  382. package/src/themes/main.ts +116 -116
  383. package/src/types/emotion.d.ts +7 -7
  384. package/src/types/emotion.ts +132 -132
  385. package/src/types/global.d.ts +7 -7
  386. package/src/types/global.ts +19 -19
  387. package/storybook-static/{5497.0b734124.iframe.bundle.js → 106.778a645c.iframe.bundle.js} +4 -4
  388. package/storybook-static/106.778a645c.iframe.bundle.js.map +1 -0
  389. package/storybook-static/138.8c2d65fc.iframe.bundle.js +402 -0
  390. package/storybook-static/{4106.7f1435f2.iframe.bundle.js.LICENSE.txt → 138.8c2d65fc.iframe.bundle.js.LICENSE.txt} +2 -0
  391. package/storybook-static/138.8c2d65fc.iframe.bundle.js.map +1 -0
  392. package/storybook-static/147.4bde027d.iframe.bundle.js +1 -0
  393. package/storybook-static/162.50651ae2.iframe.bundle.js +1 -0
  394. package/storybook-static/17.5d9bd250.iframe.bundle.js +1 -0
  395. package/storybook-static/291.09d4c667.iframe.bundle.js +1 -0
  396. package/storybook-static/{5374.19c2f606.iframe.bundle.js → 306.af359eab.iframe.bundle.js} +4 -4
  397. package/storybook-static/306.af359eab.iframe.bundle.js.map +1 -0
  398. package/storybook-static/362.4cbbd69f.iframe.bundle.js +1 -0
  399. package/storybook-static/420.42d7bc14.iframe.bundle.js +1 -0
  400. package/storybook-static/576.29e7ae1a.iframe.bundle.js +1 -0
  401. package/storybook-static/577.1d2cbd23.iframe.bundle.js +1 -0
  402. package/storybook-static/710.062ccd5f.iframe.bundle.js +1 -0
  403. package/storybook-static/768.33e53fd0.iframe.bundle.js +1 -0
  404. package/storybook-static/828.5ae0e882.iframe.bundle.js +1 -0
  405. package/storybook-static/829.683a9f42.iframe.bundle.js +133 -0
  406. package/storybook-static/829.683a9f42.iframe.bundle.js.map +1 -0
  407. package/storybook-static/866.50e11952.iframe.bundle.js +1 -0
  408. package/storybook-static/92.83dcbe4b.iframe.bundle.js +1 -0
  409. package/storybook-static/945.3489a74d.iframe.bundle.js +1 -0
  410. package/storybook-static/958.d966bb86.iframe.bundle.js +1 -0
  411. package/storybook-static/components-Badge-Badge-stories.f86fca97.iframe.bundle.js +1 -0
  412. package/storybook-static/components-Button-Button-stories.f9b820e6.iframe.bundle.js +1 -0
  413. package/storybook-static/components-Card-Card-stories.53c865e0.iframe.bundle.js +1 -0
  414. package/storybook-static/components-Checkbox-Checkbox-stories.831f01fd.iframe.bundle.js +1 -0
  415. package/storybook-static/{components-ColorPicker-ColorPicker-stories.227d5d28.iframe.bundle.js → components-ColorPicker-ColorPicker-stories.2ab41812.iframe.bundle.js} +1 -1
  416. package/storybook-static/components-Dropdown-Dropdown-stories.7167f777.iframe.bundle.js +1 -0
  417. package/storybook-static/components-Form-Form-stories-mdx.9836b75e.iframe.bundle.js +2 -0
  418. package/storybook-static/components-Form-Form-stories.3de6bf7e.iframe.bundle.js +1 -0
  419. package/storybook-static/components-FormRadioGroup-FormRadioGroup-stories.0502eda0.iframe.bundle.js +1 -0
  420. package/storybook-static/components-Icon-Icons-stories.1acf0324.iframe.bundle.js +1 -0
  421. package/storybook-static/components-Input-Input-stories.6eb48766.iframe.bundle.js +1 -0
  422. package/storybook-static/components-Modal-Modal-stories.86f65df0.iframe.bundle.js +1 -0
  423. package/storybook-static/components-Progress-Progress-stories.77e171cd.iframe.bundle.js +1 -0
  424. package/storybook-static/components-ProgressCircle-ProgressCircle-stories.859f52ec.iframe.bundle.js +1 -0
  425. package/storybook-static/components-Radio-Radio-stories.71a0eb7a.iframe.bundle.js +1 -0
  426. package/storybook-static/components-RadioGroup-RadioGroup-stories.c5e954b8.iframe.bundle.js +1 -0
  427. package/storybook-static/components-ResponsiveImage-ResponsiveImage-stories.0865df1e.iframe.bundle.js +1 -0
  428. package/storybook-static/components-Stepper-Stepper-stories.7627cd7c.iframe.bundle.js +1 -0
  429. package/storybook-static/components-Switch-Switch-stories.a4a76d7f.iframe.bundle.js +1 -0
  430. package/storybook-static/components-TabBar-stories-TimePeriodTabBar-stories.70f1a14c.iframe.bundle.js +1 -0
  431. package/storybook-static/{components-Switch-Switch-stories.760b85d7.iframe.bundle.js → components-TabBar-stories-WeekTabBar-stories.9e080c9e.iframe.bundle.js} +1 -1
  432. package/storybook-static/components-Table-Table-stories.f316f6a3.iframe.bundle.js +1 -0
  433. package/storybook-static/components-Tag-Tag-stories.4f4974ab.iframe.bundle.js +1 -0
  434. package/storybook-static/components-TextField-TextField-stories.af04f7d8.iframe.bundle.js +1 -0
  435. package/storybook-static/components-Textarea-Textarea-stories.90376002.iframe.bundle.js +1 -0
  436. package/storybook-static/components-Tooltip-Tooltip-stories.63785818.iframe.bundle.js +1 -0
  437. package/storybook-static/components-Typography-Typography-stories.3cdf669d.iframe.bundle.js +1 -0
  438. package/storybook-static/iframe.html +4 -4
  439. package/storybook-static/index.html +0 -4
  440. package/storybook-static/index.json +1 -1
  441. package/storybook-static/main.4d06409e.iframe.bundle.js +1 -0
  442. package/storybook-static/project.json +1 -1
  443. package/storybook-static/runtime~main.dcd9f3c1.iframe.bundle.js +1 -0
  444. package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js +1 -1
  445. package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js.map +4 -4
  446. package/storybook-static/sb-addons/essentials-backgrounds-3/manager-bundle.js +5 -5
  447. package/storybook-static/sb-addons/essentials-backgrounds-3/manager-bundle.js.map +4 -4
  448. package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js +51 -49
  449. package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js.map +4 -4
  450. package/storybook-static/sb-addons/essentials-measure-6/manager-bundle.js +1 -1
  451. package/storybook-static/sb-addons/essentials-measure-6/manager-bundle.js.map +4 -4
  452. package/storybook-static/sb-addons/essentials-outline-7/manager-bundle.js +1 -1
  453. package/storybook-static/sb-addons/essentials-outline-7/manager-bundle.js.map +4 -4
  454. package/storybook-static/sb-addons/essentials-toolbars-5/manager-bundle.js +1 -1
  455. package/storybook-static/sb-addons/essentials-toolbars-5/manager-bundle.js.map +3 -3
  456. package/storybook-static/sb-addons/essentials-viewport-4/manager-bundle.js +1 -1
  457. package/storybook-static/sb-addons/essentials-viewport-4/manager-bundle.js.map +4 -4
  458. package/storybook-static/sb-addons/interactions-8/manager-bundle.js +11 -11
  459. package/storybook-static/sb-addons/interactions-8/manager-bundle.js.map +4 -4
  460. package/storybook-static/sb-addons/links-0/manager-bundle.js +1 -1
  461. package/storybook-static/sb-addons/links-0/manager-bundle.js.map +3 -3
  462. package/storybook-static/sb-manager/GlobalScrollAreaStyles-DZEYMYDM-UAEZM2KF.js +7 -0
  463. package/storybook-static/sb-manager/OverlayScrollbars-OGE3XJTA-T3S33YR7.js +1 -0
  464. package/storybook-static/sb-manager/WithTooltip-I4CCNYWD-ZW5IOTVO.js +1 -0
  465. package/storybook-static/sb-manager/{chunk-DP4DR4LA.js → chunk-3FAXWWKG.js} +1 -1
  466. package/storybook-static/sb-manager/{chunk-6KNXZZZ5.js → chunk-AA6TEL5N.js} +1 -1
  467. package/storybook-static/sb-manager/{chunk-SJD7EFYL.js → chunk-AM2ZNZZH.js} +1 -1
  468. package/storybook-static/sb-manager/chunk-AS2AMEUR.js +1 -0
  469. package/storybook-static/sb-manager/chunk-FPTBIX6P.js +403 -0
  470. package/storybook-static/sb-manager/{chunk-V7GYLJLR.js → chunk-IPZYHIL3.js} +2 -2
  471. package/storybook-static/sb-manager/chunk-QPL63VNK.js +1 -0
  472. package/storybook-static/sb-manager/{chunk-JSPL73I3.js → chunk-R5BIZIS3.js} +1 -1
  473. package/storybook-static/sb-manager/{formatter-6736J7QO-TGL2ZGQC.js → formatter-OJ5LH2CX-IQX6U4TO.js} +2 -2
  474. package/storybook-static/sb-manager/globals.js +1 -1
  475. package/storybook-static/sb-manager/index.js +1 -1
  476. package/storybook-static/sb-manager/runtime.js +1 -1
  477. package/storybook-static/sb-manager/syntaxhighlighter-SIPZPD4I-WOB5MYBW.js +1 -0
  478. package/storybook-static/sb-preview/runtime.js +4 -4
  479. package/storybook-static/stories.json +1 -1
  480. package/tasks/create.js +45 -45
  481. package/tasks/firebase-import-meal-nutrients.js +66 -66
  482. package/tsbuildcache +1 -1
  483. package/tsconfig.build.json +44 -44
  484. package/tsconfig.json +20 -20
  485. package/tsconfig.tsbuildinfo +1 -1
  486. package/webpack.config.js +26 -26
  487. package/custom-shots/components-table-filters--opened__[w1920px].png +0 -0
  488. package/storybook-static/1283.a11004a1.iframe.bundle.js +0 -1
  489. package/storybook-static/1326.74edde53.iframe.bundle.js +0 -1
  490. package/storybook-static/2912.4c6e14cb.iframe.bundle.js +0 -1
  491. package/storybook-static/3547.515f04ab.iframe.bundle.js +0 -1
  492. package/storybook-static/3624.1414516c.iframe.bundle.js +0 -1
  493. package/storybook-static/3753.bd2e2900.iframe.bundle.js +0 -1
  494. package/storybook-static/4106.7f1435f2.iframe.bundle.js +0 -402
  495. package/storybook-static/4106.7f1435f2.iframe.bundle.js.map +0 -1
  496. package/storybook-static/4166.6fdf56d2.iframe.bundle.js +0 -1
  497. package/storybook-static/4339.437b4af1.iframe.bundle.js +0 -1
  498. package/storybook-static/4995.d16abbf0.iframe.bundle.js +0 -1
  499. package/storybook-static/5199.6867eb61.iframe.bundle.js +0 -1
  500. package/storybook-static/5374.19c2f606.iframe.bundle.js.map +0 -1
  501. package/storybook-static/5417.e7b726cc.iframe.bundle.js +0 -1
  502. package/storybook-static/5497.0b734124.iframe.bundle.js.map +0 -1
  503. package/storybook-static/5521.fbe15eea.iframe.bundle.js +0 -1
  504. package/storybook-static/5540.fa362783.iframe.bundle.js +0 -1
  505. package/storybook-static/5938.713bc0f1.iframe.bundle.js +0 -1
  506. package/storybook-static/6092.0baa0be2.iframe.bundle.js +0 -1
  507. package/storybook-static/6216.8da65c4d.iframe.bundle.js +0 -1
  508. package/storybook-static/6374.b662bb7e.iframe.bundle.js +0 -1
  509. package/storybook-static/7076.fc69dc87.iframe.bundle.js +0 -1
  510. package/storybook-static/7263.784ad817.iframe.bundle.js +0 -1
  511. package/storybook-static/7609.fa84d5d0.iframe.bundle.js +0 -1
  512. package/storybook-static/7633.6d7427ee.iframe.bundle.js +0 -1
  513. package/storybook-static/7767.2ce7411d.iframe.bundle.js +0 -1
  514. package/storybook-static/8069.7d70ab4a.iframe.bundle.js +0 -1
  515. package/storybook-static/8251.01f55356.iframe.bundle.js +0 -1
  516. package/storybook-static/9134.27efc9b6.iframe.bundle.js +0 -1
  517. package/storybook-static/9185.5e034211.iframe.bundle.js +0 -133
  518. package/storybook-static/9185.5e034211.iframe.bundle.js.map +0 -1
  519. package/storybook-static/9661.7fb349c2.iframe.bundle.js +0 -1
  520. package/storybook-static/9672.98d487be.iframe.bundle.js +0 -1
  521. package/storybook-static/973.378dae04.iframe.bundle.js +0 -1
  522. package/storybook-static/components-AccordionGroup-stories-AccordionGroup-stories.c8781719.iframe.bundle.js +0 -1
  523. package/storybook-static/components-Badge-Badge-stories.34ed507d.iframe.bundle.js +0 -1
  524. package/storybook-static/components-Button-Button-stories.42cf6ebc.iframe.bundle.js +0 -1
  525. package/storybook-static/components-Card-Card-stories.dce075fe.iframe.bundle.js +0 -1
  526. package/storybook-static/components-Checkbox-Checkbox-stories.c3b0ba2a.iframe.bundle.js +0 -1
  527. package/storybook-static/components-Dropdown-Dropdown-stories.a86e6d8b.iframe.bundle.js +0 -1
  528. package/storybook-static/components-Form-Form-stories-mdx.febb9417.iframe.bundle.js +0 -2
  529. package/storybook-static/components-Form-Form-stories.1030ead7.iframe.bundle.js +0 -1
  530. package/storybook-static/components-FormRadioGroup-FormRadioGroup-stories.9d91e8c9.iframe.bundle.js +0 -1
  531. package/storybook-static/components-Icon-Icons-stories.fe368cd9.iframe.bundle.js +0 -1
  532. package/storybook-static/components-Input-Input-stories.ecfd89af.iframe.bundle.js +0 -1
  533. package/storybook-static/components-Modal-Modal-stories.bd406807.iframe.bundle.js +0 -1
  534. package/storybook-static/components-MultipleDropdown-MultipleDropdown-stories.80762ee2.iframe.bundle.js +0 -1
  535. package/storybook-static/components-Popover-stories-Popover-stories.5bbb9c19.iframe.bundle.js +0 -1
  536. package/storybook-static/components-Progress-Progress-stories.924b6ce3.iframe.bundle.js +0 -1
  537. package/storybook-static/components-ProgressCircle-ProgressCircle-stories.abf7a711.iframe.bundle.js +0 -1
  538. package/storybook-static/components-Radio-Radio-stories.ea10f6ac.iframe.bundle.js +0 -1
  539. package/storybook-static/components-RadioGroup-RadioGroup-stories.8be03b3f.iframe.bundle.js +0 -1
  540. package/storybook-static/components-ResponsiveImage-ResponsiveImage-stories.d6d0fc31.iframe.bundle.js +0 -1
  541. package/storybook-static/components-Stepper-Stepper-stories.55fe429d.iframe.bundle.js +0 -1
  542. package/storybook-static/components-TabBar-stories-TimePeriodTabBar-stories.6f0ee7ee.iframe.bundle.js +0 -1
  543. package/storybook-static/components-TabBar-stories-WeekTabBar-stories.1d8887da.iframe.bundle.js +0 -1
  544. package/storybook-static/components-Table-Table-stories.cf62219e.iframe.bundle.js +0 -1
  545. package/storybook-static/components-Tag-Tag-stories.dc89b8dd.iframe.bundle.js +0 -1
  546. package/storybook-static/components-TextField-TextField-stories.23ab264d.iframe.bundle.js +0 -1
  547. package/storybook-static/components-Textarea-Textarea-stories.5d16dfd0.iframe.bundle.js +0 -1
  548. package/storybook-static/components-Tooltip-Tooltip-stories.4cf83194.iframe.bundle.js +0 -1
  549. package/storybook-static/components-Typography-Typography-stories.b04f7644.iframe.bundle.js +0 -1
  550. package/storybook-static/main.17671a9a.iframe.bundle.js +0 -1
  551. package/storybook-static/runtime~main.a44b94df.iframe.bundle.js +0 -1
  552. package/storybook-static/sb-addons/pseudo-states-9/manager-bundle.js +0 -4
  553. package/storybook-static/sb-addons/pseudo-states-9/manager-bundle.js.LEGAL.txt +0 -0
  554. package/storybook-static/sb-addons/pseudo-states-9/manager-bundle.js.map +0 -7
  555. package/storybook-static/sb-manager/CRUD-I5EZL2FS-LBZVDZXV.js +0 -1
  556. package/storybook-static/sb-manager/Communicate-7JXCND2Z-6SIVXWT4.js +0 -1
  557. package/storybook-static/sb-manager/Devices-SUYACUPO-DMGV6ENX.js +0 -1
  558. package/storybook-static/sb-manager/Documents-SGWAY3KW-XZRZ6I6S.js +0 -1
  559. package/storybook-static/sb-manager/Editing-7QFB6ZMG-J5U6QGB6.js +0 -1
  560. package/storybook-static/sb-manager/Git-DZ2D5ZUL-VKBWYJHE.js +0 -1
  561. package/storybook-static/sb-manager/GlobalScrollAreaStyles-4LLX2B3H-DOBSPBNW.js +0 -7
  562. package/storybook-static/sb-manager/Images-S2WTXNGG-NXAYS4VP.js +0 -1
  563. package/storybook-static/sb-manager/Logos-SJTNNI74-F3IVL4UV.js +0 -1
  564. package/storybook-static/sb-manager/OS-YZ2Y4VYS-KGSGCOHC.js +0 -1
  565. package/storybook-static/sb-manager/OverlayScrollbars-OL4C4TVX-FNYA4OIC.js +0 -1
  566. package/storybook-static/sb-manager/People-OD4EV7WZ-DBPUNUXW.js +0 -1
  567. package/storybook-static/sb-manager/Wayfinding-BB4H7CHP-N2QAVLVA.js +0 -1
  568. package/storybook-static/sb-manager/WithTooltip-YBG737T3-GLWUADFI.js +0 -1
  569. package/storybook-static/sb-manager/chunk-GBCXFRBK.js +0 -1
  570. package/storybook-static/sb-manager/chunk-IFNK3PLJ.js +0 -1
  571. package/storybook-static/sb-manager/chunk-JMPBYCHU.js +0 -1
  572. package/storybook-static/sb-manager/chunk-UBXIQABM.js +0 -447
  573. package/storybook-static/sb-manager/chunk-Z4NRYNHR.js +0 -1
  574. package/storybook-static/sb-manager/syntaxhighlighter-4OVWVELQ-5IZ45DZY.js +0 -1
  575. /package/storybook-static/{5374.19c2f606.iframe.bundle.js.LICENSE.txt → 306.af359eab.iframe.bundle.js.LICENSE.txt} +0 -0
  576. /package/storybook-static/{components-Form-Form-stories-mdx.febb9417.iframe.bundle.js.LICENSE.txt → components-Form-Form-stories-mdx.9836b75e.iframe.bundle.js.LICENSE.txt} +0 -0
package/storybook-static/components-Dropdown-Dropdown-stories.7167f777.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ (self.webpackChunk_ssa_ui_kit_core=self.webpackChunk_ssa_ui_kit_core||[]).push([[451],{"../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return createStyled}});var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.22.6/node_modules/@babel/runtime/helpers/esm/extends.js"),react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),emotion_memoize_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js"),reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,isPropValid=(0,emotion_memoize_esm.Z)((function(prop){return reactPropsRegex.test(prop)||111===prop.charCodeAt(0)&&110===prop.charCodeAt(1)&&prop.charCodeAt(2)<91})),emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"),emotion_utils_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+utils@1.2.1/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js"),emotion_serialize_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+serialize@1.1.2/node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js"),emotion_use_insertion_effect_with_fallbacks_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.0.1_react@18.2.0/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js"),testOmitPropsOnStringTag=isPropValid,testOmitPropsOnComponent=function testOmitPropsOnComponent(key){return"theme"!==key},getDefaultShouldForwardProp=function getDefaultShouldForwardProp(tag){return"string"==typeof tag&&tag.charCodeAt(0)>96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function composeShouldForwardProps(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp}return"function"!=typeof shouldForwardProp&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},Insertion=function Insertion(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return(0,emotion_utils_browser_esm.hC)(cache,serialized,isStringTag),(0,emotion_use_insertion_effect_with_fallbacks_browser_esm.L)((function(){return(0,emotion_utils_browser_esm.My)(cache,serialized,isStringTag)})),null},createStyled=function createStyled(tag,options){var identifierName,targetClassName,isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base||tag;void 0!==options&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp||getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp("as");return function(){var args=arguments,styles=isReal&&void 0!==tag.__emotion_styles?tag.__emotion_styles.slice(0):[];if(void 0!==identifierName&&styles.push("label:"+identifierName+";"),null==args[0]||void 0===args[0].raw)styles.push.apply(styles,args);else{0,styles.push(args[0][0]);for(var len=args.length,i=1;i<len;i++)styles.push(args[i],args[0][i])}var Styled=(0,emotion_element_c39617d8_browser_esm.w)((function(props,cache,ref){var FinalTag=shouldUseAs&&props.as||baseTag,className="",classInterpolations=[],mergedProps=props;if(null==props.theme){for(var key in mergedProps={},props)mergedProps[key]=props[key];mergedProps.theme=react.useContext(emotion_element_c39617d8_browser_esm.T)}"string"==typeof props.className?className=(0,emotion_utils_browser_esm.fp)(cache.registered,classInterpolations,props.className):null!=props.className&&(className=props.className+" ");var serialized=(0,emotion_serialize_browser_esm.O)(styles.concat(classInterpolations),cache.registered,mergedProps);className+=cache.key+"-"+serialized.name,void 0!==targetClassName&&(className+=" "+targetClassName);var finalShouldForwardProp=shouldUseAs&&void 0===shouldForwardProp?getDefaultShouldForwardProp(FinalTag):defaultShouldForwardProp,newProps={};for(var _key in props)shouldUseAs&&"as"===_key||finalShouldForwardProp(_key)&&(newProps[_key]=props[_key]);return newProps.className=className,newProps.ref=ref,react.createElement(react.Fragment,null,react.createElement(Insertion,{cache:cache,serialized:serialized,isStringTag:"string"==typeof FinalTag}),react.createElement(FinalTag,newProps))}));return Styled.displayName=void 0!==identifierName?identifierName:"Styled("+("string"==typeof baseTag?baseTag:baseTag.displayName||baseTag.name||"Component")+")",Styled.defaultProps=tag.defaultProps,Styled.__emotion_real=Styled,Styled.__emotion_base=baseTag,Styled.__emotion_styles=styles,Styled.__emotion_forwardProp=shouldForwardProp,Object.defineProperty(Styled,"toString",{value:function value(){return"."+targetClassName}}),Styled.withComponent=function(nextTag,nextOptions){return createStyled(nextTag,(0,esm_extends.Z)({},options,nextOptions,{shouldForwardProp:composeShouldForwardProps(Styled,nextOptions,!0)})).apply(void 0,styles)},Styled}}},"./src/components/Dropdown/Dropdown.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:function(){return Basic},Custom:function(){return Custom},NoItems:function(){return NoItems},Simple:function(){return Simple},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return Dropdown_stories}});var emotion_styled_base_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js");const DropdownOption=(0,emotion_styled_base_browser_esm.Z)("li",{target:"e784n6w0"})("overflow:hidden;padding:8px 16px;border:none;background:",(({isActive:isActive,theme:theme})=>isActive?theme.colors.greySelectedMenuItem:"inherit"),";&:hover{background:",(({theme:theme})=>theme.colors.greyLighter),";}");var DropdownOption_DropdownOption=DropdownOption;try{DropdownOption.displayName="DropdownOption",DropdownOption.__docgenInfo={description:"",displayName:"DropdownOption",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((e: React.MouseEvent<HTMLElement>) => void) & MouseEventHandler<HTMLLIElement>"}},isActive:{defaultValue:null,description:"",name:"isActive",required:!1,type:{name:"boolean"}},noHover:{defaultValue:null,description:"",name:"noHover",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"(string | number) & (string | number | readonly string[])"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | number"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",name:"ref",required:!1,type:{name:"LegacyRef<HTMLLIElement>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'"inherit" | Booleanish'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:'"text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "list" | "inline" | "both"'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"link" | "none" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "dialog" | "menu" | "grid" | "tree" | "true" | "false" | "listbox"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "other" | "ascending" | "descending"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string | TrustedHTML; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<HTMLLIElement>"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLLIElement>"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler<HTMLLIElement>"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLLIElement>"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<HTMLLIElement>"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLLIElement>"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler<HTMLLIElement>"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler<HTMLLIElement>"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler<HTMLLIElement>"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler<HTMLLIElement>"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler<HTMLLIElement>"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler<HTMLLIElement>"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLLIElement>"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler<HTMLLIElement>"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<HTMLLIElement>"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler<HTMLLIElement>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler<HTMLLIElement>"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler<HTMLLIElement>"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler<HTMLLIElement>"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler<HTMLLIElement>"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler<HTMLLIElement>"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler<HTMLLIElement>"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler<HTMLLIElement>"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler<HTMLLIElement>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler<HTMLLIElement>"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler<HTMLLIElement>"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler<HTMLLIElement>"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler<HTMLLIElement>"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<HTMLLIElement>"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLLIElement>"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler<HTMLLIElement>"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLLIElement>"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<HTMLLIElement>"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLLIElement>"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler<HTMLLIElement>"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler<HTMLLIElement>"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler<HTMLLIElement>"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler<HTMLLIElement>"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler<HTMLLIElement>"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler<HTMLLIElement>"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler<HTMLLIElement>"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler<HTMLLIElement>"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler<HTMLLIElement>"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler<HTMLLIElement>"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler<HTMLLIElement>"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLLIElement>"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler<HTMLLIElement>"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler<HTMLLIElement>"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler<HTMLLIElement>"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler<HTMLLIElement>"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler<HTMLLIElement>"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler<HTMLLIElement>"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler<HTMLLIElement>"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler<HTMLLIElement>"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler<HTMLLIElement>"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler<HTMLLIElement>"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler<HTMLLIElement>"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler<HTMLLIElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/DropdownOption/DropdownOption.tsx#DropdownOption"]={docgenInfo:DropdownOption.__docgenInfo,name:"DropdownOption",path:"src/components/DropdownOption/DropdownOption.tsx#DropdownOption"})}catch(__react_docgen_typescript_loader_error){}var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"),dist=__webpack_require__("../hooks/dist/index.js"),safari_focus_outline=__webpack_require__("./src/styles/safari-focus-outline.ts"),emotion_react_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const DropdownToggleBase=(0,emotion_styled_base_browser_esm.Z)("button",{target:"er3kf7h0"})((({theme:theme})=>(0,safari_focus_outline.B)(theme))," display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:10px;position:relative;color:",(({colors:colors,isOpen:isOpen})=>isOpen&&colors?.[0]||"initial"),";width:auto;padding:8px 14px 8px 14px;font:inherit;font-size:13px;text-align:left;line-height:18px;border:none;cursor:pointer;outline:inherit;border-radius:12px;background:",(({isOpen:isOpen,theme:theme})=>isOpen?`linear-gradient(108.3deg, ${theme.colors.greyDarker} -0.36%, ${theme.colors.greyDark} 100%)`:theme.colors.greyLighter),";&:disabled{background:",(({theme:theme})=>theme.colors.grey),";}&:focus{color:",(({colors:colors,theme:theme})=>colors?.[0]||theme.colors.greyDarker),";background:",(({isOpen:isOpen,theme:theme})=>isOpen?`linear-gradient(108.3deg, ${theme.colors.greyDarker} -0.36%, ${theme.colors.greyDark} 100%)`:theme.colors.greyFocused),";}svg{path{stroke:",(({colors:colors,theme:theme})=>colors?.[0]||theme.colors.greyDarker),";}}"),DropdownToggle=({onClick:onClick,onFocus:onFocus,isOpen:isOpen,disabled:disabled,children:children,ariaLabelledby:ariaLabelledby,ariaControls:ariaControls,colors:colors,className:className})=>(0,emotion_react_browser_esm.tZ)(DropdownToggleBase,{className:className,colors:colors,isOpen:isOpen,onClick:e=>{e.currentTarget.focus(),onClick&&onClick(e)},onFocus:onFocus,disabled:disabled,role:"combobox","aria-labelledby":ariaLabelledby,"aria-controls":ariaControls,"aria-expanded":isOpen,"aria-haspopup":"listbox"},children);DropdownToggle.displayName="DropdownToggle";var DropdownToggle_DropdownToggle=DropdownToggle;try{DropdownToggleBase.displayName="DropdownToggleBase",DropdownToggleBase.__docgenInfo={description:"",displayName:"DropdownToggleBase",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},colors:{defaultValue:null,description:"",name:"colors",required:!1,type:{name:"string[]"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",name:"ref",required:!1,type:{name:"LegacyRef<HTMLButtonElement>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},form:{defaultValue:null,description:"",name:"form",required:!1,type:{name:"string"}},formAction:{defaultValue:null,description:"",name:"formAction",required:!1,type:{name:"string"}},formEncType:{defaultValue:null,description:"",name:"formEncType",required:!1,type:{name:"string"}},formMethod:{defaultValue:null,description:"",name:"formMethod",required:!1,type:{name:"string"}},formNoValidate:{defaultValue:null,description:"",name:"formNoValidate",required:!1,type:{name:"boolean"}},formTarget:{defaultValue:null,description:"",name:"formTarget",required:!1,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:'"button" | "submit" | "reset"'}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | number | readonly string[]"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'"inherit" | Booleanish'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:'"text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "list" | "inline" | "both"'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"link" | "none" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "dialog" | "menu" | "grid" | "tree" | "true" | "false" | "listbox"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "other" | "ascending" | "descending"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string | TrustedHTML; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<HTMLButtonElement>"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLButtonElement>"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler<HTMLButtonElement>"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLButtonElement>"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<HTMLButtonElement>"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLButtonElement>"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler<HTMLButtonElement>"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler<HTMLButtonElement>"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler<HTMLButtonElement>"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler<HTMLButtonElement>"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler<HTMLButtonElement>"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler<HTMLButtonElement>"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLButtonElement>"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler<HTMLButtonElement>"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<HTMLButtonElement>"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler<HTMLButtonElement>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler<HTMLButtonElement>"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler<HTMLButtonElement>"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler<HTMLButtonElement>"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler<HTMLButtonElement>"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler<HTMLButtonElement>"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler<HTMLButtonElement>"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler<HTMLButtonElement>"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler<HTMLButtonElement>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler<HTMLButtonElement>"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler<HTMLButtonElement>"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler<HTMLButtonElement>"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler<HTMLButtonElement>"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<HTMLButtonElement>"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLButtonElement>"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler<HTMLButtonElement>"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLButtonElement>"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<HTMLButtonElement>"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLButtonElement>"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler<HTMLButtonElement>"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler<HTMLButtonElement>"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler<HTMLButtonElement>"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler<HTMLButtonElement>"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler<HTMLButtonElement>"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler<HTMLButtonElement>"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler<HTMLButtonElement>"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler<HTMLButtonElement>"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler<HTMLButtonElement>"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler<HTMLButtonElement>"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler<HTMLButtonElement>"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLButtonElement>"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler<HTMLButtonElement>"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler<HTMLButtonElement>"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler<HTMLButtonElement>"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler<HTMLButtonElement>"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler<HTMLButtonElement>"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler<HTMLButtonElement>"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler<HTMLButtonElement>"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler<HTMLButtonElement>"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler<HTMLButtonElement>"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler<HTMLButtonElement>"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler<HTMLButtonElement>"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler<HTMLButtonElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/DropdownToggle/DropdownToggle.tsx#DropdownToggleBase"]={docgenInfo:DropdownToggleBase.__docgenInfo,name:"DropdownToggleBase",path:"src/components/DropdownToggle/DropdownToggle.tsx#DropdownToggleBase"})}catch(__react_docgen_typescript_loader_error){}try{DropdownToggle.displayName="DropdownToggle",DropdownToggle.__docgenInfo={description:"",displayName:"DropdownToggle",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(e: MouseEvent<HTMLElement, MouseEvent>) => void"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!0,type:{name:"(e: FocusEvent<HTMLButtonElement, Element>) => void"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},ariaLabelledby:{defaultValue:null,description:"",name:"ariaLabelledby",required:!0,type:{name:"string"}},ariaControls:{defaultValue:null,description:"",name:"ariaControls",required:!0,type:{name:"string"}},colors:{defaultValue:null,description:"",name:"colors",required:!1,type:{name:"string[]"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/DropdownToggle/DropdownToggle.tsx#DropdownToggle"]={docgenInfo:DropdownToggle.__docgenInfo,name:"DropdownToggle",path:"src/components/DropdownToggle/DropdownToggle.tsx#DropdownToggle"})}catch(__react_docgen_typescript_loader_error){}var Icon=__webpack_require__("./src/components/Icon/Icon.tsx");const DropdownArrowBase=(0,emotion_styled_base_browser_esm.Z)("div",{target:"e1lkmrt90"})({name:"s5xdrg",styles:"display:flex;align-items:center"}),DropdownArrow=({isUp:isUp})=>(0,emotion_react_browser_esm.tZ)(DropdownArrowBase,null,(0,emotion_react_browser_esm.tZ)(Icon.Z,{name:"carrot-"+(isUp?"up":"down"),size:12}));DropdownArrow.displayName="DropdownArrow";var DropdownArrow_DropdownArrow=DropdownArrow;try{DropdownArrowBase.displayName="DropdownArrowBase",DropdownArrowBase.__docgenInfo={description:"",displayName:"DropdownArrowBase",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",name:"ref",required:!1,type:{name:"LegacyRef<HTMLDivElement>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'"inherit" | Booleanish'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:'"text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "list" | "inline" | "both"'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"link" | "none" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "dialog" | "menu" | "grid" | "tree" | "true" | "false" | "listbox"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "other" | "ascending" | "descending"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string | TrustedHTML; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler<HTMLDivElement>"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler<HTMLDivElement>"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler<HTMLDivElement>"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler<HTMLDivElement>"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler<HTMLDivElement>"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler<HTMLDivElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/DropdownArrow/DropdownArrow.tsx#DropdownArrowBase"]={docgenInfo:DropdownArrowBase.__docgenInfo,name:"DropdownArrowBase",path:"src/components/DropdownArrow/DropdownArrow.tsx#DropdownArrowBase"})}catch(__react_docgen_typescript_loader_error){}try{DropdownArrow.displayName="DropdownArrow",DropdownArrow.__docgenInfo={description:"",displayName:"DropdownArrow",props:{isUp:{defaultValue:null,description:"",name:"isUp",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/DropdownArrow/DropdownArrow.tsx#DropdownArrow"]={docgenInfo:DropdownArrow.__docgenInfo,name:"DropdownArrow",path:"src/components/DropdownArrow/DropdownArrow.tsx#DropdownArrow"})}catch(__react_docgen_typescript_loader_error){}const DropdownContext=react.createContext({activeItem:null,onChange:()=>{}});var Dropdown_context=DropdownContext;const DropdownOptionsBase=(0,emotion_styled_base_browser_esm.Z)("ul",{target:"e1qg2z4z0"})("position:absolute;width:100%;list-style:none;margin:4px 0 0 0;padding:0;background:#ffffff;border-radius:8px;overflow-x:hidden;overflow-y:auto;z-index:2;filter:",(({theme:theme})=>`drop-shadow(-4px 4px 14px ${theme.colors.greyDarker14})`),";-webkit-backdrop-filter:",(({theme:theme})=>`drop-shadow(-4px 4px 14px ${theme.colors.greyDarker14})`),";"),dropdownOptionButton={name:"evbexf",styles:"display:block;cursor:pointer;font:inherit;font-size:0.813rem;outline:inherit;text-align:left;width:100%;padding:0;margin:0;background:none;color:inherit;border:none"},noItemsMsg={id:Number.NaN,value:"No items"},DropdownOptions=({ariaLabelledby:ariaLabelledby,id:id,children:children})=>{const{onChange:onChange,activeItem:activeItem}=function useDropdownContext(){return react.useContext(DropdownContext)}(),options=react.Children.toArray(children).filter(Boolean).map((child=>{const isActive=activeItem?.value===child.props.value;return react.cloneElement(child,{...child.props,isActive:isActive,"aria-selected":isActive,onClick:onChange.bind(null,child.props.value)},(0,emotion_react_browser_esm.tZ)("button",{type:"button",css:dropdownOptionButton},child.props.children||child.props.label||child.props.value))}));return 0===options.length&&options.push((0,emotion_react_browser_esm.tZ)(DropdownOption_DropdownOption,{key:noItemsMsg.id,value:"",onClick:onChange.bind(null,null),"aria-selected":!1},(0,emotion_react_browser_esm.tZ)("button",{css:dropdownOptionButton},noItemsMsg.value))),(0,emotion_react_browser_esm.tZ)(DropdownOptionsBase,{role:"listbox",tabindex:"-1",id:id,"aria-labelledby":ariaLabelledby},options)};DropdownOptions.displayName="DropdownOptions";var DropdownOptions_DropdownOptions=DropdownOptions;try{DropdownOptions.displayName="DropdownOptions",DropdownOptions.__docgenInfo={description:"",displayName:"DropdownOptions",props:{ariaLabelledby:{defaultValue:null,description:"",name:"ariaLabelledby",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/DropdownOptions/DropdownOptions.tsx#DropdownOptions"]={docgenInfo:DropdownOptions.__docgenInfo,name:"DropdownOptions",path:"src/components/DropdownOptions/DropdownOptions.tsx#DropdownOptions"})}catch(__react_docgen_typescript_loader_error){}const DropdownBase=(0,emotion_styled_base_browser_esm.Z)("div",{target:"eizhqtp0"})({name:"11ffxfj",styles:"display:inline-block;position:relative"}),Dropdown=({selectedItem:selectedItem,isDisabled:isDisabled,children:children,onChange:handleChange,className:className})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)(),dropdownRef=(0,react.useRef)(null),dropdownId=(0,react.useId)(),options=[],[isFocused,setIsFocused]=(0,react.useState)(!1),[isOpen,setIsOpen]=(0,react.useState)(!1),[colors,setColors]=(0,react.useState)([]),[activeItem,setActiveItem]=(0,react.useState)(selectedItem),onChange=item=>{const innerItem=options.filter((option=>option.value===item))[0];setIsOpen(!1),!isDisabled&&item&&innerItem.value!==activeItem?.value&&(setActiveItem(innerItem),handleChange&&handleChange(innerItem))};(0,dist.useClickOutside)(dropdownRef,(()=>isOpen&&setIsOpen(!1))),(0,react.useEffect)((()=>{isDisabled?setColors([theme.colors.greyDarker60,theme.colors.grey20]):isOpen?setColors([theme.colors.white,theme.colors.white60]):isFocused&&setColors([theme.colors.greyDarker,theme.colors.greyDarker60])}),[isOpen,isDisabled,isFocused]),(0,react.useEffect)((()=>{isDisabled&&isOpen&&setIsOpen(!1)}),[isDisabled]);const items=react.Children.toArray(children).filter(Boolean).map(((child,index)=>(options.push(child.props),react.cloneElement(child,{index:index,onClick:onChange.bind(void 0),...child.props})))),contextValue=react.useMemo((()=>({onChange:onChange,activeItem:activeItem})),[onChange,activeItem]),value=activeItem&&(activeItem.label||activeItem.children||activeItem.value||activeItem)||"Select something";return(0,emotion_react_browser_esm.tZ)(Dropdown_context.Provider,{value:contextValue},(0,emotion_react_browser_esm.tZ)(DropdownBase,{ref:dropdownRef,"data-testid":"dropdown"},(0,emotion_react_browser_esm.tZ)(DropdownToggle_DropdownToggle,{className:className,isOpen:isOpen,disabled:isDisabled,onClick:setIsOpen.bind(null,!isOpen),onFocus:setIsFocused.bind(null,!0),colors:colors,ariaLabelledby:`dropdown-label-${dropdownId}`,ariaControls:`dropdown-popup-${dropdownId}`},value,(0,emotion_react_browser_esm.tZ)(DropdownArrow_DropdownArrow,{isUp:isOpen})),isOpen?(0,emotion_react_browser_esm.tZ)(DropdownOptions_DropdownOptions,null,items):null))};Dropdown.displayName="Dropdown";var Dropdown_Dropdown=Dropdown;try{Dropdown.displayName="Dropdown",Dropdown.__docgenInfo={description:"",displayName:"Dropdown",props:{selectedItem:{defaultValue:null,description:"",name:"selectedItem",required:!1,type:{name:"IDropdownOption"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"(item: T) => void"}},isDisabled:{defaultValue:null,description:"",name:"isDisabled",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Dropdown/Dropdown.tsx#Dropdown"]={docgenInfo:Dropdown.__docgenInfo,name:"Dropdown",path:"src/components/Dropdown/Dropdown.tsx#Dropdown"})}catch(__react_docgen_typescript_loader_error){}const items=[{id:1,value:"One lorem ipsum",subText:"subtext"},{id:2,value:"Two lorem ipsum",subText:"subtext"},{id:3,value:"Three lorem ipsum",subText:"subtext"}];var Dropdown_stories={title:"Components/Dropdown",component:Dropdown_Dropdown,argTypes:{onChange:{control:{disable:!0}},className:{description:"Used in order to overwrite the default style",table:{type:{summary:"StyledComponent"}},control:{disable:!0}}},decorators:[(Story,{args:args})=>(0,emotion_react_browser_esm.tZ)("div",{style:{paddingBottom:200}},Story({...args,onChange:()=>{}}))]};const Basic=args=>(0,emotion_react_browser_esm.tZ)(Dropdown_Dropdown,{selectedItem:items[2],isDisabled:args.isDisabled},items.map((item=>(0,emotion_react_browser_esm.tZ)(DropdownOption_DropdownOption,{key:item.id,value:item.id},item.value))));Basic.displayName="Basic",Basic.args={isDisabled:!1};const Simple=args=>(0,emotion_react_browser_esm.tZ)(Dropdown_Dropdown,{isDisabled:args.isDisabled},items.map((item=>(0,emotion_react_browser_esm.tZ)(DropdownOption_DropdownOption,{key:item.id,value:item.value}))));Simple.displayName="Simple",Simple.args={isDisabled:!1};const NoItems=()=>(0,emotion_react_browser_esm.tZ)(Dropdown_Dropdown,null,null);NoItems.displayName="NoItems",NoItems.args={isDisabled:!1};var _ref={name:"357697",styles:"background:#ff947b;:focus{background:#ffb566;}&[aria-expanded='true']{color:#975875;svg{path{stroke:#975875;}}}"};const Custom=args=>{const CustomOption=(0,emotion_styled_base_browser_esm.Z)(DropdownOption_DropdownOption,{target:"e12swjjk0"})({name:"1v7ec1k",styles:"width:auto;padding:10px;text-align:left;line-height:18px;font-size:16px;background:hotpink;color:white;:hover{background:pink;}b{color:white;}"});return(0,emotion_react_browser_esm.tZ)(Dropdown_Dropdown,{isDisabled:args.isDisabled,selectedItem:items[2],css:_ref},items.map((item=>(0,emotion_react_browser_esm.tZ)(CustomOption,{key:item.id,value:item.id,label:item.value},item.value," | ",(0,emotion_react_browser_esm.tZ)("b",null,item.subText)))))};Custom.displayName="Custom",Custom.args={isDisabled:!1},Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"args => {\n return <Dropdown selectedItem={items[2]} isDisabled={args.isDisabled}>\n {items.map(item => <DropdownOption key={item.id} value={item.id}>\n {item.value}\n </DropdownOption>)}\n </Dropdown>;\n}",...Basic.parameters?.docs?.source}}},Simple.parameters={...Simple.parameters,docs:{...Simple.parameters?.docs,source:{originalSource:"args => {\n return <Dropdown isDisabled={args.isDisabled}>\n {items.map(item => <DropdownOption key={item.id} value={item.value} />)}\n </Dropdown>;\n}",...Simple.parameters?.docs?.source}}},NoItems.parameters={...NoItems.parameters,docs:{...NoItems.parameters?.docs,source:{originalSource:"() => {\n return <Dropdown>{null}</Dropdown>;\n}",...NoItems.parameters?.docs?.source}}},Custom.parameters={...Custom.parameters,docs:{...Custom.parameters?.docs,source:{originalSource:"args => {\n // Color palette: https://mycolor.space/?hex=%23FF69B4&sub=1\n const CustomOption = styled(DropdownOption)`\n width: auto;\n padding: 10px;\n\n text-align: left;\n line-height: 18px;\n font-size: 16px;\n\n background: hotpink;\n color: white;\n\n :hover {\n background: pink;\n }\n\n b {\n color: white;\n }\n `;\n return <Dropdown isDisabled={args.isDisabled} selectedItem={items[2]} css={css`\n background: #ff947b;\n :focus {\n background: #ffb566;\n }\n &[aria-expanded='true'] {\n color: #975875;\n\n svg {\n path {\n stroke: #975875;\n }\n }\n }\n `}>\n {items.map(item => <CustomOption key={item.id} value={item.id} label={item.value}>\n {item.value}\n &nbsp;|&nbsp;\n <b>{item.subText}</b>\n </CustomOption>)}\n </Dropdown>;\n}",...Custom.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","Simple","NoItems","Custom"]},"./src/styles/safari-focus-outline.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{B:function(){return focusOutline},l:function(){return outlineStyles}});var _emotion_react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const focusOutline=(theme,color,borderRadius="12px")=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_0__.iv)("&:focus::before{",outlineStyles(theme,color,borderRadius),";}","",""),outlineStyles=(theme,color,borderRadius="12px")=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_0__.iv)("content:'';position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:",`1px solid ${theme.colors[color||"greyDarker"]}`,";border-radius:",borderRadius,";","","")},"../hooks/dist/index.js":function(module,__unused_webpack_exports,__webpack_require__){var e;self,module.exports=(e=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),function(){"use strict";var t={156:function(t){t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){r.r(o),r.d(o,{useApi:function(){return t},useClickOutside:function(){return i},useWindowSize:function(){return n}});var e=r(156);function t(t,n){const[r,o]=(0,e.useState)(!1),[i,u]=(0,e.useState)(null),[c,s]=(0,e.useState)(n);return{isLoading:r,error:i,data:c,query:async(...e)=>{o(!0),u(null);try{const n=await t(...e);s(n)}catch(e){u(e)}finally{o(!1)}}}}const n=()=>{const[t,n]=(0,e.useState)({width:window.innerWidth,height:window.innerHeight});return(0,e.useEffect)((()=>{function e(){n({width:window.innerWidth,height:window.innerHeight})}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),t},i=(t,n)=>{const r=["mousedown","touchstart"];(0,e.useEffect)((()=>{const e=e=>{null==t.current||t.current.contains(e.target)||n(e)};return r.forEach((t=>document.addEventListener(t,e))),()=>r.forEach((t=>document.removeEventListener(t,e)))}),[t,n])}}(),o}())}}]);
package/storybook-static/components-Form-Form-stories-mdx.9836b75e.iframe.bundle.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see components-Form-Form-stories-mdx.9836b75e.iframe.bundle.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_ssa_ui_kit_core=self.webpackChunk_ssa_ui_kit_core||[]).push([[208],{"../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}__webpack_require__.d(__webpack_exports__,{Z:function(){return _extends}})},"../../node_modules/.pnpm/@mdx-js+react@2.3.0_react@18.2.0/node_modules/@mdx-js/react/lib/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{NF:function(){return withMDXComponents},Zo:function(){return MDXProvider},ah:function(){return useMDXComponents},pC:function(){return MDXContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js");const MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return function boundMDXComponent(props){const allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents:allComponents})}}function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components}),[contextComponents,components])}const emptyObject={};function MDXProvider({components:components,children:children,disableParentContext:disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"../../node_modules/.pnpm/@storybook+addon-docs@7.1.0_react-dom@18.2.0_react@18.2.0/node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Dx:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Dx},QE:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.QE},dk:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.dk},fQ:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.fQ},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},sq:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.sq}});__webpack_require__("../../node_modules/.pnpm/@storybook+addon-docs@7.1.0_react-dom@18.2.0_react@18.2.0/node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/.pnpm/@storybook+blocks@7.1.0_react-dom@18.2.0_react@18.2.0/node_modules/@storybook/blocks/dist/index.mjs")},"./src/components/Form/Form.stories.mdx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__page:function(){return __page}});__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js");var _storybook_addon_essentials_docs_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/.pnpm/@mdx-js+react@2.3.0_react@18.2.0/node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/.pnpm/@storybook+addon-docs@7.1.0_react-dom@18.2.0_react@18.2.0/node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h1:"h1",p:"p",a:"a",code:"code",pre:"pre"},(0,_storybook_addon_essentials_docs_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.h_,{title:"Forms/About"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h1,{id:"the-form",children:"The Form"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["The Form components rely on the\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://react-hook-form.com/api",target:"_blank",rel:"nofollow noopener noreferrer",children:"React hook forms"}),"."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["With that, the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"register"})," is mandatory for the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"TextField"})," to work."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"Ex.:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{className:"language-javascript",children:"const { register } = useForm<T>();\n...\n<TextField register={register} />\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["And for the errors we use the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"useForm"})," hook:"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{className:"language-javascript",children:"const { formState: { errors } } = useForm<T>();\n...\n<TextField register={register} errors={errors[field name]} />\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["The ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"TextField"})," component can render an input or textarea:"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["input: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"<TextField {...} />"})," textarea: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"<TextField multirow {...} />"})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"To handle the layout of the forms we have some structural components:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"Form"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"FormGroup"})," and ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"FormAction"})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"A Form example:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{className:"language-javascript",children:'// The useForm needs to know the inputs that we have\ntype Inputs = {\n name: string;\n lastname: string;\n address: string;\n};\n\nconst Sample = () => {\n const { register, handleSubmit, formState: { errors } } = useForm<Inputs>();\n\n const onSubmit: SubmitHandler<Inputs> = (data) => console.log(data);\n\n return (\n <Form onSubmit={handleSubmit(onSubmit)}>\n\n // block Inputs\n <FormGroup>\n <TextField\n placeholder="Name" label="Name" name="name" register={register}\n validationSchema={{\n required: \'Required\',\n }} errors={errors?.name} />\n\n <TextField\n placeholder="Last name"\n label="Last name"\n name="lastname"\n register={register}\n validationSchema={{\n required: \'Required\',\n }}\n errors={errors?.lastname}\n success\n helperText={\'Success\'}\n />\n </FormGroup>\n\n <FormGroup>\n <TextField\n placeholder="Address"\n label="Address"\n name="address"\n register={register}\n validationSchema={{\n required: \'is required\',\n minLength: {\n value: 3,\n message: \'Please enter a minimum of 3 characters\',\n },\n }}\n errors={errors?.address}\n helperText={\'Basic text\'}\n />\n </FormGroup>\n\n <FormGroup>\n <TextField\n multirow\n rows={10}\n label="Textarea"\n name="textarea"\n register={register}\n validationSchema={{\n required: \'Required\',\n }}\n helperText="some nice text"\n />\n </FormGroup>\n\n <FormAction>\n <button>Submit</button>\n </FormAction>\n </Form>\n);\n}\n'})})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Forms/About",tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_storybook_addon_essentials_docs_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}},__webpack_exports__.default=componentMeta},"../../node_modules/.pnpm/react@18.2.0/node_modules/react/cjs/react-jsx-runtime.production.min.js":function(__unused_webpack_module,exports,__webpack_require__){var f=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js":function(module,__unused_webpack_exports,__webpack_require__){module.exports=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);