@preply/ds-docs 3.1.1-beta.857b0ab30a03b836ac6c63997eeb17f464e3510c.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-Dx9Eo2na.js → 00.LayoutFlex.stories-BkR5ji0l.js} +1 -1
  2. package/dist/assets/{00.applications-4_kAf65R.js → 00.applications-CsSmOme7.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-WmsjYzsU.js → 00.favicons.guide-CdMYZlBh.js} +1 -1
  4. package/dist/assets/{00.token-explorer-DDWWO9yw.js → 00.token-explorer-CjKex2U0.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-Db1CE2Bn.js → 00.using-responsive-props-CcMEjhk_.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-BGh7M0eY.js → 01.semantic-tokens-D0SHoPNF.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-DlhDhuqe.js → 01.using-shorthand-props-DajODbNP.js} +1 -1
  8. package/dist/assets/10.Combinations.stories-Lbp_HuL_.js +144 -0
  9. package/dist/assets/{10.fonts.guide-9-b6LwTC.js → 10.fonts.guide-Ci1lcaYe.js} +1 -1
  10. package/dist/assets/{10.ssr-VCBg9dbk.js → 10.ssr-DRWPPBeA.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-fCUE9Req.js → 11.languageFont.explorer-D69j1geT.js} +29 -1
  12. package/dist/assets/{11.ssr.app-router-DK46wtcG.js → 11.ssr.app-router-DbPFodKU.js} +1 -1
  13. package/dist/assets/{20.libraries-FpWvhQac.js → 20.libraries-KJ42tJQ9.js} +1 -1
  14. package/dist/assets/30.icons.explorer-Bk9N8wz6.js +73 -0
  15. package/dist/assets/{30.storybook-8XKIrOG2.js → 30.storybook-BNO20NWw.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-DWDPZG1O.js → 40.illustrations.explorer-Br4DiOY6.js} +1 -1
  17. package/dist/assets/{90.advanced-BrSJ75kb.js → 90.advanced-DaM2nGQV.js} +1 -1
  18. package/dist/assets/{Accordion-Bn_7bQpK.js → Accordion-CVZIOGNR.js} +3 -3
  19. package/dist/assets/{Accordion.stories-IHPoH-rI.js → Accordion.stories-CDnrzRXF.js} +1 -1
  20. package/dist/assets/{Accordion.tests.stories-D80ku7JR.js → Accordion.tests.stories-czfo_KnK.js} +1 -1
  21. package/dist/assets/{AlertDialog.stories-BDaUfcmP.js → AlertDialog.stories-DUXRauPW.js} +1 -1
  22. package/dist/assets/{Avatar-D6BKQVaH.js → Avatar--Me1wFbM.js} +1 -1
  23. package/dist/assets/{Avatar-BkCAqOuF.js → Avatar-CECssVR9.js} +1 -1
  24. package/dist/assets/{Avatar.stories-DnjfAeSV.js → Avatar.stories-BsZPilds.js} +1 -1
  25. package/dist/assets/{AvatarWithStatus.stories-CocgTI5A.js → AvatarWithStatus.stories-Dh-_hU9Y.js} +1 -1
  26. package/dist/assets/{Badge.stories-BxGvNozr.js → Badge.stories-CFsXbV77.js} +1 -1
  27. package/dist/assets/{Box.stories-BCCuYnrC.js → Box.stories-IALze5eG.js} +1 -1
  28. package/dist/assets/{Button-BumqXQgN.js → Button-ChyBn4PU.js} +3 -3
  29. package/dist/assets/{Button-klA2GCDX.js → Button-DWeSlYg5.js} +1 -1
  30. package/dist/assets/{Button.stories-DA25kI-7.js → Button.stories-DJehWudj.js} +1 -1
  31. package/dist/assets/ButtonBase-CoNMqmsd.js +8 -0
  32. package/dist/assets/{Checkbox-CsXsO8bL.js → Checkbox-CwZfp4fM.js} +2 -2
  33. package/dist/assets/{Checkbox.stories-C-vlyqxy.js → Checkbox.stories-BrO5VXvh.js} +1 -1
  34. package/dist/assets/{Checkbox.tests.stories-Bn0cGiYz.js → Checkbox.tests.stories-CdUfdIiC.js} +1 -1
  35. package/dist/assets/{Chips.stories-Dln8xBho.js → Chips.stories-C3XJafXG.js} +1 -1
  36. package/dist/assets/{Color-YHDXOIA2-DdMC8kO4.js → Color-YHDXOIA2-dwipIw3c.js} +1 -1
  37. package/dist/assets/{Dialog.stories-C7JVGkL3.js → Dialog.stories-D-J1dU3y.js} +2 -2
  38. package/dist/assets/{DocsRenderer-CFRXHY34-BUR9I9U1.js → DocsRenderer-CFRXHY34-jqHePYZK.js} +1 -1
  39. package/dist/assets/{FieldButton-xxvyfVcj.js → FieldButton-Dprr9FF4.js} +1 -1
  40. package/dist/assets/{FieldButton.stories-1kY40W8X.js → FieldButton.stories-BuA4NyAH.js} +1 -1
  41. package/dist/assets/FormControl-V3kzTeDQ.js +7 -0
  42. package/dist/assets/FormControl.stories-BPAavujL.js +67 -0
  43. package/dist/assets/{Heading-D79pA8cG.js → Heading-CCe1-9kC.js} +2 -2
  44. package/dist/assets/{Heading.stories-FhR8Ieuz.js → Heading.stories-CyJWtiYM.js} +1 -1
  45. package/dist/assets/{Icon-zcBK8bUG.js → Icon-Clsj4XP8.js} +1 -1
  46. package/dist/assets/{Icon-D4cMo1we.js → Icon-Cx1Om39U.js} +2 -2
  47. package/dist/assets/{Icon-RSC-Yp03gSP9.js → Icon-RSC-BrBOjBRF.js} +1 -1
  48. package/dist/assets/{Icon.stories-DlJ1cDyb.js → Icon.stories-Batx6hcA.js} +1 -1
  49. package/dist/assets/IconButton-BlfJEn0q.js +8 -0
  50. package/dist/assets/{Input-B7MlX4U9.js → Input-DCIPe0x3.js} +7 -7
  51. package/dist/assets/InputContainer-Dq1Ks471.css +1 -0
  52. package/dist/assets/{IntegrationWithReactHookForm.stories-CFvk5m0u.js → IntegrationWithReactHookForm.stories-CehSEL8O.js} +1 -1
  53. package/dist/assets/{LayoutFlex-oRwI31fW.js → LayoutFlex-B8VATmiE.js} +1 -1
  54. package/dist/assets/{LayoutFlex-DsiZkqdg.js → LayoutFlex-Dp29ojjO.js} +1 -1
  55. package/dist/assets/LayoutFlexItem-D4lQfjMe.js +1 -0
  56. package/dist/assets/{LayoutGrid-6cTmb1jX.js → LayoutGrid-D9R6yTYX.js} +1 -1
  57. package/dist/assets/LayoutGrid-mQT2ikS8.css +1 -0
  58. package/dist/assets/LayoutGrid.stories-sBnmfXCQ.js +88 -0
  59. package/dist/assets/{LayoutGridItem-CVWVBh65.js → LayoutGridItem-B1eMKElL.js} +1 -1
  60. package/dist/assets/{Link.stories-Kb5m59aP.js → Link.stories-B08wLvpb.js} +1 -1
  61. package/dist/assets/{Loader.stories-CFBO-7A0.js → Loader.stories-C_wKZjOn.js} +1 -1
  62. package/dist/assets/NumberField-BS6zPFP5.js +6 -0
  63. package/dist/assets/{NumberField.stories-D-g-_JoA.js → NumberField.stories-UOD1p45h.js} +7 -7
  64. package/dist/assets/{ObserveIntersection-CvDmrhxS.js → ObserveIntersection-XIPHNpKf.js} +1 -1
  65. package/dist/assets/{ObserveIntersection.stories-CJbpJ7AX.js → ObserveIntersection.stories-B_5fq2at.js} +1 -1
  66. package/dist/assets/{OnboardingTooltip-Lspn1J1n.js → OnboardingTooltip-CRciFvQd.js} +1 -1
  67. package/dist/assets/{OnboardingTooltip.stories-BSTAbBKq.js → OnboardingTooltip.stories-B5dnjHfH.js} +1 -1
  68. package/dist/assets/{OnboardingTooltip.tests.stories-C3TfZDQZ.js → OnboardingTooltip.tests.stories-CYdt5iT_.js} +1 -1
  69. package/dist/assets/{OnboardingTour-J68z1zuj.js → OnboardingTour-C5J-Ko8C.js} +1 -1
  70. package/dist/assets/{OnboardingTour.stories-D3Z3aBlG.js → OnboardingTour.stories-BiD_KX4W.js} +2 -2
  71. package/dist/assets/{OnboardingTour.tests.stories-DgM_E88t.js → OnboardingTour.tests.stories-mkgl6osQ.js} +1 -1
  72. package/dist/assets/PasswordField-EYDyw279.js +6 -0
  73. package/dist/assets/{PasswordField.stories-CoxGxN0y.js → PasswordField.stories-5PvQB5F3.js} +7 -7
  74. package/dist/assets/{PreplyLogo.stories-CoKY5vmY.js → PreplyLogo.stories-WWHnC28y.js} +2 -2
  75. package/dist/assets/{ProgressBar.stories-D-zAEKVA.js → ProgressBar.stories-C4EKriYQ.js} +1 -1
  76. package/dist/assets/{ProgressSteps-CuGX9_Fy.js → ProgressSteps-ByDec2fC.js} +1 -1
  77. package/dist/assets/{ProgressSteps.stories-BZpbJxJ4.js → ProgressSteps.stories-Mm9AyIKU.js} +1 -1
  78. package/dist/assets/{SelectField-DVUeHaUI.js → SelectField-C0H4vwVQ.js} +13 -11
  79. package/dist/assets/{SelectField.stories-l2h7AeUs.js → SelectField.stories-C4cQhsE9.js} +8 -8
  80. package/dist/assets/{ShowOnIntersection.stories-B24bNVFn.js → ShowOnIntersection.stories-CewFYwQu.js} +1 -1
  81. package/dist/assets/{Steps-Cnv3Nys-.js → Steps-CX5urpe2.js} +1 -1
  82. package/dist/assets/{Steps.stories-DcSCPhwD.js → Steps.stories-agJ1P7Uc.js} +1 -1
  83. package/dist/assets/{Text-C3jprdij.js → Text-DmTAIIVj.js} +1 -1
  84. package/dist/assets/{Text.stories-CGHOveiR.js → Text.stories-BG1P5AxU.js} +1 -1
  85. package/dist/assets/TextField-BAC0NZKU.js +6 -0
  86. package/dist/assets/TextField-D2GlsmWF.css +1 -0
  87. package/dist/assets/TextField-sLGry01P.js +1 -0
  88. package/dist/assets/{TextField.stories-DQBz69MT.js → TextField.stories-DTmdRXTS.js} +8 -8
  89. package/dist/assets/{TextHighlighted-B7-aMGmA.js → TextHighlighted-CfvNH8PY.js} +1 -1
  90. package/dist/assets/{TextHighlighted.stories-BepOj0Ru.js → TextHighlighted.stories-PV3yANaI.js} +1 -1
  91. package/dist/assets/{TextInline.stories-E8plGh4A.js → TextInline.stories-DOhaF8wL.js} +1 -1
  92. package/dist/assets/{TextareaField-vuK19L40.js → TextareaField-DdG6sVbG.js} +13 -11
  93. package/dist/assets/{TextareaField.stories-CykA4cDO.js → TextareaField.stories-BGuKT2xQ.js} +8 -8
  94. package/dist/assets/{Toast.stories-Bi9S1Grd.js → Toast.stories-BeSJa7YF.js} +1 -1
  95. package/dist/assets/TokyoUIUpload-Bi3CuQzX.js +1 -0
  96. package/dist/assets/{Tooltip-hS-9HVfR.js → Tooltip-DYI-etfB.js} +1 -1
  97. package/dist/assets/{Tooltip.stories-B1e9vr5u.js → Tooltip.stories-CxCj-ob2.js} +1 -1
  98. package/dist/assets/{Tooltip.tests.stories-QA7Lh6Tu.js → Tooltip.tests.stories-DjfeI8dX.js} +1 -1
  99. package/dist/assets/{breakpoints-ysnexzv-.js → breakpoints-B8uQp7_c.js} +1 -1
  100. package/dist/assets/{breakpoints-CpqGBjYO.js → breakpoints-BbJx-zj1.js} +1 -1
  101. package/dist/assets/{breakpoints-CmMCxJmD.js → breakpoints-g7x119Q2.js} +1 -1
  102. package/dist/assets/{changelog-COau0gJf.js → changelog-hhVEuRrF.js} +217 -205
  103. package/dist/assets/componentNames-Ba2ybP0W.js +1 -0
  104. package/dist/assets/{entry-preview-C4N2xCt5.js → entry-preview-CQO5ZPIS.js} +1 -1
  105. package/dist/assets/{getTokenVar-CUHKNeJD.js → getTokenVar-Ca9O7hDT.js} +1 -1
  106. package/dist/assets/{hover-VvQeuGyg.js → hover-BIh3LiSt.js} +1 -1
  107. package/dist/assets/{hover-DXcaKjLt.js → hover-GlkvVhX_.js} +1 -1
  108. package/dist/assets/{hover-GSE0CvmS.js → hover-NEm4I90j.js} +1 -1
  109. package/dist/assets/{iframe-D0A79CBI.js → iframe-BoWsIu37.js} +2 -2
  110. package/dist/assets/{index-DueYSiMN.js → index-BWgFdnbj.js} +1 -1
  111. package/dist/assets/{index-DJz3jMTz.js → index-D6soH6D2.js} +3 -3
  112. package/dist/assets/{intro-UMrunOuq.js → intro-DXHLrAaZ.js} +1 -1
  113. package/dist/assets/layout-relative-BpJIh3YK.js +1 -0
  114. package/dist/assets/{migrating-from-less-BqEJZLZ5.js → migrating-from-less-BmDjZBkA.js} +1 -1
  115. package/dist/assets/{playground-DBdZFxjC.css → playground-CCc6VR51.css} +1 -1
  116. package/dist/assets/{playground.stories-BhNG8Jgk.js → playground.stories-BMZQjPeS.js} +165 -165
  117. package/dist/assets/{preview-iHfxidwg.js → preview-BP4TQFMI.js} +2 -2
  118. package/dist/assets/{preview-Bk7AZmud.js → preview-CvZJdcB8.js} +1 -1
  119. package/dist/assets/{preview-CcucgJy3.js → preview-WXHEkGbd.js} +1 -1
  120. package/dist/assets/{tokens-DOJLI2G7.js → tokens-CORgYdv_.js} +1 -1
  121. package/dist/assets/{tokens-D0SjH8dK.js → tokens-Dnw7r4iA.js} +1 -1
  122. package/dist/assets/{tokens-DXy5hgn5.js → tokens-ZvFzTwDp.js} +1 -1
  123. package/dist/assets/{tokens-BuSmlz1z.js → tokens-iVbEaxzw.js} +1 -1
  124. package/dist/assets/{usePortalElement-Byczyvc6.js → usePortalElement-U5qKyOsX.js} +1 -1
  125. package/dist/assets/{welcome-CFbV1cfg.js → welcome-CChXvwAY.js} +1 -1
  126. package/dist/assets/{zeroheight-ChMVcLJ3.js → zeroheight-C-BxWtDD.js} +1 -1
  127. package/dist/iframe.html +1 -1
  128. package/dist/index.json +1 -1
  129. package/dist/preview-stats.json +1208 -1304
  130. package/dist/project.json +1 -1
  131. package/package.json +3 -3
  132. package/dist/assets/10.Combinations.stories-Wf-NooK0.js +0 -144
  133. package/dist/assets/30.icons.explorer-CIrIe9zZ.js +0 -73
  134. package/dist/assets/ButtonBase-OAaaGRgi.js +0 -8
  135. package/dist/assets/CountryFlag-CJV53jf1.js +0 -48
  136. package/dist/assets/CountryFlag-p-8M_k5M.css +0 -1
  137. package/dist/assets/Flag.stories-Bfpeo5_i.js +0 -110
  138. package/dist/assets/Flag.test.stories-GCtORN0m.js +0 -27
  139. package/dist/assets/FormControl-DD3JEwg1.js +0 -5
  140. package/dist/assets/FormControl.stories-DoVURnEB.js +0 -46
  141. package/dist/assets/IconButton-DNz6Hldb.js +0 -8
  142. package/dist/assets/InputContainer-DNEgpOcG.css +0 -1
  143. package/dist/assets/LayoutFlexItem-RxfNp994.js +0 -1
  144. package/dist/assets/LayoutGrid.stories-CAvHZzVw.js +0 -88
  145. package/dist/assets/LayoutGridItem-AvP_ZkC5.js +0 -1
  146. package/dist/assets/LayoutGridItem-Dy4Q8woN.css +0 -1
  147. package/dist/assets/NumberField-DyKjoAC-.js +0 -4
  148. package/dist/assets/PasswordField-BkVjxPtF.js +0 -4
  149. package/dist/assets/TextField-872WjatY.js +0 -1
  150. package/dist/assets/TextField-DdvdZqgn.css +0 -1
  151. package/dist/assets/TextField-X8bB9C1g.js +0 -4
  152. package/dist/assets/align-self-BM6l9H5Z.js +0 -1
  153. package/dist/assets/componentNames-CVVyamkx.js +0 -1
  154. /package/dist/assets/{InputContainer-C1TOTxt4.js → InputContainer-Bk0tgFnW.js} +0 -0
  155. /package/dist/assets/{align-self-C4ATemga.css → layout-relative-C4ATemga.css} +0 -0
