@preply/ds-docs 3.4.0 → 3.5.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 (139) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-L63JniCW.js → 00.LayoutFlex.stories-VFXWuwpO.js} +1 -1
  2. package/dist/assets/{00.applications-CZNgCxBr.js → 00.applications-DJvx0k5e.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-C8wcurqA.js → 00.favicons.guide-C2RnoAYF.js} +1 -1
  4. package/dist/assets/{00.token-explorer-BTCw9K7w.js → 00.token-explorer-CIpc712L.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-CpeF4wyg.js → 00.using-responsive-props-Y0FJyksx.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-zxbjTqot.js → 01.semantic-tokens-YNMdeVZ4.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-DL8DGU_h.js → 01.using-shorthand-props-D8C82Ryu.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-1_8u8WW3.js → 10.Combinations.stories-TuIVGMPp.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-ozrfPbrb.js → 10.fonts.guide-BK8SPAB4.js} +1 -1
  10. package/dist/assets/{10.ssr-DuJ7V1zU.js → 10.ssr-Cn5ozKrT.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-D4g8INUF.js → 11.languageFont.explorer-Dgp7vCsc.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-LkbMDkui.js → 11.ssr.app-router-Ce4D-wDq.js} +1 -1
  13. package/dist/assets/{20.libraries-OxbX53Rm.js → 20.libraries-B4FUgB6M.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-CxFu80o-.js → 30.icons.explorer-pAVyuYWo.js} +1 -1
  15. package/dist/assets/{30.storybook-D4IX1PTk.js → 30.storybook-Cn6Bqenb.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-CCmi1XRF.js → 40.illustrations.explorer-DuruGf8M.js} +3 -3
  17. package/dist/assets/{90.advanced-BsWTpQOC.js → 90.advanced-BJmxitUv.js} +1 -1
  18. package/dist/assets/{Accordion-BMkC4Xny.js → Accordion-C6JcVnAY.js} +1 -1
  19. package/dist/assets/{Accordion.stories-CDdxqEYy.js → Accordion.stories-BXKov_mh.js} +1 -1
  20. package/dist/assets/{Accordion.tests.stories-mB00BMOi.js → Accordion.tests.stories-BQZ2mqSD.js} +1 -1
  21. package/dist/assets/{AlertDialog.stories-HjngO85F.js → AlertDialog.stories-Dz2XLZcQ.js} +1 -1
  22. package/dist/assets/{Avatar-B2H0W8KL.js → Avatar-GW6_sGqG.js} +1 -1
  23. package/dist/assets/{Avatar.stories-QILX30d4.js → Avatar.stories-CttBLXpQ.js} +1 -1
  24. package/dist/assets/{AvatarWithStatus.stories-B86Dnj1_.js → AvatarWithStatus.stories-CfiaM_d9.js} +2 -2
  25. package/dist/assets/{Badge.stories-DCRd8y_l.js → Badge.stories-BVl0BEvu.js} +2 -2
  26. package/dist/assets/{Box.stories-CIp48tBY.js → Box.stories-CWVndvJn.js} +1 -1
  27. package/dist/assets/{Button-ByGPH5mV.js → Button-w2cr0Ds_.js} +3 -3
  28. package/dist/assets/{Button.stories-CZi-nQnw.js → Button.stories-Br4H_Yuc.js} +1 -1
  29. package/dist/assets/{ButtonBase-B0KE_9xS.js → ButtonBase-BagNt7Ga.js} +2 -2
  30. package/dist/assets/{Checkbox-BJCC-N-r.js → Checkbox-CCxh0QYX.js} +2 -2
  31. package/dist/assets/Checkbox.stories-BzMhrN0i.js +187 -0
  32. package/dist/assets/Checkbox.tests.stories-BWl34t1s.js +64 -0
  33. package/dist/assets/{Chips.stories-FqjAsoAI.js → Chips.stories-CqKaWr-o.js} +1 -1
  34. package/dist/assets/{Color-YHDXOIA2-B18N3AaJ.js → Color-YHDXOIA2-HzCcHNXW.js} +1 -1
  35. package/dist/assets/CountryFlag-BSsWsMSZ.js +49 -0
  36. package/dist/assets/Dialog-7LK-NRfd.css +1 -0
  37. package/dist/assets/{Dialog.stories-CksnrXI6.js → Dialog.stories-Bcwvngxm.js} +53 -21
  38. package/dist/assets/{DocsRenderer-CFRXHY34-CjREP_h0.js → DocsRenderer-CFRXHY34-BjJn6IOv.js} +1 -1
  39. package/dist/assets/{Flag.stories-B36Er6pv.js → Flag.stories-DG0Ba94P.js} +1 -1
  40. package/dist/assets/{Flag.test.stories-OdiZtONW.js → Flag.test.stories-znx57oSY.js} +1 -1
  41. package/dist/assets/{FormControl.stories-DekxQG9a.js → FormControl.stories-BG7LCJDj.js} +1 -1
  42. package/dist/assets/{Heading-kRKueEJE.js → Heading-DLWgmTU5.js} +2 -2
  43. package/dist/assets/{Heading.stories-C_OIIyB_.js → Heading.stories-BpdvL4Rd.js} +1 -1
  44. package/dist/assets/{Icon-RSC-DPP_Mp56.js → Icon-RSC-Df7EwZUV.js} +1 -1
  45. package/dist/assets/{Icon-ZIxauYsE.js → Icon-w2ilcPHL.js} +1 -1
  46. package/dist/assets/{Icon.stories-Cv6aq9BI.js → Icon.stories-BRh_hPKp.js} +1 -1
  47. package/dist/assets/IconButton-05fPCnaC.js +8 -0
  48. package/dist/assets/{Input-CfUiWyvo.js → Input-nsKLdjO3.js} +4 -4
  49. package/dist/assets/{IntegrationWithReactHookForm.stories-DsRQlqVO.js → IntegrationWithReactHookForm.stories-DWoCnPAi.js} +1 -1
  50. package/dist/assets/{LayoutFlex-BK2I--nP.js → LayoutFlex-8uO9g6rd.js} +1 -1
  51. package/dist/assets/{LayoutGrid.stories-DHo-MCEe.js → LayoutGrid.stories-Ck1Ysspo.js} +1 -1
  52. package/dist/assets/{LayoutGridItem-BHeOt4_j.js → LayoutGridItem-DPLTfQDr.js} +1 -1
  53. package/dist/assets/{Link.stories-OhrveYjE.js → Link.stories-B1fXJUXm.js} +1 -1
  54. package/dist/assets/{NumberField-DJpVBd26.js → NumberField-DTaNQrnr.js} +4 -4
  55. package/dist/assets/{NumberField.stories-wRiy_2B7.js → NumberField.stories-BBhAsZar.js} +1 -1
  56. package/dist/assets/{OnboardingTooltip-CEvIpDDq.js → OnboardingTooltip-DL0b2snx.js} +1 -1
  57. package/dist/assets/{OnboardingTooltip.stories-DgJn7s-p.js → OnboardingTooltip.stories-BL04HmvH.js} +1 -1
  58. package/dist/assets/{OnboardingTooltip.tests.stories-B7CnkQ4h.js → OnboardingTooltip.tests.stories-qaJ7R0VB.js} +1 -1
  59. package/dist/assets/{OnboardingTour-QILw0ytx.js → OnboardingTour-BEArI5YV.js} +1 -1
  60. package/dist/assets/{OnboardingTour.stories-4OcWs7Qa.js → OnboardingTour.stories-BZLufj9V.js} +2 -2
  61. package/dist/assets/{OnboardingTour.tests.stories-CGE13ZSS.js → OnboardingTour.tests.stories-CxlMyj8d.js} +1 -1
  62. package/dist/assets/{PasswordField-BKpD4wgB.js → PasswordField-DaMmlpIr.js} +4 -4
  63. package/dist/assets/{PasswordField.stories-DyAbV-Cp.js → PasswordField.stories-tM9nknm7.js} +1 -1
  64. package/dist/assets/{PreplyLogo.stories-DHxwd_E-.js → PreplyLogo.stories-CrTgCgF0.js} +1 -1
  65. package/dist/assets/{ProgressBar.stories-C6DbVF9f.js → ProgressBar.stories-CL5ifoDb.js} +1 -1
  66. package/dist/assets/{ProgressSteps.stories-D-MqaEU5.js → ProgressSteps.stories-DbZpoKtc.js} +1 -1
  67. package/dist/assets/{SelectField-Txzefw7x.js → SelectField-CNhQrH2n.js} +8 -8
  68. package/dist/assets/{SelectField.stories-hwymT4A1.js → SelectField.stories-B4CMJsMc.js} +1 -1
  69. package/dist/assets/{Steps-CSR6mb1x.js → Steps-BdyOSLSR.js} +1 -1
  70. package/dist/assets/{Steps.stories-BBj-1qLb.js → Steps.stories-Dz8bq-Yg.js} +1 -1
  71. package/dist/assets/{Text-BmdJVr9v.js → Text-BO29RJXG.js} +1 -1
  72. package/dist/assets/{Text.stories-CkC6dvyE.js → Text.stories-12_yxx51.js} +1 -1
  73. package/dist/assets/{TextField-C8z2d_Sb.js → TextField-BQEExuz1.js} +4 -4
  74. package/dist/assets/{TextField.stories-D5qydpY4.js → TextField.stories-BCz_05Q2.js} +1 -1
  75. package/dist/assets/{TextHighlighted.stories-BJsM40kL.js → TextHighlighted.stories-GseXqtvA.js} +1 -1
  76. package/dist/assets/{TextInline.stories-CL1L2t2-.js → TextInline.stories--nFiCnzF.js} +1 -1
  77. package/dist/assets/{TextareaField-ADPg-loW.js → TextareaField-DctmivNT.js} +7 -7
  78. package/dist/assets/{TextareaField.stories-B2FTFC82.js → TextareaField.stories-D9w5_Y9J.js} +1 -1
  79. package/dist/assets/{Toast.stories-BzEpckjh.js → Toast.stories-C8g_vmi4.js} +1 -1
  80. package/dist/assets/{Tooltip.stories-v2Tx_wX7.js → Tooltip.stories-CmbG2cCW.js} +1 -1
  81. package/dist/assets/{Tooltip.tests.stories-B83vosot.js → Tooltip.tests.stories-Dy7PYnuY.js} +1 -1
  82. package/dist/assets/{ar-CG-qdOH4.js → ar-D2CGVUsk.js} +1 -1
  83. package/dist/assets/{breakpoints-BNiagSE_.js → breakpoints-CgHpWGUd.js} +1 -1
  84. package/dist/assets/{breakpoints-DCs4guiN.js → breakpoints-DobBRp7q.js} +1 -1
  85. package/dist/assets/{breakpoints-CLD12Wfq.js → breakpoints-DpTqvyvp.js} +1 -1
  86. package/dist/assets/{changelog-oRixcAwg.js → changelog-D0S8jEky.js} +229 -210
  87. package/dist/assets/{cs-D0ekH3jh.js → cs-DNQ_gory.js} +1 -1
  88. package/dist/assets/{de-DDl6d-LQ.js → de-IizQVe_p.js} +1 -1
  89. package/dist/assets/{tw-D0ekH3jh.js → en-DNQ_gory.js} +1 -1
  90. package/dist/assets/{entry-preview-CHVQj5ba.js → entry-preview-DFRn2mBg.js} +1 -1
  91. package/dist/assets/es-DrKJGR3r.js +1 -0
  92. package/dist/assets/{es-D_Dg7IYg.js → es-MX-BmGXYFtZ.js} +1 -1
  93. package/dist/assets/{fr-DiEqNmmL.js → fr-CuYGLyh5.js} +1 -1
  94. package/dist/assets/{getTokenVar-DTbqJ3zU.js → getTokenVar-C5oirQpA.js} +1 -1
  95. package/dist/assets/{en-D0ekH3jh.js → hk-DNQ_gory.js} +1 -1
  96. package/dist/assets/{hover-Dz_802dC.js → hover-Cvnde29j.js} +1 -1
  97. package/dist/assets/{hover-CspVUDk-.js → hover-IWMMjFXu.js} +1 -1
  98. package/dist/assets/{hover-CZ5FiAHG.js → hover-xyA4MvI5.js} +1 -1
  99. package/dist/assets/{id-Cw3Lqa5l.js → id-vAi6E-Cg.js} +1 -1
  100. package/dist/assets/{iframe-ZI8HwEVB.js → iframe-CaFg3nAw.js} +2 -2
  101. package/dist/assets/{index-CRsQDyyQ.js → index-COQ9un1y.js} +3 -3
  102. package/dist/assets/{index-vng7oWUW.js → index-jR0YS9dx.js} +1 -1
  103. package/dist/assets/{intro-Dpljg1S_.js → intro-C7f6V7yC.js} +1 -1
  104. package/dist/assets/{it-Dq8FKPUr.js → it-DEIoatj5.js} +1 -1
  105. package/dist/assets/{ja-D8Abv__S.js → ja-Dpp6cU6C.js} +1 -1
  106. package/dist/assets/{ko-CUTyJyvD.js → ko-DhReIk0A.js} +1 -1
  107. package/dist/assets/{migrating-from-less-3oapsuYW.js → migrating-from-less-DyfhpvAY.js} +1 -1
  108. package/dist/assets/{nl-B7Sg7-1Y.js → nl-IhgF6vYc.js} +1 -1
  109. package/dist/assets/{pl-Bl7TVIR5.js → pl-B1TOS1cI.js} +1 -1
  110. package/dist/assets/{playground-DMLi4ken.css → playground-DJ3kGgB-.css} +1 -1
  111. package/dist/assets/{playground.stories-CUEZbHDL.js → playground.stories-BW9_5bcY.js} +89 -89
  112. package/dist/assets/{preview-6wzjiHPa.js → preview-BEIzUzZL.js} +1 -1
  113. package/dist/assets/{preview-C4y1hVIk.js → preview-Ces97bfw.js} +5 -5
  114. package/dist/assets/{preview-B_NJAZWU.js → preview-DcpNo3Ub.js} +2 -2
  115. package/dist/assets/{pt-BIIbtZBo.js → pt-BUtqIjfH.js} +1 -1
  116. package/dist/assets/{ro-BIcMj3_Z.js → ro-vhcu55fI.js} +1 -1
  117. package/dist/assets/{ru-ezAn7RjV.js → ru-4lmtaOOR.js} +1 -1
  118. package/dist/assets/{sv-Bgbnfxbw.js → sv-7bR56HT_.js} +1 -1
  119. package/dist/assets/{th-C6kYYAJ6.js → th-Dc1sd-05.js} +1 -1
  120. package/dist/assets/{tokens-nXjxe-VS.js → tokens-BYaYQ2wS.js} +1 -1
  121. package/dist/assets/{tokens-_XWt9j4-.js → tokens-DKSLWP2O.js} +1 -1
  122. package/dist/assets/{tokens-DhquBbEn.js → tokens-nPSL-fkF.js} +1 -1
  123. package/dist/assets/{tr-JsYfIVuj.js → tr-CrURmSeV.js} +1 -1
  124. package/dist/assets/{hk-D0ekH3jh.js → tw-DNQ_gory.js} +1 -1
  125. package/dist/assets/{ua-BpmD-_E_.js → ua-CYC094JX.js} +1 -1
  126. package/dist/assets/{usePortalElement-D4Sq4izv.js → usePortalElement-DH3j5qah.js} +1 -1
  127. package/dist/assets/{welcome-DjWS5LnW.js → welcome-Plgou2W7.js} +1 -1
  128. package/dist/assets/{zeroheight-P9Lxc_Zd.js → zeroheight-D18qypro.js} +1 -1
  129. package/dist/assets/{zh-CHm3cvlC.js → zh-B4XtX53T.js} +1 -1
  130. package/dist/iframe.html +1 -1
  131. package/dist/index.json +1 -1
  132. package/dist/preview-stats.json +1214 -1205
  133. package/dist/project.json +1 -1
  134. package/package.json +3 -3
  135. package/dist/assets/Checkbox.stories-C08mQFV2.js +0 -99
  136. package/dist/assets/Checkbox.tests.stories-D_kpL3wq.js +0 -100
  137. package/dist/assets/CountryFlag-CAFTp6o8.js +0 -49
  138. package/dist/assets/Dialog-C41Mvr8T.css +0 -1
  139. package/dist/assets/IconButton-D2EvZJff.js +0 -8
