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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-Dx9Eo2na.js → 00.LayoutFlex.stories-Ct1A2OcS.js} +1 -1
  2. package/dist/assets/{00.applications-4_kAf65R.js → 00.applications-DF2RWZUl.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-WmsjYzsU.js → 00.favicons.guide-BYnh5GxE.js} +1 -1
  4. package/dist/assets/{00.token-explorer-DDWWO9yw.js → 00.token-explorer-wDtGkqes.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-Db1CE2Bn.js → 00.using-responsive-props-CfJ_Hu29.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-BGh7M0eY.js → 01.semantic-tokens-0q2PXQqY.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-DlhDhuqe.js → 01.using-shorthand-props-DlndLe5-.js} +1 -1
  8. package/dist/assets/10.Combinations.stories-CqZ-KAYR.js +144 -0
  9. package/dist/assets/{10.fonts.guide-9-b6LwTC.js → 10.fonts.guide-DXxfQIdg.js} +1 -1
  10. package/dist/assets/{10.ssr-VCBg9dbk.js → 10.ssr-DcMxkdk_.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-fCUE9Req.js → 11.languageFont.explorer-BSpNjqbf.js} +29 -1
  12. package/dist/assets/{11.ssr.app-router-DK46wtcG.js → 11.ssr.app-router-D5K1XX0o.js} +1 -1
  13. package/dist/assets/{20.libraries-FpWvhQac.js → 20.libraries-ujiQiI9M.js} +1 -1
  14. package/dist/assets/30.icons.explorer-DsCNeZwo.js +73 -0
  15. package/dist/assets/{30.storybook-8XKIrOG2.js → 30.storybook-Co2X-28u.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-DWDPZG1O.js → 40.illustrations.explorer-BSIzsuPL.js} +1 -1
  17. package/dist/assets/{90.advanced-BrSJ75kb.js → 90.advanced-BQOS_cDF.js} +1 -1
  18. package/dist/assets/{Accordion-Bn_7bQpK.js → Accordion-DHA8vt9l.js} +3 -3
  19. package/dist/assets/{Accordion.stories-IHPoH-rI.js → Accordion.stories-B8klL-Sx.js} +1 -1
  20. package/dist/assets/{Accordion.tests.stories-D80ku7JR.js → Accordion.tests.stories-D_T4VFKy.js} +1 -1
  21. package/dist/assets/{AlertDialog.stories-BDaUfcmP.js → AlertDialog.stories-DWU1YiOX.js} +1 -1
  22. package/dist/assets/{Avatar-D6BKQVaH.js → Avatar--Me1wFbM.js} +1 -1
  23. package/dist/assets/{Avatar-BkCAqOuF.js → Avatar-D_mKYr5W.js} +1 -1
  24. package/dist/assets/{Avatar.stories-DnjfAeSV.js → Avatar.stories-CGQDYNGY.js} +1 -1
  25. package/dist/assets/{AvatarWithStatus.stories-CocgTI5A.js → AvatarWithStatus.stories-5qjPY64Z.js} +1 -1
  26. package/dist/assets/{Badge.stories-BxGvNozr.js → Badge.stories-BwWKe78y.js} +1 -1
  27. package/dist/assets/{Box.stories-BCCuYnrC.js → Box.stories-D6l5F6RN.js} +1 -1
  28. package/dist/assets/{Button-klA2GCDX.js → Button-DWeSlYg5.js} +1 -1
  29. package/dist/assets/{Button-BumqXQgN.js → Button-iZiyzI_K.js} +2 -2
  30. package/dist/assets/{Button.stories-DA25kI-7.js → Button.stories-DmUhFUlZ.js} +1 -1
  31. package/dist/assets/ButtonBase-CFf1N6e3.js +8 -0
  32. package/dist/assets/{Checkbox-CsXsO8bL.js → Checkbox-DFXsEeAm.js} +2 -2
  33. package/dist/assets/{Checkbox.stories-C-vlyqxy.js → Checkbox.stories-CSlo0rHA.js} +1 -1
  34. package/dist/assets/{Checkbox.tests.stories-Bn0cGiYz.js → Checkbox.tests.stories-D1GZnqns.js} +1 -1
  35. package/dist/assets/{Chips.stories-Dln8xBho.js → Chips.stories-h1jc3y-m.js} +1 -1
  36. package/dist/assets/{Color-YHDXOIA2-DdMC8kO4.js → Color-YHDXOIA2-BQ6N6WB4.js} +1 -1
  37. package/dist/assets/{Dialog.stories-C7JVGkL3.js → Dialog.stories-Lc5K6cDs.js} +2 -2
  38. package/dist/assets/{DocsRenderer-CFRXHY34-BUR9I9U1.js → DocsRenderer-CFRXHY34-CJlAtJpz.js} +1 -1
  39. package/dist/assets/{FieldButton-xxvyfVcj.js → FieldButton-Dprr9FF4.js} +1 -1
  40. package/dist/assets/{FieldButton.stories-1kY40W8X.js → FieldButton.stories-BuA4NyAH.js} +1 -1
  41. package/dist/assets/FormControl-V3kzTeDQ.js +7 -0
  42. package/dist/assets/FormControl.stories-Ct6Ne2lK.js +67 -0
  43. package/dist/assets/{Heading-D79pA8cG.js → Heading-BSlUFvxo.js} +2 -2
  44. package/dist/assets/{Heading.stories-FhR8Ieuz.js → Heading.stories-CsCslhOn.js} +1 -1
  45. package/dist/assets/{Icon-zcBK8bUG.js → Icon-Clsj4XP8.js} +1 -1
  46. package/dist/assets/{Icon-D4cMo1we.js → Icon-D-t6qc3n.js} +2 -2
  47. package/dist/assets/{Icon-RSC-Yp03gSP9.js → Icon-RSC-x5AbeL1b.js} +1 -1
  48. package/dist/assets/{Icon.stories-DlJ1cDyb.js → Icon.stories-8mWdZCRL.js} +1 -1
  49. package/dist/assets/IconButton-Day2Q_gx.js +8 -0
  50. package/dist/assets/{Input-B7MlX4U9.js → Input-BZxJ9sXr.js} +7 -7
  51. package/dist/assets/InputContainer-Dq1Ks471.css +1 -0
  52. package/dist/assets/{IntegrationWithReactHookForm.stories-CFvk5m0u.js → IntegrationWithReactHookForm.stories-D1FHuitu.js} +1 -1
  53. package/dist/assets/{LayoutFlex-oRwI31fW.js → LayoutFlex-BxFOrEzC.js} +1 -1
  54. package/dist/assets/{LayoutFlex-DsiZkqdg.js → LayoutFlex-Dp29ojjO.js} +1 -1
  55. package/dist/assets/LayoutFlexItem-D4lQfjMe.js +1 -0
  56. package/dist/assets/{LayoutGrid-6cTmb1jX.js → LayoutGrid-D9R6yTYX.js} +1 -1
  57. package/dist/assets/LayoutGrid-mQT2ikS8.css +1 -0
  58. package/dist/assets/LayoutGrid.stories-Oj3NyUU9.js +88 -0
  59. package/dist/assets/{LayoutGridItem-CVWVBh65.js → LayoutGridItem-B1eMKElL.js} +1 -1
  60. package/dist/assets/{Link.stories-Kb5m59aP.js → Link.stories-SPeEvWm0.js} +1 -1
  61. package/dist/assets/{Loader.stories-CFBO-7A0.js → Loader.stories-C_wKZjOn.js} +1 -1
  62. package/dist/assets/NumberField-CsvE81sD.js +6 -0
  63. package/dist/assets/{NumberField.stories-D-g-_JoA.js → NumberField.stories-1xw8yRUE.js} +7 -7
  64. package/dist/assets/{ObserveIntersection-CvDmrhxS.js → ObserveIntersection-XIPHNpKf.js} +1 -1
  65. package/dist/assets/{ObserveIntersection.stories-CJbpJ7AX.js → ObserveIntersection.stories-B_5fq2at.js} +1 -1
  66. package/dist/assets/{OnboardingTooltip-Lspn1J1n.js → OnboardingTooltip-DdKsKvSX.js} +1 -1
  67. package/dist/assets/{OnboardingTooltip.stories-BSTAbBKq.js → OnboardingTooltip.stories-DjNADlBZ.js} +1 -1
  68. package/dist/assets/{OnboardingTooltip.tests.stories-C3TfZDQZ.js → OnboardingTooltip.tests.stories-BW_3X6lO.js} +1 -1
  69. package/dist/assets/{OnboardingTour-J68z1zuj.js → OnboardingTour-DXebeIDU.js} +1 -1
  70. package/dist/assets/{OnboardingTour.stories-D3Z3aBlG.js → OnboardingTour.stories-B1qBQCoT.js} +2 -2
  71. package/dist/assets/{OnboardingTour.tests.stories-DgM_E88t.js → OnboardingTour.tests.stories-D5sFfBoy.js} +1 -1
  72. package/dist/assets/PasswordField-BFqsWIfL.js +6 -0
  73. package/dist/assets/{PasswordField.stories-CoxGxN0y.js → PasswordField.stories-Ym38la75.js} +7 -7
  74. package/dist/assets/{PreplyLogo.stories-CoKY5vmY.js → PreplyLogo.stories-WWHnC28y.js} +2 -2
  75. package/dist/assets/{ProgressBar.stories-D-zAEKVA.js → ProgressBar.stories-DwuKojS2.js} +1 -1
  76. package/dist/assets/{ProgressSteps-CuGX9_Fy.js → ProgressSteps-ByDec2fC.js} +1 -1
  77. package/dist/assets/{ProgressSteps.stories-BZpbJxJ4.js → ProgressSteps.stories-C81QmlM3.js} +1 -1
  78. package/dist/assets/{SelectField-DVUeHaUI.js → SelectField-eFXu65mo.js} +13 -11
  79. package/dist/assets/{SelectField.stories-l2h7AeUs.js → SelectField.stories-D8G4fd5i.js} +8 -8
  80. package/dist/assets/{ShowOnIntersection.stories-B24bNVFn.js → ShowOnIntersection.stories-CewFYwQu.js} +1 -1
  81. package/dist/assets/{Steps-Cnv3Nys-.js → Steps-MniLzlHq.js} +1 -1
  82. package/dist/assets/{Steps.stories-DcSCPhwD.js → Steps.stories-DGO2z-va.js} +1 -1
  83. package/dist/assets/{Text-C3jprdij.js → Text-DrH34jFe.js} +1 -1
  84. package/dist/assets/{Text.stories-CGHOveiR.js → Text.stories-V04H05kK.js} +1 -1
  85. package/dist/assets/TextField-D2GlsmWF.css +1 -0
  86. package/dist/assets/TextField-sLGry01P.js +1 -0
  87. package/dist/assets/TextField-sd_-L-71.js +6 -0
  88. package/dist/assets/{TextField.stories-DQBz69MT.js → TextField.stories-t8AfTqkD.js} +8 -8
  89. package/dist/assets/{TextHighlighted-B7-aMGmA.js → TextHighlighted-CfvNH8PY.js} +1 -1
  90. package/dist/assets/{TextHighlighted.stories-BepOj0Ru.js → TextHighlighted.stories-BFdf3kg4.js} +1 -1
  91. package/dist/assets/{TextInline.stories-E8plGh4A.js → TextInline.stories-ONslfKVR.js} +1 -1
  92. package/dist/assets/{TextareaField-vuK19L40.js → TextareaField-DZiXvoRu.js} +13 -11
  93. package/dist/assets/{TextareaField.stories-CykA4cDO.js → TextareaField.stories-BU6VqRhF.js} +8 -8
  94. package/dist/assets/{Toast.stories-Bi9S1Grd.js → Toast.stories-jpkXw21u.js} +1 -1
  95. package/dist/assets/TokyoUIUpload-Bi3CuQzX.js +1 -0
  96. package/dist/assets/{Tooltip-hS-9HVfR.js → Tooltip-DYI-etfB.js} +1 -1
  97. package/dist/assets/{Tooltip.stories-B1e9vr5u.js → Tooltip.stories-DJP6VJlB.js} +1 -1
  98. package/dist/assets/{Tooltip.tests.stories-QA7Lh6Tu.js → Tooltip.tests.stories-B2QuXqrc.js} +1 -1
  99. package/dist/assets/{breakpoints-ysnexzv-.js → breakpoints-85lK2y-I.js} +1 -1
  100. package/dist/assets/{breakpoints-CmMCxJmD.js → breakpoints-BEqIB9xc.js} +1 -1
  101. package/dist/assets/{breakpoints-CpqGBjYO.js → breakpoints-DwS8cENA.js} +1 -1
  102. package/dist/assets/{changelog-COau0gJf.js → changelog-CrXzEvv7.js} +217 -205
  103. package/dist/assets/componentNames-Ba2ybP0W.js +1 -0
  104. package/dist/assets/{entry-preview-C4N2xCt5.js → entry-preview-Dzuqoehc.js} +1 -1
  105. package/dist/assets/{getTokenVar-CUHKNeJD.js → getTokenVar-DfKyS0UW.js} +1 -1
  106. package/dist/assets/{hover-VvQeuGyg.js → hover-DB9eaNzq.js} +1 -1
  107. package/dist/assets/{hover-GSE0CvmS.js → hover-DO3lln9i.js} +1 -1
  108. package/dist/assets/{hover-DXcaKjLt.js → hover-rB8_XalK.js} +1 -1
  109. package/dist/assets/{iframe-D0A79CBI.js → iframe-CH-2Z4nW.js} +2 -2
  110. package/dist/assets/{index-DJz3jMTz.js → index-B_TkxWnH.js} +3 -3
  111. package/dist/assets/{index-DueYSiMN.js → index-HAtd9oNV.js} +1 -1
  112. package/dist/assets/{intro-UMrunOuq.js → intro-CciujqaN.js} +1 -1
  113. package/dist/assets/layout-relative-BpJIh3YK.js +1 -0
  114. package/dist/assets/{migrating-from-less-BqEJZLZ5.js → migrating-from-less-CGun5jvS.js} +1 -1
  115. package/dist/assets/{playground-DBdZFxjC.css → playground-CCc6VR51.css} +1 -1
  116. package/dist/assets/{playground.stories-BhNG8Jgk.js → playground.stories-BMZQjPeS.js} +165 -165
  117. package/dist/assets/{preview-CcucgJy3.js → preview-BA-z4dIb.js} +1 -1
  118. package/dist/assets/{preview-iHfxidwg.js → preview-CHRa9X89.js} +2 -2
  119. package/dist/assets/{preview-Bk7AZmud.js → preview-LLpb0wxd.js} +1 -1
  120. package/dist/assets/{tokens-DOJLI2G7.js → tokens-BAMxrvDv.js} +1 -1
  121. package/dist/assets/{tokens-BuSmlz1z.js → tokens-DoHds4Ot.js} +1 -1
  122. package/dist/assets/{tokens-DXy5hgn5.js → tokens-ZvFzTwDp.js} +1 -1
  123. package/dist/assets/{tokens-D0SjH8dK.js → tokens-fQ3N2FTe.js} +1 -1
  124. package/dist/assets/{usePortalElement-Byczyvc6.js → usePortalElement-Da1mB7Zi.js} +1 -1
  125. package/dist/assets/{welcome-CFbV1cfg.js → welcome-ChAggYgg.js} +1 -1
  126. package/dist/assets/{zeroheight-ChMVcLJ3.js → zeroheight-BDcQqTlz.js} +1 -1
  127. package/dist/iframe.html +1 -1
  128. package/dist/index.json +1 -1
  129. package/dist/preview-stats.json +915 -1011
  130. package/dist/project.json +1 -1
  131. package/package.json +3 -3
  132. package/dist/assets/10.Combinations.stories-Wf-NooK0.js +0 -144
  133. package/dist/assets/30.icons.explorer-CIrIe9zZ.js +0 -73
  134. package/dist/assets/ButtonBase-OAaaGRgi.js +0 -8
  135. package/dist/assets/CountryFlag-CJV53jf1.js +0 -48
  136. package/dist/assets/CountryFlag-p-8M_k5M.css +0 -1
  137. package/dist/assets/Flag.stories-Bfpeo5_i.js +0 -110
  138. package/dist/assets/Flag.test.stories-GCtORN0m.js +0 -27
  139. package/dist/assets/FormControl-DD3JEwg1.js +0 -5
  140. package/dist/assets/FormControl.stories-DoVURnEB.js +0 -46
  141. package/dist/assets/IconButton-DNz6Hldb.js +0 -8
  142. package/dist/assets/InputContainer-DNEgpOcG.css +0 -1
  143. package/dist/assets/LayoutFlexItem-RxfNp994.js +0 -1
  144. package/dist/assets/LayoutGrid.stories-CAvHZzVw.js +0 -88
  145. package/dist/assets/LayoutGridItem-AvP_ZkC5.js +0 -1
  146. package/dist/assets/LayoutGridItem-Dy4Q8woN.css +0 -1
  147. package/dist/assets/NumberField-DyKjoAC-.js +0 -4
  148. package/dist/assets/PasswordField-BkVjxPtF.js +0 -4
  149. package/dist/assets/TextField-872WjatY.js +0 -1
  150. package/dist/assets/TextField-DdvdZqgn.css +0 -1
  151. package/dist/assets/TextField-X8bB9C1g.js +0 -4
  152. package/dist/assets/align-self-BM6l9H5Z.js +0 -1
  153. package/dist/assets/componentNames-CVVyamkx.js +0 -1
  154. /package/dist/assets/{InputContainer-C1TOTxt4.js → InputContainer-Bk0tgFnW.js} +0 -0
  155. /package/dist/assets/{align-self-C4ATemga.css → layout-relative-C4ATemga.css} +0 -0