@@ -1,8 +0,0 @@
1
- import{j as t}from"./jsx-runtime-BYouaCF_.js";import{r as _}from"./index-B3evPFBL.js";import{f as G}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{S as Q}from"./Spinner-BCTJunNM.js";import{u as J}from"./useMergeRefs-CeyIhNgY.js";import{a as Y,B as $}from"./defaults-B1rzzf6M.js";import{u as tt}from"./useHostname-CH18gHFj.js";import{b as a,s as l,m as et,a as C}from"./classNames-BUL1Zq7e.js";import{g as at,a as nt}from"./index-DdzHuZ-Y.js";import{m as st}from"./index-CC6DAVyL.js";const it="ButtonBase__0qXGj",v={"button-width--width-full":"button-width--width-full__nxjVK","button-width--width-auto":"button-width--width-auto__CngVf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__rZc8T","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__Fs14X","button-width--medium-s--width-full":"button-width--medium-s--width-full__lb8XX","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__gtajp","button-width--medium-l--width-full":"button-width--medium-l--width-full__qOGDr","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__vFKgm","button-width--wide-s--width-full":"button-width--wide-s--width-full__5nhxD","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__J4Ht3","button-width--wide-l--width-full":"button-width--wide-l--width-full__Rsexc","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__k6Ctk",ButtonBase:it,"ButtonBase--content":"ButtonBase--content__ZEhK4","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__CDG-9","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__bebMj","ButtonBase--busy":"ButtonBase--busy__M2Cgo","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__xhIA9","ButtonBase--is-busy":"ButtonBase--is-busy__FT7vR","ButtonBase--width-full":"ButtonBase--width-full__0ENoK","ButtonBase--width-auto":"ButtonBase--width-auto__vwDOv","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__-H9pn","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__2i3td","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__sNHbR","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__6T6zO","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__FTcYM","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__KPNbM","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__YgEMT","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__nM-ia","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__CFPdD","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__6gGyZ","ButtonBase--size-xs":"ButtonBase--size-xs__-H91X","ButtonBase--is-icon-button-size-xs":"ButtonBase--is-icon-button-size-xs__EPZ9W","ButtonBase--size-s":"ButtonBase--size-s__lwe2R","ButtonBase--is-icon-button-size-s":"ButtonBase--is-icon-button-size-s__rDjsc","ButtonBase--size-m":"ButtonBase--size-m__VomvS","ButtonBase--is-icon-button-size-m":"ButtonBase--is-icon-button-size-m__XNsyO","ButtonBase--size-l":"ButtonBase--size-l__zpj7k","ButtonBase--is-icon-button-size-l":"ButtonBase--is-icon-button-size-l__ZW9LI","ButtonBase--size-xl":"ButtonBase--size-xl__Xpxy6","ButtonBase--is-icon-button-size-xl":"ButtonBase--is-icon-button-size-xl__wMWhi","ButtonBase--size-large":"ButtonBase--size-large__-OxgW","ButtonBase--size-medium":"ButtonBase--size-medium__YgQDT","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__AC6Cq","ButtonBase--size-small":"ButtonBase--size-small__UMBKe","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__hZmvi","ButtonBase--narrow-l--size-xs":"ButtonBase--narrow-l--size-xs__GRcw7","ButtonBase--narrow-l--is-icon-button-size-xs":"ButtonBase--narrow-l--is-icon-button-size-xs__GLth2","ButtonBase--narrow-l--size-s":"ButtonBase--narrow-l--size-s__pnGJC","ButtonBase--narrow-l--is-icon-button-size-s":"ButtonBase--narrow-l--is-icon-button-size-s__-l6X-","ButtonBase--narrow-l--size-m":"ButtonBase--narrow-l--size-m__D-uV5","ButtonBase--narrow-l--is-icon-button-size-m":"ButtonBase--narrow-l--is-icon-button-size-m__OXWKs","ButtonBase--narrow-l--size-l":"ButtonBase--narrow-l--size-l__TgiXj","ButtonBase--narrow-l--is-icon-button-size-l":"ButtonBase--narrow-l--is-icon-button-size-l__JnU0h","ButtonBase--narrow-l--size-xl":"ButtonBase--narrow-l--size-xl__LYDGc","ButtonBase--narrow-l--is-icon-button-size-xl":"ButtonBase--narrow-l--is-icon-button-size-xl__2s9LK","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__jbaAB","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__UIpIh","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__62t1K","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__r2nuk","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__8uFFR","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__CkKxU","ButtonBase--medium-s--size-xs":"ButtonBase--medium-s--size-xs__u7Kp0","ButtonBase--medium-s--is-icon-button-size-xs":"ButtonBase--medium-s--is-icon-button-size-xs__cOdRd","ButtonBase--medium-s--size-s":"ButtonBase--medium-s--size-s__uRksZ","ButtonBase--medium-s--is-icon-button-size-s":"ButtonBase--medium-s--is-icon-button-size-s__zRxOl","ButtonBase--medium-s--size-m":"ButtonBase--medium-s--size-m__duOck","ButtonBase--medium-s--is-icon-button-size-m":"ButtonBase--medium-s--is-icon-button-size-m__fuXOy","ButtonBase--medium-s--size-l":"ButtonBase--medium-s--size-l__Q-pD5","ButtonBase--medium-s--is-icon-button-size-l":"ButtonBase--medium-s--is-icon-button-size-l__qxrPe","ButtonBase--medium-s--size-xl":"ButtonBase--medium-s--size-xl__YA9fY","ButtonBase--medium-s--is-icon-button-size-xl":"ButtonBase--medium-s--is-icon-button-size-xl__MsrBO","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__XpFoi","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__-IvSU","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__ZA4JC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__946RE","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__nNIDt","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__aAjgr","ButtonBase--medium-l--size-xs":"ButtonBase--medium-l--size-xs__F1Khc","ButtonBase--medium-l--is-icon-button-size-xs":"ButtonBase--medium-l--is-icon-button-size-xs__Zdx1R","ButtonBase--medium-l--size-s":"ButtonBase--medium-l--size-s__-d24-","ButtonBase--medium-l--is-icon-button-size-s":"ButtonBase--medium-l--is-icon-button-size-s__aU0C-","ButtonBase--medium-l--size-m":"ButtonBase--medium-l--size-m__sy5Ba","ButtonBase--medium-l--is-icon-button-size-m":"ButtonBase--medium-l--is-icon-button-size-m__i0Q9n","ButtonBase--medium-l--size-l":"ButtonBase--medium-l--size-l__6N-hW","ButtonBase--medium-l--is-icon-button-size-l":"ButtonBase--medium-l--is-icon-button-size-l__d3lcu","ButtonBase--medium-l--size-xl":"ButtonBase--medium-l--size-xl__dcKDz","ButtonBase--medium-l--is-icon-button-size-xl":"ButtonBase--medium-l--is-icon-button-size-xl__Uv8OQ","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__yo-U7","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__3ORQx","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__N9rbz","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__EFk6V","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__FMlot","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__Ak0TL","ButtonBase--wide-s--size-xs":"ButtonBase--wide-s--size-xs__1P6u0","ButtonBase--wide-s--is-icon-button-size-xs":"ButtonBase--wide-s--is-icon-button-size-xs__wKzds","ButtonBase--wide-s--size-s":"ButtonBase--wide-s--size-s__4tjeJ","ButtonBase--wide-s--is-icon-button-size-s":"ButtonBase--wide-s--is-icon-button-size-s__kCxEP","ButtonBase--wide-s--size-m":"ButtonBase--wide-s--size-m__hbKwx","ButtonBase--wide-s--is-icon-button-size-m":"ButtonBase--wide-s--is-icon-button-size-m__f3Nhn","ButtonBase--wide-s--size-l":"ButtonBase--wide-s--size-l__Wh6gM","ButtonBase--wide-s--is-icon-button-size-l":"ButtonBase--wide-s--is-icon-button-size-l__Hea7S","ButtonBase--wide-s--size-xl":"ButtonBase--wide-s--size-xl__TDm9a","ButtonBase--wide-s--is-icon-button-size-xl":"ButtonBase--wide-s--is-icon-button-size-xl__esIhV","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__ASjU0","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__hF4qT","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__glo8Q","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__W-O0C","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__b10zZ","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__-E8EY","ButtonBase--wide-l--size-xs":"ButtonBase--wide-l--size-xs__kHS9Z","ButtonBase--wide-l--is-icon-button-size-xs":"ButtonBase--wide-l--is-icon-button-size-xs__QbVcv","ButtonBase--wide-l--size-s":"ButtonBase--wide-l--size-s__CYShW","ButtonBase--wide-l--is-icon-button-size-s":"ButtonBase--wide-l--is-icon-button-size-s__gzfeW","ButtonBase--wide-l--size-m":"ButtonBase--wide-l--size-m__RbcmO","ButtonBase--wide-l--is-icon-button-size-m":"ButtonBase--wide-l--is-icon-button-size-m__qRd80","ButtonBase--wide-l--size-l":"ButtonBase--wide-l--size-l__2TbsS","ButtonBase--wide-l--is-icon-button-size-l":"ButtonBase--wide-l--is-icon-button-size-l__jNZM3","ButtonBase--wide-l--size-xl":"ButtonBase--wide-l--size-xl__dcdbH","ButtonBase--wide-l--is-icon-button-size-xl":"ButtonBase--wide-l--is-icon-button-size-xl__3q1LH","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__qXddN","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__ceEkB","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__OPxKX","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__dAxcc","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__tqGj-","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__cCSAh","ButtonBase--variant-primary":"ButtonBase--variant-primary__oSRJV","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__D7OCC","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__V0iju","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__APosz","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__5F1t-","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__MwFWM","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__oSJoa","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__juCHk","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__CZKvj","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__gX2sB","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__Hzaa5","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__cKsaN","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__pR3-X","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__O2HFh","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__CvLh8","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__mS0Le","ButtonBase--variant-plain":"ButtonBase--variant-plain__QQfSn","ButtonBase--variant-plain--dsInternalSimulation-hover":"ButtonBase--variant-plain--dsInternalSimulation-hover__4FVKR","ButtonBase--variant-plain--dsInternalSimulation-active":"ButtonBase--variant-plain--dsInternalSimulation-active__eOt0K","ButtonBase--variant-dangerous":"ButtonBase--variant-dangerous__EQxp-","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"ButtonBase--variant-dangerous--dsInternalSimulation-hover__qplLA","ButtonBase--variant-dangerous--dsInternalSimulation-active":"ButtonBase--variant-dangerous--dsInternalSimulation-active__y0P1N","ButtonBase--variant-critical":"ButtonBase--variant-critical__-t4Qu","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__iyVj2","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__2RACT","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__Hgon2","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__8ca7h","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__OxSu7","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__ZiZjl","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__Fy83L","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__88eK7","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__GHt9-","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__q-vvW","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__Nrl78","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__IGZDa","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__B6BAn","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__HXGA0","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__FCV-3","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__9yknJ","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__oX9GA","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__-HnsQ","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__8uk2D","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__plXXr","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__yDfE1","ButtonBase--variant-ai":"ButtonBase--variant-ai__iq9tW","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__78mV7","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__48Tn0","ButtonBase--no-wrap":"ButtonBase--no-wrap__8TMhQ"},w="ButtonBase",ot=n=>Object.prototype.hasOwnProperty.call(n,"selected"),c=({children:n,busy:s})=>{const B=[...C(v,w,["content"])],i=[...C(v,w,["busy"])];return t.jsxs(t.Fragment,{children:[t.jsx("span",{className:B.join(" "),children:n}),s&&t.jsx("span",{className:i.join(" "),children:t.jsx(Q,{})})]})},T=_.forwardRef(function(s,B){const{variant:i=Y,size:z=$,fullWidth:q=!1,wrap:V=!1,href:R,download:N,opensInNewTab:j,nofollow:F,submitsForm:k,assistiveText:E,onClick:r,disabled:u,busy:e,isIconButton:b,as:h,url:D,a11yLabel:A,dataset:O,children:d,dsInternalSimulation:p,preplyDsComponent:K,className:H,...L}=s,{selected:M}=ot(s)?s:{selected:void 0},P=tt(),f=_.useRef(null),y=J(f,B),X=o=>{(u||e)&&o.preventDefault(),r==null||r(o)},U=o=>{var g;const I=st(o.key);(I===" "||I==="Enter")&&(o.preventDefault(),(g=f.current)==null||g.click())},Z=p==="focus"?a("dsInternalSimulation-focus",void 0,!0):l(`variant-${i}--dsInternalSimulation`,p),W=et(v,w,[Z,l("variant",i),l("size",z),b?l("is-icon-button-size",z):[],a(void 0,"no-wrap",V),a("width-full","width-auto",q),a("is-busy",void 0,e),a("is-icon-button",void 0,b),a(`variant-${i}--is-selected`,void 0,M)]),x={...G(L),...at(O,{preplyDsComponent:K}),className:[...W,H].join(" "),"aria-label":E||A,onClick:X,disabled:u,"aria-disabled":u||e?!0:void 0,ref:y},m=R||D,S={...x,download:N,ref:y,role:"button",tabIndex:u?-1:0,href:m,onKeyDown:U};return m?t.jsx("a",{...S,...nt(P,m,j,F),children:c({children:d,busy:e})}):h?_.cloneElement(h,{...S},c({children:d,busy:e})):t.jsx("button",{...x,type:k?"submit":"button",children:c({children:d,busy:e})})});try{T.displayName="ButtonBase",T.__docgenInfo={description:"",displayName:"ButtonBase",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"ai"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:"ResponsiveProp<ButtonSize>"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isIconButton:{defaultValue:null,description:"",name:"isIconButton",required:!0,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
2
-
3
- Allows rendering the button using a different React element or component.
4
- This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
5
- @example // Render as a react router link component
6
- import { Link } from 'react-router-dom';
7
-
8
- <ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{T as B};
@@ -1,48 +0,0 @@
1
- import{j as p}from"./jsx-runtime-BYouaCF_.js";import{r as f}from"./index-B3evPFBL.js";import{g as c}from"./index-DdzHuZ-Y.js";import{w as g}from"./componentNames-CVVyamkx.js";const y="flag__UxXhl",E={flag:y};function H({square:n,countryCode:e,simplified:a=!0}){const l=n?"1x1":"4x3";return a&&(e==="es"||e==="mx")?`https://static.preply.com/ds/country-flags/${l}/${e}-simplified.svg`:`https://static.preply.com/ds/country-flags/${l}/${e}.svg`}const t=f.forwardRef(function({size:e="small",square:a=!1,code:l,dataset:r,simplified:i=!0,alt:o,...d},m){const u=e==="large"?32:e==="medium"?24:16,s=a?u:u*3/4,v=H({square:a,countryCode:l,simplified:i});return p.jsx("img",{ref:m,alt:o,src:v,width:u,height:s,className:E.flag,...d,...c(r,{preplyDsComponent:g.CountryFlag})})});try{t.displayName="CountryFlag",t.__docgenInfo={description:"Renders an `img` element with the country flag and the localized country name as `alt`. Passes\ndown all the other props to the `img` element.",displayName:"CountryFlag",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLImageElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLImageElement>"}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
2
- @see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
3
- @see aria-describedby.`,name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
4
- @see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"enum",value:[{value:"string"}]}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-controls":{defaultValue:null,description:`Identifies the element (or elements) whose contents or presence are controlled by the current element.
5
- @see aria-owns.`,name:"aria-controls",required:!1,type:{name:"enum",value:[{value:"string"}]}},crossOrigin:{defaultValue:null,description:"",name:"crossOrigin",required:!1,type:{name:"enum",value:[{value:'""'},{value:'"anonymous"'},{value:'"use-credentials"'}]}},decoding:{defaultValue:null,description:"",name:"decoding",required:!1,type:{name:"enum",value:[{value:'"async"'},{value:'"auto"'},{value:'"sync"'}]}},fetchPriority:{defaultValue:null,description:"",name:"fetchPriority",required:!1,type:{name:"enum",value:[{value:'"auto"'},{value:'"high"'},{value:'"low"'}]}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"enum",value:[{value:"string"},{value:"number"}]}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"enum",value:[{value:'"eager"'},{value:'"lazy"'}]}},referrerPolicy:{defaultValue:null,description:"",name:"referrerPolicy",required:!1,type:{name:"enum",value:[{value:'""'},{value:'"no-referrer"'},{value:'"no-referrer-when-downgrade"'},{value:'"origin"'},{value:'"origin-when-cross-origin"'},{value:'"same-origin"'},{value:'"strict-origin"'},{value:'"strict-origin-when-cross-origin"'},{value:'"unsafe-url"'}]}},sizes:{defaultValue:null,description:"",name:"sizes",required:!1,type:{name:"enum",value:[{value:"string"}]}},srcSet:{defaultValue:null,description:"",name:"srcSet",required:!1,type:{name:"enum",value:[{value:"string"}]}},useMap:{defaultValue:null,description:"",name:"useMap",required:!1,type:{name:"enum",value:[{value:"string"}]}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"string"},{value:"number"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"},{value:"number"},{value:"readonly string[]"}]}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:"string & {}"},{value:'"off"'},{value:'"on"'},{value:'"sentences"'},{value:'"words"'},{value:'"characters"'}]}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"inherit"'},{value:'"plaintext-only"'}]}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"enum",value:[{value:"string"}]}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"enum",value:[{value:"string"}]}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},enterKeyHint:{defaultValue:null,description:"",name:"enterKeyHint",required:!1,type:{name:"enum",value:[{value:'"enter"'},{value:'"done"'},{value:'"go"'},{value:'"next"'},{value:'"previous"'},{value:'"search"'},{value:'"send"'}]}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"enum",value:[{value:"string"}]}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"enum",value:[{value:"string"}]}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"enum",value:[{value:"string"}]}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"enum",value:[{value:"CSSProperties"}]}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"enum",value:[{value:"number"}]}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"enum",value:[{value:"string"}]}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:"enum",value:[{value:'"no"'},{value:'"yes"'}]}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"enum",value:[{value:"string"}]}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"main"'},{value:'"article"'},{value:'"table"'},{value:'"figure"'},{value:'"row"'},{value:"string & {}"},{value:'"search"'},{value:'"alert"'},{value:'"alertdialog"'},{value:'"application"'},{value:'"banner"'},{value:'"button"'},{value:'"cell"'},{value:'"checkbox"'},{value:'"columnheader"'},{value:'"combobox"'},{value:'"complementary"'},{value:'"contentinfo"'},{value:'"definition"'},{value:'"dialog"'},{value:'"directory"'},{value:'"document"'},{value:'"feed"'},{value:'"form"'},{value:'"grid"'},{value:'"gridcell"'},{value:'"group"'},{value:'"heading"'},{value:'"img"'},{value:'"link"'},{value:'"list"'},{value:'"listbox"'},{value:'"listitem"'},{value:'"log"'},{value:'"marquee"'},{value:'"math"'},{value:'"menu"'},{value:'"menubar"'},{value:'"menuitem"'},{value:'"menuitemcheckbox"'},{value:'"menuitemradio"'},{value:'"navigation"'},{value:'"note"'},{value:'"option"'},{value:'"presentation"'},{value:'"progressbar"'},{value:'"radio"'},{value:'"radiogroup"'},{value:'"region"'},{value:'"rowgroup"'},{value:'"rowheader"'},{value:'"scrollbar"'},{value:'"searchbox"'},{value:'"separator"'},{value:'"slider"'},{value:'"spinbutton"'},{value:'"status"'},{value:'"switch"'},{value:'"tab"'},{value:'"tablist"'},{value:'"tabpanel"'},{value:'"term"'},{value:'"textbox"'},{value:'"timer"'},{value:'"toolbar"'},{value:'"tooltip"'},{value:'"tree"'},{value:'"treegrid"'},{value:'"treeitem"'}]}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"enum",value:[{value:"string"}]}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"enum",value:[{value:"string"}]}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"enum",value:[{value:"string"}]}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"enum",value:[{value:"string"}]}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"enum",value:[{value:"string"}]}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"enum",value:[{value:"string"}]}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"enum",value:[{value:"string"}]}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"enum",value:[{value:"string"}]}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"enum",value:[{value:"string"}]}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"enum",value:[{value:"string"}]}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"enum",value:[{value:"string"}]}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"enum",value:[{value:"number"}]}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"enum",value:[{value:"string"}]}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},inputMode:{defaultValue:null,description:`Hints at the type of data that might be entered by the user while editing the element or its contents
6
- @see {@link https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute}`,name:"inputMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'},{value:'"numeric"'},{value:'"decimal"'}]}},is:{defaultValue:null,description:`Specify that a standard HTML element should behave like a defined custom built-in element
7
- @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is}`,name:"is",required:!1,type:{name:"enum",value:[{value:"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:"enum",value:[{value:"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:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"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
8
- presented if they are made.`,name:"aria-autocomplete",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"inline"'},{value:'"list"'},{value:'"both"'}]}},"aria-braillelabel":{defaultValue:null,description:`Defines a string value that labels the current element, which is intended to be converted into Braille.
9
- @see aria-label.`,name:"aria-braillelabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-brailleroledescription":{defaultValue:null,description:`Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
10
- @see aria-roledescription.`,name:"aria-brailleroledescription",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-busy":{defaultValue:null,description:"",name:"aria-busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-checked":{defaultValue:null,description:`Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
11
- @see aria-pressed
12
- @see aria-selected.`,name:"aria-checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"mixed"'}]}},"aria-colcount":{defaultValue:null,description:`Defines the total number of columns in a table, grid, or treegrid.
13
- @see aria-colindex.`,name:"aria-colcount",required:!1,type:{name:"enum",value:[{value:"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.
14
- @see aria-colcount
15
- @see aria-colspan.`,name:"aria-colindex",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-colindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-colindex.
16
- @see aria-rowindextext.`,name:"aria-colindextext",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-colspan":{defaultValue:null,description:`Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
17
- @see aria-colindex
18
- @see aria-rowspan.`,name:"aria-colspan",required:!1,type:{name:"enum",value:[{value:"number"}]}},"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:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"page"'},{value:'"step"'},{value:'"location"'},{value:'"date"'},{value:'"time"'}]}},"aria-description":{defaultValue:null,description:`Defines a string value that describes or annotates the current element.
19
- @see related aria-describedby.`,name:"aria-description",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-details":{defaultValue:null,description:`Identifies the element that provides a detailed, extended description for the object.
20
- @see aria-describedby.`,name:"aria-details",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
21
- @see aria-hidden
22
- @see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-dropeffect":{defaultValue:null,description:`Indicates what functions can be performed when a dragged object is released on the drop target.
23
- @deprecated in ARIA 1.1`,name:"aria-dropeffect",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"link"'},{value:'"copy"'},{value:'"execute"'},{value:'"move"'},{value:'"popup"'}]}},"aria-errormessage":{defaultValue:null,description:`Identifies the element that provides an error message for the object.
24
- @see aria-invalid
25
- @see aria-describedby.`,name:"aria-errormessage",required:!1,type:{name:"enum",value:[{value:"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:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-flowto":{defaultValue:null,description:`Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
26
- allows assistive technology to override the general default of reading in document source order.`,name:"aria-flowto",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-grabbed":{defaultValue:null,description:`Indicates an element's "grabbed" state in a drag-and-drop operation.
27
- @deprecated in ARIA 1.1`,name:"aria-grabbed",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"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:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"dialog"'},{value:'"grid"'},{value:'"listbox"'},{value:'"menu"'},{value:'"tree"'}]}},"aria-hidden":{defaultValue:null,description:`Indicates whether the element is exposed to an accessibility API.
28
- @see aria-disabled.`,name:"aria-hidden",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
29
- @see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"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:"enum",value:[{value:"string"}]}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"enum",value:[{value:"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:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"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:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"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:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},"aria-owns":{defaultValue:null,description:`Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
30
- between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
31
- @see aria-controls.`,name:"aria-owns",required:!1,type:{name:"enum",value:[{value:"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.
32
- A hint could be a sample value or a brief description of the expected format.`,name:"aria-placeholder",required:!1,type:{name:"enum",value:[{value:"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.
33
- @see aria-setsize.`,name:"aria-posinset",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-pressed":{defaultValue:null,description:`Indicates the current "pressed" state of toggle buttons.
34
- @see aria-checked
35
- @see aria-selected.`,name:"aria-pressed",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"mixed"'}]}},"aria-readonly":{defaultValue:null,description:`Indicates that the element is not editable, but is otherwise operable.
36
- @see aria-disabled.`,name:"aria-readonly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-relevant":{defaultValue:null,description:`Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
37
- @see aria-atomic.`,name:"aria-relevant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"additions"'},{value:'"additions removals"'},{value:'"additions text"'},{value:'"all"'},{value:'"removals"'},{value:'"removals additions"'},{value:'"removals text"'},{value:'"text additions"'},{value:'"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:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"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:"enum",value:[{value:"string"}]}},"aria-rowcount":{defaultValue:null,description:`Defines the total number of rows in a table, grid, or treegrid.
38
- @see aria-rowindex.`,name:"aria-rowcount",required:!1,type:{name:"enum",value:[{value:"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.
39
- @see aria-rowcount
40
- @see aria-rowspan.`,name:"aria-rowindex",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-rowindextext":{defaultValue:null,description:`Defines a human readable text alternative of aria-rowindex.
41
- @see aria-colindextext.`,name:"aria-rowindextext",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-rowspan":{defaultValue:null,description:`Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
42
- @see aria-rowindex
43
- @see aria-colspan.`,name:"aria-rowspan",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-selected":{defaultValue:null,description:`Indicates the current "selected" state of various widgets.
44
- @see aria-checked
45
- @see aria-pressed.`,name:"aria-selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"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.
46
- @see aria-posinset.`,name:"aria-setsize",required:!1,type:{name:"enum",value:[{value:"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:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'},{value:'"other"'}]}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"enum",value:[{value:"number"}]}},"aria-valuenow":{defaultValue:null,description:`Defines the current value for a range widget.
47
- @see aria-valuetext.`,name:"aria-valuenow",required:!1,type:{name:"enum",value:[{value:"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:"enum",value:[{value:"string"}]}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"enum",value:[{value:"{ __html: string | TrustedHTML; }"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLImageElement>"}]}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLImageElement>"}]}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLImageElement>"}]}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLImageElement>"}]}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLImageElement>"}]}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"enum",value:[{value:"CompositionEventHandler<HTMLImageElement>"}]}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLImageElement>"}]}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLImageElement>"}]}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"enum",value:[{value:"FormEventHandler<HTMLImageElement>"}]}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onKeyPress:{defaultValue:null,description:"@deprecated Use `onKeyUp` or `onKeyDown` instead",name:"onKeyPress",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onKeyPressCapture:{defaultValue:null,description:"@deprecated Use `onKeyUpCapture` or `onKeyDownCapture` instead",name:"onKeyPressCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"enum",value:[{value:"DragEventHandler<HTMLImageElement>"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"enum",value:[{value:"ReactEventHandler<HTMLImageElement>"}]}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"enum",value:[{value:"TouchEventHandler<HTMLImageElement>"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"enum",value:[{value:"PointerEventHandler<HTMLImageElement>"}]}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"enum",value:[{value:"UIEventHandler<HTMLImageElement>"}]}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"enum",value:[{value:"UIEventHandler<HTMLImageElement>"}]}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"enum",value:[{value:"WheelEventHandler<HTMLImageElement>"}]}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"enum",value:[{value:"WheelEventHandler<HTMLImageElement>"}]}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLImageElement>"}]}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLImageElement>"}]}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLImageElement>"}]}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLImageElement>"}]}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLImageElement>"}]}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"enum",value:[{value:"AnimationEventHandler<HTMLImageElement>"}]}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"enum",value:[{value:"TransitionEventHandler<HTMLImageElement>"}]}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"enum",value:[{value:"TransitionEventHandler<HTMLImageElement>"}]}},code:{defaultValue:null,description:"",name:"code",required:!0,type:{name:"enum",value:[{value:'"id"'},{value:'"li"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"is"'},{value:'"af"'},{value:'"ax"'},{value:'"al"'},{value:'"dz"'},{value:'"as"'},{value:'"ad"'},{value:'"ao"'},{value:'"ai"'},{value:'"aq"'},{value:'"ag"'},{value:'"ar"'},{value:'"am"'},{value:'"aw"'},{value:'"sh-ac"'},{value:'"asean"'},{value:'"au"'},{value:'"at"'},{value:'"az"'},{value:'"bs"'},{value:'"bh"'},{value:'"bd"'},{value:'"bb"'},{value:'"es-pv"'},{value:'"by"'},{value:'"be"'},{value:'"bz"'},{value:'"bj"'},{value:'"bm"'},{value:'"bt"'},{value:'"bo"'},{value:'"bq"'},{value:'"ba"'},{value:'"bw"'},{value:'"bv"'},{value:'"br"'},{value:'"io"'},{value:'"bn"'},{value:'"bg"'},{value:'"bf"'},{value:'"bi"'},{value:'"cv"'},{value:'"kh"'},{value:'"cm"'},{value:'"ca"'},{value:'"ic"'},{value:'"es-ct"'},{value:'"ky"'},{value:'"cf"'},{value:'"cefta"'},{value:'"cl"'},{value:'"cn"'},{value:'"cx"'},{value:'"cp"'},{value:'"cc"'},{value:'"co"'},{value:'"km"'},{value:'"ck"'},{value:'"cr"'},{value:'"hr"'},{value:'"cu"'},{value:'"cw"'},{value:'"cy"'},{value:'"cz"'},{value:'"ci"'},{value:'"cd"'},{value:'"dk"'},{value:'"dg"'},{value:'"dj"'},{value:'"dm"'},{value:'"do"'},{value:'"eac"'},{value:'"ec"'},{value:'"eg"'},{value:'"sv"'},{value:'"gb-eng"'},{value:'"gq"'},{value:'"er"'},{value:'"ee"'},{value:'"sz"'},{value:'"et"'},{value:'"eu"'},{value:'"fk"'},{value:'"fo"'},{value:'"fm"'},{value:'"fj"'},{value:'"fi"'},{value:'"fr"'},{value:'"gf"'},{value:'"pf"'},{value:'"tf"'},{value:'"ga"'},{value:'"es-ga"'},{value:'"gm"'},{value:'"ge"'},{value:'"de"'},{value:'"gh"'},{value:'"gi"'},{value:'"gr"'},{value:'"gl"'},{value:'"gd"'},{value:'"gp"'},{value:'"gu"'},{value:'"gt"'},{value:'"gg"'},{value:'"gn"'},{value:'"gw"'},{value:'"gy"'},{value:'"ht"'},{value:'"hm"'},{value:'"va"'},{value:'"hn"'},{value:'"hk"'},{value:'"hu"'},{value:'"in"'},{value:'"ir"'},{value:'"iq"'},{value:'"ie"'},{value:'"im"'},{value:'"il"'},{value:'"it"'},{value:'"jm"'},{value:'"jp"'},{value:'"je"'},{value:'"jo"'},{value:'"kz"'},{value:'"ke"'},{value:'"ki"'},{value:'"xk"'},{value:'"kw"'},{value:'"kg"'},{value:'"la"'},{value:'"lv"'},{value:'"arab"'},{value:'"lb"'},{value:'"ls"'},{value:'"lr"'},{value:'"ly"'},{value:'"lt"'},{value:'"lu"'},{value:'"mo"'},{value:'"mg"'},{value:'"mw"'},{value:'"my"'},{value:'"mv"'},{value:'"ml"'},{value:'"mt"'},{value:'"mh"'},{value:'"mq"'},{value:'"mr"'},{value:'"mu"'},{value:'"yt"'},{value:'"mx"'},{value:'"md"'},{value:'"mc"'},{value:'"mn"'},{value:'"me"'},{value:'"ms"'},{value:'"ma"'},{value:'"mz"'},{value:'"mm"'},{value:'"na"'},{value:'"nr"'},{value:'"np"'},{value:'"nl"'},{value:'"nc"'},{value:'"nz"'},{value:'"ni"'},{value:'"ne"'},{value:'"ng"'},{value:'"nu"'},{value:'"nf"'},{value:'"kp"'},{value:'"mk"'},{value:'"gb-nir"'},{value:'"mp"'},{value:'"no"'},{value:'"om"'},{value:'"pc"'},{value:'"pk"'},{value:'"pw"'},{value:'"pa"'},{value:'"pg"'},{value:'"py"'},{value:'"pe"'},{value:'"ph"'},{value:'"pn"'},{value:'"pl"'},{value:'"pt"'},{value:'"pr"'},{value:'"qa"'},{value:'"cg"'},{value:'"ro"'},{value:'"ru"'},{value:'"rw"'},{value:'"re"'},{value:'"bl"'},{value:'"sh-hl"'},{value:'"sh"'},{value:'"kn"'},{value:'"lc"'},{value:'"mf"'},{value:'"pm"'},{value:'"vc"'},{value:'"ws"'},{value:'"sm"'},{value:'"st"'},{value:'"sa"'},{value:'"gb-sct"'},{value:'"sn"'},{value:'"rs"'},{value:'"sc"'},{value:'"sl"'},{value:'"sg"'},{value:'"sx"'},{value:'"sk"'},{value:'"si"'},{value:'"sb"'},{value:'"so"'},{value:'"za"'},{value:'"gs"'},{value:'"kr"'},{value:'"ss"'},{value:'"es"'},{value:'"lk"'},{value:'"ps"'},{value:'"sd"'},{value:'"sr"'},{value:'"sj"'},{value:'"se"'},{value:'"ch"'},{value:'"sy"'},{value:'"tw"'},{value:'"tj"'},{value:'"tz"'},{value:'"tl"'},{value:'"tg"'},{value:'"tk"'},{value:'"to"'},{value:'"tt"'},{value:'"sh-ta"'},{value:'"tn"'},{value:'"tm"'},{value:'"tc"'},{value:'"tv"'},{value:'"ug"'},{value:'"ua"'},{value:'"ae"'},{value:'"gb"'},{value:'"un"'},{value:'"um"'},{value:'"us"'},{value:'"uy"'},{value:'"uz"'},{value:'"vu"'},{value:'"ve"'},{value:'"vn"'},{value:'"vg"'},{value:'"vi"'},{value:'"gb-wls"'},{value:'"wf"'},{value:'"eh"'},{value:'"ye"'},{value:'"zm"'},{value:'"zw"'},{value:"string & {}"}]}},alt:{defaultValue:null,description:"Mandatory for accessibility purposes.",name:"alt",required:!0,type:{name:"string"}},size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},square:{defaultValue:{value:"false"},description:"When set to true, Replace `4x3` with `1x1` in the src.",name:"square",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},simplified:{defaultValue:{value:"true"},description:"For Some countries (like ES and MX) the simplified flags are automatically used to speed up loading them.",name:"simplified",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
48
- @example <Flag dataset={{ 'qa-id': 'tutor-country-of-birth' }} code="ua" alt="Ukraine" /> // will add data-qa-id="accept-conditions" to the HTML element`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLImageElement | null) => void"},{value:"RefObject<HTMLImageElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as C};
@@ -1 +0,0 @@
1
- .flag__UxXhl{border-radius:var(--e38d71);border:.5px solid var(--b445b1)}
@@ -1,110 +0,0 @@
1
- import{j as a}from"./jsx-runtime-BYouaCF_.js";import{C as r}from"./CountryFlag-CJV53jf1.js";import{L as S}from"./LayoutFlex-oRwI31fW.js";import{a as m,L as e}from"./LayoutGridItem-AvP_ZkC5.js";import{T as i}from"./Text-C3jprdij.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DdzHuZ-Y.js";import"./componentNames-CVVyamkx.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-ed9bC4H4.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./breakpoints-BfMlrtxE.js";import"./align-self-BM6l9H5Z.js";import"./constants-DYYVurUY.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";const t={af:"Afghanistan",ax:"Aland Islands",al:"Albania",dz:"Algeria",as:"American Samoa",ad:"Andorra",ao:"Angola",ai:"Anguilla",aq:"Antarctica",ag:"Antigua and Barbuda",ar:"Argentina",am:"Armenia",aw:"Aruba","sh-ac":"Ascension Island",asean:"Association of Southeast Asian Nations",au:"Australia",at:"Austria",az:"Azerbaijan",bs:"Bahamas",bh:"Bahrain",bd:"Bangladesh",bb:"Barbados","es-pv":"Basque Country",by:"Belarus",be:"Belgium",bz:"Belize",bj:"Benin",bm:"Bermuda",bt:"Bhutan",bo:"Bolivia",bq:"Bonaire, Sint Eustatius and Saba",ba:"Bosnia and Herzegovina",bw:"Botswana",bv:"Bouvet Island",br:"Brazil",io:"British Indian Ocean Territory",bn:"Brunei Darussalam",bg:"Bulgaria",bf:"Burkina Faso",bi:"Burundi",cv:"Cabo Verde",kh:"Cambodia",cm:"Cameroon",ca:"Canada",ic:"Canary Islands","es-ct":"Catalonia",ky:"Cayman Islands",cf:"Central African Republic",cefta:"Central European Free Trade Agreement",td:"Chad",cl:"Chile",cn:"China",cx:"Christmas Island",cp:"Clipperton Island",cc:"Cocos (Keeling) Islands",co:"Colombia",km:"Comoros",ck:"Cook Islands",cr:"Costa Rica",hr:"Croatia",cu:"Cuba",cw:"Curaçao",cy:"Cyprus",cz:"Czech Republic",ci:"Côte d'Ivoire",cd:"Democratic Republic of the Congo",dk:"Denmark",dg:"Diego Garcia",dj:"Djibouti",dm:"Dominica",do:"Dominican Republic",eac:"East African Community",ec:"Ecuador",eg:"Egypt",sv:"El Salvador","gb-eng":"England",gq:"Equatorial Guinea",er:"Eritrea",ee:"Estonia",sz:"Eswatini",et:"Ethiopia",eu:"Europe",fk:"Falkland Islands",fo:"Faroe Islands",fm:"Federated States of Micronesia",fj:"Fiji",fi:"Finland",fr:"France",gf:"French Guiana",pf:"French Polynesia",tf:"French Southern Territories",ga:"Gabon","es-ga":"Galicia",gm:"Gambia",ge:"Georgia",de:"Germany",gh:"Ghana",gi:"Gibraltar",gr:"Greece",gl:"Greenland",gd:"Grenada",gp:"Guadeloupe",gu:"Guam",gt:"Guatemala",gg:"Guernsey",gn:"Guinea",gw:"Guinea-Bissau",gy:"Guyana",ht:"Haiti",hm:"Heard Island and McDonald Islands",va:"Holy See",hn:"Honduras",hk:"Hong Kong",hu:"Hungary",is:"Iceland",in:"India",id:"Indonesia",ir:"Iran",iq:"Iraq",ie:"Ireland",im:"Isle of Man",il:"Israel",it:"Italy",jm:"Jamaica",jp:"Japan",je:"Jersey",jo:"Jordan",kz:"Kazakhstan",ke:"Kenya",ki:"Kiribati",xk:"Kosovo",kw:"Kuwait",kg:"Kyrgyzstan",la:"Laos",lv:"Latvia",arab:"League of Arab States",lb:"Lebanon",ls:"Lesotho",lr:"Liberia",ly:"Libya",li:"Liechtenstein",lt:"Lithuania",lu:"Luxembourg",mo:"Macau",mg:"Madagascar",mw:"Malawi",my:"Malaysia",mv:"Maldives",ml:"Mali",mt:"Malta",mh:"Marshall Islands",mq:"Martinique",mr:"Mauritania",mu:"Mauritius",yt:"Mayotte",mx:"Mexico",md:"Moldova",mc:"Monaco",mn:"Mongolia",me:"Montenegro",ms:"Montserrat",ma:"Morocco",mz:"Mozambique",mm:"Myanmar",na:"Namibia",nr:"Nauru",np:"Nepal",nl:"Netherlands",nc:"New Caledonia",nz:"New Zealand",ni:"Nicaragua",ne:"Niger",ng:"Nigeria",nu:"Niue",nf:"Norfolk Island",kp:"North Korea",mk:"North Macedonia","gb-nir":"Northern Ireland",mp:"Northern Mariana Islands",no:"Norway",om:"Oman",pc:"Pacific Community",pk:"Pakistan",pw:"Palau",pa:"Panama",pg:"Papua New Guinea",py:"Paraguay",pe:"Peru",ph:"Philippines",pn:"Pitcairn",pl:"Poland",pt:"Portugal",pr:"Puerto Rico",qa:"Qatar",cg:"Republic of the Congo",ro:"Romania",ru:"Russia",rw:"Rwanda",re:"Réunion",bl:"Saint Barthélemy","sh-hl":"Saint Helena",sh:"Saint Helena, Ascension and Tristan da Cunha",kn:"Saint Kitts and Nevis",lc:"Saint Lucia",mf:"Saint Martin",pm:"Saint Pierre and Miquelon",vc:"Saint Vincent and the Grenadines",ws:"Samoa",sm:"San Marino",st:"Sao Tome and Principe",sa:"Saudi Arabia","gb-sct":"Scotland",sn:"Senegal",rs:"Serbia",sc:"Seychelles",sl:"Sierra Leone",sg:"Singapore",sx:"Sint Maarten",sk:"Slovakia",si:"Slovenia",sb:"Solomon Islands",so:"Somalia",za:"South Africa",gs:"South Georgia and the South Sandwich Islands",kr:"South Korea",ss:"South Sudan",es:"Spain",lk:"Sri Lanka",ps:"State of Palestine",sd:"Sudan",sr:"Suriname",sj:"Svalbard and Jan Mayen",se:"Sweden",ch:"Switzerland",sy:"Syria",tw:"Taiwan",tj:"Tajikistan",tz:"Tanzania",th:"Thailand",tl:"Timor-Leste",tg:"Togo",tk:"Tokelau",to:"Tonga",tt:"Trinidad and Tobago","sh-ta":"Tristan da Cunha",tn:"Tunisia",tm:"Turkmenistan",tc:"Turks and Caicos Islands",tv:"Tuvalu",tr:"Türkiye",ug:"Uganda",ua:"Ukraine",ae:"United Arab Emirates",gb:"United Kingdom",un:"United Nations",um:"United States Minor Outlying Islands",us:"United States of America",uy:"Uruguay",uz:"Uzbekistan",vu:"Vanuatu",ve:"Venezuela",vn:"Vietnam",vg:"Virgin Islands (British)",vi:"Virgin Islands (U.S.)","gb-wls":"Wales",wf:"Wallis and Futuna",eh:"Western Sahara",ye:"Yemen",zm:"Zambia",zw:"Zimbabwe"},D={title:"components/CountryFlag",component:r,args:{code:"ua"}},o={render:function(){return a.jsxs("div",{style:{maxWidth:"1000px"},children:[a.jsx(i,{variant:"default-semibold",children:"For some countries, simplified flags are automatically used (unless `simplified` is set to `false`)"}),a.jsxs(m,{columns:6,children:[a.jsx(e,{children:a.jsx(i,{variant:"default-semibold",children:"Code"})}),a.jsx(e,{children:a.jsx(i,{variant:"default-semibold",children:"Country name"})}),a.jsx(e,{children:a.jsx(i,{variant:"default-semibold",children:"4x3"})}),a.jsx(e,{children:a.jsx(i,{variant:"default-semibold",children:"1x1 (square)"})}),a.jsx(e,{children:a.jsx(i,{variant:"default-semibold",children:"4x3 (with `simplified=false`)"})}),a.jsx(e,{children:a.jsx(i,{variant:"default-semibold",children:"1x1 (square) (with `simplified=false`)"})}),["es","mx"].map(n=>a.jsxs(a.Fragment,{children:[a.jsx(e,{children:n}),a.jsx(e,{children:t[n]}),a.jsx(e,{children:a.jsx(r,{code:n,alt:t[n],size:"large"})}),a.jsx(e,{children:a.jsx(r,{code:n,alt:t[n],size:"large",square:!0})}),a.jsx(e,{children:a.jsx(r,{code:n,alt:t[n],size:"large",simplified:!1})}),a.jsx(e,{children:a.jsx(r,{code:n,alt:t[n],size:"large",square:!0,simplified:!1})})]}))]}),a.jsx("br",{}),a.jsx(i,{variant:"default-semibold",children:"All countries"}),a.jsxs(m,{columns:4,children:[a.jsx(e,{children:a.jsx(i,{variant:"default-semibold",children:"Code"})}),a.jsx(e,{children:a.jsx(i,{variant:"default-semibold",children:"Country name"})}),a.jsx(e,{children:a.jsx(i,{variant:"default-semibold",children:"4x3"})}),a.jsx(e,{children:a.jsx(i,{variant:"default-semibold",children:"1x1 (square)"})}),Object.keys(t).map(n=>a.jsxs(a.Fragment,{children:[a.jsx(e,{children:n}),a.jsx(e,{children:t[n]}),a.jsx(e,{children:a.jsx(r,{code:n,alt:t[n],size:"large"})}),a.jsx(e,{children:a.jsx(r,{code:n,alt:t[n],size:"large",square:!0})})]}))]})]})}},l={render:s=>a.jsxs(S,{gap:"16",children:[a.jsx(r,{...s,size:"small"}),a.jsx(r,{...s,size:"medium"}),a.jsx(r,{...s,size:"large"})]})},d={render:s=>a.jsxs(S,{gap:"16",children:[a.jsx(r,{...s,square:!0,size:"small"}),a.jsx(r,{...s,square:!0,size:"medium"}),a.jsx(r,{...s,square:!0,size:"large"})]})},u={parameters:{chromatic:{disableSnapshot:!0}},args:{dataset:{qaid:"flag"}},argTypes:{dataset:{control:"object"}}};var c,g,y;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`{
2
- render: function Story() {
3
- return <div style={{
4
- maxWidth: '1000px'
5
- }}>
6
- <Text variant="default-semibold">
7
- For some countries, simplified flags are automatically used (unless \`simplified\`
8
- is set to \`false\`)
9
- </Text>
10
- <LayoutGrid columns={6}>
11
- <LayoutGridItem>
12
- <Text variant="default-semibold">Code</Text>
13
- </LayoutGridItem>
14
- <LayoutGridItem>
15
- <Text variant="default-semibold">Country name</Text>
16
- </LayoutGridItem>
17
- <LayoutGridItem>
18
- <Text variant="default-semibold">4x3</Text>
19
- </LayoutGridItem>
20
- <LayoutGridItem>
21
- <Text variant="default-semibold">1x1 (square)</Text>
22
- </LayoutGridItem>
23
- <LayoutGridItem>
24
- <Text variant="default-semibold">4x3 (with \`simplified=false\`)</Text>
25
- </LayoutGridItem>
26
- <LayoutGridItem>
27
- <Text variant="default-semibold">
28
- 1x1 (square) (with \`simplified=false\`)
29
- </Text>
30
- </LayoutGridItem>
31
-
32
- {['es', 'mx'].map(code => {
33
- return <>
34
- <LayoutGridItem>{code}</LayoutGridItem>
35
- <LayoutGridItem>{countryNames[code]}</LayoutGridItem>
36
- <LayoutGridItem>
37
- <CountryFlag code={code} alt={countryNames[code]} size="large" />
38
- </LayoutGridItem>
39
- <LayoutGridItem>
40
- <CountryFlag code={code} alt={countryNames[code]} size="large" square />
41
- </LayoutGridItem>
42
- <LayoutGridItem>
43
- <CountryFlag code={code} alt={countryNames[code]} size="large" simplified={false} />
44
- </LayoutGridItem>
45
- <LayoutGridItem>
46
- <CountryFlag code={code} alt={countryNames[code]} size="large" square simplified={false} />
47
- </LayoutGridItem>
48
- </>;
49
- })}
50
- </LayoutGrid>
51
- <br />
52
- <Text variant="default-semibold">All countries</Text>
53
-
54
- <LayoutGrid columns={4}>
55
- <LayoutGridItem>
56
- <Text variant="default-semibold">Code</Text>
57
- </LayoutGridItem>
58
- <LayoutGridItem>
59
- <Text variant="default-semibold">Country name</Text>
60
- </LayoutGridItem>
61
- <LayoutGridItem>
62
- <Text variant="default-semibold">4x3</Text>
63
- </LayoutGridItem>
64
- <LayoutGridItem>
65
- <Text variant="default-semibold">1x1 (square)</Text>
66
- </LayoutGridItem>
67
- {Object.keys(countryNames).map(code => {
68
- return <>
69
- <LayoutGridItem>{code}</LayoutGridItem>
70
- <LayoutGridItem>{countryNames[code]}</LayoutGridItem>
71
- <LayoutGridItem>
72
- <CountryFlag code={code} alt={countryNames[code]} size="large" />
73
- </LayoutGridItem>
74
- <LayoutGridItem>
75
- <CountryFlag code={code} alt={countryNames[code]} size="large" square />
76
- </LayoutGridItem>
77
- </>;
78
- })}
79
- </LayoutGrid>
80
- </div>;
81
- }
82
- }`,...(y=(g=o.parameters)==null?void 0:g.docs)==null?void 0:y.source}}};var h,x,p;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:`{
83
- render: args => <LayoutFlex gap="16">
84
- <CountryFlag {...args} size="small" />
85
- <CountryFlag {...args} size="medium" />
86
- <CountryFlag {...args} size="large" />
87
- </LayoutFlex>
88
- }`,...(p=(x=l.parameters)==null?void 0:x.docs)==null?void 0:p.source}}};var b,f,I;d.parameters={...d.parameters,docs:{...(b=d.parameters)==null?void 0:b.docs,source:{originalSource:`{
89
- render: args => <LayoutFlex gap="16">
90
- <CountryFlag {...args} square size="small" />
91
- <CountryFlag {...args} square size="medium" />
92
- <CountryFlag {...args} square size="large" />
93
- </LayoutFlex>
94
- }`,...(I=(f=d.parameters)==null?void 0:f.docs)==null?void 0:I.source}}};var j,G,L;u.parameters={...u.parameters,docs:{...(j=u.parameters)==null?void 0:j.docs,source:{originalSource:`{
95
- parameters: {
96
- chromatic: {
97
- disableSnapshot: true
98
- }
99
- },
100
- args: {
101
- dataset: {
102
- qaid: 'flag'
103
- }
104
- },
105
- argTypes: {
106
- dataset: {
107
- control: 'object'
108
- }
109
- }
110
- }`,...(L=(G=u.parameters)==null?void 0:G.docs)==null?void 0:L.source}}};const V=["Countries","Sizes","Square","Playground"];export{o as Countries,u as Playground,l as Sizes,d as Square,V as __namedExportsOrder,D as default};
@@ -1,27 +0,0 @@
1
- import{j as d}from"./jsx-runtime-BYouaCF_.js";import{e as o}from"./index-DDyIDR-R.js";import{C as s}from"./CountryFlag-CJV53jf1.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DdzHuZ-Y.js";import"./componentNames-CVVyamkx.js";const v={title:"components/CountryFlag/Tests",component:s,args:{},tags:["!autodocs","!a11y-test","test"]},a={render:function(){return d.jsx(s,{code:"ua",alt:"Ukraine",dataset:{foo:1,bar:"2",baz:!1}})},play:async({canvas:t})=>{const e=t.getByAltText("Ukraine");o(e).toHaveAttribute("data-foo","1"),o(e).toHaveAttribute("data-bar","2"),o(e).toHaveAttribute("data-baz","false")}},r={render:function(){return d.jsx(s,{code:"ua",alt:"Ukraine",loading:"lazy"})},play:async({canvas:t})=>{const e=t.getByAltText("Ukraine");o(e).toHaveAttribute("loading","lazy")}};var n,c,l;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`{
2
- render: function Story() {
3
- return <CountryFlag code="ua" alt="Ukraine" dataset={{
4
- foo: 1,
5
- bar: '2',
6
- baz: false
7
- }} />;
8
- },
9
- play: async ({
10
- canvas
11
- }) => {
12
- const element = canvas.getByAltText('Ukraine');
13
- expect(element).toHaveAttribute('data-foo', '1');
14
- expect(element).toHaveAttribute('data-bar', '2');
15
- expect(element).toHaveAttribute('data-baz', 'false');
16
- }
17
- }`,...(l=(c=a.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var i,m,u;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{
18
- render: function Story() {
19
- return <CountryFlag code="ua" alt="Ukraine" loading="lazy" />;
20
- },
21
- play: async ({
22
- canvas
23
- }) => {
24
- const element = canvas.getByAltText('Ukraine');
25
- expect(element).toHaveAttribute('loading', 'lazy');
26
- }
27
- }`,...(u=(m=r.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};const T=["TestDataset","ImgAttributesArePassedToImg"];export{r as ImgAttributesArePassedToImg,a as TestDataset,T as __namedExportsOrder,v as default};
@@ -1,5 +0,0 @@
1
- import{j as r}from"./jsx-runtime-BYouaCF_.js";import{S as y}from"./index-DRKYGVyc.js";import{r as g}from"./index-B3evPFBL.js";import"./index-BfBdt3zW.js";import{g as q}from"./index-DdzHuZ-Y.js";import{M as C}from"./message-BraTJ16C.js";import{w as _}from"./componentNames-CVVyamkx.js";const x="container__g46MP",w="label__dGrlk",E="required__w9EwB",F="description__AST5n",N="error__uRqiU",i={container:x,label:w,required:E,description:F,error:N};function R({id:a,error:n,description:o,hasError:t}){const e={};return t&&(e["aria-invalid"]=!0),n&&(e["aria-invalid"]=!0,e["aria-errormessage"]=`${a}-error`),o&&(e["aria-describedby"]=`${a}-description`),e}const u=({id:a,label:n,hideLabel:o,description:t,error:e,hasError:d,children:c,required:s,dataset:p,onClick:m,preplyDsComponent:v=_.FormControl})=>{const f=g.useId(),l=a||f,h=R({id:l,error:e,description:t,hasError:d}),b=q(p,{preplyDsComponent:v});return r.jsxs("div",{className:i.container,...b,onClick:m,children:[r.jsxs("label",{htmlFor:l,className:i.label,"data-hidden":o||!n,"data-testid":"label",children:[n,s&&r.jsx(r.Fragment,{children:r.jsxs("span",{"aria-hidden":!0,className:i.required,children:[" • ",r.jsx(C,{id:"preply-ds.fieldLabel.required",defaultMessage:"Required",description:"Form field required label"})]})})]}),r.jsx(y,{id:l,required:s,...h,children:c}),e?r.jsx("p",{className:i.error,role:"alert",id:`${l}-error`,"data-testid":"error",children:e}):t?r.jsx("p",{className:i.description,id:`${l}-description`,"data-testid":"description",children:t}):null]})};try{u.displayName="FormControl",u.__docgenInfo={description:"FormControl component provides a consistent layout and accessibility\nfor the form fields. You can use it to create custom fields not supported\nby the DS yet.\n\nNote that FormControl will implicitly provide some props to the child component:\n\n- `id` forwarded from FormControl props or will be generated automatically for accessibility purposes;\n- `aria-invalid` and `aria-errormessage` when `error` is provided;\n- `aria-describedby` when `description` is provided;\n- `required` when FormControl's `required` is true;",displayName:"FormControl",props:{id:{defaultValue:null,description:`The id to be passed to the input element.
2
- If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
3
- to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to exlicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
4
- indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement>"}]}},preplyDsComponent:{defaultValue:{value:"webComponentNames.FormControl"},description:`@deprecated The attribute is meant for internal usage only
5
- @ignore`,name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}}}}}catch{}export{u as F};
@@ -1,46 +0,0 @@
1
- import{j as r}from"./jsx-runtime-BYouaCF_.js";import{F as a}from"./FormControl-DD3JEwg1.js";import{d as p}from"./styled-components.browser.esm-CwsnEFnS.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DRKYGVyc.js";import"./index-BfBdt3zW.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./index-DdzHuZ-Y.js";import"./message-BraTJ16C.js";import"./componentNames-CVVyamkx.js";const y={title:"Components/FormControl",component:a},o=()=>{const l=p.input`
2
- width: 100%;
3
- padding: 8px 12px;
4
- border: 1px solid #e0e0e0;
5
- border-radius: 12px;
6
- font-size: 16px;
7
- transition: border-color 0.2s ease;
8
-
9
- /* ensures that the input label is visible when input is scrolled to programmatically*/
10
- scroll-margin-top: var(--ds-input-scroll-margin-top);
11
-
12
- &:focus {
13
- outline: none;
14
- border-color: #0066cc;
15
- }
16
-
17
- /* \`aria-invalid\` is provided by the FormControl component and can be used to style error state */
18
- &[aria-invalid='true'] {
19
- border-color: #dc3545;
20
- }
21
- `;return r.jsx(a,{label:"Full name",description:"Enter your full legal name",children:r.jsx(l,{placeholder:"John Doe"})})};var e,t,n,i,s;o.parameters={...o.parameters,docs:{...(e=o.parameters)==null?void 0:e.docs,source:{originalSource:`() => {
22
- const CustomInput = styled.input\`
23
- width: 100%;
24
- padding: 8px 12px;
25
- border: 1px solid #e0e0e0;
26
- border-radius: 12px;
27
- font-size: 16px;
28
- transition: border-color 0.2s ease;
29
-
30
- /* ensures that the input label is visible when input is scrolled to programmatically*/
31
- scroll-margin-top: var(--ds-input-scroll-margin-top);
32
-
33
- &:focus {
34
- outline: none;
35
- border-color: #0066cc;
36
- }
37
-
38
- /* \\\`aria-invalid\\\` is provided by the FormControl component and can be used to style error state */
39
- &[aria-invalid='true'] {
40
- border-color: #dc3545;
41
- }
42
- \`;
43
- return <FormControl label="Full name" description="Enter your full legal name">
44
- <CustomInput placeholder="John Doe" />
45
- </FormControl>;
46
- }`,...(n=(t=o.parameters)==null?void 0:t.docs)==null?void 0:n.source},description:{story:"This example demonstrates how to use the FormControl to create a custom input field.",...(s=(i=o.parameters)==null?void 0:i.docs)==null?void 0:s.description}}};const w=["CustomFormField"];export{o as CustomFormField,w as __namedExportsOrder,y as default};
@@ -1,8 +0,0 @@
1
- import{j as o}from"./jsx-runtime-BYouaCF_.js";import{r as m}from"./index-B3evPFBL.js";import{r as d}from"./render-icon-CVTdrNe-.js";import{B as v}from"./ButtonBase-OAaaGRgi.js";import{w as p}from"./componentNames-CVVyamkx.js";import{B as c,a as f}from"./defaults-B1rzzf6M.js";const e=m.forwardRef(function({variant:l=f,size:n=c,url:t,a11yLabel:u,svg:r,...s},i){return o.jsx(v,{...s,ref:i,isIconButton:!0,variant:l,size:n,url:t,a11yLabel:u,preplyDsComponent:p.IconButton,children:d(r,{"aria-hidden":"true",focusable:"false"})})});try{e.displayName="IconButton",e.__docgenInfo={description:"",displayName:"IconButton",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"ai"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:"ResponsiveProp<ButtonSize>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},as:{defaultValue:null,description:`Custom element to render the button.
2
-
3
- Allows rendering the button using a different React element or component.
4
- This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
5
- @example // Render as a react router link component
6
- import { Link } from 'react-router-dom';
7
-
8
- <ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string"}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{e as I};
@@ -1 +0,0 @@
1
- .container__hc6MA{width:100%;position:relative}@media (hover: hover) and (pointer: fine){.container__hc6MA:hover .input__N1pCx{border-color:var(--11d206)}}.container__hc6MA .icon__m5GPy{position:absolute;left:calc(var(--558c4c) - var(--d9baa3));top:50%;transform:translateY(-50%);color:var(--cbc724)}.container__hc6MA .trailingIcon__-r3dh{position:absolute;right:calc(var(--558c4c) - var(--d9baa3));top:50%;transform:translateY(-50%);color:var(--cbc724)}.container__hc6MA .button__CDUKk{position:absolute;right:var(--590b8d);top:50%;transform:translateY(-50%)}.container__hc6MA:has(>.icon__m5GPy) .input__N1pCx{padding-left:calc(calc(var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b))}.container__hc6MA:has(>.button__CDUKk) .input__N1pCx{padding-right:58px}.container__hc6MA:has(>.trailingIcon__-r3dh) .input__N1pCx{padding-right:calc(calc(var(--558c4c) - var(--d9baa3)) + var(--1e685c) + var(--66b80b))}.container__hc6MA:has(>.input__N1pCx[aria-invalid=true]) .icon__m5GPy{color:var(--7b0f41)}.input__N1pCx{display:block;width:100%;box-sizing:border-box;padding:calc(var(--d9baa3) + var(--66b80b)) calc(var(--558c4c) - var(--d9baa3));border:var(--d9baa3) solid var(--29cd58);border-radius:var(--fa4b1a);font-size:var(--7f027e);line-height:var(--11f5c9);font-weight:var(--59913e);letter-spacing:var(--b2e406);scroll-margin-top:var(--ds-input-scroll-margin-top)}.input__N1pCx::placeholder{color:var(--d9209f)}.input__N1pCx:focus{outline:var(--398094) auto var(--d9baa3)}.input__N1pCx:disabled,.input__N1pCx:disabled:hover{border-color:transparent;background-color:var(--04daeb)}.input__N1pCx[aria-invalid=true]{border-color:var(--7b0f41);background-color:var(--95df5b);color:var(--7b0f41)}.input__N1pCx:is(input[type=number]){-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input__N1pCx:is(input[type=number])::-webkit-outer-spin-button,.input__N1pCx:is(input[type=number])::-webkit-inner-spin-button{-webkit-appearance:none;margin:var(--d434fb)}.input__N1pCx:is(select){-webkit-appearance:none;-moz-appearance:none;appearance:none}.input__N1pCx:is(select)[data-empty=true]{color:var(--d9209f)}
@@ -1 +0,0 @@
1
- import{j as x}from"./jsx-runtime-BYouaCF_.js";import{r as I}from"./index-B3evPFBL.js";import{g as _,a as F,b as g}from"./align-self-BM6l9H5Z.js";import{f as w}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as b,b as R}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-CVVyamkx.js";import{g as C}from"./index-DdzHuZ-Y.js";import{L as N}from"./defaults-B1rzzf6M.js";const A="LayoutFlexItem__dKOq-",q={LayoutFlexItem:A,"LayoutFlexItem--stretch":"LayoutFlexItem--stretch__iab5M","LayoutFlexItem--no-stretch":"LayoutFlexItem--no-stretch__-1TuH","LayoutFlexItem--narrow-l--stretch":"LayoutFlexItem--narrow-l--stretch__3ll6c","LayoutFlexItem--narrow-l--no-stretch":"LayoutFlexItem--narrow-l--no-stretch__ObDkL","LayoutFlexItem--medium-s--stretch":"LayoutFlexItem--medium-s--stretch__3Ry1a","LayoutFlexItem--medium-s--no-stretch":"LayoutFlexItem--medium-s--no-stretch__KB7hy","LayoutFlexItem--medium-l--stretch":"LayoutFlexItem--medium-l--stretch__roskH","LayoutFlexItem--medium-l--no-stretch":"LayoutFlexItem--medium-l--no-stretch__g5WGB","LayoutFlexItem--wide-s--stretch":"LayoutFlexItem--wide-s--stretch__xMSyv","LayoutFlexItem--wide-s--no-stretch":"LayoutFlexItem--wide-s--no-stretch__3voIB","LayoutFlexItem--wide-l--stretch":"LayoutFlexItem--wide-l--stretch__AfLMQ","LayoutFlexItem--wide-l--no-stretch":"LayoutFlexItem--wide-l--no-stretch__LA45O"},t=I.forwardRef(function({children:l,alignSelf:s,stretch:u=!1,tag:o,hide:n,relative:r,dataset:m,...i},c){const d=b(q,e.LayoutFlexItem,R("stretch","no-stretch",u)),v=_(s),p=F(n),y=g(r),f=[...d,...v,...p,...y],L=o??N,h={...w(i),ref:c,className:f.join(" "),...C(m,{preplyDsComponent:e.LayoutFlexItem})};return x.jsx(L,{...h,children:l})});try{t.displayName="LayoutFlexItem",t.__docgenInfo={description:"",displayName:"LayoutFlexItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutAlignSelf>"}]}},stretch:{defaultValue:{value:"false"},description:"",name:"stretch",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as L};