package/dist/project.json CHANGED
@@ -1 +1 @@
1
- {"generatedAt":1754583262884,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@types/sinonjs__fake-timers":"8.1.5"},"hasRouterPackage":false,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"3.8.3"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true,"shouldExtractValuesFromUnion":true,"shouldRemoveUndefinedFromOptional":true,"propFilter":{"skipPropsWithName":"dsInternalSimulation"},"include":["/home/runner/work/design-system/design-system/packages/web-lib/src/components/**/*.tsx"]}},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.5.8","storybookVersionSpecifier":"8.5.8","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"3.2.4"},"@storybook/addon-a11y":{"version":"8.5.8"},"@storybook/addon-essentials":{"version":"8.5.8"},"@storybook/addon-links":{"version":"8.5.8"},"@storybook/blocks":{"version":"8.5.8"},"@storybook/components":{"version":"8.5.8"},"@storybook/experimental-addon-test":{"version":"8.5.8"},"@storybook/manager-api":{"version":"8.5.8"},"@storybook/react":{"version":"8.5.8"},"@storybook/react-vite":{"version":"8.5.8"},"@storybook/test":{"version":"8.5.8"},"storybook":{"version":"8.5.8"},"storybook-addon-code-editor":{"version":"3.2.0"}},"addons":{"$SNIP/node_modules/storybook-addon-code-editor":{"version":null},"$SNIP/node_modules/@storybook/addon-a11y":{"version":null},"$SNIP/node_modules/@storybook/addon-actions":{"version":null},"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/experimental-addon-test":{"version":null}}}
1
+ {"generatedAt":1755259611974,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@types/sinonjs__fake-timers":"8.1.5"},"hasRouterPackage":false,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"3.8.3"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true,"shouldExtractValuesFromUnion":true,"shouldRemoveUndefinedFromOptional":true,"propFilter":{"skipPropsWithName":"dsInternalSimulation"},"include":["/home/runner/work/design-system/design-system/packages/web-lib/src/components/**/*.tsx"]}},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.5.8","storybookVersionSpecifier":"8.5.8","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"3.2.4"},"@storybook/addon-a11y":{"version":"8.5.8"},"@storybook/addon-essentials":{"version":"8.5.8"},"@storybook/addon-links":{"version":"8.5.8"},"@storybook/blocks":{"version":"8.5.8"},"@storybook/components":{"version":"8.5.8"},"@storybook/experimental-addon-test":{"version":"8.5.8"},"@storybook/manager-api":{"version":"8.5.8"},"@storybook/react":{"version":"8.5.8"},"@storybook/react-vite":{"version":"8.5.8"},"@storybook/test":{"version":"8.5.8"},"storybook":{"version":"8.5.8"},"storybook-addon-code-editor":{"version":"3.2.0"}},"addons":{"$SNIP/node_modules/storybook-addon-code-editor":{"version":null},"$SNIP/node_modules/@storybook/addon-a11y":{"version":null},"$SNIP/node_modules/@storybook/addon-actions":{"version":null},"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/experimental-addon-test":{"version":null}}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-docs",
3
- "version": "3.4.0",
3
+ "version": "3.5.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -21,7 +21,7 @@
21
21
  },
22
22
  "devDependencies": {
23
23
  "@chromatic-com/storybook": "^3.2.4",
24
- "@preply/ds-i18n": "3.4.0",
24
+ "@preply/ds-i18n": "3.5.0",
25
25
  "@storybook/addon-a11y": "8.5.8",
26
26
  "@storybook/addon-essentials": "8.5.8",
27
27
  "@storybook/addon-links": "8.5.8",
@@ -46,5 +46,5 @@
46
46
  "vite": "6.1.1",
47
47
  "vite-plugin-svgr": "4.3.0"
48
48
  },
49
- "gitHead": "ccc1ebbf8f9f7040bde2165d758348c3384ee51c"
49
+ "gitHead": "c6598c5c33cadf1db242abe903b1ece9b723a423"
50
50
  }
@@ -1,99 +0,0 @@
1
- import{j as e}from"./jsx-runtime-BYouaCF_.js";import{a as l}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{u as i,e as s}from"./index-DDyIDR-R.js";import{C as a}from"./Checkbox-BJCC-N-r.js";import{T as b}from"./Text-BmdJVr9v.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-CVTdrNe-.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./useMergeRefs-CeyIhNgY.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-CpCJzpB9.js";import"./index-DdzHuZ-Y.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./defaults-B1rzzf6M.js";const z={title:"components/Checkbox",component:a,args:{onChange:l("onChange"),onCheckedChange:l("onCheckedChange")}},o={render:function(){return e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(b,{variant:"default-regular-italic",children:"normal"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(a,{"aria-label":"checkbox"}),e.jsx(a,{"aria-label":"checkbox",checked:!0}),e.jsx(a,{"aria-label":"checkbox",indeterminate:!0}),e.jsx(a,{"aria-label":"checkbox",hasError:!0}),e.jsx(a,{"aria-label":"checkbox",hasError:!0,checked:!0}),e.jsx(a,{"aria-label":"checkbox",hasError:!0,indeterminate:!0}),e.jsx(a,{"aria-label":"checkbox",disabled:!0}),e.jsx(a,{"aria-label":"checkbox",disabled:!0,checked:!0}),e.jsx(a,{"aria-label":"checkbox",disabled:!0,indeterminate:!0})]}),e.jsx(b,{variant:"default-regular-italic",children:"focus"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus"}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",checked:!0}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",indeterminate:!0}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",hasError:!0}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",checked:!0,hasError:!0}),e.jsx(a,{"aria-label":"checkbox",dsInternalSimulation:"focus",indeterminate:!0,hasError:!0})]})]})}},c={parameters:{chromatic:{disableSnapshot:!0}},render:function(){return e.jsx(a,{"aria-label":"checkbox"})},play:async({canvas:n})=>{const r=n.getByRole("checkbox");await i.click(r),s(r).toBeChecked(),await i.click(r),s(r).not.toBeChecked()}},t={parameters:{chromatic:{disableSnapshot:!0}},args:{"aria-label":"checkbox"},argTypes:{id:{control:"text"},name:{control:"text"},dataset:{control:"object"},checked:{control:"boolean"},disabled:{control:"boolean"},required:{control:"boolean"},hasError:{control:"boolean"},"aria-label":{control:"text"},indeterminate:{control:"boolean"},defaultChecked:{control:"boolean"},"aria-labelledby":{control:"text"}}};var d,x,h;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{
2
- render: function Story() {
3
- return <div style={{
4
- display: 'flex',
5
- gap: '16px',
6
- flexDirection: 'column'
7
- }}>
8
- <Text variant="default-regular-italic">normal</Text>
9
- <div style={{
10
- display: 'flex',
11
- gap: '16px'
12
- }}>
13
- <Checkbox aria-label="checkbox" />
14
- <Checkbox aria-label="checkbox" checked />
15
- <Checkbox aria-label="checkbox" indeterminate />
16
- <Checkbox aria-label="checkbox" hasError />
17
- <Checkbox aria-label="checkbox" hasError checked />
18
- <Checkbox aria-label="checkbox" hasError indeterminate />
19
- <Checkbox aria-label="checkbox" disabled />
20
- <Checkbox aria-label="checkbox" disabled checked />
21
- <Checkbox aria-label="checkbox" disabled indeterminate />
22
- </div>
23
- <Text variant="default-regular-italic">focus</Text>
24
- <div style={{
25
- display: 'flex',
26
- gap: '16px'
27
- }}>
28
- <Checkbox aria-label="checkbox" dsInternalSimulation="focus" />
29
- <Checkbox aria-label="checkbox" dsInternalSimulation="focus" checked />
30
- <Checkbox aria-label="checkbox" dsInternalSimulation="focus" indeterminate />
31
- <Checkbox aria-label="checkbox" dsInternalSimulation="focus" hasError />
32
- <Checkbox aria-label="checkbox" dsInternalSimulation="focus" checked hasError />
33
- <Checkbox aria-label="checkbox" dsInternalSimulation="focus" indeterminate hasError />
34
- </div>
35
- </div>;
36
- }
37
- }`,...(h=(x=o.parameters)==null?void 0:x.docs)==null?void 0:h.source}}};var u,k,m;c.parameters={...c.parameters,docs:{...(u=c.parameters)==null?void 0:u.docs,source:{originalSource:`{
38
- parameters: {
39
- chromatic: {
40
- disableSnapshot: true
41
- }
42
- },
43
- render: function Story() {
44
- return <Checkbox aria-label="checkbox" />;
45
- },
46
- play: async ({
47
- canvas
48
- }) => {
49
- const checkbox = canvas.getByRole('checkbox');
50
- await userEvent.click(checkbox);
51
- expect(checkbox).toBeChecked();
52
- await userEvent.click(checkbox);
53
- expect(checkbox).not.toBeChecked();
54
- }
55
- }`,...(m=(k=c.parameters)==null?void 0:k.docs)==null?void 0:m.source}}};var p,f,C;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{
56
- parameters: {
57
- chromatic: {
58
- disableSnapshot: true
59
- }
60
- },
61
- args: {
62
- 'aria-label': 'checkbox'
63
- },
64
- argTypes: {
65
- id: {
66
- control: 'text'
67
- },
68
- name: {
69
- control: 'text'
70
- },
71
- dataset: {
72
- control: 'object'
73
- },
74
- checked: {
75
- control: 'boolean'
76
- },
77
- disabled: {
78
- control: 'boolean'
79
- },
80
- required: {
81
- control: 'boolean'
82
- },
83
- hasError: {
84
- control: 'boolean'
85
- },
86
- 'aria-label': {
87
- control: 'text'
88
- },
89
- indeterminate: {
90
- control: 'boolean'
91
- },
92
- defaultChecked: {
93
- control: 'boolean'
94
- },
95
- 'aria-labelledby': {
96
- control: 'text'
97
- }
98
- }
99
- }`,...(C=(f=t.parameters)==null?void 0:f.docs)==null?void 0:C.source}}};const A=["States","Uncontrolled","Playground"];export{t as Playground,o as States,c as Uncontrolled,A as __namedExportsOrder,z as default};
@@ -1,100 +0,0 @@
1
- import{j as r}from"./jsx-runtime-BYouaCF_.js";import{f as T,w as H,e,u as h,a as p}from"./index-DDyIDR-R.js";import{T as E}from"./Tooltip-IxKOQjjo.js";import{C as i}from"./Checkbox-BJCC-N-r.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-v0utLE_k.js";import"./PortalElementProvider-D4ltrA8j.js";import"./index-DRKYGVyc.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./index-DbgDZDus.js";import"./index-DdzHuZ-Y.js";import"./componentNames-CpCJzpB9.js";import"./render-icon-CVTdrNe-.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./useMergeRefs-CeyIhNgY.js";import"./classNames-BUL1Zq7e.js";const P={title:"Components/Checkbox/Tests",component:i,parameters:{controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"]},n={render:function(){return r.jsx(i,{"aria-label":"checkboxLabel","aria-labelledby":"checkboxLabelledby","aria-describedby":"checkboxDescribedby",hasError:!0})},play:async({canvasElement:o})=>{const c=H(o).getByRole("checkbox");e(c).toHaveAttribute("aria-label","checkboxLabel"),e(c).toHaveAttribute("aria-labelledby","checkboxLabelledby"),e(c).toHaveAttribute("aria-describedby","checkboxDescribedby"),e(c).toHaveAttribute("aria-invalid","true")}},s={args:{onCheckedChange:T()},render:function({onCheckedChange:t}){return r.jsx(i,{"aria-label":"checkbox",indeterminate:!0,onCheckedChange:t})},play:async({canvas:o,step:t,args:c})=>{const a=o.getByLabelText("checkbox");if(!(a instanceof HTMLInputElement))throw new Error("Expected Consent all cookies to be an HTMLInputElement");await t('Initial state"',async()=>{e(a).not.toBeChecked(),e(a).toHaveAttribute("aria-checked","mixed"),e(a.indeterminate,"Indeterminate check").toBe(!0)}),await t('Click the checkbox"',async()=>{await h.click(a),e(a).toBeChecked(),e(a).toHaveAttribute("aria-checked","mixed"),e(a.indeterminate,"Indeterminate check").toBe(!0),e(c.onCheckedChange).toBeCalledWith(!0)}),await t('Click the checkbox"',async()=>{await h.click(a),e(a).not.toBeChecked(),e(a).toHaveAttribute("aria-checked","mixed"),e(a.indeterminate,"Indeterminate check").toBe(!0),e(c.onCheckedChange).toBeCalledWith(!1)})}},b={render:function(){return r.jsx(i,{dataset:{foo:1,bar:"2",baz:!1},"aria-label":"checkbox"})},play:async({canvas:o})=>{const t=o.getByRole("checkbox");e(t).toHaveAttribute("data-foo","1"),e(t).toHaveAttribute("data-bar","2"),e(t).toHaveAttribute("data-baz","false")}},l={render:function(){return r.jsx(E,{content:"This is a tooltip",trigger:"hover-and-touch",dataset:{testid:"tooltip"},children:r.jsx(i,{"aria-label":"checkbox"})})},play:async({canvasElement:o,step:t})=>{const c=H(o),a=c.getByRole("checkbox");await t("hover trigger element",async()=>{await h.hover(a)}),await t("tooltip should be shown",async()=>{await p(()=>{const d=c.getByTestId("tooltip");return e(d).toBeVisible()})}),await t("unhover trigger element",async()=>{await h.unhover(a)}),await t("tooltip should be hidden",async()=>{await p(()=>{const d=c.queryByTestId("tooltip");return e(d).toBeNull()})})}};var x,k,u;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`{
2
- render: function Story() {
3
- return <Checkbox aria-label="checkboxLabel" aria-labelledby="checkboxLabelledby" aria-describedby="checkboxDescribedby" hasError />;
4
- },
5
- play: async ({
6
- canvasElement
7
- }) => {
8
- const canvas = within(canvasElement);
9
- const checkbox = canvas.getByRole('checkbox');
10
- expect(checkbox).toHaveAttribute('aria-label', 'checkboxLabel');
11
- expect(checkbox).toHaveAttribute('aria-labelledby', 'checkboxLabelledby');
12
- expect(checkbox).toHaveAttribute('aria-describedby', 'checkboxDescribedby');
13
- expect(checkbox).toHaveAttribute('aria-invalid', 'true');
14
- }
15
- }`,...(u=(k=n.parameters)==null?void 0:k.docs)==null?void 0:u.source}}};var m,y,v;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{
16
- args: {
17
- onCheckedChange: fn()
18
- },
19
- render: function Story({
20
- onCheckedChange
21
- }) {
22
- return <Checkbox aria-label="checkbox" indeterminate onCheckedChange={onCheckedChange} />;
23
- },
24
- play: async ({
25
- canvas,
26
- step,
27
- args
28
- }) => {
29
- const checkbox = canvas.getByLabelText('checkbox');
30
- if (!(checkbox instanceof HTMLInputElement)) throw new Error('Expected Consent all cookies to be an HTMLInputElement');
31
- await step('Initial state"', async () => {
32
- expect(checkbox).not.toBeChecked();
33
- expect(checkbox).toHaveAttribute('aria-checked', 'mixed');
34
- expect(checkbox.indeterminate, 'Indeterminate check').toBe(true);
35
- });
36
- await step('Click the checkbox"', async () => {
37
- await userEvent.click(checkbox);
38
- expect(checkbox).toBeChecked();
39
- expect(checkbox).toHaveAttribute('aria-checked', 'mixed');
40
- expect(checkbox.indeterminate, 'Indeterminate check').toBe(true);
41
- expect(args.onCheckedChange).toBeCalledWith(true);
42
- });
43
- await step('Click the checkbox"', async () => {
44
- await userEvent.click(checkbox);
45
- expect(checkbox).not.toBeChecked();
46
- expect(checkbox).toHaveAttribute('aria-checked', 'mixed');
47
- expect(checkbox.indeterminate, 'Indeterminate check').toBe(true);
48
- expect(args.onCheckedChange).toBeCalledWith(false);
49
- });
50
- }
51
- }`,...(v=(y=s.parameters)==null?void 0:y.docs)==null?void 0:v.source}}};var g,C,w;b.parameters={...b.parameters,docs:{...(g=b.parameters)==null?void 0:g.docs,source:{originalSource:`{
52
- render: function Story() {
53
- return <Checkbox dataset={{
54
- foo: 1,
55
- bar: '2',
56
- baz: false
57
- }} aria-label="checkbox" />;
58
- },
59
- play: async ({
60
- canvas
61
- }) => {
62
- const checkbox = canvas.getByRole('checkbox');
63
- expect(checkbox).toHaveAttribute('data-foo', '1');
64
- expect(checkbox).toHaveAttribute('data-bar', '2');
65
- expect(checkbox).toHaveAttribute('data-baz', 'false');
66
- }
67
- }`,...(w=(C=b.parameters)==null?void 0:C.docs)==null?void 0:w.source}}};var B,f,A;l.parameters={...l.parameters,docs:{...(B=l.parameters)==null?void 0:B.docs,source:{originalSource:`{
68
- render: function Story() {
69
- return <Tooltip content="This is a tooltip" trigger="hover-and-touch" dataset={{
70
- testid: 'tooltip'
71
- }}>
72
- <Checkbox aria-label="checkbox" />
73
- </Tooltip>;
74
- },
75
- play: async ({
76
- canvasElement,
77
- step
78
- }) => {
79
- const canvas = within(canvasElement);
80
- const trigger = canvas.getByRole('checkbox');
81
- await step('hover trigger element', async () => {
82
- await userEvent.hover(trigger);
83
- });
84
- await step('tooltip should be shown', async () => {
85
- await waitFor(() => {
86
- const tooltip = canvas.getByTestId('tooltip');
87
- return expect(tooltip).toBeVisible();
88
- });
89
- });
90
- await step('unhover trigger element', async () => {
91
- await userEvent.unhover(trigger);
92
- });
93
- await step('tooltip should be hidden', async () => {
94
- await waitFor(() => {
95
- const tooltip = canvas.queryByTestId('tooltip');
96
- return expect(tooltip).toBeNull();
97
- });
98
- });
99
- }
100
- }`,...(A=(f=l.parameters)==null?void 0:f.docs)==null?void 0:A.source}}};const Q=["AriaAttributesAreSet","TestWithIndeterminateCheck","TestDataset","IntegrationWithDSTooltip"];export{n as AriaAttributesAreSet,l as IntegrationWithDSTooltip,b as TestDataset,s as TestWithIndeterminateCheck,Q as __namedExportsOrder,P as default};
@@ -1,49 +0,0 @@
1
- import{j as p}from"./jsx-runtime-BYouaCF_.js";import{r as c}from"./index-B3evPFBL.js";import{g as f}from"./index-DdzHuZ-Y.js";import{w as g}from"./componentNames-CpCJzpB9.js";const y="flag__UxXhl",E={flag:y};function h({countryCode:e,square:l=!1,simplified:a=!0}){const n=l?"1x1":"4x3";return a&&(e==="es"||e==="mx")?`https://static.preply.com/ds/country-flags/${n}/${e}-simplified.svg`:`https://static.preply.com/ds/country-flags/${n}/${e}.svg`}const H={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"},b="data:image/svg+xml;base64,PHN2ZyBkYXRhLXByZXBseS1kcy1jb21wb25lbnQ9IlN2Z0NvdW50cnlGbGFnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNDgwIi8+",t=c.forwardRef(function({size:l="small",code:a,dataset:n,simplified:r=!0,alt:i,...o},d){const u=l==="large"?32:l==="medium"?24:16,m=u*3/4,s=typeof a!="string"||!H[a]?b:h({countryCode:a,simplified:r}),v={alt:i,src:s,width:u,height:m,className:E.flag};return p.jsx("img",{...o,ref:d,...v,...f(n,{preplyDsComponent:g.CountryFlag})})});try{t.displayName="CountryFlag",t.__docgenInfo={description:"Renders an `img` element with the country flag. Passes down all the other props to the `img` element.",displayName:"CountryFlag",props:{color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"enum",value:[{value:"string"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},"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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLImageElement>"}]}},title:{defaultValue:null,description:"",name:"title",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"'}]}},"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"}]}},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>"}]}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"enum",value:[{value:"string"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLImageElement>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"},{value:"number"},{value:"readonly string[]"}]}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"enum",value:[{value:"CSSProperties"}]}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"enum",value:[{value:"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:'"off"'},{value:'"on"'},{value:'"sentences"'},{value:'"words"'},{value:'"characters"'},{value:"string & {}"}]}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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:'"search"'},{value:'"enter"'},{value:'"done"'},{value:'"go"'},{value:'"next"'},{value:'"previous"'},{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"}]}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"enum",value:[{value:"number"}]}},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:'"row"'},{value:'"main"'},{value:'"article"'},{value:'"table"'},{value:'"figure"'},{value:'"button"'},{value:'"dialog"'},{value:'"form"'},{value:'"img"'},{value:'"link"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"option"'},{value:'"search"'},{value:"string & {}"},{value:'"alert"'},{value:'"alertdialog"'},{value:'"application"'},{value:'"banner"'},{value:'"cell"'},{value:'"checkbox"'},{value:'"columnheader"'},{value:'"combobox"'},{value:'"complementary"'},{value:'"contentinfo"'},{value:'"definition"'},{value:'"directory"'},{value:'"document"'},{value:'"feed"'},{value:'"grid"'},{value:'"gridcell"'},{value:'"group"'},{value:'"heading"'},{value:'"list"'},{value:'"listbox"'},{value:'"listitem"'},{value:'"log"'},{value:'"marquee"'},{value:'"math"'},{value:'"menubar"'},{value:'"menuitemcheckbox"'},{value:'"menuitemradio"'},{value:'"navigation"'},{value:'"note"'},{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:'"url"'},{value:'"none"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{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:'"inline"'},{value:'"none"'},{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:'"step"'},{value:'"time"'},{value:'"true"'},{value:'"false"'},{value:'"page"'},{value:'"location"'},{value:'"date"'}]}},"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:'"dialog"'},{value:'"menu"'},{value:'"true"'},{value:'"false"'},{value:'"grid"'},{value:'"listbox"'},{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; }"}]}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLImageElement>"}]}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",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>"}]}},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>"}]}},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>"}]}},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>"}]}},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"'}]}},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"}]}},code:{defaultValue:null,description:"",name:"code",required:!0,type:{name:"enum",value:[{value:'"id"'},{value:'"ai"'},{value:'"as"'},{value:'"li"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"ua"'},{value:'"br"'},{value:'"hr"'},{value:'"is"'},{value:'"at"'},{value:'"sm"'},{value:'"md"'},{value:'"af"'},{value:'"ax"'},{value:'"al"'},{value:'"dz"'},{value:'"ad"'},{value:'"ao"'},{value:'"aq"'},{value:'"ag"'},{value:'"ar"'},{value:'"am"'},{value:'"aw"'},{value:'"sh-ac"'},{value:'"asean"'},{value:'"au"'},{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:'"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:'"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:'"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:'"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:'"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"'}]}},alt:{defaultValue:null,description:`An accessible alt description of the flag.
48
- This will usually be the localized country or language name.`,name:"alt",required:!0,type:{name:"string"}},size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},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.
49
- @example <CountryFlag 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,H as c};
@@ -1 +0,0 @@
1
- @keyframes overlayShow__SQuh9{0%{opacity:0}to{opacity:1}}@keyframes overlayHide__UA0Uh{0%{opacity:1}to{opacity:0}}@keyframes contentShow__RpFHp{0%{opacity:0;transform:translateY(var(--b53873))}to{opacity:1;transform:translateY(0)}}@keyframes contentHide__Y-gr5{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--b53873))}}@keyframes mobileContentShow__1akQp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mobileContentHide__GXooF{0%{transform:translateY(0)}to{transform:translateY(100%)}}.overlay__NM-kk{background-color:var(--02a0d5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ds-dialog-overlay-z-index-override, auto)}@media (prefers-reduced-motion: no-preference){.overlay__NM-kk[data-state=open]{animation:overlayShow__SQuh9 .15s cubic-bezier(.4,0,.2,1)}.overlay__NM-kk[data-state=closed]{animation:overlayHide__UA0Uh .15s cubic-bezier(.4,0,.2,1)}}.Dialog__GqDxV{box-sizing:border-box;background-color:var(--3546c3);position:fixed;right:0;bottom:0;left:0;top:auto;margin:auto;width:100%;max-height:100%;overflow:scroll;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a);box-shadow:var(--df7dbb);--dialog-padding: var(--f1b498);--dialog-mobile-inline-padding: var(--558c4c);padding:var(--dialog-padding) var(--dialog-mobile-inline-padding);z-index:var(--ds-dialog-content-z-index-override, auto)}.Dialog__GqDxV.fullscreen__mOBaF{border-radius:0}@media (prefers-reduced-motion: no-preference){.Dialog__GqDxV[data-state=open]{animation:mobileContentShow__1akQp .25s cubic-bezier(.4,0,.2,1)}.Dialog__GqDxV[data-state=closed]{animation:mobileContentHide__GXooF .25s cubic-bezier(.4,0,.2,1)}}@media (min-width: 880px){.Dialog__GqDxV{top:0;height:fit-content;border-radius:var(--fa4b1a);padding:var(--dialog-padding);max-height:calc(100% - var(--42fccf))}.Dialog--size-xs__W0yGm{width:440px;height:fit-content}.Dialog--size-sm__rE3Y-{width:520px;height:fit-content}.Dialog--size-md__HWxI4{width:640px;height:fit-content}.Dialog--size-lg__Lis4-{width:840px;height:fit-content}}@media (min-width: 880px) and (prefers-reduced-motion: no-preference){.Dialog__GqDxV[data-state=open]{animation:contentShow__RpFHp .15s cubic-bezier(.4,0,.2,1)}.Dialog__GqDxV[data-state=closed]{animation:contentHide__Y-gr5 .15s cubic-bezier(.4,0,.2,1)}}@media (min-width: 880px) and (min-width: 400px){.Dialog--narrow-l--size-xs__ljCvr{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){.Dialog--medium-s--size-xs__t-4Ow{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){.Dialog--medium-l--size-xs__yc1ae{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){.Dialog--wide-s--size-xs__Id0f5{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){.Dialog--wide-l--size-xs__Pnlyp{width:440px;height:fit-content}}@media (min-width: 880px) and (min-width: 400px){.Dialog--narrow-l--size-sm__M8-BH{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){.Dialog--medium-s--size-sm__UPlli{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){.Dialog--medium-l--size-sm__nAW8A{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){.Dialog--wide-s--size-sm__i0pbj{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){.Dialog--wide-l--size-sm__PghJ-{width:520px;height:fit-content}}@media (min-width: 880px) and (min-width: 400px){.Dialog--narrow-l--size-md__8jZY3{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){.Dialog--medium-s--size-md__dQ1TZ{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){.Dialog--medium-l--size-md__kcNF8{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){.Dialog--wide-s--size-md__KDVax{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){.Dialog--wide-l--size-md__mV57k{width:640px;height:fit-content}}@media (min-width: 880px) and (min-width: 400px){.Dialog--narrow-l--size-lg__h5Tdx{width:840px;height:fit-content}}@media (min-width: 880px) and (min-width: 700px){.Dialog--medium-s--size-lg__qci5k{width:840px;height:fit-content}}@media (min-width: 880px) and (min-width: 880px){.Dialog--medium-l--size-lg__JCkaM{width:840px;height:fit-content}}@media (min-width: 880px) and (min-width: 1200px){.Dialog--wide-s--size-lg__eJlxf{width:840px;height:fit-content}}@media (min-width: 880px) and (min-width: 1900px){.Dialog--wide-l--size-lg__mo796{width:840px;height:fit-content}}.Dialog__GqDxV .header__2EPvy{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--558c4c)}.Dialog__GqDxV .header__2EPvy>hgroup{display:flex;flex-direction:column;gap:var(--66b80b);flex:1;min-width:0;margin-bottom:var(--558c4c)}.Dialog__GqDxV .header__2EPvy>hgroup[hidden]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.Dialog__GqDxV .header__2EPvy>button{margin-inline-start:auto}.Dialog__GqDxV .description__0f9xh{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);margin:0}.Dialog__GqDxV .actions__hIL-J{display:flex;flex-direction:column-reverse;gap:var(--558c4c);padding-block:var(--558c4c);background-color:var(--3546c3);position:sticky;--dialog-block-padding-offset: calc(-1 * var(--dialog-padding));bottom:var(--dialog-block-padding-offset);margin-bottom:var(--dialog-block-padding-offset)}@media (min-width: 400px){.Dialog__GqDxV .actions__hIL-J{flex-direction:row;justify-content:flex-end}}
@@ -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-B0KE_9xS.js";import{w as p}from"./componentNames-CpCJzpB9.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:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:"ResponsiveProp<ButtonSize>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},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"}]}},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"}]}},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};