@@ -1 +1 @@
1
- import{j as s}from"./jsx-runtime-BYouaCF_.js";import{r as i}from"./index-B3evPFBL.js";import{b as le,g as oe,a as ue}from"./text-centered-C0V1O_Sd.js";import{f as W}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as S,s as m,b as d,a as p}from"./classNames-BUL1Zq7e.js";import{w as f}from"./componentNames-CVVyamkx.js";import{g as X,a as re}from"./index-DdzHuZ-Y.js";import{r as J}from"./render-icon-CwRdpin3.js";import{S as de,a as G,B as M}from"./defaults-B1rzzf6M.js";import{u as me}from"./useHostname-CH18gHFj.js";import{m as Be}from"./index-CC6DAVyL.js";const V=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)},_e=(t,e)=>i.useCallback(a=>{V(t,a),V(e,a)},[t,e]),ve="Heading__Lv13n",ge={Heading:ve,"Heading--level-h1-normal":"Heading--level-h1-normal__XOu04","Heading--level-h1-large":"Heading--level-h1-large__zA-1f","Heading--level-h2-normal":"Heading--level-h2-normal__LG1zy","Heading--level-h2-large":"Heading--level-h2-large__mEBpa","Heading--level-h3-normal":"Heading--level-h3-normal__uJzkx","Heading--level-h3-large":"Heading--level-h3-large__DScvV","Heading--level-h4-normal":"Heading--level-h4-normal__pcLs-","Heading--level-h4-large":"Heading--level-h4-large__E9YnR","Heading--level-h5-normal":"Heading--level-h5-normal__Jcizg","Heading--level-h5-large":"Heading--level-h5-large__pX4dy","Heading--narrow-l--level-h1-normal":"Heading--narrow-l--level-h1-normal__yBr3z","Heading--narrow-l--level-h1-large":"Heading--narrow-l--level-h1-large__pgUBw","Heading--narrow-l--level-h2-normal":"Heading--narrow-l--level-h2-normal__2G-pr","Heading--narrow-l--level-h2-large":"Heading--narrow-l--level-h2-large__UDoOK","Heading--narrow-l--level-h3-normal":"Heading--narrow-l--level-h3-normal__ZnZ9U","Heading--narrow-l--level-h3-large":"Heading--narrow-l--level-h3-large__fJrGV","Heading--narrow-l--level-h4-normal":"Heading--narrow-l--level-h4-normal__dVXtP","Heading--narrow-l--level-h4-large":"Heading--narrow-l--level-h4-large__bE8bj","Heading--narrow-l--level-h5-normal":"Heading--narrow-l--level-h5-normal__6ZpIw","Heading--narrow-l--level-h5-large":"Heading--narrow-l--level-h5-large__fbTua","Heading--medium-s--level-h1-normal":"Heading--medium-s--level-h1-normal__SZ6lt","Heading--medium-s--level-h1-large":"Heading--medium-s--level-h1-large__ZYR4F","Heading--medium-s--level-h2-normal":"Heading--medium-s--level-h2-normal__tGlS9","Heading--medium-s--level-h2-large":"Heading--medium-s--level-h2-large__1PuUz","Heading--medium-s--level-h3-normal":"Heading--medium-s--level-h3-normal__ME9N9","Heading--medium-s--level-h3-large":"Heading--medium-s--level-h3-large__J8Sp5","Heading--medium-s--level-h4-normal":"Heading--medium-s--level-h4-normal__6kstl","Heading--medium-s--level-h4-large":"Heading--medium-s--level-h4-large__uroLM","Heading--medium-s--level-h5-normal":"Heading--medium-s--level-h5-normal__-H0ax","Heading--medium-s--level-h5-large":"Heading--medium-s--level-h5-large__oTsc6","Heading--medium-l--level-h1-normal":"Heading--medium-l--level-h1-normal__7hkJ-","Heading--medium-l--level-h1-large":"Heading--medium-l--level-h1-large__UzG52","Heading--medium-l--level-h2-normal":"Heading--medium-l--level-h2-normal__3u6q9","Heading--medium-l--level-h2-large":"Heading--medium-l--level-h2-large__cfpT4","Heading--medium-l--level-h3-normal":"Heading--medium-l--level-h3-normal__sLWI1","Heading--medium-l--level-h3-large":"Heading--medium-l--level-h3-large__6Hydp","Heading--medium-l--level-h4-normal":"Heading--medium-l--level-h4-normal__C3NiA","Heading--medium-l--level-h4-large":"Heading--medium-l--level-h4-large__A80ip","Heading--medium-l--level-h5-normal":"Heading--medium-l--level-h5-normal__zpE9s","Heading--medium-l--level-h5-large":"Heading--medium-l--level-h5-large__Jmwd6","Heading--wide-s--level-h1-normal":"Heading--wide-s--level-h1-normal__R57oJ","Heading--wide-s--level-h1-large":"Heading--wide-s--level-h1-large__qSwu5","Heading--wide-s--level-h2-normal":"Heading--wide-s--level-h2-normal__alRyc","Heading--wide-s--level-h2-large":"Heading--wide-s--level-h2-large__cZI1y","Heading--wide-s--level-h3-normal":"Heading--wide-s--level-h3-normal__9w7TH","Heading--wide-s--level-h3-large":"Heading--wide-s--level-h3-large__XOOt7","Heading--wide-s--level-h4-normal":"Heading--wide-s--level-h4-normal__-sBqL","Heading--wide-s--level-h4-large":"Heading--wide-s--level-h4-large__WRm0P","Heading--wide-s--level-h5-normal":"Heading--wide-s--level-h5-normal__Jk51k","Heading--wide-s--level-h5-large":"Heading--wide-s--level-h5-large__8-ivr","Heading--wide-l--level-h1-normal":"Heading--wide-l--level-h1-normal__31XiO","Heading--wide-l--level-h1-large":"Heading--wide-l--level-h1-large__nznUF","Heading--wide-l--level-h2-normal":"Heading--wide-l--level-h2-normal__x1n2-","Heading--wide-l--level-h2-large":"Heading--wide-l--level-h2-large__hJgbo","Heading--wide-l--level-h3-normal":"Heading--wide-l--level-h3-normal__pWXPS","Heading--wide-l--level-h3-large":"Heading--wide-l--level-h3-large__rKyoS","Heading--wide-l--level-h4-normal":"Heading--wide-l--level-h4-normal__-mgo0","Heading--wide-l--level-h4-large":"Heading--wide-l--level-h4-large__MT7mO","Heading--wide-l--level-h5-normal":"Heading--wide-l--level-h5-normal__Zwo4C","Heading--wide-l--level-h5-large":"Heading--wide-l--level-h5-large__4Ccbe","Heading--variant-massive":"Heading--variant-massive__xBbvd","Heading--variant-huge":"Heading--variant-huge__uNKwX","Heading--variant-extraLarge":"Heading--variant-extraLarge__O5YaA","Heading--variant-large":"Heading--variant-large__npEGh","Heading--variant-medium":"Heading--variant-medium__WRzNp","Heading--variant-small":"Heading--variant-small__RlTJl","Heading--narrow-l--variant-massive":"Heading--narrow-l--variant-massive__NkQiN","Heading--narrow-l--variant-huge":"Heading--narrow-l--variant-huge__xN-4a","Heading--narrow-l--variant-extraLarge":"Heading--narrow-l--variant-extraLarge__dhHS3","Heading--narrow-l--variant-large":"Heading--narrow-l--variant-large__O-yyq","Heading--narrow-l--variant-medium":"Heading--narrow-l--variant-medium__T3ZkZ","Heading--narrow-l--variant-small":"Heading--narrow-l--variant-small__nibGn","Heading--medium-s--variant-massive":"Heading--medium-s--variant-massive__dkhpb","Heading--medium-s--variant-huge":"Heading--medium-s--variant-huge__Td7XG","Heading--medium-s--variant-extraLarge":"Heading--medium-s--variant-extraLarge__puDN9","Heading--medium-s--variant-large":"Heading--medium-s--variant-large__UQMHF","Heading--medium-s--variant-medium":"Heading--medium-s--variant-medium__i2JwC","Heading--medium-s--variant-small":"Heading--medium-s--variant-small__UQTL9","Heading--medium-l--variant-massive":"Heading--medium-l--variant-massive__UtPA0","Heading--medium-l--variant-huge":"Heading--medium-l--variant-huge__BiY-j","Heading--medium-l--variant-extraLarge":"Heading--medium-l--variant-extraLarge__IP2Vo","Heading--medium-l--variant-large":"Heading--medium-l--variant-large__tV93Y","Heading--medium-l--variant-medium":"Heading--medium-l--variant-medium__945np","Heading--medium-l--variant-small":"Heading--medium-l--variant-small__ZUV1D","Heading--wide-s--variant-massive":"Heading--wide-s--variant-massive__BWmTX","Heading--wide-s--variant-huge":"Heading--wide-s--variant-huge__inkxv","Heading--wide-s--variant-extraLarge":"Heading--wide-s--variant-extraLarge__SQjI9","Heading--wide-s--variant-large":"Heading--wide-s--variant-large__UNDsi","Heading--wide-s--variant-medium":"Heading--wide-s--variant-medium__4OLaD","Heading--wide-s--variant-small":"Heading--wide-s--variant-small__ex4C1","Heading--wide-l--variant-massive":"Heading--wide-l--variant-massive__94l-9","Heading--wide-l--variant-huge":"Heading--wide-l--variant-huge__1qto2","Heading--wide-l--variant-extraLarge":"Heading--wide-l--variant-extraLarge__udFtI","Heading--wide-l--variant-large":"Heading--wide-l--variant-large__Y7k-Q","Heading--wide-l--variant-medium":"Heading--wide-l--variant-medium__xkuYd","Heading--wide-l--variant-small":"Heading--wide-l--variant-small__ORLbL"},we=i.forwardRef(function({children:e,variant:a,accent:n,level:l,large:u=!1,tag:r,color:B,centered:v,dataset:g,id:w,...c},x){const b=r||l||"h1",_=S(ge,f.Heading,a?m("variant",a):d(`level-${l}-large`,`level-${l}-normal`,u)),o=le(v),C=oe(!(n?void 0:B),n),N=ue(B),E=["preply-ds-heading",..._,...o,...C,...N],z={...W(c),className:E.join(" "),...X(g,{preplyDsComponent:f.Heading}),id:w,ref:x};return s.jsx(b,{...z,children:e})});we.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const ce="Spinner__U3f6H",ze="spin__6opuF",R={Spinner:ce,"Spinner--size-default":"Spinner--size-default__xo-Jk","Spinner--size-large":"Spinner--size-large__2nk5J","Spinner--narrow-l--size-default":"Spinner--narrow-l--size-default__gRrq1","Spinner--narrow-l--size-large":"Spinner--narrow-l--size-large__6gb70","Spinner--medium-s--size-default":"Spinner--medium-s--size-default__bJg-R","Spinner--medium-s--size-large":"Spinner--medium-s--size-large__HAPhI","Spinner--medium-l--size-default":"Spinner--medium-l--size-default__AuHDV","Spinner--medium-l--size-large":"Spinner--medium-l--size-large__MlfBE","Spinner--wide-s--size-default":"Spinner--wide-s--size-default__3sTOC","Spinner--wide-s--size-large":"Spinner--wide-s--size-large__AkfHJ","Spinner--wide-l--size-default":"Spinner--wide-l--size-default__FDlfA","Spinner--wide-l--size-large":"Spinner--wide-l--size-large__Oyg7h","Spinner--static":"Spinner--static__3-otL","Spinner--animated":"Spinner--animated__K3vs3",spin:ze},he=({title:t,titleId:e,...a},n)=>i.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:n,"aria-labelledby":e,...a},t?i.createElement("title",{id:e},t):null,i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),He=i.forwardRef(he),be=({title:t,titleId:e,...a},n)=>i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:n,"aria-labelledby":e,...a},t?i.createElement("title",{id:e},t):null,i.createElement("g",{clipPath:"url(#clip0_1785_4234)"},i.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),i.createElement("defs",null,i.createElement("clipPath",{id:"clip0_1785_4234"},i.createElement("rect",{width:32,height:32,fill:"white"})))),pe=i.forwardRef(be),j="Spinner",fe=({size:t=de})=>{const e=S(R,j,[m("size",t)]),a=[...p(R,j,["animated"])],n=[...p(R,j,["static"])];return s.jsxs("span",{className:e.join(" "),children:[s.jsx("span",{className:a.join(" "),children:s.jsx(pe,{})}),s.jsx("span",{className:n.join(" "),children:s.jsx(He,{})})]})},Se="ButtonBase__lIl-s",T={"button-width--width-full":"button-width--width-full__nJNYU","button-width--width-auto":"button-width--width-auto__gsqlf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__y2YjC","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__1qVpi","button-width--medium-s--width-full":"button-width--medium-s--width-full__IdW9b","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__hrO4e","button-width--medium-l--width-full":"button-width--medium-l--width-full__Oc0vB","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__RNuIr","button-width--wide-s--width-full":"button-width--wide-s--width-full__-egYf","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__h-tgw","button-width--wide-l--width-full":"button-width--wide-l--width-full__OWgAy","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__orWDN",ButtonBase:Se,"ButtonBase--content":"ButtonBase--content__F9k22","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__48zlf","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__9HVLW","ButtonBase--busy":"ButtonBase--busy__XAkcK","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__8jkWp","ButtonBase--is-busy":"ButtonBase--is-busy__OpmZd","ButtonBase--width-full":"ButtonBase--width-full__rPUpd","ButtonBase--width-auto":"ButtonBase--width-auto__4ebPj","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__Bwysi","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__r52SI","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__nsvpl","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__hcYr9","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__6AYGL","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__BGHr5","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__4w-XJ","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__5eGoZ","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__8LbNM","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__ys3sp","ButtonBase--size-xs":"ButtonBase--size-xs__lxx7z","ButtonBase--is-icon-button-size-xs":"ButtonBase--is-icon-button-size-xs__eEs4s","ButtonBase--size-s":"ButtonBase--size-s__9b8fd","ButtonBase--is-icon-button-size-s":"ButtonBase--is-icon-button-size-s__tc2gF","ButtonBase--size-m":"ButtonBase--size-m__JSHCD","ButtonBase--is-icon-button-size-m":"ButtonBase--is-icon-button-size-m__xMHGL","ButtonBase--size-l":"ButtonBase--size-l__5IwtX","ButtonBase--is-icon-button-size-l":"ButtonBase--is-icon-button-size-l__LAPEo","ButtonBase--size-xl":"ButtonBase--size-xl__MV8va","ButtonBase--is-icon-button-size-xl":"ButtonBase--is-icon-button-size-xl__xunpR","ButtonBase--size-large":"ButtonBase--size-large__mHtSn","ButtonBase--size-medium":"ButtonBase--size-medium__5Qsuj","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__HRsbM","ButtonBase--size-small":"ButtonBase--size-small__Ajd60","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__Me6wm","ButtonBase--narrow-l--size-xs":"ButtonBase--narrow-l--size-xs__uAbKt","ButtonBase--narrow-l--is-icon-button-size-xs":"ButtonBase--narrow-l--is-icon-button-size-xs__yiZ24","ButtonBase--narrow-l--size-s":"ButtonBase--narrow-l--size-s__AflGu","ButtonBase--narrow-l--is-icon-button-size-s":"ButtonBase--narrow-l--is-icon-button-size-s__AomQA","ButtonBase--narrow-l--size-m":"ButtonBase--narrow-l--size-m__O1Xux","ButtonBase--narrow-l--is-icon-button-size-m":"ButtonBase--narrow-l--is-icon-button-size-m__Y3vj7","ButtonBase--narrow-l--size-l":"ButtonBase--narrow-l--size-l__rchmS","ButtonBase--narrow-l--is-icon-button-size-l":"ButtonBase--narrow-l--is-icon-button-size-l__SYw5v","ButtonBase--narrow-l--size-xl":"ButtonBase--narrow-l--size-xl__VqinD","ButtonBase--narrow-l--is-icon-button-size-xl":"ButtonBase--narrow-l--is-icon-button-size-xl__0HId0","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__3gfd8","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__mWjvJ","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__BhXNK","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__RWwYm","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__Vl2nb","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__-dAMj","ButtonBase--medium-s--size-xs":"ButtonBase--medium-s--size-xs__B5Gvh","ButtonBase--medium-s--is-icon-button-size-xs":"ButtonBase--medium-s--is-icon-button-size-xs__bePce","ButtonBase--medium-s--size-s":"ButtonBase--medium-s--size-s__67wXs","ButtonBase--medium-s--is-icon-button-size-s":"ButtonBase--medium-s--is-icon-button-size-s__E45Sc","ButtonBase--medium-s--size-m":"ButtonBase--medium-s--size-m__Vo-qg","ButtonBase--medium-s--is-icon-button-size-m":"ButtonBase--medium-s--is-icon-button-size-m__rjz2N","ButtonBase--medium-s--size-l":"ButtonBase--medium-s--size-l__PB---","ButtonBase--medium-s--is-icon-button-size-l":"ButtonBase--medium-s--is-icon-button-size-l__c8nir","ButtonBase--medium-s--size-xl":"ButtonBase--medium-s--size-xl__66maE","ButtonBase--medium-s--is-icon-button-size-xl":"ButtonBase--medium-s--is-icon-button-size-xl__WCvsC","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__x6d3B","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__54tXt","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__l27CC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__zUviu","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__49UoI","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__IvyNG","ButtonBase--medium-l--size-xs":"ButtonBase--medium-l--size-xs__0sLm9","ButtonBase--medium-l--is-icon-button-size-xs":"ButtonBase--medium-l--is-icon-button-size-xs__FdQwd","ButtonBase--medium-l--size-s":"ButtonBase--medium-l--size-s__yAooZ","ButtonBase--medium-l--is-icon-button-size-s":"ButtonBase--medium-l--is-icon-button-size-s__uVDdU","ButtonBase--medium-l--size-m":"ButtonBase--medium-l--size-m__dNY-G","ButtonBase--medium-l--is-icon-button-size-m":"ButtonBase--medium-l--is-icon-button-size-m__u04Nc","ButtonBase--medium-l--size-l":"ButtonBase--medium-l--size-l__oZ52f","ButtonBase--medium-l--is-icon-button-size-l":"ButtonBase--medium-l--is-icon-button-size-l__JklvS","ButtonBase--medium-l--size-xl":"ButtonBase--medium-l--size-xl__QLV4j","ButtonBase--medium-l--is-icon-button-size-xl":"ButtonBase--medium-l--is-icon-button-size-xl__POeEf","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__HywFW","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__7IhZP","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__Tf265","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__bwlaM","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__t2X0A","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__LyC6d","ButtonBase--wide-s--size-xs":"ButtonBase--wide-s--size-xs__-mgOQ","ButtonBase--wide-s--is-icon-button-size-xs":"ButtonBase--wide-s--is-icon-button-size-xs__IBvqC","ButtonBase--wide-s--size-s":"ButtonBase--wide-s--size-s__-YHZU","ButtonBase--wide-s--is-icon-button-size-s":"ButtonBase--wide-s--is-icon-button-size-s__Wl9SE","ButtonBase--wide-s--size-m":"ButtonBase--wide-s--size-m__ZVy5-","ButtonBase--wide-s--is-icon-button-size-m":"ButtonBase--wide-s--is-icon-button-size-m__dUdfS","ButtonBase--wide-s--size-l":"ButtonBase--wide-s--size-l__s1Ihh","ButtonBase--wide-s--is-icon-button-size-l":"ButtonBase--wide-s--is-icon-button-size-l__1ZT4h","ButtonBase--wide-s--size-xl":"ButtonBase--wide-s--size-xl__Eqp9V","ButtonBase--wide-s--is-icon-button-size-xl":"ButtonBase--wide-s--is-icon-button-size-xl__CxZ2c","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__revq4","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__ECs3C","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__LcWNl","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__XgG6m","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__zMihk","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__86pYD","ButtonBase--wide-l--size-xs":"ButtonBase--wide-l--size-xs__Kra5R","ButtonBase--wide-l--is-icon-button-size-xs":"ButtonBase--wide-l--is-icon-button-size-xs__pZkvQ","ButtonBase--wide-l--size-s":"ButtonBase--wide-l--size-s__mXSys","ButtonBase--wide-l--is-icon-button-size-s":"ButtonBase--wide-l--is-icon-button-size-s__coM5t","ButtonBase--wide-l--size-m":"ButtonBase--wide-l--size-m__4tPUs","ButtonBase--wide-l--is-icon-button-size-m":"ButtonBase--wide-l--is-icon-button-size-m__ylg8h","ButtonBase--wide-l--size-l":"ButtonBase--wide-l--size-l__-MnEL","ButtonBase--wide-l--is-icon-button-size-l":"ButtonBase--wide-l--is-icon-button-size-l__Pf9hk","ButtonBase--wide-l--size-xl":"ButtonBase--wide-l--size-xl__QgW1O","ButtonBase--wide-l--is-icon-button-size-xl":"ButtonBase--wide-l--is-icon-button-size-xl__qPrzJ","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__dkSfM","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__Exb49","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__DSTMt","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__wftX5","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__1o3ZA","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__Xqy2p","ButtonBase--variant-primary":"ButtonBase--variant-primary__EgRuu","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__qshA-","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__RQanZ","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__GphQb","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__ndGIz","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__k4I5F","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__O9c3W","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__4-xa1","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__-10gZ","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__pLeI5","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__ED-s6","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__4fmhU","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__ezCgl","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__N-vL2","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__ap8Wb","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__vHgdy","ButtonBase--variant-plain":"ButtonBase--variant-plain__NngTh","ButtonBase--variant-plain--dsInternalSimulation-hover":"ButtonBase--variant-plain--dsInternalSimulation-hover__XV9fr","ButtonBase--variant-plain--dsInternalSimulation-active":"ButtonBase--variant-plain--dsInternalSimulation-active__wTQ0e","ButtonBase--variant-dangerous":"ButtonBase--variant-dangerous__WpJz8","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"ButtonBase--variant-dangerous--dsInternalSimulation-hover__wQ0V8","ButtonBase--variant-dangerous--dsInternalSimulation-active":"ButtonBase--variant-dangerous--dsInternalSimulation-active__sA60n","ButtonBase--variant-critical":"ButtonBase--variant-critical__0FoGb","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__DcuKz","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__-D3p9","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__gDgiZ","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__GtnDL","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__4ca8i","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__HVQMA","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__h2nxf","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__3uCrs","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__o47f2","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__mqIFn","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__s-6Io","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__5Zy8P","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__0m-N0","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__-St95","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__U8f46","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__espSx","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__2QLK5","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__XPR7p","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__kiL3X","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__MJYRN","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__eVKIo","ButtonBase--variant-ai":"ButtonBase--variant-ai__QQ5F5","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__sEFmg","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__wLX6u","ButtonBase--no-wrap":"ButtonBase--no-wrap__U0fYw"},A="ButtonBase",xe=t=>Object.prototype.hasOwnProperty.call(t,"selected"),k=({children:t,busy:e})=>{const a=[...p(T,A,["content"])],n=[...p(T,A,["busy"])];return s.jsxs(s.Fragment,{children:[s.jsx("span",{className:a.join(" "),children:t}),e&&s.jsx("span",{className:n.join(" "),children:s.jsx(fe,{})})]})},Q=i.forwardRef(function(e,a){const{variant:n=G,size:l=M,fullWidth:u=!1,wrap:r=!1,href:B,download:v,opensInNewTab:g,nofollow:w,submitsForm:c,assistiveText:x,onClick:b,disabled:_,busy:o,isIconButton:I,as:y,url:C,a11yLabel:N,dataset:E,children:z,dsInternalSimulation:P,preplyDsComponent:Y,className:K,...$}=e,{selected:ee}=xe(e)?e:{selected:void 0},te=me(),U=i.useRef(null),Z=_e(U,a),ie=h=>{(_||o)&&h.preventDefault(),b==null||b(h)},ae=h=>{var O;const q=Be(h.key);(q===" "||q==="Enter")&&(h.preventDefault(),(O=U.current)==null||O.click())},ne=P==="focus"?d("dsInternalSimulation-focus",void 0,!0):m(`variant-${n}--dsInternalSimulation`,P),se=S(T,A,[ne,m("variant",n),m("size",l),I?m("is-icon-button-size",l):[],d(void 0,"no-wrap",r),d("width-full","width-auto",u),d("is-busy",void 0,o),d("is-icon-button",void 0,I),d(`variant-${n}--is-selected`,void 0,ee)]),D={...W($),...X(E,{preplyDsComponent:Y}),className:[...se,K].join(" "),"aria-label":x||N,onClick:ie,disabled:_,"aria-disabled":_||o?!0:void 0,ref:Z},L=B||C,F={...D,download:v,ref:Z,role:"button",tabIndex:_?-1:0,href:L,onKeyDown:ae};return L?s.jsx("a",{...F,...re(te,L,g,w),children:k({children:z,busy:o})}):y?i.cloneElement(y,{...F},k({children:z,busy:o})):s.jsx("button",{...D,type:c?"submit":"button",children:k({children:z,busy:o})})});Q.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const Ie="Button__lJRiF",ye="leadingIcon__OZj4E",Ce="trailingIcon__d6fiW",Ne="icon__M1Hs-",H={Button:Ie,leadingIcon:ye,trailingIcon:Ce,"Button--size-s":"Button--size-s__02RwJ",icon:Ne,"Button--size-m":"Button--size-m__m1kGp","Button--size-small":"Button--size-small__hrJyO","Button--size-medium":"Button--size-medium__ToEik","Button--size-l":"Button--size-l__rHzPz","Button--size-large":"Button--size-large__2ARbP","Button--narrow-l--size-s":"Button--narrow-l--size-s__1iIxT","Button--narrow-l--size-m":"Button--narrow-l--size-m__Hn-71","Button--narrow-l--size-small":"Button--narrow-l--size-small__clOC0","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__4CZXu","Button--narrow-l--size-l":"Button--narrow-l--size-l__VsnrA","Button--narrow-l--size-large":"Button--narrow-l--size-large__NNkfS","Button--medium-s--size-s":"Button--medium-s--size-s__JOAqd","Button--medium-s--size-m":"Button--medium-s--size-m__hQdSS","Button--medium-s--size-small":"Button--medium-s--size-small__EweV7","Button--medium-s--size-medium":"Button--medium-s--size-medium__72Buq","Button--medium-s--size-l":"Button--medium-s--size-l__cRcEp","Button--medium-s--size-large":"Button--medium-s--size-large__PaPLT","Button--medium-l--size-s":"Button--medium-l--size-s__FrGUu","Button--medium-l--size-m":"Button--medium-l--size-m__SWC53","Button--medium-l--size-small":"Button--medium-l--size-small__36CyE","Button--medium-l--size-medium":"Button--medium-l--size-medium__ySDr1","Button--medium-l--size-l":"Button--medium-l--size-l__ImFHA","Button--medium-l--size-large":"Button--medium-l--size-large__o93q-","Button--wide-s--size-s":"Button--wide-s--size-s__fGKJg","Button--wide-s--size-m":"Button--wide-s--size-m__qAksG","Button--wide-s--size-small":"Button--wide-s--size-small__sKZpV","Button--wide-s--size-medium":"Button--wide-s--size-medium__ovQ2U","Button--wide-s--size-l":"Button--wide-s--size-l__MTeN9","Button--wide-s--size-large":"Button--wide-s--size-large__vQ0OS","Button--wide-l--size-s":"Button--wide-l--size-s__ROYdJ","Button--wide-l--size-m":"Button--wide-l--size-m__4cVoF","Button--wide-l--size-small":"Button--wide-l--size-small__RU5x9","Button--wide-l--size-medium":"Button--wide-l--size-medium__Hv0g8","Button--wide-l--size-l":"Button--wide-l--size-l__r0ktJ","Button--wide-l--size-large":"Button--wide-l--size-large__WblYc"},Ee=i.forwardRef(function({variant:e=G,size:a=M,url:n,a11yLabel:l,leadingSvgIcon:u,trailingSvgIcon:r,children:B,...v},g){const w=!!u||!!r,c=S(H,f.Button,[m("size",a)]);return s.jsxs(Q,{...v,ref:g,isIconButton:!1,variant:e,size:a,url:n,a11yLabel:l,preplyDsComponent:f.Button,className:w?c.join(" "):"",children:[!!u&&s.jsx("span",{className:`${H.icon} ${H.leadingIcon}`,children:J(u,{"aria-hidden":"true",focusable:"false"})}),B,!!r&&s.jsx("span",{className:`${H.icon} ${H.trailingIcon}`,children:J(r,{"aria-hidden":"true",focusable:"false"})})]})});Ee.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{Ee as B,we as H,fe as S,Q as a,_e as u};
1
+ import{j as n}from"./jsx-runtime-BYouaCF_.js";import{r as i}from"./index-B3evPFBL.js";import{b as oe,g as ue,a as re}from"./text-centered-C0V1O_Sd.js";import{f as X}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as S,s as m,b as d,a as p}from"./classNames-BUL1Zq7e.js";import{w as f}from"./componentNames-Ba2ybP0W.js";import{g as G,a as de}from"./index-DdzHuZ-Y.js";import{r as V}from"./render-icon-CwRdpin3.js";import{S as me,a as M,B as Q}from"./defaults-B1rzzf6M.js";import{u as Be}from"./useHostname-CH18gHFj.js";import{m as _e}from"./index-CC6DAVyL.js";const W=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)},ve=(t,e)=>i.useCallback(a=>{W(t,a),W(e,a)},[t,e]),ge="Heading__Lv13n",we={Heading:ge,"Heading--level-h1-normal":"Heading--level-h1-normal__XOu04","Heading--level-h1-large":"Heading--level-h1-large__zA-1f","Heading--level-h2-normal":"Heading--level-h2-normal__LG1zy","Heading--level-h2-large":"Heading--level-h2-large__mEBpa","Heading--level-h3-normal":"Heading--level-h3-normal__uJzkx","Heading--level-h3-large":"Heading--level-h3-large__DScvV","Heading--level-h4-normal":"Heading--level-h4-normal__pcLs-","Heading--level-h4-large":"Heading--level-h4-large__E9YnR","Heading--level-h5-normal":"Heading--level-h5-normal__Jcizg","Heading--level-h5-large":"Heading--level-h5-large__pX4dy","Heading--narrow-l--level-h1-normal":"Heading--narrow-l--level-h1-normal__yBr3z","Heading--narrow-l--level-h1-large":"Heading--narrow-l--level-h1-large__pgUBw","Heading--narrow-l--level-h2-normal":"Heading--narrow-l--level-h2-normal__2G-pr","Heading--narrow-l--level-h2-large":"Heading--narrow-l--level-h2-large__UDoOK","Heading--narrow-l--level-h3-normal":"Heading--narrow-l--level-h3-normal__ZnZ9U","Heading--narrow-l--level-h3-large":"Heading--narrow-l--level-h3-large__fJrGV","Heading--narrow-l--level-h4-normal":"Heading--narrow-l--level-h4-normal__dVXtP","Heading--narrow-l--level-h4-large":"Heading--narrow-l--level-h4-large__bE8bj","Heading--narrow-l--level-h5-normal":"Heading--narrow-l--level-h5-normal__6ZpIw","Heading--narrow-l--level-h5-large":"Heading--narrow-l--level-h5-large__fbTua","Heading--medium-s--level-h1-normal":"Heading--medium-s--level-h1-normal__SZ6lt","Heading--medium-s--level-h1-large":"Heading--medium-s--level-h1-large__ZYR4F","Heading--medium-s--level-h2-normal":"Heading--medium-s--level-h2-normal__tGlS9","Heading--medium-s--level-h2-large":"Heading--medium-s--level-h2-large__1PuUz","Heading--medium-s--level-h3-normal":"Heading--medium-s--level-h3-normal__ME9N9","Heading--medium-s--level-h3-large":"Heading--medium-s--level-h3-large__J8Sp5","Heading--medium-s--level-h4-normal":"Heading--medium-s--level-h4-normal__6kstl","Heading--medium-s--level-h4-large":"Heading--medium-s--level-h4-large__uroLM","Heading--medium-s--level-h5-normal":"Heading--medium-s--level-h5-normal__-H0ax","Heading--medium-s--level-h5-large":"Heading--medium-s--level-h5-large__oTsc6","Heading--medium-l--level-h1-normal":"Heading--medium-l--level-h1-normal__7hkJ-","Heading--medium-l--level-h1-large":"Heading--medium-l--level-h1-large__UzG52","Heading--medium-l--level-h2-normal":"Heading--medium-l--level-h2-normal__3u6q9","Heading--medium-l--level-h2-large":"Heading--medium-l--level-h2-large__cfpT4","Heading--medium-l--level-h3-normal":"Heading--medium-l--level-h3-normal__sLWI1","Heading--medium-l--level-h3-large":"Heading--medium-l--level-h3-large__6Hydp","Heading--medium-l--level-h4-normal":"Heading--medium-l--level-h4-normal__C3NiA","Heading--medium-l--level-h4-large":"Heading--medium-l--level-h4-large__A80ip","Heading--medium-l--level-h5-normal":"Heading--medium-l--level-h5-normal__zpE9s","Heading--medium-l--level-h5-large":"Heading--medium-l--level-h5-large__Jmwd6","Heading--wide-s--level-h1-normal":"Heading--wide-s--level-h1-normal__R57oJ","Heading--wide-s--level-h1-large":"Heading--wide-s--level-h1-large__qSwu5","Heading--wide-s--level-h2-normal":"Heading--wide-s--level-h2-normal__alRyc","Heading--wide-s--level-h2-large":"Heading--wide-s--level-h2-large__cZI1y","Heading--wide-s--level-h3-normal":"Heading--wide-s--level-h3-normal__9w7TH","Heading--wide-s--level-h3-large":"Heading--wide-s--level-h3-large__XOOt7","Heading--wide-s--level-h4-normal":"Heading--wide-s--level-h4-normal__-sBqL","Heading--wide-s--level-h4-large":"Heading--wide-s--level-h4-large__WRm0P","Heading--wide-s--level-h5-normal":"Heading--wide-s--level-h5-normal__Jk51k","Heading--wide-s--level-h5-large":"Heading--wide-s--level-h5-large__8-ivr","Heading--wide-l--level-h1-normal":"Heading--wide-l--level-h1-normal__31XiO","Heading--wide-l--level-h1-large":"Heading--wide-l--level-h1-large__nznUF","Heading--wide-l--level-h2-normal":"Heading--wide-l--level-h2-normal__x1n2-","Heading--wide-l--level-h2-large":"Heading--wide-l--level-h2-large__hJgbo","Heading--wide-l--level-h3-normal":"Heading--wide-l--level-h3-normal__pWXPS","Heading--wide-l--level-h3-large":"Heading--wide-l--level-h3-large__rKyoS","Heading--wide-l--level-h4-normal":"Heading--wide-l--level-h4-normal__-mgo0","Heading--wide-l--level-h4-large":"Heading--wide-l--level-h4-large__MT7mO","Heading--wide-l--level-h5-normal":"Heading--wide-l--level-h5-normal__Zwo4C","Heading--wide-l--level-h5-large":"Heading--wide-l--level-h5-large__4Ccbe","Heading--variant-massive":"Heading--variant-massive__xBbvd","Heading--variant-huge":"Heading--variant-huge__uNKwX","Heading--variant-extraLarge":"Heading--variant-extraLarge__O5YaA","Heading--variant-large":"Heading--variant-large__npEGh","Heading--variant-medium":"Heading--variant-medium__WRzNp","Heading--variant-small":"Heading--variant-small__RlTJl","Heading--narrow-l--variant-massive":"Heading--narrow-l--variant-massive__NkQiN","Heading--narrow-l--variant-huge":"Heading--narrow-l--variant-huge__xN-4a","Heading--narrow-l--variant-extraLarge":"Heading--narrow-l--variant-extraLarge__dhHS3","Heading--narrow-l--variant-large":"Heading--narrow-l--variant-large__O-yyq","Heading--narrow-l--variant-medium":"Heading--narrow-l--variant-medium__T3ZkZ","Heading--narrow-l--variant-small":"Heading--narrow-l--variant-small__nibGn","Heading--medium-s--variant-massive":"Heading--medium-s--variant-massive__dkhpb","Heading--medium-s--variant-huge":"Heading--medium-s--variant-huge__Td7XG","Heading--medium-s--variant-extraLarge":"Heading--medium-s--variant-extraLarge__puDN9","Heading--medium-s--variant-large":"Heading--medium-s--variant-large__UQMHF","Heading--medium-s--variant-medium":"Heading--medium-s--variant-medium__i2JwC","Heading--medium-s--variant-small":"Heading--medium-s--variant-small__UQTL9","Heading--medium-l--variant-massive":"Heading--medium-l--variant-massive__UtPA0","Heading--medium-l--variant-huge":"Heading--medium-l--variant-huge__BiY-j","Heading--medium-l--variant-extraLarge":"Heading--medium-l--variant-extraLarge__IP2Vo","Heading--medium-l--variant-large":"Heading--medium-l--variant-large__tV93Y","Heading--medium-l--variant-medium":"Heading--medium-l--variant-medium__945np","Heading--medium-l--variant-small":"Heading--medium-l--variant-small__ZUV1D","Heading--wide-s--variant-massive":"Heading--wide-s--variant-massive__BWmTX","Heading--wide-s--variant-huge":"Heading--wide-s--variant-huge__inkxv","Heading--wide-s--variant-extraLarge":"Heading--wide-s--variant-extraLarge__SQjI9","Heading--wide-s--variant-large":"Heading--wide-s--variant-large__UNDsi","Heading--wide-s--variant-medium":"Heading--wide-s--variant-medium__4OLaD","Heading--wide-s--variant-small":"Heading--wide-s--variant-small__ex4C1","Heading--wide-l--variant-massive":"Heading--wide-l--variant-massive__94l-9","Heading--wide-l--variant-huge":"Heading--wide-l--variant-huge__1qto2","Heading--wide-l--variant-extraLarge":"Heading--wide-l--variant-extraLarge__udFtI","Heading--wide-l--variant-large":"Heading--wide-l--variant-large__Y7k-Q","Heading--wide-l--variant-medium":"Heading--wide-l--variant-medium__xkuYd","Heading--wide-l--variant-small":"Heading--wide-l--variant-small__ORLbL"},ce=i.forwardRef(function({children:e,variant:a,accent:s,level:l,large:o=!1,tag:u,color:B,centered:v,dataset:g,id:w,...c},x){const I=u||l||"h1",H=S(we,f.Heading,a?m("variant",a):d(`level-${l}-large`,`level-${l}-normal`,o)),_=oe(v),b=ue(!(s?void 0:B),s),C=re(B),N=["preply-ds-heading",...H,..._,...b,...C],E={...X(c),className:N.join(" "),...G(g,{preplyDsComponent:f.Heading}),id:w,ref:x};return n.jsx(I,{...E,children:e})});ce.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const ze="Spinner__U3f6H",he="spin__6opuF",j={Spinner:ze,"Spinner--size-default":"Spinner--size-default__xo-Jk","Spinner--size-large":"Spinner--size-large__2nk5J","Spinner--narrow-l--size-default":"Spinner--narrow-l--size-default__gRrq1","Spinner--narrow-l--size-large":"Spinner--narrow-l--size-large__6gb70","Spinner--medium-s--size-default":"Spinner--medium-s--size-default__bJg-R","Spinner--medium-s--size-large":"Spinner--medium-s--size-large__HAPhI","Spinner--medium-l--size-default":"Spinner--medium-l--size-default__AuHDV","Spinner--medium-l--size-large":"Spinner--medium-l--size-large__MlfBE","Spinner--wide-s--size-default":"Spinner--wide-s--size-default__3sTOC","Spinner--wide-s--size-large":"Spinner--wide-s--size-large__AkfHJ","Spinner--wide-l--size-default":"Spinner--wide-l--size-default__FDlfA","Spinner--wide-l--size-large":"Spinner--wide-l--size-large__Oyg7h","Spinner--static":"Spinner--static__3-otL","Spinner--animated":"Spinner--animated__K3vs3",spin:he},He=({title:t,titleId:e,...a},s)=>i.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:s,"aria-labelledby":e,...a},t?i.createElement("title",{id:e},t):null,i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),be=i.forwardRef(He),pe=({title:t,titleId:e,...a},s)=>i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:s,"aria-labelledby":e,...a},t?i.createElement("title",{id:e},t):null,i.createElement("g",{clipPath:"url(#clip0_1785_4234)"},i.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),i.createElement("defs",null,i.createElement("clipPath",{id:"clip0_1785_4234"},i.createElement("rect",{width:32,height:32,fill:"white"})))),fe=i.forwardRef(pe),k="Spinner",Se=({size:t=me})=>{const e=S(j,k,[m("size",t)]),a=[...p(j,k,["animated"])],s=[...p(j,k,["static"])];return n.jsxs("span",{className:e.join(" "),children:[n.jsx("span",{className:a.join(" "),children:n.jsx(fe,{})}),n.jsx("span",{className:s.join(" "),children:n.jsx(be,{})})]})},xe="ButtonBase__lIl-s",A={"button-width--width-full":"button-width--width-full__nJNYU","button-width--width-auto":"button-width--width-auto__gsqlf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__y2YjC","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__1qVpi","button-width--medium-s--width-full":"button-width--medium-s--width-full__IdW9b","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__hrO4e","button-width--medium-l--width-full":"button-width--medium-l--width-full__Oc0vB","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__RNuIr","button-width--wide-s--width-full":"button-width--wide-s--width-full__-egYf","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__h-tgw","button-width--wide-l--width-full":"button-width--wide-l--width-full__OWgAy","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__orWDN",ButtonBase:xe,"ButtonBase--content":"ButtonBase--content__F9k22","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__48zlf","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__9HVLW","ButtonBase--busy":"ButtonBase--busy__XAkcK","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__8jkWp","ButtonBase--is-busy":"ButtonBase--is-busy__OpmZd","ButtonBase--width-full":"ButtonBase--width-full__rPUpd","ButtonBase--width-auto":"ButtonBase--width-auto__4ebPj","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__Bwysi","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__r52SI","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__nsvpl","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__hcYr9","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__6AYGL","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__BGHr5","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__4w-XJ","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__5eGoZ","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__8LbNM","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__ys3sp","ButtonBase--size-xs":"ButtonBase--size-xs__lxx7z","ButtonBase--is-icon-button-size-xs":"ButtonBase--is-icon-button-size-xs__eEs4s","ButtonBase--size-s":"ButtonBase--size-s__9b8fd","ButtonBase--is-icon-button-size-s":"ButtonBase--is-icon-button-size-s__tc2gF","ButtonBase--size-m":"ButtonBase--size-m__JSHCD","ButtonBase--is-icon-button-size-m":"ButtonBase--is-icon-button-size-m__xMHGL","ButtonBase--size-l":"ButtonBase--size-l__5IwtX","ButtonBase--is-icon-button-size-l":"ButtonBase--is-icon-button-size-l__LAPEo","ButtonBase--size-xl":"ButtonBase--size-xl__MV8va","ButtonBase--is-icon-button-size-xl":"ButtonBase--is-icon-button-size-xl__xunpR","ButtonBase--size-large":"ButtonBase--size-large__mHtSn","ButtonBase--size-medium":"ButtonBase--size-medium__5Qsuj","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__HRsbM","ButtonBase--size-small":"ButtonBase--size-small__Ajd60","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__Me6wm","ButtonBase--narrow-l--size-xs":"ButtonBase--narrow-l--size-xs__uAbKt","ButtonBase--narrow-l--is-icon-button-size-xs":"ButtonBase--narrow-l--is-icon-button-size-xs__yiZ24","ButtonBase--narrow-l--size-s":"ButtonBase--narrow-l--size-s__AflGu","ButtonBase--narrow-l--is-icon-button-size-s":"ButtonBase--narrow-l--is-icon-button-size-s__AomQA","ButtonBase--narrow-l--size-m":"ButtonBase--narrow-l--size-m__O1Xux","ButtonBase--narrow-l--is-icon-button-size-m":"ButtonBase--narrow-l--is-icon-button-size-m__Y3vj7","ButtonBase--narrow-l--size-l":"ButtonBase--narrow-l--size-l__rchmS","ButtonBase--narrow-l--is-icon-button-size-l":"ButtonBase--narrow-l--is-icon-button-size-l__SYw5v","ButtonBase--narrow-l--size-xl":"ButtonBase--narrow-l--size-xl__VqinD","ButtonBase--narrow-l--is-icon-button-size-xl":"ButtonBase--narrow-l--is-icon-button-size-xl__0HId0","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__3gfd8","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__mWjvJ","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__BhXNK","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__RWwYm","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__Vl2nb","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__-dAMj","ButtonBase--medium-s--size-xs":"ButtonBase--medium-s--size-xs__B5Gvh","ButtonBase--medium-s--is-icon-button-size-xs":"ButtonBase--medium-s--is-icon-button-size-xs__bePce","ButtonBase--medium-s--size-s":"ButtonBase--medium-s--size-s__67wXs","ButtonBase--medium-s--is-icon-button-size-s":"ButtonBase--medium-s--is-icon-button-size-s__E45Sc","ButtonBase--medium-s--size-m":"ButtonBase--medium-s--size-m__Vo-qg","ButtonBase--medium-s--is-icon-button-size-m":"ButtonBase--medium-s--is-icon-button-size-m__rjz2N","ButtonBase--medium-s--size-l":"ButtonBase--medium-s--size-l__PB---","ButtonBase--medium-s--is-icon-button-size-l":"ButtonBase--medium-s--is-icon-button-size-l__c8nir","ButtonBase--medium-s--size-xl":"ButtonBase--medium-s--size-xl__66maE","ButtonBase--medium-s--is-icon-button-size-xl":"ButtonBase--medium-s--is-icon-button-size-xl__WCvsC","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__x6d3B","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__54tXt","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__l27CC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__zUviu","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__49UoI","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__IvyNG","ButtonBase--medium-l--size-xs":"ButtonBase--medium-l--size-xs__0sLm9","ButtonBase--medium-l--is-icon-button-size-xs":"ButtonBase--medium-l--is-icon-button-size-xs__FdQwd","ButtonBase--medium-l--size-s":"ButtonBase--medium-l--size-s__yAooZ","ButtonBase--medium-l--is-icon-button-size-s":"ButtonBase--medium-l--is-icon-button-size-s__uVDdU","ButtonBase--medium-l--size-m":"ButtonBase--medium-l--size-m__dNY-G","ButtonBase--medium-l--is-icon-button-size-m":"ButtonBase--medium-l--is-icon-button-size-m__u04Nc","ButtonBase--medium-l--size-l":"ButtonBase--medium-l--size-l__oZ52f","ButtonBase--medium-l--is-icon-button-size-l":"ButtonBase--medium-l--is-icon-button-size-l__JklvS","ButtonBase--medium-l--size-xl":"ButtonBase--medium-l--size-xl__QLV4j","ButtonBase--medium-l--is-icon-button-size-xl":"ButtonBase--medium-l--is-icon-button-size-xl__POeEf","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__HywFW","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__7IhZP","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__Tf265","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__bwlaM","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__t2X0A","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__LyC6d","ButtonBase--wide-s--size-xs":"ButtonBase--wide-s--size-xs__-mgOQ","ButtonBase--wide-s--is-icon-button-size-xs":"ButtonBase--wide-s--is-icon-button-size-xs__IBvqC","ButtonBase--wide-s--size-s":"ButtonBase--wide-s--size-s__-YHZU","ButtonBase--wide-s--is-icon-button-size-s":"ButtonBase--wide-s--is-icon-button-size-s__Wl9SE","ButtonBase--wide-s--size-m":"ButtonBase--wide-s--size-m__ZVy5-","ButtonBase--wide-s--is-icon-button-size-m":"ButtonBase--wide-s--is-icon-button-size-m__dUdfS","ButtonBase--wide-s--size-l":"ButtonBase--wide-s--size-l__s1Ihh","ButtonBase--wide-s--is-icon-button-size-l":"ButtonBase--wide-s--is-icon-button-size-l__1ZT4h","ButtonBase--wide-s--size-xl":"ButtonBase--wide-s--size-xl__Eqp9V","ButtonBase--wide-s--is-icon-button-size-xl":"ButtonBase--wide-s--is-icon-button-size-xl__CxZ2c","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__revq4","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__ECs3C","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__LcWNl","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__XgG6m","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__zMihk","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__86pYD","ButtonBase--wide-l--size-xs":"ButtonBase--wide-l--size-xs__Kra5R","ButtonBase--wide-l--is-icon-button-size-xs":"ButtonBase--wide-l--is-icon-button-size-xs__pZkvQ","ButtonBase--wide-l--size-s":"ButtonBase--wide-l--size-s__mXSys","ButtonBase--wide-l--is-icon-button-size-s":"ButtonBase--wide-l--is-icon-button-size-s__coM5t","ButtonBase--wide-l--size-m":"ButtonBase--wide-l--size-m__4tPUs","ButtonBase--wide-l--is-icon-button-size-m":"ButtonBase--wide-l--is-icon-button-size-m__ylg8h","ButtonBase--wide-l--size-l":"ButtonBase--wide-l--size-l__-MnEL","ButtonBase--wide-l--is-icon-button-size-l":"ButtonBase--wide-l--is-icon-button-size-l__Pf9hk","ButtonBase--wide-l--size-xl":"ButtonBase--wide-l--size-xl__QgW1O","ButtonBase--wide-l--is-icon-button-size-xl":"ButtonBase--wide-l--is-icon-button-size-xl__qPrzJ","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__dkSfM","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__Exb49","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__DSTMt","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__wftX5","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__1o3ZA","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__Xqy2p","ButtonBase--variant-primary":"ButtonBase--variant-primary__EgRuu","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__qshA-","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__RQanZ","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__GphQb","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__ndGIz","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__k4I5F","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__O9c3W","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__4-xa1","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__-10gZ","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__pLeI5","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__ED-s6","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__4fmhU","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__ezCgl","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__N-vL2","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__ap8Wb","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__vHgdy","ButtonBase--variant-plain":"ButtonBase--variant-plain__NngTh","ButtonBase--variant-plain--dsInternalSimulation-hover":"ButtonBase--variant-plain--dsInternalSimulation-hover__XV9fr","ButtonBase--variant-plain--dsInternalSimulation-active":"ButtonBase--variant-plain--dsInternalSimulation-active__wTQ0e","ButtonBase--variant-dangerous":"ButtonBase--variant-dangerous__WpJz8","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"ButtonBase--variant-dangerous--dsInternalSimulation-hover__wQ0V8","ButtonBase--variant-dangerous--dsInternalSimulation-active":"ButtonBase--variant-dangerous--dsInternalSimulation-active__sA60n","ButtonBase--variant-critical":"ButtonBase--variant-critical__0FoGb","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__DcuKz","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__-D3p9","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__gDgiZ","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__GtnDL","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__4ca8i","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__HVQMA","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__h2nxf","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__3uCrs","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__o47f2","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__mqIFn","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__s-6Io","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__5Zy8P","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__0m-N0","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__-St95","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__U8f46","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__espSx","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__2QLK5","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__XPR7p","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__kiL3X","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__MJYRN","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__eVKIo","ButtonBase--variant-ai":"ButtonBase--variant-ai__QQ5F5","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__sEFmg","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__wLX6u","ButtonBase--no-wrap":"ButtonBase--no-wrap__U0fYw"},P="ButtonBase",Ie=t=>Object.prototype.hasOwnProperty.call(t,"selected"),T=({children:t,busy:e})=>{const a=[...p(A,P,["content"])],s=[...p(A,P,["busy"])];return n.jsxs(n.Fragment,{children:[n.jsx("span",{className:a.join(" "),children:t}),e&&n.jsx("span",{className:s.join(" "),children:n.jsx(Se,{})})]})},Y=i.forwardRef(function(e,a){const{id:s,variant:l=M,size:o=Q,fullWidth:u=!1,wrap:B=!1,href:v,download:g,opensInNewTab:w,nofollow:c,submitsForm:x,assistiveText:I,onClick:H,disabled:_,busy:r,isIconButton:y,as:b,url:C,a11yLabel:N,dataset:E,children:L,dsInternalSimulation:U,preplyDsComponent:K,className:$,...ee}=e,{selected:te}=Ie(e)?e:{selected:void 0},ie=Be(),Z=i.useRef(null),D=ve(Z,a),ae=z=>{(_||r)&&z.preventDefault(),H==null||H(z)},ne=z=>{var q;const J=_e(z.key);(J===" "||J==="Enter")&&(z.preventDefault(),(q=Z.current)==null||q.click())},se=U==="focus"?d("dsInternalSimulation-focus",void 0,!0):m(`variant-${l}--dsInternalSimulation`,U),le=S(A,P,[se,m("variant",l),m("size",o),y?m("is-icon-button-size",o):[],d(void 0,"no-wrap",B),d("width-full","width-auto",u),d("is-busy",void 0,r),d("is-icon-button",void 0,y),d(`variant-${l}--is-selected`,void 0,te)]),F={...X(ee),...G(E,{preplyDsComponent:K}),className:[...le,$].join(" "),"aria-label":I||N,onClick:ae,disabled:_,"aria-disabled":_||r?!0:void 0,ref:D,id:s},R=v||C,O={...F,download:g,ref:D,role:"button",tabIndex:_?-1:0,href:R,onKeyDown:ne};return R?n.jsx("a",{...O,...de(ie,R,w,c),children:T({children:L,busy:r})}):b?i.cloneElement(b,{...O},T({children:L,busy:r})):n.jsx("button",{...F,type:x?"submit":"button",children:T({children:L,busy:r})})});Y.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const ye="Button__lJRiF",Ce="leadingIcon__OZj4E",Ne="trailingIcon__d6fiW",Ee="icon__M1Hs-",h={Button:ye,leadingIcon:Ce,trailingIcon:Ne,"Button--size-s":"Button--size-s__02RwJ",icon:Ee,"Button--size-m":"Button--size-m__m1kGp","Button--size-small":"Button--size-small__hrJyO","Button--size-medium":"Button--size-medium__ToEik","Button--size-l":"Button--size-l__rHzPz","Button--size-large":"Button--size-large__2ARbP","Button--narrow-l--size-s":"Button--narrow-l--size-s__1iIxT","Button--narrow-l--size-m":"Button--narrow-l--size-m__Hn-71","Button--narrow-l--size-small":"Button--narrow-l--size-small__clOC0","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__4CZXu","Button--narrow-l--size-l":"Button--narrow-l--size-l__VsnrA","Button--narrow-l--size-large":"Button--narrow-l--size-large__NNkfS","Button--medium-s--size-s":"Button--medium-s--size-s__JOAqd","Button--medium-s--size-m":"Button--medium-s--size-m__hQdSS","Button--medium-s--size-small":"Button--medium-s--size-small__EweV7","Button--medium-s--size-medium":"Button--medium-s--size-medium__72Buq","Button--medium-s--size-l":"Button--medium-s--size-l__cRcEp","Button--medium-s--size-large":"Button--medium-s--size-large__PaPLT","Button--medium-l--size-s":"Button--medium-l--size-s__FrGUu","Button--medium-l--size-m":"Button--medium-l--size-m__SWC53","Button--medium-l--size-small":"Button--medium-l--size-small__36CyE","Button--medium-l--size-medium":"Button--medium-l--size-medium__ySDr1","Button--medium-l--size-l":"Button--medium-l--size-l__ImFHA","Button--medium-l--size-large":"Button--medium-l--size-large__o93q-","Button--wide-s--size-s":"Button--wide-s--size-s__fGKJg","Button--wide-s--size-m":"Button--wide-s--size-m__qAksG","Button--wide-s--size-small":"Button--wide-s--size-small__sKZpV","Button--wide-s--size-medium":"Button--wide-s--size-medium__ovQ2U","Button--wide-s--size-l":"Button--wide-s--size-l__MTeN9","Button--wide-s--size-large":"Button--wide-s--size-large__vQ0OS","Button--wide-l--size-s":"Button--wide-l--size-s__ROYdJ","Button--wide-l--size-m":"Button--wide-l--size-m__4cVoF","Button--wide-l--size-small":"Button--wide-l--size-small__RU5x9","Button--wide-l--size-medium":"Button--wide-l--size-medium__Hv0g8","Button--wide-l--size-l":"Button--wide-l--size-l__r0ktJ","Button--wide-l--size-large":"Button--wide-l--size-large__WblYc"},Le=i.forwardRef(function({variant:e=M,size:a=Q,url:s,a11yLabel:l,leadingSvgIcon:o,trailingSvgIcon:u,children:B,...v},g){const w=!!o||!!u,c=S(h,f.Button,[m("size",a)]);return n.jsxs(Y,{...v,ref:g,isIconButton:!1,variant:e,size:a,url:s,a11yLabel:l,preplyDsComponent:f.Button,className:w?c.join(" "):"",children:[!!o&&n.jsx("span",{className:`${h.icon} ${h.leadingIcon}`,children:V(o,{"aria-hidden":"true",focusable:"false"})}),B,!!u&&n.jsx("span",{className:`${h.icon} ${h.trailingIcon}`,children:V(u,{"aria-hidden":"true",focusable:"false"})})]})});Le.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{Le as B,ce as H,Se as S,Y as a,ve as u};
@@ -1,11 +1,11 @@
1
- import{j as a}from"./jsx-runtime-BYouaCF_.js";import{r as _}from"./index-B3evPFBL.js";import{r as u}from"./render-icon-CVTdrNe-.js";import{B as z}from"./ButtonBase-OAaaGRgi.js";import{m as g,s as y}from"./classNames-BUL1Zq7e.js";import{w as i}from"./componentNames-CVVyamkx.js";import{B as w,a as T}from"./defaults-B1rzzf6M.js";const h="Button__zN6zT",V="leadingIcon__wQqJW",b="trailingIcon__zChSf",I="icon__sU6GA",e={Button:h,leadingIcon:V,trailingIcon:b,"Button--size-s":"Button--size-s__yKEFo",icon:I,"Button--size-m":"Button--size-m__-0jeH","Button--size-small":"Button--size-small__xrFvg","Button--size-medium":"Button--size-medium__Mc1B1","Button--size-l":"Button--size-l__7gew2","Button--size-large":"Button--size-large__LejpK","Button--narrow-l--size-s":"Button--narrow-l--size-s__oKIHq","Button--narrow-l--size-m":"Button--narrow-l--size-m__FfkOA","Button--narrow-l--size-small":"Button--narrow-l--size-small__y-M26","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__so23Y","Button--narrow-l--size-l":"Button--narrow-l--size-l__xZOAd","Button--narrow-l--size-large":"Button--narrow-l--size-large__8clcn","Button--medium-s--size-s":"Button--medium-s--size-s__I-GoC","Button--medium-s--size-m":"Button--medium-s--size-m__Fk3sj","Button--medium-s--size-small":"Button--medium-s--size-small__N-91h","Button--medium-s--size-medium":"Button--medium-s--size-medium__sRSxR","Button--medium-s--size-l":"Button--medium-s--size-l__QXDbD","Button--medium-s--size-large":"Button--medium-s--size-large__Rtei-","Button--medium-l--size-s":"Button--medium-l--size-s__YqR0K","Button--medium-l--size-m":"Button--medium-l--size-m__BaJ0d","Button--medium-l--size-small":"Button--medium-l--size-small__iP5bS","Button--medium-l--size-medium":"Button--medium-l--size-medium__JanvZ","Button--medium-l--size-l":"Button--medium-l--size-l__ps0aM","Button--medium-l--size-large":"Button--medium-l--size-large__2gVOL","Button--wide-s--size-s":"Button--wide-s--size-s__OE3Yz","Button--wide-s--size-m":"Button--wide-s--size-m__H2KPf","Button--wide-s--size-small":"Button--wide-s--size-small__lDDYF","Button--wide-s--size-medium":"Button--wide-s--size-medium__CoePZ","Button--wide-s--size-l":"Button--wide-s--size-l__gcSoP","Button--wide-s--size-large":"Button--wide-s--size-large__KLj98","Button--wide-l--size-s":"Button--wide-l--size-s__HAZa1","Button--wide-l--size-m":"Button--wide-l--size-m__xB4x0","Button--wide-l--size-small":"Button--wide-l--size-small__WdoWT","Button--wide-l--size-medium":"Button--wide-l--size-medium__KgZbS","Button--wide-l--size-l":"Button--wide-l--size-l__rw5N1","Button--wide-l--size-large":"Button--wide-l--size-large__7TyOT"},s=_.forwardRef(function({variant:r=T,size:l=w,url:m,a11yLabel:d,leadingSvgIcon:t,trailingSvgIcon:n,children:c,...B},p){const v=!!t||!!n,f=g(e,i.Button,[y("size",l)]);return a.jsxs(z,{...B,ref:p,isIconButton:!1,variant:r,size:l,url:m,a11yLabel:d,preplyDsComponent:i.Button,className:v?f.join(" "):"",children:[!!t&&a.jsx("span",{className:`${e.icon} ${e.leadingIcon}`,children:u(t,{"aria-hidden":"true",focusable:"false"})}),c,!!n&&a.jsx("span",{className:`${e.icon} ${e.trailingIcon}`,children:u(n,{"aria-hidden":"true",focusable:"false"})})]})});try{s.displayName="Button",s.__docgenInfo={description:"",displayName:"Button",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"ai"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:"ResponsiveProp<ButtonSize>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},as:{defaultValue:null,description:`Custom element to render the button.
1
+ import{j as a}from"./jsx-runtime-BYouaCF_.js";import{r as _}from"./index-B3evPFBL.js";import{r as u}from"./render-icon-CVTdrNe-.js";import{B as z}from"./ButtonBase-CFf1N6e3.js";import{m as g,s as y}from"./classNames-BUL1Zq7e.js";import{w as i}from"./componentNames-Ba2ybP0W.js";import{B as w,a as T}from"./defaults-B1rzzf6M.js";const h="Button__zN6zT",V="leadingIcon__wQqJW",b="trailingIcon__zChSf",I="icon__sU6GA",e={Button:h,leadingIcon:V,trailingIcon:b,"Button--size-s":"Button--size-s__yKEFo",icon:I,"Button--size-m":"Button--size-m__-0jeH","Button--size-small":"Button--size-small__xrFvg","Button--size-medium":"Button--size-medium__Mc1B1","Button--size-l":"Button--size-l__7gew2","Button--size-large":"Button--size-large__LejpK","Button--narrow-l--size-s":"Button--narrow-l--size-s__oKIHq","Button--narrow-l--size-m":"Button--narrow-l--size-m__FfkOA","Button--narrow-l--size-small":"Button--narrow-l--size-small__y-M26","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__so23Y","Button--narrow-l--size-l":"Button--narrow-l--size-l__xZOAd","Button--narrow-l--size-large":"Button--narrow-l--size-large__8clcn","Button--medium-s--size-s":"Button--medium-s--size-s__I-GoC","Button--medium-s--size-m":"Button--medium-s--size-m__Fk3sj","Button--medium-s--size-small":"Button--medium-s--size-small__N-91h","Button--medium-s--size-medium":"Button--medium-s--size-medium__sRSxR","Button--medium-s--size-l":"Button--medium-s--size-l__QXDbD","Button--medium-s--size-large":"Button--medium-s--size-large__Rtei-","Button--medium-l--size-s":"Button--medium-l--size-s__YqR0K","Button--medium-l--size-m":"Button--medium-l--size-m__BaJ0d","Button--medium-l--size-small":"Button--medium-l--size-small__iP5bS","Button--medium-l--size-medium":"Button--medium-l--size-medium__JanvZ","Button--medium-l--size-l":"Button--medium-l--size-l__ps0aM","Button--medium-l--size-large":"Button--medium-l--size-large__2gVOL","Button--wide-s--size-s":"Button--wide-s--size-s__OE3Yz","Button--wide-s--size-m":"Button--wide-s--size-m__H2KPf","Button--wide-s--size-small":"Button--wide-s--size-small__lDDYF","Button--wide-s--size-medium":"Button--wide-s--size-medium__CoePZ","Button--wide-s--size-l":"Button--wide-s--size-l__gcSoP","Button--wide-s--size-large":"Button--wide-s--size-large__KLj98","Button--wide-l--size-s":"Button--wide-l--size-s__HAZa1","Button--wide-l--size-m":"Button--wide-l--size-m__xB4x0","Button--wide-l--size-small":"Button--wide-l--size-small__WdoWT","Button--wide-l--size-medium":"Button--wide-l--size-medium__KgZbS","Button--wide-l--size-l":"Button--wide-l--size-l__rw5N1","Button--wide-l--size-large":"Button--wide-l--size-large__7TyOT"},s=_.forwardRef(function({variant:r=T,size:l=w,url:m,a11yLabel:d,leadingSvgIcon:t,trailingSvgIcon:n,children:c,...B},p){const v=!!t||!!n,f=g(e,i.Button,[y("size",l)]);return a.jsxs(z,{...B,ref:p,isIconButton:!1,variant:r,size:l,url:m,a11yLabel:d,preplyDsComponent:i.Button,className:v?f.join(" "):"",children:[!!t&&a.jsx("span",{className:`${e.icon} ${e.leadingIcon}`,children:u(t,{"aria-hidden":"true",focusable:"false"})}),c,!!n&&a.jsx("span",{className:`${e.icon} ${e.trailingIcon}`,children:u(n,{"aria-hidden":"true",focusable:"false"})})]})});try{s.displayName="Button",s.__docgenInfo={description:"",displayName:"Button",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},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>"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},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
2
 
3
3
  Allows rendering the button using a different React element or component.
4
4
  This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
5
5
  @example // Render as a react router link component
6
6
  import { Link } from 'react-router-dom';
7
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"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
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"}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
9
9
  @example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
10
10
 
11
11
  <Button leadingSvgIcon={TokyoUITag}>Button</Button>
@@ -1,4 +1,4 @@
1
- import{j as t}from"./jsx-runtime-BYouaCF_.js";import{F as a}from"./TokyoUIFav-DGbkVriC.js";import{I as s}from"./IconButton-DNz6Hldb.js";import{B as e}from"./Button-BumqXQgN.js";import{S as b}from"./consts-KAYct7Gj.js";import{T as Q}from"./Text-C3jprdij.js";import{g as p}from"./getTokenVar-DU_DEzTd.js";import{c as m}from"./tokens-DXy5hgn5.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-CVTdrNe-.js";import"./ButtonBase-OAaaGRgi.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-BCTJunNM.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-CeyIhNgY.js";import"./useHostname-CH18gHFj.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-CVVyamkx.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./constants-BgBLeZzp.js";const It={title:"components/Button",component:e,subcomponents:{IconButton:s},argTypes:{size:{description:b},fullWidth:{description:b}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{children:"Button"}),t.jsx(e,{leadingSvgIcon:a,children:"Button"}),t.jsx(e,{trailingSvgIcon:a,children:"Button"}),t.jsx(s,{svg:a,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const g=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{variant:"primary",children:"Primary"}),t.jsx(e,{variant:"secondary",children:"Secondary"}),t.jsx(e,{variant:"tertiary",children:"Tertiary"}),t.jsx(e,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(e,{variant:"inverted",children:"Inverted"})}),t.jsx(e,{variant:"critical",children:"Critical"}),t.jsx(e,{variant:"onColor",children:"onColor"})]})},d=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(s,{variant:"primary",svg:a,assistiveText:"primary"}),t.jsx(s,{variant:"secondary",svg:a,assistiveText:"secondary"}),t.jsx(s,{variant:"tertiary",svg:a,assistiveText:"tertiary"}),t.jsx(s,{variant:"ghost",svg:a,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(s,{variant:"inverted",svg:a,assistiveText:"inverted"})}),t.jsx(s,{variant:"critical",svg:a,assistiveText:"critical"}),t.jsx(s,{variant:"onColor",svg:a,assistiveText:"onColor"})]})};d.storyName="Variants (IconButton)";const x=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{variant:"ai",children:"AI"}),t.jsx(s,{variant:"ai",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(e,{variant:"classroom",children:"Classroom"}),t.jsx(s,{variant:"classroom",svg:a,assistiveText:"Fav"})]})]})},y=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"small",children:"Small"}),t.jsx(s,{size:"small",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"medium",children:"Medium"}),t.jsx(s,{size:"medium",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"large",children:"Large"}),t.jsx(s,{size:"large",svg:a,assistiveText:"Fav"})]})]}),l=()=>t.jsx(e,{wrap:!0,children:"Do the really quite unusually long thing"});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const v=()=>t.jsx(e,{size:{_:"small","medium-l":"medium","wide-s":"large"},leadingSvgIcon:a,children:"Change the viewport size"});v.parameters={chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-l":{viewport:"medium-l"},"wide-s":{viewport:"wide-s"}}}};const u=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(r=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[r," - ",n]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:r==="inverted"||r==="classroom"?o:void 0},children:[t.jsx(e,{size:n,variant:r,children:"button"}),t.jsx(e,{size:n,variant:r,leadingSvgIcon:a,children:"button"}),t.jsx(e,{size:n,variant:r,trailingSvgIcon:a,children:"button"}),t.jsx(e,{size:n,variant:r,busy:!0,assistiveText:"Fav",children:"button"}),t.jsx(e,{size:n,variant:r,disabled:!0,children:"disabled"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"hover",children:"hover"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"active",children:"active"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"focus",children:"focus"})]},`${n}-${r}`)]})))})};u.tags=["!autodocs"];const c=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(r=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[r," - ",n]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:r==="inverted"||r==="classroom"?o:void 0},children:[t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,busy:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,disabled:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"hover"}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"active"}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"focus"})]},`${n}-${r}`)]})))})};c.storyName="Combinations (IconButton)";c.tags=["!autodocs"];const h={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:n})=>t.jsx("div",{style:{backgroundColor:n.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,I,f;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
1
+ import{j as t}from"./jsx-runtime-BYouaCF_.js";import{F as a}from"./TokyoUIFav-DGbkVriC.js";import{I as s}from"./IconButton-Day2Q_gx.js";import{B as e}from"./Button-iZiyzI_K.js";import{S as b}from"./consts-KAYct7Gj.js";import{T as Q}from"./Text-DrH34jFe.js";import{g as p}from"./getTokenVar-DU_DEzTd.js";import{c as m}from"./tokens-ZvFzTwDp.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-CVTdrNe-.js";import"./ButtonBase-CFf1N6e3.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-BCTJunNM.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-CeyIhNgY.js";import"./useHostname-CH18gHFj.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-Ba2ybP0W.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./constants-BgBLeZzp.js";const It={title:"components/Button",component:e,subcomponents:{IconButton:s},argTypes:{size:{description:b},fullWidth:{description:b}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{children:"Button"}),t.jsx(e,{leadingSvgIcon:a,children:"Button"}),t.jsx(e,{trailingSvgIcon:a,children:"Button"}),t.jsx(s,{svg:a,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const g=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{variant:"primary",children:"Primary"}),t.jsx(e,{variant:"secondary",children:"Secondary"}),t.jsx(e,{variant:"tertiary",children:"Tertiary"}),t.jsx(e,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(e,{variant:"inverted",children:"Inverted"})}),t.jsx(e,{variant:"critical",children:"Critical"}),t.jsx(e,{variant:"onColor",children:"onColor"})]})},d=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(s,{variant:"primary",svg:a,assistiveText:"primary"}),t.jsx(s,{variant:"secondary",svg:a,assistiveText:"secondary"}),t.jsx(s,{variant:"tertiary",svg:a,assistiveText:"tertiary"}),t.jsx(s,{variant:"ghost",svg:a,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(s,{variant:"inverted",svg:a,assistiveText:"inverted"})}),t.jsx(s,{variant:"critical",svg:a,assistiveText:"critical"}),t.jsx(s,{variant:"onColor",svg:a,assistiveText:"onColor"})]})};d.storyName="Variants (IconButton)";const x=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{variant:"ai",children:"AI"}),t.jsx(s,{variant:"ai",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(e,{variant:"classroom",children:"Classroom"}),t.jsx(s,{variant:"classroom",svg:a,assistiveText:"Fav"})]})]})},y=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"small",children:"Small"}),t.jsx(s,{size:"small",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"medium",children:"Medium"}),t.jsx(s,{size:"medium",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"large",children:"Large"}),t.jsx(s,{size:"large",svg:a,assistiveText:"Fav"})]})]}),l=()=>t.jsx(e,{wrap:!0,children:"Do the really quite unusually long thing"});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const v=()=>t.jsx(e,{size:{_:"small","medium-l":"medium","wide-s":"large"},leadingSvgIcon:a,children:"Change the viewport size"});v.parameters={chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-l":{viewport:"medium-l"},"wide-s":{viewport:"wide-s"}}}};const u=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(r=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[r," - ",n]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:r==="inverted"||r==="classroom"?o:void 0},children:[t.jsx(e,{size:n,variant:r,children:"button"}),t.jsx(e,{size:n,variant:r,leadingSvgIcon:a,children:"button"}),t.jsx(e,{size:n,variant:r,trailingSvgIcon:a,children:"button"}),t.jsx(e,{size:n,variant:r,busy:!0,assistiveText:"Fav",children:"button"}),t.jsx(e,{size:n,variant:r,disabled:!0,children:"disabled"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"hover",children:"hover"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"active",children:"active"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"focus",children:"focus"})]},`${n}-${r}`)]})))})};u.tags=["!autodocs"];const c=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(r=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[r," - ",n]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:r==="inverted"||r==="classroom"?o:void 0},children:[t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,busy:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,disabled:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"hover"}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"active"}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"focus"})]},`${n}-${r}`)]})))})};c.storyName="Combinations (IconButton)";c.tags=["!autodocs"];const h={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:n})=>t.jsx("div",{style:{backgroundColor:n.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,I,f;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
2
2
  display: 'flex',
3
3
  gap: '1rem'
4
4
  }}>
@@ -0,0 +1,8 @@
1
+ import{j as t}from"./jsx-runtime-BYouaCF_.js";import{r as c}from"./index-B3evPFBL.js";import{f as Q}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{S as J}from"./Spinner-BCTJunNM.js";import{u as Y}from"./useMergeRefs-CeyIhNgY.js";import{a as $,B as tt}from"./defaults-B1rzzf6M.js";import{u as et}from"./useHostname-CH18gHFj.js";import{b as a,s as o,m as at,a as q}from"./classNames-BUL1Zq7e.js";import{g as nt,a as it}from"./index-DdzHuZ-Y.js";import{m as st}from"./index-CC6DAVyL.js";const ut="ButtonBase__0qXGj",w={"button-width--width-full":"button-width--width-full__nxjVK","button-width--width-auto":"button-width--width-auto__CngVf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__rZc8T","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__Fs14X","button-width--medium-s--width-full":"button-width--medium-s--width-full__lb8XX","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__gtajp","button-width--medium-l--width-full":"button-width--medium-l--width-full__qOGDr","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__vFKgm","button-width--wide-s--width-full":"button-width--wide-s--width-full__5nhxD","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__J4Ht3","button-width--wide-l--width-full":"button-width--wide-l--width-full__Rsexc","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__k6Ctk",ButtonBase:ut,"ButtonBase--content":"ButtonBase--content__ZEhK4","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__CDG-9","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__bebMj","ButtonBase--busy":"ButtonBase--busy__M2Cgo","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__xhIA9","ButtonBase--is-busy":"ButtonBase--is-busy__FT7vR","ButtonBase--width-full":"ButtonBase--width-full__0ENoK","ButtonBase--width-auto":"ButtonBase--width-auto__vwDOv","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__-H9pn","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__2i3td","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__sNHbR","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__6T6zO","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__FTcYM","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__KPNbM","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__YgEMT","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__nM-ia","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__CFPdD","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__6gGyZ","ButtonBase--size-xs":"ButtonBase--size-xs__-H91X","ButtonBase--is-icon-button-size-xs":"ButtonBase--is-icon-button-size-xs__EPZ9W","ButtonBase--size-s":"ButtonBase--size-s__lwe2R","ButtonBase--is-icon-button-size-s":"ButtonBase--is-icon-button-size-s__rDjsc","ButtonBase--size-m":"ButtonBase--size-m__VomvS","ButtonBase--is-icon-button-size-m":"ButtonBase--is-icon-button-size-m__XNsyO","ButtonBase--size-l":"ButtonBase--size-l__zpj7k","ButtonBase--is-icon-button-size-l":"ButtonBase--is-icon-button-size-l__ZW9LI","ButtonBase--size-xl":"ButtonBase--size-xl__Xpxy6","ButtonBase--is-icon-button-size-xl":"ButtonBase--is-icon-button-size-xl__wMWhi","ButtonBase--size-large":"ButtonBase--size-large__-OxgW","ButtonBase--size-medium":"ButtonBase--size-medium__YgQDT","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__AC6Cq","ButtonBase--size-small":"ButtonBase--size-small__UMBKe","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__hZmvi","ButtonBase--narrow-l--size-xs":"ButtonBase--narrow-l--size-xs__GRcw7","ButtonBase--narrow-l--is-icon-button-size-xs":"ButtonBase--narrow-l--is-icon-button-size-xs__GLth2","ButtonBase--narrow-l--size-s":"ButtonBase--narrow-l--size-s__pnGJC","ButtonBase--narrow-l--is-icon-button-size-s":"ButtonBase--narrow-l--is-icon-button-size-s__-l6X-","ButtonBase--narrow-l--size-m":"ButtonBase--narrow-l--size-m__D-uV5","ButtonBase--narrow-l--is-icon-button-size-m":"ButtonBase--narrow-l--is-icon-button-size-m__OXWKs","ButtonBase--narrow-l--size-l":"ButtonBase--narrow-l--size-l__TgiXj","ButtonBase--narrow-l--is-icon-button-size-l":"ButtonBase--narrow-l--is-icon-button-size-l__JnU0h","ButtonBase--narrow-l--size-xl":"ButtonBase--narrow-l--size-xl__LYDGc","ButtonBase--narrow-l--is-icon-button-size-xl":"ButtonBase--narrow-l--is-icon-button-size-xl__2s9LK","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__jbaAB","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__UIpIh","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__62t1K","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__r2nuk","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__8uFFR","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__CkKxU","ButtonBase--medium-s--size-xs":"ButtonBase--medium-s--size-xs__u7Kp0","ButtonBase--medium-s--is-icon-button-size-xs":"ButtonBase--medium-s--is-icon-button-size-xs__cOdRd","ButtonBase--medium-s--size-s":"ButtonBase--medium-s--size-s__uRksZ","ButtonBase--medium-s--is-icon-button-size-s":"ButtonBase--medium-s--is-icon-button-size-s__zRxOl","ButtonBase--medium-s--size-m":"ButtonBase--medium-s--size-m__duOck","ButtonBase--medium-s--is-icon-button-size-m":"ButtonBase--medium-s--is-icon-button-size-m__fuXOy","ButtonBase--medium-s--size-l":"ButtonBase--medium-s--size-l__Q-pD5","ButtonBase--medium-s--is-icon-button-size-l":"ButtonBase--medium-s--is-icon-button-size-l__qxrPe","ButtonBase--medium-s--size-xl":"ButtonBase--medium-s--size-xl__YA9fY","ButtonBase--medium-s--is-icon-button-size-xl":"ButtonBase--medium-s--is-icon-button-size-xl__MsrBO","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__XpFoi","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__-IvSU","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__ZA4JC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__946RE","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__nNIDt","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__aAjgr","ButtonBase--medium-l--size-xs":"ButtonBase--medium-l--size-xs__F1Khc","ButtonBase--medium-l--is-icon-button-size-xs":"ButtonBase--medium-l--is-icon-button-size-xs__Zdx1R","ButtonBase--medium-l--size-s":"ButtonBase--medium-l--size-s__-d24-","ButtonBase--medium-l--is-icon-button-size-s":"ButtonBase--medium-l--is-icon-button-size-s__aU0C-","ButtonBase--medium-l--size-m":"ButtonBase--medium-l--size-m__sy5Ba","ButtonBase--medium-l--is-icon-button-size-m":"ButtonBase--medium-l--is-icon-button-size-m__i0Q9n","ButtonBase--medium-l--size-l":"ButtonBase--medium-l--size-l__6N-hW","ButtonBase--medium-l--is-icon-button-size-l":"ButtonBase--medium-l--is-icon-button-size-l__d3lcu","ButtonBase--medium-l--size-xl":"ButtonBase--medium-l--size-xl__dcKDz","ButtonBase--medium-l--is-icon-button-size-xl":"ButtonBase--medium-l--is-icon-button-size-xl__Uv8OQ","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__yo-U7","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__3ORQx","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__N9rbz","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__EFk6V","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__FMlot","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__Ak0TL","ButtonBase--wide-s--size-xs":"ButtonBase--wide-s--size-xs__1P6u0","ButtonBase--wide-s--is-icon-button-size-xs":"ButtonBase--wide-s--is-icon-button-size-xs__wKzds","ButtonBase--wide-s--size-s":"ButtonBase--wide-s--size-s__4tjeJ","ButtonBase--wide-s--is-icon-button-size-s":"ButtonBase--wide-s--is-icon-button-size-s__kCxEP","ButtonBase--wide-s--size-m":"ButtonBase--wide-s--size-m__hbKwx","ButtonBase--wide-s--is-icon-button-size-m":"ButtonBase--wide-s--is-icon-button-size-m__f3Nhn","ButtonBase--wide-s--size-l":"ButtonBase--wide-s--size-l__Wh6gM","ButtonBase--wide-s--is-icon-button-size-l":"ButtonBase--wide-s--is-icon-button-size-l__Hea7S","ButtonBase--wide-s--size-xl":"ButtonBase--wide-s--size-xl__TDm9a","ButtonBase--wide-s--is-icon-button-size-xl":"ButtonBase--wide-s--is-icon-button-size-xl__esIhV","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__ASjU0","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__hF4qT","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__glo8Q","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__W-O0C","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__b10zZ","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__-E8EY","ButtonBase--wide-l--size-xs":"ButtonBase--wide-l--size-xs__kHS9Z","ButtonBase--wide-l--is-icon-button-size-xs":"ButtonBase--wide-l--is-icon-button-size-xs__QbVcv","ButtonBase--wide-l--size-s":"ButtonBase--wide-l--size-s__CYShW","ButtonBase--wide-l--is-icon-button-size-s":"ButtonBase--wide-l--is-icon-button-size-s__gzfeW","ButtonBase--wide-l--size-m":"ButtonBase--wide-l--size-m__RbcmO","ButtonBase--wide-l--is-icon-button-size-m":"ButtonBase--wide-l--is-icon-button-size-m__qRd80","ButtonBase--wide-l--size-l":"ButtonBase--wide-l--size-l__2TbsS","ButtonBase--wide-l--is-icon-button-size-l":"ButtonBase--wide-l--is-icon-button-size-l__jNZM3","ButtonBase--wide-l--size-xl":"ButtonBase--wide-l--size-xl__dcdbH","ButtonBase--wide-l--is-icon-button-size-xl":"ButtonBase--wide-l--is-icon-button-size-xl__3q1LH","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__qXddN","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__ceEkB","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__OPxKX","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__dAxcc","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__tqGj-","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__cCSAh","ButtonBase--variant-primary":"ButtonBase--variant-primary__oSRJV","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__D7OCC","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__V0iju","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__APosz","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__5F1t-","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__MwFWM","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__oSJoa","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__juCHk","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__CZKvj","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__gX2sB","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__Hzaa5","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__cKsaN","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__pR3-X","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__O2HFh","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__CvLh8","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__mS0Le","ButtonBase--variant-plain":"ButtonBase--variant-plain__QQfSn","ButtonBase--variant-plain--dsInternalSimulation-hover":"ButtonBase--variant-plain--dsInternalSimulation-hover__4FVKR","ButtonBase--variant-plain--dsInternalSimulation-active":"ButtonBase--variant-plain--dsInternalSimulation-active__eOt0K","ButtonBase--variant-dangerous":"ButtonBase--variant-dangerous__EQxp-","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"ButtonBase--variant-dangerous--dsInternalSimulation-hover__qplLA","ButtonBase--variant-dangerous--dsInternalSimulation-active":"ButtonBase--variant-dangerous--dsInternalSimulation-active__y0P1N","ButtonBase--variant-critical":"ButtonBase--variant-critical__-t4Qu","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__iyVj2","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__2RACT","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__Hgon2","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__8ca7h","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__OxSu7","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__ZiZjl","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__Fy83L","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__88eK7","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__GHt9-","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__q-vvW","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__Nrl78","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__IGZDa","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__B6BAn","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__HXGA0","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__FCV-3","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__9yknJ","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__oX9GA","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__-HnsQ","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__8uk2D","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__plXXr","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__yDfE1","ButtonBase--variant-ai":"ButtonBase--variant-ai__iq9tW","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__78mV7","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__48Tn0","ButtonBase--no-wrap":"ButtonBase--no-wrap__8TMhQ"},z="ButtonBase",ot=n=>Object.prototype.hasOwnProperty.call(n,"selected"),v=({children:n,busy:i})=>{const l=[...q(w,z,["content"])],B=[...q(w,z,["busy"])];return t.jsxs(t.Fragment,{children:[t.jsx("span",{className:l.join(" "),children:n}),i&&t.jsx("span",{className:B.join(" "),children:t.jsx(J,{})})]})},T=c.forwardRef(function(i,l){const{id:B,variant:r=$,size:b=tt,fullWidth:V=!1,wrap:R=!1,href:N,download:j,opensInNewTab:F,nofollow:k,submitsForm:E,assistiveText:D,onClick:d,disabled:u,busy:e,isIconButton:h,as:p,url:A,a11yLabel:O,dataset:K,children:m,dsInternalSimulation:f,preplyDsComponent:H,className:L,...M}=i,{selected:P}=ot(i)?i:{selected:void 0},X=et(),y=c.useRef(null),x=Y(y,l),U=s=>{(u||e)&&s.preventDefault(),d==null||d(s)},Z=s=>{var C;const g=st(s.key);(g===" "||g==="Enter")&&(s.preventDefault(),(C=y.current)==null||C.click())},W=f==="focus"?a("dsInternalSimulation-focus",void 0,!0):o(`variant-${r}--dsInternalSimulation`,f),G=at(w,z,[W,o("variant",r),o("size",b),h?o("is-icon-button-size",b):[],a(void 0,"no-wrap",R),a("width-full","width-auto",V),a("is-busy",void 0,e),a("is-icon-button",void 0,h),a(`variant-${r}--is-selected`,void 0,P)]),S={...Q(M),...nt(K,{preplyDsComponent:H}),className:[...G,L].join(" "),"aria-label":D||O,onClick:U,disabled:u,"aria-disabled":u||e?!0:void 0,ref:x,id:B},_=N||A,I={...S,download:j,ref:x,role:"button",tabIndex:u?-1:0,href:_,onKeyDown:Z};return _?t.jsx("a",{...I,...it(X,_,F,k),children:v({children:m,busy:e})}):p?c.cloneElement(p,{...I},v({children:m,busy:e})):t.jsx("button",{...S,type:E?"submit":"button",children:v({children:m,busy:e})})});try{T.displayName="ButtonBase",T.__docgenInfo={description:"",displayName:"ButtonBase",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:null,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"'}]}},size:{defaultValue:null,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>"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isIconButton:{defaultValue:null,description:"",name:"isIconButton",required:!0,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
2
+
3
+ Allows rendering the button using a different React element or component.
4
+ This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
5
+ @example // Render as a react router link component
6
+ import { Link } from 'react-router-dom';
7
+
8
+ <ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{T as B};
@@ -1,7 +1,7 @@
1
- import{j as m}from"./jsx-runtime-BYouaCF_.js";import{r as a}from"./index-B3evPFBL.js";import{r as f}from"./render-icon-CVTdrNe-.js";import{f as C}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{u as H}from"./useMergeRefs-CeyIhNgY.js";import{m as M,s as T}from"./classNames-BUL1Zq7e.js";import{w as N}from"./componentNames-CVVyamkx.js";import{g as S}from"./index-DdzHuZ-Y.js";const j=({title:n,titleId:l,...t},e)=>a.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",viewBox:"0 0 14 2",xmlns:"http://www.w3.org/2000/svg",ref:e,"aria-labelledby":l,...t},n?a.createElement("title",{id:l},n):null,a.createElement("path",{d:"M0 0h14v2H0z"})),A=a.forwardRef(j),L=({title:n,titleId:l,...t},e)=>a.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",viewBox:"0 0 13 11",xmlns:"http://www.w3.org/2000/svg",ref:e,"aria-labelledby":l,...t},n?a.createElement("title",{id:l},n):null,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.923 10.101 0 6.18 1.179 5l2.744 2.744L11.667 0l1.178 1.179z"})),F=a.forwardRef(L),B="checkbox__-j3Cu",D="remove__Tu7KI",P="checkmark__-fsuM",d={checkbox:B,remove:D,checkmark:P,"checkbox--dsInternalSimulation-focus":"checkbox--dsInternalSimulation-focus__xJewg"};function O({ref:n,checked:l,onChange:t,indeterminate:e,onCheckedChange:r}){const u=a.useRef(null),i=H(u,n);a.useLayoutEffect(()=>{u.current&&typeof e=="boolean"&&(u.current.indeterminate=e)},[e]);const o=a.useCallback(s=>{t==null||t(s),typeof e=="boolean"&&(s.target.indeterminate=e),r==null||r(s.target.checked)},[t,e,r]);return{mergedRef:i,ariaChecked:e?"mixed":typeof l=="boolean"?l:void 0,onChangeHandler:o}}const p=a.forwardRef(function({id:l,name:t,checked:e,defaultChecked:r,indeterminate:u,onChange:i,onCheckedChange:o,hasError:c,disabled:s,required:v,"aria-label":b,"aria-labelledby":h,"aria-describedby":y,dataset:k,dsInternalSimulation:g,onBlur:x,onFocus:w,...q},I){const{mergedRef:R,onChangeHandler:E,ariaChecked:V}=O({ref:I,checked:e,onChange:i,indeterminate:u,onCheckedChange:o}),_=M(d,"checkbox",[T("dsInternalSimulation",g)]);return m.jsxs("div",{...C(q),className:_.join(" "),"data-preply-ds-component":N.Checkbox,children:[m.jsx("input",{id:l,name:t,type:"checkbox",required:v,disabled:s,checked:e,defaultChecked:r,"aria-checked":V,"aria-invalid":c===!0?!0:void 0,"aria-label":b,"aria-labelledby":h,"aria-describedby":y,onChange:E,ref:R,onBlur:x,onFocus:w,...S(k)}),f(F,{focusable:"false","aria-hidden":"true",className:d.checkmark}),f(A,{focusable:"false","aria-hidden":"true",className:d.remove})]})});try{p.displayName="Checkbox",p.__docgenInfo={description:"To make this accessible, you must label it using a `<label>` or `aria-label`:",displayName:"Checkbox",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
1
+ import{j as m}from"./jsx-runtime-BYouaCF_.js";import{r as a}from"./index-B3evPFBL.js";import{r as f}from"./render-icon-CVTdrNe-.js";import{f as C}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{u as H}from"./useMergeRefs-CeyIhNgY.js";import{m as M,s as T}from"./classNames-BUL1Zq7e.js";import{w as N}from"./componentNames-Ba2ybP0W.js";import{g as S}from"./index-DdzHuZ-Y.js";const j=({title:n,titleId:l,...t},e)=>a.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",viewBox:"0 0 14 2",xmlns:"http://www.w3.org/2000/svg",ref:e,"aria-labelledby":l,...t},n?a.createElement("title",{id:l},n):null,a.createElement("path",{d:"M0 0h14v2H0z"})),A=a.forwardRef(j),L=({title:n,titleId:l,...t},e)=>a.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",viewBox:"0 0 13 11",xmlns:"http://www.w3.org/2000/svg",ref:e,"aria-labelledby":l,...t},n?a.createElement("title",{id:l},n):null,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.923 10.101 0 6.18 1.179 5l2.744 2.744L11.667 0l1.178 1.179z"})),F=a.forwardRef(L),B="checkbox__-j3Cu",D="remove__Tu7KI",P="checkmark__-fsuM",d={checkbox:B,remove:D,checkmark:P,"checkbox--dsInternalSimulation-focus":"checkbox--dsInternalSimulation-focus__xJewg"};function O({ref:n,checked:l,onChange:t,indeterminate:e,onCheckedChange:r}){const u=a.useRef(null),i=H(u,n);a.useLayoutEffect(()=>{u.current&&typeof e=="boolean"&&(u.current.indeterminate=e)},[e]);const o=a.useCallback(s=>{t==null||t(s),typeof e=="boolean"&&(s.target.indeterminate=e),r==null||r(s.target.checked)},[t,e,r]);return{mergedRef:i,ariaChecked:e?"mixed":typeof l=="boolean"?l:void 0,onChangeHandler:o}}const p=a.forwardRef(function({id:l,name:t,checked:e,defaultChecked:r,indeterminate:u,onChange:i,onCheckedChange:o,hasError:c,disabled:s,required:v,"aria-label":b,"aria-labelledby":h,"aria-describedby":y,dataset:k,dsInternalSimulation:g,onBlur:x,onFocus:w,...q},I){const{mergedRef:R,onChangeHandler:E,ariaChecked:V}=O({ref:I,checked:e,onChange:i,indeterminate:u,onCheckedChange:o}),_=M(d,"checkbox",[T("dsInternalSimulation",g)]);return m.jsxs("div",{...C(q),className:_.join(" "),"data-preply-ds-component":N.Checkbox,children:[m.jsx("input",{id:l,name:t,type:"checkbox",required:v,disabled:s,checked:e,defaultChecked:r,"aria-checked":V,"aria-invalid":c===!0?!0:void 0,"aria-label":b,"aria-labelledby":h,"aria-describedby":y,onChange:E,ref:R,onBlur:x,onFocus:w,...S(k)}),f(F,{focusable:"false","aria-hidden":"true",className:d.checkmark}),f(A,{focusable:"false","aria-hidden":"true",className:d.remove})]})});try{p.displayName="Checkbox",p.__docgenInfo={description:"To make this accessible, you must label it using a `<label>` or `aria-label`:",displayName:"Checkbox",props:{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
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
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"}]}},hasError:{defaultValue:null,description:'Shows the component\'s error state, and sets `aria-invalid="true"` on the input element.',name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},indeterminate:{defaultValue:null,description:`Makes the component look indeterminate. Please note that the indeterminate state is parallel
4
+ @see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},hasError:{defaultValue:null,description:'Shows the component\'s error state, and sets `aria-invalid="true"` on the input element.',name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},indeterminate:{defaultValue:null,description:`Makes the component look indeterminate. Please note that the indeterminate state is parallel
5
5
  to che checked/unchecked state, meaning that a checkbox can be checked and indeterminate at
6
6
  the same time. it's up to you to handle the logic of when to set this prop.
7
7
 
@@ -1,4 +1,4 @@
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-CsXsO8bL.js";import{T as b}from"./Text-C3jprdij.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-CVVyamkx.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:`{
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-DFXsEeAm.js";import{T as b}from"./Text-DrH34jFe.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-Ba2ybP0W.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
2
  render: function Story() {
3
3
  return <div style={{
4
4
  display: 'flex',
@@ -1,4 +1,4 @@
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-hS-9HVfR.js";import{C as i}from"./Checkbox-CsXsO8bL.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-CVVyamkx.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:`{
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-DYI-etfB.js";import{C as i}from"./Checkbox-DFXsEeAm.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-Ba2ybP0W.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
2
  render: function Story() {
3
3
  return <Checkbox aria-label="checkboxLabel" aria-labelledby="checkboxLabelledby" aria-describedby="checkboxDescribedby" hasError />;
4
4
  },
@@ -1,4 +1,4 @@
1
- import{j as i}from"./jsx-runtime-BYouaCF_.js";import{F as z}from"./TokyoUIFav-DGbkVriC.js";import{a as b}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{r as p}from"./index-B3evPFBL.js";import{f as J,e as a,u as x}from"./index-DDyIDR-R.js";import{I as S}from"./Icon-D4cMo1we.js";import{f as K}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{u as X}from"./index-BfBdt3zW.js";import{g as G}from"./shared-strings-CcWGHelY.js";import{g as L}from"./index-DdzHuZ-Y.js";import{w as q}from"./componentNames-CVVyamkx.js";import"./v4-CtRu48qb.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./render-icon-CVTdrNe-.js";import"./defaults-B1rzzf6M.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";const Q="chips__Ztl9M",ee="chip__at7hU",C={chips:Q,chip:ee,"chip-toggle":"chip-toggle__pNz7e","chip-remove":"chip-remove__gfkjj"},te=({title:r,titleId:o,...s},t)=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":o,...s},r?p.createElement("title",{id:o},r):null,p.createElement("path",{fillRule:"evenodd",d:"M7.207 5.793a1 1 0 0 0-1.414 1.414L10.586 12l-4.793 4.793a1 1 0 1 0 1.414 1.414L12 13.414l4.793 4.793a1 1 0 0 0 1.414-1.414L13.414 12l4.793-4.793a1 1 0 0 0-1.414-1.414L12 10.586 7.207 5.793Z",clipRule:"evenodd"})),ie=p.forwardRef(te),l=({variant:r="choice",children:o,"aria-label":s,dataset:t})=>{const e={...t,variant:r};return i.jsx("ul",{"aria-label":s,className:C.chips,...L(e,{preplyDsComponent:q.Chips}),children:o})};l.Item=p.forwardRef(function({label:o,leadingSvgIcon:s,pressed:t,onToggle:e,onRemove:n,"aria-controls":c,dataset:u,...y},U){const{formatMessage:M}=X(),A=()=>e==null?void 0:e(!t),Y=n??A;return i.jsxs("li",{...K(y),ref:U,className:C.chip,...L(u,{preplyDsComponent:q.Chip}),children:[i.jsxs("button",{type:"button",className:C["chip-toggle"],"aria-pressed":t,"aria-controls":c,onClick:A,onKeyUp:Z=>{switch(Z.key){case"Backspace":case"Delete":if(!t)return;A();break}},children:[s&&i.jsx(S,{size:"24",svg:s}),o]}),i.jsx("button",{type:"button",className:C["chip-remove"],onClick:Y,"aria-label":M(G.remove),"aria-controls":c,children:i.jsx(S,{size:"24",svg:ie})})]})});try{l.displayName="Chips",l.__docgenInfo={description:"A Chips container.\n\nAdd `Chips.Item` children to render a list of Chips.",displayName:"Chips",props:{variant:{defaultValue:{value:"choice"},description:"The Chip list variant;\n- For simple checkbox-like behaviour, use `choice`.\n- For more complex filtering controls, use `filter`.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"choice"'},{value:'"filter"'}]}},"aria-label":{defaultValue:null,description:`Allows assistive technologies to correctly identify and announce
1
+ import{j as i}from"./jsx-runtime-BYouaCF_.js";import{F as z}from"./TokyoUIFav-DGbkVriC.js";import{a as b}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{r as p}from"./index-B3evPFBL.js";import{f as J,e as a,u as x}from"./index-DDyIDR-R.js";import{I as S}from"./Icon-D-t6qc3n.js";import{f as K}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{u as X}from"./index-BfBdt3zW.js";import{g as G}from"./shared-strings-CcWGHelY.js";import{g as L}from"./index-DdzHuZ-Y.js";import{w as q}from"./componentNames-Ba2ybP0W.js";import"./v4-CtRu48qb.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./render-icon-CVTdrNe-.js";import"./defaults-B1rzzf6M.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";const Q="chips__Ztl9M",ee="chip__at7hU",C={chips:Q,chip:ee,"chip-toggle":"chip-toggle__pNz7e","chip-remove":"chip-remove__gfkjj"},te=({title:r,titleId:o,...s},t)=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":o,...s},r?p.createElement("title",{id:o},r):null,p.createElement("path",{fillRule:"evenodd",d:"M7.207 5.793a1 1 0 0 0-1.414 1.414L10.586 12l-4.793 4.793a1 1 0 1 0 1.414 1.414L12 13.414l4.793 4.793a1 1 0 0 0 1.414-1.414L13.414 12l4.793-4.793a1 1 0 0 0-1.414-1.414L12 10.586 7.207 5.793Z",clipRule:"evenodd"})),ie=p.forwardRef(te),l=({variant:r="choice",children:o,"aria-label":s,dataset:t})=>{const e={...t,variant:r};return i.jsx("ul",{"aria-label":s,className:C.chips,...L(e,{preplyDsComponent:q.Chips}),children:o})};l.Item=p.forwardRef(function({label:o,leadingSvgIcon:s,pressed:t,onToggle:e,onRemove:n,"aria-controls":c,dataset:u,...y},U){const{formatMessage:M}=X(),A=()=>e==null?void 0:e(!t),Y=n??A;return i.jsxs("li",{...K(y),ref:U,className:C.chip,...L(u,{preplyDsComponent:q.Chip}),children:[i.jsxs("button",{type:"button",className:C["chip-toggle"],"aria-pressed":t,"aria-controls":c,onClick:A,onKeyUp:Z=>{switch(Z.key){case"Backspace":case"Delete":if(!t)return;A();break}},children:[s&&i.jsx(S,{size:"24",svg:s}),o]}),i.jsx("button",{type:"button",className:C["chip-remove"],onClick:Y,"aria-label":M(G.remove),"aria-controls":c,children:i.jsx(S,{size:"24",svg:ie})})]})});try{l.displayName="Chips",l.__docgenInfo={description:"A Chips container.\n\nAdd `Chips.Item` children to render a list of Chips.",displayName:"Chips",props:{variant:{defaultValue:{value:"choice"},description:"The Chip list variant;\n- For simple checkbox-like behaviour, use `choice`.\n- For more complex filtering controls, use `filter`.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"choice"'},{value:'"filter"'}]}},"aria-label":{defaultValue:null,description:`Allows assistive technologies to correctly identify and announce
2
2
  the Chip list.
3
3
  @example <Chips aria-label="tutor filter">
4
4
  // When the Chip below is in focus, screen readers may announce it as: