@preply/ds-docs 2.2.2 → 2.4.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 (157) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-DG5XDWWv.js → 00.LayoutFlex.stories-D9Mbli09.js} +1 -1
  2. package/dist/assets/{00.applications-D9LRSiJ2.js → 00.applications-h3eU30x1.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-Ckn8Ny70.js → 00.favicons.guide-BAXqiQQX.js} +1 -1
  4. package/dist/assets/{00.token-explorer-r_cr8B1c.js → 00.token-explorer-Dm9UX3N0.js} +8 -8
  5. package/dist/assets/{00.using-responsive-props-C6sHJ8kz.js → 00.using-responsive-props-CzuKWDWH.js} +1 -1
  6. package/dist/assets/01.semantic-tokens-BJHIZq-S.js +2 -0
  7. package/dist/assets/{01.using-shorthand-props-C9Ntfrh8.js → 01.using-shorthand-props-w68fjJ1S.js} +1 -1
  8. package/dist/assets/10.Combinations.stories-DpIFw2ZH.js +144 -0
  9. package/dist/assets/{10.fonts.guide-e6UD4uLu.js → 10.fonts.guide-Dy8ifEG0.js} +1 -1
  10. package/dist/assets/{10.ssr-CVR5x6k2.js → 10.ssr-CTf7FA6T.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-D-2_ljwo.js → 11.languageFont.explorer-CzzsAo_-.js} +4 -4
  12. package/dist/assets/{11.ssr.app-router-DCaas1Jg.js → 11.ssr.app-router-1a1bLSxS.js} +1 -1
  13. package/dist/assets/{20.libraries-DaFUTy97.js → 20.libraries-cfFMZ5jt.js} +1 -1
  14. package/dist/assets/30.icons.explorer-DkDUlAAs.js +73 -0
  15. package/dist/assets/{30.storybook-CNA1zJjZ.js → 30.storybook-Df7y_pEg.js} +1 -1
  16. package/dist/assets/40.illustrations.explorer-Cp-KWsVv.js +21 -0
  17. package/dist/assets/{90.advanced-CR3aXZf3.js → 90.advanced-hQWASLuO.js} +1 -1
  18. package/dist/assets/{AlertDialog.stories-CB_cqbh2.js → AlertDialog.stories-BYaM3Dmh.js} +1 -1
  19. package/dist/assets/Avatar-BhXAiEHx.js +1 -0
  20. package/dist/assets/Avatar-DB1aMzdM.js +6 -0
  21. package/dist/assets/{Avatar.stories--exyM3AW.js → Avatar.stories-DjqCRDPm.js} +1 -1
  22. package/dist/assets/{AvatarWithStatus.stories-DoxREpBO.js → AvatarWithStatus.stories-BZuSG4Su.js} +2 -2
  23. package/dist/assets/{Badge.stories-CkfGCM6P.js → Badge.stories-DUeSVdhy.js} +2 -2
  24. package/dist/assets/Box.stories-Nfk41bTN.js +44 -0
  25. package/dist/assets/{Button-Ua3wdhT5.js → Button-BwzVXfnD.js} +1 -1
  26. package/dist/assets/Button-DBRxFdD6.js +1 -0
  27. package/dist/assets/{Button.stories-Ch27R8oX.js → Button.stories-Ds7LLJCv.js} +1 -1
  28. package/dist/assets/ButtonBase-fjWfWc99.js +8 -0
  29. package/dist/assets/Checkbox-CLpuKQf1.js +10 -0
  30. package/dist/assets/{Checkbox.stories-D3hadrXr.js → Checkbox.stories-BpslrBRV.js} +1 -1
  31. package/dist/assets/Checkbox.tests.stories-CunSiMPy.js +137 -0
  32. package/dist/assets/{Chips.stories-DRsHKMsQ.js → Chips.stories-BpSsn1sj.js} +4 -4
  33. package/dist/assets/{Color-YHDXOIA2-B7l-M1yz.js → Color-YHDXOIA2-nYlMi6NW.js} +1 -1
  34. package/dist/assets/{Dialog.stories-DxdwCMLf.js → Dialog.stories-BjLQxUlw.js} +1 -1
  35. package/dist/assets/{DocsRenderer-CFRXHY34-CwOeTrS1.js → DocsRenderer-CFRXHY34-E44rqLii.js} +1 -1
  36. package/dist/assets/FieldButton-BcfNDhpZ.js +1 -0
  37. package/dist/assets/FieldButton.stories-DiyzxI51.js +1 -0
  38. package/dist/assets/{FieldLayout-BTyC7lWj.js → FieldLayout-Df4DLDsB.js} +1 -1
  39. package/dist/assets/{FieldLayout.stories-CuEj0T8M.js → FieldLayout.stories-XL0oFgId.js} +1 -1
  40. package/dist/assets/{FieldLayoutBase-F3pRKFiA.js → FieldLayoutBase-anE7xqIx.js} +2 -2
  41. package/dist/assets/Heading-Iho_snJl.js +2 -0
  42. package/dist/assets/{Heading.stories-D8_2U4kZ.js → Heading.stories-BmAkaflC.js} +1 -1
  43. package/dist/assets/Icon-BlrxZqIa.js +1 -0
  44. package/dist/assets/Icon-CzZtXwMO.js +8 -0
  45. package/dist/assets/{Icon-RSC-Vg8p_sFp.js → Icon-RSC-FCfhIsMz.js} +1 -1
  46. package/dist/assets/{Icon.stories-D8MBZIDN.js → Icon.stories-B1XRazs6.js} +1 -1
  47. package/dist/assets/{IconButton-BUDpAbUP.js → IconButton-BXhZQuQT.js} +1 -1
  48. package/dist/assets/InputText-DsxbN3CG.js +5 -0
  49. package/dist/assets/LayoutFlex-B25JvLRp.js +1 -0
  50. package/dist/assets/LayoutFlex-DVn5GUOH.js +1 -0
  51. package/dist/assets/{Text-BjBJEVRG.css → LayoutFlex-a_rYMhDk.css} +1 -1
  52. package/dist/assets/LayoutFlexItem-BoPow6tI.js +1 -0
  53. package/dist/assets/LayoutGrid-BPWOaksx.js +1 -0
  54. package/dist/assets/LayoutGrid.stories-DDK_v_6q.js +88 -0
  55. package/dist/assets/LayoutGridItem-DbVmH61j.js +1 -0
  56. package/dist/assets/{Link.stories-D970H-zX.js → Link.stories-BV1DTHIx.js} +6 -6
  57. package/dist/assets/Loader.stories-BtMhSe5v.js +37 -0
  58. package/dist/assets/{NumberField.stories-CmsQI4vK.js → NumberField.stories-DLUFUbhI.js} +2 -2
  59. package/dist/assets/{ObserveIntersection-DmUYWtw_.js → ObserveIntersection-X9T7s8C_.js} +1 -1
  60. package/dist/assets/{ObserveIntersection.stories-D9iSLGDs.js → ObserveIntersection.stories-CL2a-4JN.js} +1 -1
  61. package/dist/assets/{OnboardingTooltip-CBrKU8Xk.js → OnboardingTooltip-BPM5tdAw.js} +1 -1
  62. package/dist/assets/{OnboardingTooltip.stories-Co4Xw1ei.js → OnboardingTooltip.stories-Ddrm-Vy0.js} +1 -1
  63. package/dist/assets/{OnboardingTooltip.tests.stories-BNTOBN_G.js → OnboardingTooltip.tests.stories-BHVQqSnl.js} +1 -1
  64. package/dist/assets/{OnboardingTour-D3bCOYvo.js → OnboardingTour-CoyXtu8b.js} +1 -1
  65. package/dist/assets/{OnboardingTour.stories-IjbV5XsB.js → OnboardingTour.stories-vU8ghqhL.js} +2 -2
  66. package/dist/assets/{OnboardingTour.tests.stories-EupxMCzm.js → OnboardingTour.tests.stories-vXlx1Tk2.js} +1 -1
  67. package/dist/assets/PasswordField.stories-BGY7rjXV.js +203 -0
  68. package/dist/assets/PreplyLogo.stories-_fxAXZGE.js +97 -0
  69. package/dist/assets/{ProgressBar.stories-uMqhJXI-.js → ProgressBar.stories-BclbcX02.js} +1 -1
  70. package/dist/assets/{ProgressSteps.stories-CD8imjKH.js → ProgressSteps.stories-_F3izKgu.js} +1 -1
  71. package/dist/assets/SelectField.stories-_QOq1bZM.js +182 -0
  72. package/dist/assets/{ShowOnIntersection.stories-DkmJRWg7.js → ShowOnIntersection.stories-kLcUye2N.js} +1 -1
  73. package/dist/assets/{Steps-D250tL4K.js → Steps-Dhp0iBn3.js} +1 -1
  74. package/dist/assets/{Steps.stories-D87rOP2-.js → Steps.stories-Bte8vve5.js} +1 -1
  75. package/dist/assets/Text-C6Y3rIRK.js +1 -0
  76. package/dist/assets/{Text.stories-DGPV9-zq.js → Text.stories-X4B6SOqs.js} +1 -1
  77. package/dist/assets/TextField.stories-BNT31zf0.js +178 -0
  78. package/dist/assets/TextHighlighted-BzUuo56x.js +1 -0
  79. package/dist/assets/TextHighlighted.stories-BnvdwfAX.js +32 -0
  80. package/dist/assets/TextInline.stories-BlmLch3R.js +37 -0
  81. package/dist/assets/TextareaField.stories-DGd7H0kt.js +221 -0
  82. package/dist/assets/{Toast.stories-C11cgX_6.js → Toast.stories-BrR9WTSV.js} +1 -1
  83. package/dist/assets/{Tooltip.stories-Dq5PJhdA.js → Tooltip.stories-C5jfWW6M.js} +1 -1
  84. package/dist/assets/{Tooltip.tests.stories-Cie8T0vz.js → Tooltip.tests.stories-D6ZXwY8n.js} +1 -1
  85. package/dist/assets/{breakpoints-DUiEWk32.js → breakpoints-BRV2oI45.js} +1 -1
  86. package/dist/assets/{breakpoints-Kkq9QlyD.js → breakpoints-CZRP5Alm.js} +1 -1
  87. package/dist/assets/{breakpoints-BRdPP1TZ.js → breakpoints-sSFugu-b.js} +1 -1
  88. package/dist/assets/{changelog-cNICkEng.js → changelog-B1t0y4q9.js} +124 -110
  89. package/dist/assets/{entry-preview-1hDLzyVO.js → entry-preview-gixUDv64.js} +1 -1
  90. package/dist/assets/filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js +1 -0
  91. package/dist/assets/filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js +1 -0
  92. package/dist/assets/{getTokenVar-Dcfo1be_.js → getTokenVar-CybtM9M1.js} +1 -1
  93. package/dist/assets/{hover-BGigwCNJ.js → hover-BiJvfb0v.js} +1 -1
  94. package/dist/assets/{hover-Cyb6UrgY.js → hover-D4e5NPL-.js} +1 -1
  95. package/dist/assets/{hover-DtM1J8qe.js → hover-swm44S6H.js} +1 -1
  96. package/dist/assets/{iframe-BH3uiHBc.js → iframe-D-owUXoQ.js} +2 -2
  97. package/dist/assets/{index-Ck13yCbr.js → index-DR0BJ77C.js} +3 -3
  98. package/dist/assets/{index-BS21oJwQ.js → index-DaKSiyPo.js} +1 -1
  99. package/dist/assets/{intro-CSxtP1xn.js → intro-BmEWNarv.js} +1 -1
  100. package/dist/assets/{migrating-from-less-ippcIs1q.js → migrating-from-less-OVTYMVPH.js} +1 -1
  101. package/dist/assets/{playground.stories-DL5fpOBd.js → playground.stories-BXB-tnbw.js} +4 -4
  102. package/dist/assets/{preview-_3frqnfu.js → preview-DBV_6kXj.js} +1 -1
  103. package/dist/assets/{preview-CM4C4-L-.js → preview-DfxRAFJo.js} +2 -2
  104. package/dist/assets/{preview-D_fhqkVz.js → preview-_QLeU3Ae.js} +1 -1
  105. package/dist/assets/text-centered-C0V1O_Sd.js +1 -0
  106. package/dist/assets/{text-accent-CDvOoGdV.css → text-centered-fslmi4MP.css} +1 -1
  107. package/dist/assets/{tokens-xt6pG3U-.js → tokens-2b0Aegc5.js} +1 -1
  108. package/dist/assets/{tokens-CJ63pfRL.js → tokens-B5EFsLtR.js} +1 -1
  109. package/dist/assets/{tokens-C1MGvdIw.js → tokens-CvzHiOXz.js} +1 -1
  110. package/dist/assets/{usePortalElement-2c19axHO.js → usePortalElement-DnCZkF76.js} +1 -1
  111. package/dist/assets/useToken-BExS62AK.js +1 -0
  112. package/dist/assets/{welcome-CT5T3CAe.js → welcome-BjgujnHV.js} +1 -1
  113. package/dist/assets/{zeroheight-5br1IU2I.js → zeroheight-DeWlsak-.js} +1 -1
  114. package/dist/iframe.html +1 -1
  115. package/dist/preview-stats.json +1154 -1127
  116. package/dist/project.json +1 -1
  117. package/package.json +3 -3
  118. package/dist/assets/01.semantic-tokens-CrBTxkww.js +0 -2
  119. package/dist/assets/10.Combinations.stories-Ce5YVZgO.js +0 -144
  120. package/dist/assets/30.icons.explorer-C9gwiQSc.js +0 -72
  121. package/dist/assets/40.illustrations.explorer-CE4NkG7U.js +0 -21
  122. package/dist/assets/Avatar-CH0_UrRN.js +0 -6
  123. package/dist/assets/Avatar-Iyph9-aQ.js +0 -1
  124. package/dist/assets/Box.stories-BmdIAENY.js +0 -44
  125. package/dist/assets/Button-BzRWDefj.js +0 -1
  126. package/dist/assets/ButtonBase-D0ZIVzRq.js +0 -8
  127. package/dist/assets/Checkbox-BxvcX_wW.js +0 -10
  128. package/dist/assets/Checkbox.tests.stories-1YpjlZVu.js +0 -137
  129. package/dist/assets/FieldButton-CCz9-7Bu.js +0 -1
  130. package/dist/assets/FieldButton.stories-Cf4ZQ0zO.js +0 -1
  131. package/dist/assets/Heading-CQ-2lErO.js +0 -2
  132. package/dist/assets/Icon-CcRUbFZa.js +0 -1
  133. package/dist/assets/Icon-CsccYTZ-.js +0 -8
  134. package/dist/assets/InputText-D9JhNXoc.js +0 -5
  135. package/dist/assets/LayoutFlex-7DoB3s9X.css +0 -1
  136. package/dist/assets/LayoutFlex-BHnRSdTL.js +0 -1
  137. package/dist/assets/LayoutFlex-b2QXeA0z.js +0 -1
  138. package/dist/assets/LayoutFlexItem-CJkCBZ-T.js +0 -1
  139. package/dist/assets/LayoutGrid-CvUo6BcD.js +0 -1
  140. package/dist/assets/LayoutGrid.stories-SyasmoS3.js +0 -88
  141. package/dist/assets/LayoutGridItem-CxfS8XlV.js +0 -1
  142. package/dist/assets/Loader.stories-BYeEl9cb.js +0 -37
  143. package/dist/assets/PasswordField.stories-BF8iWcu_.js +0 -203
  144. package/dist/assets/PreplyLogo.stories-Cb304jZX.js +0 -97
  145. package/dist/assets/SelectField.stories-pGSDbpvG.js +0 -182
  146. package/dist/assets/Text-D7kiVARi.js +0 -1
  147. package/dist/assets/Text-QKoyPmSP.js +0 -1
  148. package/dist/assets/TextField.stories-CNsyGMQ7.js +0 -178
  149. package/dist/assets/TextHighlighted-DMdISSz2.js +0 -1
  150. package/dist/assets/TextHighlighted.stories-CbkTjtVw.js +0 -32
  151. package/dist/assets/TextInline.stories-DTtJTDzJ.js +0 -37
  152. package/dist/assets/TextareaField.stories-D6Ov6Kwe.js +0 -221
  153. package/dist/assets/filterHTMLAttributes-DYdLqcvH.js +0 -1
  154. package/dist/assets/filterHTMLAttributes-UOns5Q7s.js +0 -1
  155. package/dist/assets/text-accent-CZD2Hmtq.js +0 -1
  156. package/dist/assets/text-centered-Bk7GkK8R.js +0 -1
  157. package/dist/assets/text-centered-DN9XHxjM.css +0 -1
@@ -1,21 +0,0 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as l}from"./index-BN6VMYqa.js";import{M as a}from"./index-Ck13yCbr.js";import{L as e}from"./LayoutGrid-CvUo6BcD.js";import{d as c}from"./styled-components.browser.esm-BgpGX317.js";import{g as i}from"./getTokenVar-DU_DEzTd.js";import{s as u,c as p}from"./tokens-DXy5hgn5.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BH3uiHBc.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./classNames-BUL1Zq7e.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-DNAR_Nv2.js";import"./constants-DYYVurUY.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Y1T_IIlY.js";import"./constants-BgBLeZzp.js";const n=["https://static.preply.com/ds/illustrations/tokyo-ui/airplain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/arrows-multiple.svg","https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bar-graph.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/brain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bubbles.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/checkmark.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clock.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/confetti.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/dog.svg","https://static.preply.com/ds/illustrations/tokyo-ui/first-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/game-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started-down.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started.svg","https://static.preply.com/ds/illustrations/tokyo-ui/globe-spot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/great-homework.svg","https://static.preply.com/ds/illustrations/tokyo-ui/growth.svg","https://static.preply.com/ds/illustrations/tokyo-ui/guitar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-1.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/heart.svg","https://static.preply.com/ds/illustrations/tokyo-ui/it-guru.svg","https://static.preply.com/ds/illustrations/tokyo-ui/lamp-and-books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/language-flash-cards.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/open-book.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rising-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/star_coin.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/testing-the-water.svg","https://static.preply.com/ds/illustrations/tokyo-ui/three-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/thumbs-up.svg","https://static.preply.com/ds/illustrations/tokyo-ui/you-did-great-today.svg","https://static.preply.com/ds/illustrations/tokyo-ui/warning.svg"],y=c.div`
2
- padding: ${i(u[12])};
3
- -webkit-background-size: 50px 50px;
4
- -moz-background-size: 50px 50px;
5
- background-size: 50px 50px;
6
- background-color: ${i(p.background.tertiary)};
7
- background-image: linear-gradient(
8
- 45deg,
9
- ${i(p.background.secondary)} 25%,
10
- transparent 25%,
11
- transparent 50%,
12
- ${i(p.background.secondary)} 50%,
13
- ${i(p.background.secondary)} 75%,
14
- transparent 75%,
15
- transparent
16
- );
17
- `,m=({svgUrl:s})=>t.jsx("div",{style:{width:"80%"},children:t.jsxs("a",{href:s,target:"_blank",rel:"noreferrer",children:[s.replace("https://static.preply.com/ds/illustrations/tokyo-ui/",""),t.jsx("img",{src:s,alt:"TODO:"})]})}),d=()=>t.jsx(y,{children:t.jsx(e,{columns:["25% 25% 25% 25%"],gap:"xs",children:n.map(s=>t.jsx(m,{svgUrl:s},s))})});function r(s){const o={a:"a",h1:"h1",p:"p",...l(),...s.components};return t.jsxs(t.Fragment,{children:[t.jsx(a,{title:"Guides/Assets/Illustration Explorer"}),`
18
- `,t.jsx(o.h1,{id:"illustration-explorer",children:"Illustration Explorer"}),`
19
- `,t.jsxs(o.p,{children:["Don't see the illustration you're looking for? You can follow ",t.jsx(o.a,{href:"https://preply.atlassian.net/wiki/spaces/PDS/pages/4332584962/Hosting+new+illustration",rel:"nofollow",children:"this guide"}),` to upload it yourself, it's super easy! Or reach out to us in
20
- `,t.jsx(o.a,{href:"https://preply.slack.com/archives/C024EAEHP6V",rel:"nofollow",children:"#design-system-public"}),"."]}),`
21
- `,t.jsx(d,{})]})}function V(s={}){const{wrapper:o}={...l(),...s.components};return o?t.jsx(o,{...s,children:t.jsx(r,{...s})}):r(s)}export{V as default};
@@ -1,6 +0,0 @@
1
- import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as n}from"./index-Cb9e4tly.js";import{f as w}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as p,s as x,b as c}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-Y1T_IIlY.js";import{g as f}from"./index-DdzHuZ-Y.js";import{A as y}from"./constants--ewUoBsO.js";import{A as g}from"./defaults-B1rzzf6M.js";const h="Avatar__K41Tw",q={Avatar:h,"Avatar--size-2xs":"Avatar--size-2xs__DWVtx","Avatar--size-xs":"Avatar--size-xs__xsB9y","Avatar--size-s":"Avatar--size-s__lPG7y","Avatar--size-m":"Avatar--size-m__QjPnd","Avatar--size-l":"Avatar--size-l__cuADz","Avatar--size-xl":"Avatar--size-xl__22V2l","Avatar--size-24":"Avatar--size-24__hDb5G","Avatar--size-32":"Avatar--size-32__0goVI","Avatar--size-48":"Avatar--size-48__uGMSJ","Avatar--size-64":"Avatar--size-64__WD77O","Avatar--size-96":"Avatar--size-96__OxIe2","Avatar--size-160":"Avatar--size-160__8tEPo","Avatar--narrow-l--size-2xs":"Avatar--narrow-l--size-2xs__jljjM","Avatar--narrow-l--size-xs":"Avatar--narrow-l--size-xs__7B-jh","Avatar--narrow-l--size-s":"Avatar--narrow-l--size-s__RYetq","Avatar--narrow-l--size-m":"Avatar--narrow-l--size-m__zam12","Avatar--narrow-l--size-l":"Avatar--narrow-l--size-l__qOhX6","Avatar--narrow-l--size-xl":"Avatar--narrow-l--size-xl__DVXKH","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__L-54O","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__Mdeh3","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__1xNsg","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__ZQ5C-","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__DuZVB","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__PN1pX","Avatar--medium-s--size-2xs":"Avatar--medium-s--size-2xs__qTU6Z","Avatar--medium-s--size-xs":"Avatar--medium-s--size-xs__BSbO-","Avatar--medium-s--size-s":"Avatar--medium-s--size-s__B4jP8","Avatar--medium-s--size-m":"Avatar--medium-s--size-m__zLOqH","Avatar--medium-s--size-l":"Avatar--medium-s--size-l__5l0Bn","Avatar--medium-s--size-xl":"Avatar--medium-s--size-xl__bKrql","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__6--6m","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__7rlpv","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__R893D","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__x4N0d","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__1qdaO","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__z7IAl","Avatar--medium-l--size-2xs":"Avatar--medium-l--size-2xs__yBvjS","Avatar--medium-l--size-xs":"Avatar--medium-l--size-xs__MwYGW","Avatar--medium-l--size-s":"Avatar--medium-l--size-s__nmMyG","Avatar--medium-l--size-m":"Avatar--medium-l--size-m__gGguL","Avatar--medium-l--size-l":"Avatar--medium-l--size-l__aITY0","Avatar--medium-l--size-xl":"Avatar--medium-l--size-xl__mFm28","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__Ndkzw","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__3miIB","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__arPBB","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__aFQa7","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__eg03F","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fGJ7K","Avatar--wide-s--size-2xs":"Avatar--wide-s--size-2xs__NFYZ2","Avatar--wide-s--size-xs":"Avatar--wide-s--size-xs__HtdLJ","Avatar--wide-s--size-s":"Avatar--wide-s--size-s__EsekK","Avatar--wide-s--size-m":"Avatar--wide-s--size-m__BLcmN","Avatar--wide-s--size-l":"Avatar--wide-s--size-l__-BII-","Avatar--wide-s--size-xl":"Avatar--wide-s--size-xl__JEpuf","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__Ue7o0","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__hYoGY","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__Q9kzJ","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__vvQME","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__tVnz3","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__brJ59","Avatar--wide-l--size-2xs":"Avatar--wide-l--size-2xs__494a-","Avatar--wide-l--size-xs":"Avatar--wide-l--size-xs__x-qZ6","Avatar--wide-l--size-s":"Avatar--wide-l--size-s__gvL9N","Avatar--wide-l--size-m":"Avatar--wide-l--size-m__fLHkS","Avatar--wide-l--size-l":"Avatar--wide-l--size-l__HOWbG","Avatar--wide-l--size-xl":"Avatar--wide-l--size-xl__By2Ym","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__EMfbp","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__7bYZs","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__548Bt","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__5Ce08","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__-6w7Y","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__5ft-T","Avatar--round":"Avatar--round__ZDtGc"},s=n.forwardRef(function({size:r=g,round:t,src:v,alt:l="",dataset:m,crossOrigin:A,..._},d){const z=t??!0,u=p(q,e.Avatar,[x("size",r),c("round",void 0,z)]),o={...w(_),ref:d,className:u.join(" "),...f(m,{preplyDsComponent:e.Avatar})};return a.jsx("picture",{...o,children:a.jsx("img",{src:v||y,alt:l,crossOrigin:A})})});try{s.displayName="Avatar",s.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"xs"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<AvatarSize>"}]}},round:{defaultValue:null,description:"@deprecated this prop is deprecated and has no effect",name:"round",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},src:{defaultValue:null,description:`The avatar image URL.
2
- If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:{value:""},description:`A description of the image.
3
- This is recommended for accessibility purposes, specifically for users
4
- of screen readers.
5
- @example <Avatar src={...} alt="Foobar's profile" />`,name:"alt",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
6
- @example <Avatar dataset={{ 'qa-id': 'user-avatar' }} /> // will add data-qa-id="user-avatar" to the HTML element`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},crossOrigin:{defaultValue:null,description:"CORS policy for the image.",name:"crossOrigin",required:!1,type:{name:"enum",value:[{value:'""'},{value:'"anonymous"'},{value:'"use-credentials"'}]}}}}}catch{}export{s as A};
@@ -1 +0,0 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Cb9e4tly.js";import{f as o}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as u,s as n,b as x}from"./classNames-BUL1Zq7e.js";import{w as s}from"./componentNames-Y1T_IIlY.js";import{g as p}from"./index-DdzHuZ-Y.js";import{A as f}from"./constants--ewUoBsO.js";import{A as c}from"./defaults-B1rzzf6M.js";const N="Avatar__ENaap",C={Avatar:N,"Avatar--size-2xs":"Avatar--size-2xs__d2pNq","Avatar--size-xs":"Avatar--size-xs__hlQlf","Avatar--size-s":"Avatar--size-s__OXNzr","Avatar--size-m":"Avatar--size-m__4n3bp","Avatar--size-l":"Avatar--size-l__VHR4R","Avatar--size-xl":"Avatar--size-xl__AQlZ0","Avatar--size-24":"Avatar--size-24__ObR4y","Avatar--size-32":"Avatar--size-32__dN-5k","Avatar--size-48":"Avatar--size-48__ddqP8","Avatar--size-64":"Avatar--size-64__-Ju7I","Avatar--size-96":"Avatar--size-96__KgHP3","Avatar--size-160":"Avatar--size-160__KZ0Fc","Avatar--narrow-l--size-2xs":"Avatar--narrow-l--size-2xs__-PmgC","Avatar--narrow-l--size-xs":"Avatar--narrow-l--size-xs__RdTWx","Avatar--narrow-l--size-s":"Avatar--narrow-l--size-s__zwV93","Avatar--narrow-l--size-m":"Avatar--narrow-l--size-m__pW4--","Avatar--narrow-l--size-l":"Avatar--narrow-l--size-l__1pv2G","Avatar--narrow-l--size-xl":"Avatar--narrow-l--size-xl__vH5iG","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__qXCWM","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__qq9TP","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__h51Bn","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__LnrZ9","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__n3HEe","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__1zjWL","Avatar--medium-s--size-2xs":"Avatar--medium-s--size-2xs__qWyz5","Avatar--medium-s--size-xs":"Avatar--medium-s--size-xs__2e4Qo","Avatar--medium-s--size-s":"Avatar--medium-s--size-s__d0fm8","Avatar--medium-s--size-m":"Avatar--medium-s--size-m__ZHi66","Avatar--medium-s--size-l":"Avatar--medium-s--size-l__xxroc","Avatar--medium-s--size-xl":"Avatar--medium-s--size-xl__2QWlo","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__7-PF9","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__kS7dJ","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__7rHLm","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__eSycG","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__gMO59","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__VHYbX","Avatar--medium-l--size-2xs":"Avatar--medium-l--size-2xs__Kt93i","Avatar--medium-l--size-xs":"Avatar--medium-l--size-xs__BwpLG","Avatar--medium-l--size-s":"Avatar--medium-l--size-s__JjLGR","Avatar--medium-l--size-m":"Avatar--medium-l--size-m__L-KEk","Avatar--medium-l--size-l":"Avatar--medium-l--size-l__a53QC","Avatar--medium-l--size-xl":"Avatar--medium-l--size-xl__kUFUb","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__wkAJa","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__ZX2QH","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__17P3w","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__FpM1G","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__5-hlk","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fa-Bb","Avatar--wide-s--size-2xs":"Avatar--wide-s--size-2xs__1jiA7","Avatar--wide-s--size-xs":"Avatar--wide-s--size-xs__CwbZa","Avatar--wide-s--size-s":"Avatar--wide-s--size-s__DxpiN","Avatar--wide-s--size-m":"Avatar--wide-s--size-m__qn5xe","Avatar--wide-s--size-l":"Avatar--wide-s--size-l__4TPfZ","Avatar--wide-s--size-xl":"Avatar--wide-s--size-xl__NtVch","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__ggmeN","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__J7HvU","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__FDJLh","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__qE9HQ","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__yjySN","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__sQ83p","Avatar--wide-l--size-2xs":"Avatar--wide-l--size-2xs__BuADe","Avatar--wide-l--size-xs":"Avatar--wide-l--size-xs__g8Tfi","Avatar--wide-l--size-s":"Avatar--wide-l--size-s__qYwnP","Avatar--wide-l--size-m":"Avatar--wide-l--size-m__tMD4S","Avatar--wide-l--size-l":"Avatar--wide-l--size-l__M3npP","Avatar--wide-l--size-xl":"Avatar--wide-l--size-xl__-vkhW","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__lammM","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__hM5mX","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__mLV4a","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__uQV-R","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__nbICp","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__gRCi9","Avatar--round":"Avatar--round__Ndyn3"},R=w.forwardRef(function({size:i=c,round:a,src:r,alt:t="",dataset:A,crossOrigin:v,..._},z){const m=a??!0,l=u(C,s.Avatar,[n("size",i),x("round",void 0,m)]),d={...o(_),ref:z,className:l.join(" "),...p(A,{preplyDsComponent:s.Avatar})};return e.jsx("picture",{...d,children:e.jsx("img",{src:r||f,alt:t,crossOrigin:v})})});R.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'xs'",computed:!1},required:!1},alt:{defaultValue:{value:'""',computed:!1},required:!1}}};export{R as A};
@@ -1,44 +0,0 @@
1
- import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{H as b}from"./Heading-CQ-2lErO.js";import{L as B}from"./LayoutFlex-b2QXeA0z.js";import{T as _}from"./Text-QKoyPmSP.js";import{r as D}from"./index-Cb9e4tly.js";import{f as N}from"./filterHTMLAttributes-DYdLqcvH.js";import{g as O}from"./layout-relative.module-ed9bC4H4.js";import{m as H,s as u}from"./classNames-BUL1Zq7e.js";import{w as d}from"./componentNames-Y1T_IIlY.js";import{g as A}from"./index-DdzHuZ-Y.js";import{L as I,c as q,d as R}from"./defaults-B1rzzf6M.js";import{a as C,S as E}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./_commonjsHelpers-Cpj98o6Y.js";const U="Box__T6Fyt",j={Box:U,"Box--box-radius-none":"Box--box-radius-none__pVdTk","Box--box-radius-m":"Box--box-radius-m__alXKt","Box--box-radius-l":"Box--box-radius-l__ZQypL","Box--box-radius-2":"Box--box-radius-2__IXJHQ","Box--box-radius-4":"Box--box-radius-4__aoSlX","Box--box-radius-8":"Box--box-radius-8__-BuzF","Box--box-radius-0":"Box--box-radius-0__FWPBJ","Box--box-radius-12":"Box--box-radius-12__6r0bn","Box--box-radius-16":"Box--box-radius-16__n3666","Box--box-radius-24":"Box--box-radius-24__pxV3O","Box--box-radius-32":"Box--box-radius-32__2zn-K","Box--box-radius-48":"Box--box-radius-48__t8Iiq","Box--box-radius-64":"Box--box-radius-64__-zOC7","Box--box-radius-96":"Box--box-radius-96__ayuP-","Box--box-radius-160":"Box--box-radius-160__39X1p","Box--narrow-l--box-radius-none":"Box--narrow-l--box-radius-none__U1KRd","Box--narrow-l--box-radius-m":"Box--narrow-l--box-radius-m__EAz9A","Box--narrow-l--box-radius-l":"Box--narrow-l--box-radius-l__GEnkZ","Box--narrow-l--box-radius-2":"Box--narrow-l--box-radius-2__Cn0nB","Box--narrow-l--box-radius-4":"Box--narrow-l--box-radius-4__dXX4d","Box--narrow-l--box-radius-8":"Box--narrow-l--box-radius-8__c2qTs","Box--narrow-l--box-radius-0":"Box--narrow-l--box-radius-0__rbA8v","Box--narrow-l--box-radius-12":"Box--narrow-l--box-radius-12__-FrWF","Box--narrow-l--box-radius-16":"Box--narrow-l--box-radius-16__7yiZ2","Box--narrow-l--box-radius-24":"Box--narrow-l--box-radius-24__pgg5J","Box--narrow-l--box-radius-32":"Box--narrow-l--box-radius-32__ME019","Box--narrow-l--box-radius-48":"Box--narrow-l--box-radius-48__oIpGl","Box--narrow-l--box-radius-64":"Box--narrow-l--box-radius-64__i4ASw","Box--narrow-l--box-radius-96":"Box--narrow-l--box-radius-96__-5TfN","Box--narrow-l--box-radius-160":"Box--narrow-l--box-radius-160__JVHdy","Box--medium-s--box-radius-none":"Box--medium-s--box-radius-none__NI3b5","Box--medium-s--box-radius-m":"Box--medium-s--box-radius-m__98FY-","Box--medium-s--box-radius-l":"Box--medium-s--box-radius-l__RsLEh","Box--medium-s--box-radius-2":"Box--medium-s--box-radius-2__h-yhf","Box--medium-s--box-radius-4":"Box--medium-s--box-radius-4__YmbvG","Box--medium-s--box-radius-8":"Box--medium-s--box-radius-8__NOIeK","Box--medium-s--box-radius-0":"Box--medium-s--box-radius-0__6dX4D","Box--medium-s--box-radius-12":"Box--medium-s--box-radius-12__Gp9Nl","Box--medium-s--box-radius-16":"Box--medium-s--box-radius-16__Q-4Io","Box--medium-s--box-radius-24":"Box--medium-s--box-radius-24__FASgo","Box--medium-s--box-radius-32":"Box--medium-s--box-radius-32__WCrhN","Box--medium-s--box-radius-48":"Box--medium-s--box-radius-48__Cniaw","Box--medium-s--box-radius-64":"Box--medium-s--box-radius-64__PnAQM","Box--medium-s--box-radius-96":"Box--medium-s--box-radius-96__sGJpJ","Box--medium-s--box-radius-160":"Box--medium-s--box-radius-160__MURfX","Box--medium-l--box-radius-none":"Box--medium-l--box-radius-none__9i2B6","Box--medium-l--box-radius-m":"Box--medium-l--box-radius-m__-N-kx","Box--medium-l--box-radius-l":"Box--medium-l--box-radius-l__mNNXv","Box--medium-l--box-radius-2":"Box--medium-l--box-radius-2__cWx-n","Box--medium-l--box-radius-4":"Box--medium-l--box-radius-4__ibcr4","Box--medium-l--box-radius-8":"Box--medium-l--box-radius-8__zm-dC","Box--medium-l--box-radius-0":"Box--medium-l--box-radius-0__-HCNC","Box--medium-l--box-radius-12":"Box--medium-l--box-radius-12__DdmSM","Box--medium-l--box-radius-16":"Box--medium-l--box-radius-16__o3E1Q","Box--medium-l--box-radius-24":"Box--medium-l--box-radius-24__u-rLd","Box--medium-l--box-radius-32":"Box--medium-l--box-radius-32__wMKBz","Box--medium-l--box-radius-48":"Box--medium-l--box-radius-48__mMLoI","Box--medium-l--box-radius-64":"Box--medium-l--box-radius-64__OuZ5D","Box--medium-l--box-radius-96":"Box--medium-l--box-radius-96__6lzaZ","Box--medium-l--box-radius-160":"Box--medium-l--box-radius-160__bTscq","Box--wide-s--box-radius-none":"Box--wide-s--box-radius-none__eNUX-","Box--wide-s--box-radius-m":"Box--wide-s--box-radius-m__T0UnR","Box--wide-s--box-radius-l":"Box--wide-s--box-radius-l__kE31q","Box--wide-s--box-radius-2":"Box--wide-s--box-radius-2__FnsdM","Box--wide-s--box-radius-4":"Box--wide-s--box-radius-4__G4jL0","Box--wide-s--box-radius-8":"Box--wide-s--box-radius-8__7Mz6S","Box--wide-s--box-radius-0":"Box--wide-s--box-radius-0__H9zOa","Box--wide-s--box-radius-12":"Box--wide-s--box-radius-12__G2Ain","Box--wide-s--box-radius-16":"Box--wide-s--box-radius-16__or-lk","Box--wide-s--box-radius-24":"Box--wide-s--box-radius-24__xyysq","Box--wide-s--box-radius-32":"Box--wide-s--box-radius-32__a8VMC","Box--wide-s--box-radius-48":"Box--wide-s--box-radius-48__lD512","Box--wide-s--box-radius-64":"Box--wide-s--box-radius-64__SPNmy","Box--wide-s--box-radius-96":"Box--wide-s--box-radius-96__7Awl2","Box--wide-s--box-radius-160":"Box--wide-s--box-radius-160__sBOke","Box--wide-l--box-radius-none":"Box--wide-l--box-radius-none__YpNNw","Box--wide-l--box-radius-m":"Box--wide-l--box-radius-m__i6UjO","Box--wide-l--box-radius-l":"Box--wide-l--box-radius-l__NkLU0","Box--wide-l--box-radius-2":"Box--wide-l--box-radius-2__GYO54","Box--wide-l--box-radius-4":"Box--wide-l--box-radius-4__267az","Box--wide-l--box-radius-8":"Box--wide-l--box-radius-8__1hPOR","Box--wide-l--box-radius-0":"Box--wide-l--box-radius-0__HQ2Tn","Box--wide-l--box-radius-12":"Box--wide-l--box-radius-12__yXlB2","Box--wide-l--box-radius-16":"Box--wide-l--box-radius-16__gp8Ov","Box--wide-l--box-radius-24":"Box--wide-l--box-radius-24__n4VQK","Box--wide-l--box-radius-32":"Box--wide-l--box-radius-32__E-AbQ","Box--wide-l--box-radius-48":"Box--wide-l--box-radius-48__hUdT6","Box--wide-l--box-radius-64":"Box--wide-l--box-radius-64__mLXRM","Box--wide-l--box-radius-96":"Box--wide-l--box-radius-96__gMyZj","Box--wide-l--box-radius-160":"Box--wide-l--box-radius-160__dfjUF","Box--background-white":"Box--background-white__8bLtb","Box--background-gray-100":"Box--background-gray-100__caCCW","Box--background-gray-200":"Box--background-gray-200__lxnJm","Box--background-gray-300":"Box--background-gray-300__qfANs","Box--background-gray-400":"Box--background-gray-400__Ol1x4","Box--background-gray-500":"Box--background-gray-500__x0PFz","Box--background-gray-600":"Box--background-gray-600__uB-Hh","Box--background-teal-100":"Box--background-teal-100__8CUoI","Box--background-teal-200":"Box--background-teal-200__7picz","Box--background-teal-300":"Box--background-teal-300__T3rQI","Box--background-teal-400":"Box--background-teal-400__0B0--","Box--background-teal-500":"Box--background-teal-500__MdenY","Box--background-green-100":"Box--background-green-100__HeHgn","Box--background-green-200":"Box--background-green-200__1N2wh","Box--background-green-300":"Box--background-green-300__z8ERR","Box--background-green-400":"Box--background-green-400__-5sHz","Box--background-green-500":"Box--background-green-500__CtoHU","Box--background-yellow-100":"Box--background-yellow-100__nuCTl","Box--background-yellow-200":"Box--background-yellow-200__Gp-pF","Box--background-yellow-300":"Box--background-yellow-300__yjWLN","Box--background-yellow-400":"Box--background-yellow-400__1GTS5","Box--background-yellow-500":"Box--background-yellow-500__ihqqf","Box--background-red-100":"Box--background-red-100__mwv7-","Box--background-red-200":"Box--background-red-200__RIRGM","Box--background-red-300":"Box--background-red-300__HbjJU","Box--background-red-400":"Box--background-red-400__ptrch","Box--background-red-500":"Box--background-red-500__YwJPK","Box--background-blue-100":"Box--background-blue-100__vxcI9","Box--background-blue-200":"Box--background-blue-200__In8OS","Box--background-blue-300":"Box--background-blue-300__2mLHS","Box--background-blue-400":"Box--background-blue-400__g45Ks","Box--background-blue-500":"Box--background-blue-500__KXigt","Box--background-magenta-100":"Box--background-magenta-100__mgiT2","Box--background-magenta-200":"Box--background-magenta-200__NzaeL","Box--background-magenta-300":"Box--background-magenta-300__lCSib","Box--background-magenta-400":"Box--background-magenta-400__b9jnn","Box--background-magenta-500":"Box--background-magenta-500__8-Hxx","Box--background-primary":"Box--background-primary__00zVu","Box--background-secondary":"Box--background-secondary__hY7w0","Box--background-tertiary":"Box--background-tertiary__cIPge","Box--background-overlay":"Box--background-overlay__vbs8V","Box--background-disabled":"Box--background-disabled__81WYT","Box--background-brand":"Box--background-brand__2W0VB","Box--background-brandB2b":"Box--background-brandB2b__KQrLm","Box--background-accentLight":"Box--background-accentLight__x6RrQ","Box--background-accentDark":"Box--background-accentDark__agpDd","Box--background-positiveLight":"Box--background-positiveLight__67dRq","Box--background-positiveDark":"Box--background-positiveDark__lYghV","Box--background-infoLight":"Box--background-infoLight__u-TX4","Box--background-infoDark":"Box--background-infoDark__ud4qs","Box--background-warningLight":"Box--background-warningLight__JtSuS","Box--background-warningDark":"Box--background-warningDark__SIgOQ","Box--background-criticalLight":"Box--background-criticalLight__uPTDs","Box--background-criticalDark":"Box--background-criticalDark__12Zft","Box--background-statusOnline":"Box--background-statusOnline__5PZcQ","Box--background-statusOffline":"Box--background-statusOffline__Vh0CO","Box--background-primaryInverted":"Box--background-primaryInverted__TePy2","Box--background-secondaryInverted":"Box--background-secondaryInverted__tMytW","Box--background-tertiaryInverted":"Box--background-tertiaryInverted__K2wU5"},r=D.forwardRef(function({children:m,background:g,radius:v=q,padding:p=R,tag:k,dataset:w,...y},f){const h=H(j,d.Box,[u("box-radius",v),u("background",g)]),L=O(p),S=k??I,T=[...h,...L],P={...N(y),ref:f,className:T.join(" "),...A(w,{preplyDsComponent:d.Box})};return o.jsx(S,{...P,children:m})});try{r.displayName="Box",r.__docgenInfo={description:"A styleable container.\n\nUse this with `Layout*` components to create complex content containers.",displayName:"Box",props:{background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"disabled"'},{value:'"accentDark"'},{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'},{value:'"overlay"'},{value:'"brand"'},{value:'"brandB2b"'},{value:'"accentLight"'},{value:'"positiveLight"'},{value:'"positiveDark"'},{value:'"infoLight"'},{value:'"infoDark"'},{value:'"warningLight"'},{value:'"warningDark"'},{value:'"criticalLight"'},{value:'"criticalDark"'},{value:'"statusOnline"'},{value:'"statusOffline"'},{value:'"primaryInverted"'},{value:'"secondaryInverted"'},{value:'"tertiaryInverted"'}]}},radius:{defaultValue:{value:"m"},description:"",name:"radius",required:!1,type:{name:"enum",value:[{value:'"m"'},{value:'"l"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:"ResponsiveProp<BoxRadius>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},padding:{defaultValue:{value:"s"},description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"[BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding, BoxPadding]"},{value:"ResponsiveProp<ShortHand<Spacing> | ShortHand<BoxPadding>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ro={title:"components/Box",component:r,argTypes:{radius:{description:E},padding:{description:C}}},a=()=>o.jsx(r,{background:"positiveLight",children:o.jsxs(B,{gap:"xs",direction:"column",children:[o.jsx(b,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(_,{accent:"positive",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]})});a.storyName="Box";const e={parameters:{chromatic:{disableSnapshot:!0}},args:{background:void 0,radius:void 0,padding:void 0,children:o.jsxs(B,{gap:"16",direction:"column",children:[o.jsx(b,{variant:"large",tag:"h3",children:"Heading"}),o.jsx(_,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]}),dataset:{qaid:"box"}},argTypes:{children:{control:!1},dataset:{control:"object"}}};var i,x,s;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`() => <Box background="positiveLight">
2
- <LayoutFlex gap="xs" direction="column">
3
- <Heading level="h3" accent="positive">
4
- Heading
5
- </Heading>
6
- <Text accent="positive">
7
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit
8
- amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et
9
- vitae eros
10
- </Text>
11
- </LayoutFlex>
12
- </Box>`,...(s=(x=a.parameters)==null?void 0:x.docs)==null?void 0:s.source}}};var n,l,t;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
13
- parameters: {
14
- chromatic: {
15
- disableSnapshot: true
16
- }
17
- },
18
- args: {
19
- background: undefined,
20
- radius: undefined,
21
- padding: undefined,
22
- children: <LayoutFlex gap="16" direction="column">
23
- <Heading variant="large" tag="h3">
24
- Heading
25
- </Heading>
26
- <Text>
27
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare
28
- sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis
29
- posuere et vitae eros
30
- </Text>
31
- </LayoutFlex>,
32
- dataset: {
33
- qaid: 'box'
34
- }
35
- },
36
- argTypes: {
37
- children: {
38
- control: false
39
- },
40
- dataset: {
41
- control: 'object'
42
- }
43
- }
44
- }`,...(t=(l=e.parameters)==null?void 0:l.docs)==null?void 0:t.source}}};const uo=["Base","Playground"];export{a as Base,e as Playground,uo as __namedExportsOrder,ro as default};
@@ -1 +0,0 @@
1
- import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{g as le,a as oe}from"./text-accent-CZD2Hmtq.js";import{g as ue}from"./text-centered-Bk7GkK8R.js";import{f as M}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as S,s as m,b as d,a as p}from"./classNames-BUL1Zq7e.js";import{w as f}from"./componentNames-Y1T_IIlY.js";import{g as W,a as re}from"./index-DdzHuZ-Y.js";import{r as J}from"./render-icon-Du0nasoi.js";import{S as de,a as X,B as G}from"./defaults-B1rzzf6M.js";import{u as me}from"./useHostname-Y3PlXofY.js";import{m as Be}from"./index-CC6DAVyL.js";const _e="Heading__Lv13n",ge={Heading:_e,"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"},ve=i.forwardRef(function({children:e,variant:a,accent:n,level:l,large:u=!1,tag:r,color:B,centered:g,dataset:v,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=ue(g),C=le(!(n?void 0:B),n),N=oe(B),E=["preply-ds-heading",..._,...o,...C,...N],z={...M(c),className:E.join(" "),...W(v,{preplyDsComponent:f.Heading}),id:w,ref:x};return s.jsx(b,{...z,children:e})});ve.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const we="Spinner__U3f6H",ce="spin__6opuF",T={Spinner:we,"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:ce},ze=({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(ze),He=({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"})))),be=i.forwardRef(He),j="Spinner",pe=({size:t=de})=>{const e=S(T,j,[m("size",t)]),a=[...p(T,j,["animated"])],n=[...p(T,j,["static"])];return s.jsxs("span",{className:e.join(" "),children:[s.jsx("span",{className:a.join(" "),children:s.jsx(be,{})}),s.jsx("span",{className:n.join(" "),children:s.jsx(he,{})})]})},V=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)},fe=(t,e)=>i.useCallback(a=>{V(t,a),V(e,a)},[t,e]),Se="ButtonBase__lIl-s",R={"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(R,A,["content"])],n=[...p(R,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(pe,{})})]})},Q=i.forwardRef(function(e,a){const{variant:n=X,size:l=G,fullWidth:u=!1,wrap:r=!1,href:B,download:g,opensInNewTab:v,nofollow:w,submitsForm:c,assistiveText:x,onClick:b,disabled:_,busy:o,isIconButton:I,as:y,url:C,a11yLabel:N,dataset:E,children:z,dsInternalSimulation:Z,preplyDsComponent:Y,className:K,...$}=e,{selected:ee}=xe(e)?e:{selected:void 0},te=me(),P=i.useRef(null),U=fe(P,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=P.current)==null||O.click())},ne=Z==="focus"?d("dsInternalSimulation-focus",void 0,!0):m(`variant-${n}--dsInternalSimulation`,Z),se=S(R,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={...M($),...W(E,{preplyDsComponent:Y}),className:[...se,K].join(" "),"aria-label":x||N,onClick:ie,disabled:_,"aria-disabled":_||o?!0:void 0,ref:U},L=B||C,F={...D,download:g,ref:U,role:"button",tabIndex:_?-1:0,href:L,onKeyDown:ae};return L?s.jsx("a",{...F,...re(te,L,v,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=X,size:a=G,url:n,a11yLabel:l,leadingSvgIcon:u,trailingSvgIcon:r,children:B,...g},v){const w=!!u||!!r,c=S(H,f.Button,[m("size",a)]);return s.jsxs(Q,{...g,ref:v,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,ve as H,pe as S,Q as a,fe as u};
@@ -1,8 +0,0 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as _}from"./index-Cb9e4tly.js";import{S as G}from"./Spinner-B2C3RkCF.js";import{u as Q}from"./useMergeRefs-SFH7Mw4x.js";import{f as J}from"./filterHTMLAttributes-DYdLqcvH.js";import{a as Y,B as $}from"./defaults-B1rzzf6M.js";import{u as tt}from"./useHostname-Y3PlXofY.js";import{b as a,s as l,m as et,a as C}from"./classNames-BUL1Zq7e.js";import{g as at,a as nt}from"./index-DdzHuZ-Y.js";import{m as it}from"./index-CC6DAVyL.js";const st="ButtonBase__0qXGj",v={"button-width--width-full":"button-width--width-full__nxjVK","button-width--width-auto":"button-width--width-auto__CngVf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__rZc8T","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__Fs14X","button-width--medium-s--width-full":"button-width--medium-s--width-full__lb8XX","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__gtajp","button-width--medium-l--width-full":"button-width--medium-l--width-full__qOGDr","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__vFKgm","button-width--wide-s--width-full":"button-width--wide-s--width-full__5nhxD","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__J4Ht3","button-width--wide-l--width-full":"button-width--wide-l--width-full__Rsexc","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__k6Ctk",ButtonBase:st,"ButtonBase--content":"ButtonBase--content__ZEhK4","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__CDG-9","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__bebMj","ButtonBase--busy":"ButtonBase--busy__M2Cgo","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__xhIA9","ButtonBase--is-busy":"ButtonBase--is-busy__FT7vR","ButtonBase--width-full":"ButtonBase--width-full__0ENoK","ButtonBase--width-auto":"ButtonBase--width-auto__vwDOv","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__-H9pn","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__2i3td","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__sNHbR","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__6T6zO","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__FTcYM","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__KPNbM","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__YgEMT","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__nM-ia","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__CFPdD","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__6gGyZ","ButtonBase--size-xs":"ButtonBase--size-xs__-H91X","ButtonBase--is-icon-button-size-xs":"ButtonBase--is-icon-button-size-xs__EPZ9W","ButtonBase--size-s":"ButtonBase--size-s__lwe2R","ButtonBase--is-icon-button-size-s":"ButtonBase--is-icon-button-size-s__rDjsc","ButtonBase--size-m":"ButtonBase--size-m__VomvS","ButtonBase--is-icon-button-size-m":"ButtonBase--is-icon-button-size-m__XNsyO","ButtonBase--size-l":"ButtonBase--size-l__zpj7k","ButtonBase--is-icon-button-size-l":"ButtonBase--is-icon-button-size-l__ZW9LI","ButtonBase--size-xl":"ButtonBase--size-xl__Xpxy6","ButtonBase--is-icon-button-size-xl":"ButtonBase--is-icon-button-size-xl__wMWhi","ButtonBase--size-large":"ButtonBase--size-large__-OxgW","ButtonBase--size-medium":"ButtonBase--size-medium__YgQDT","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__AC6Cq","ButtonBase--size-small":"ButtonBase--size-small__UMBKe","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__hZmvi","ButtonBase--narrow-l--size-xs":"ButtonBase--narrow-l--size-xs__GRcw7","ButtonBase--narrow-l--is-icon-button-size-xs":"ButtonBase--narrow-l--is-icon-button-size-xs__GLth2","ButtonBase--narrow-l--size-s":"ButtonBase--narrow-l--size-s__pnGJC","ButtonBase--narrow-l--is-icon-button-size-s":"ButtonBase--narrow-l--is-icon-button-size-s__-l6X-","ButtonBase--narrow-l--size-m":"ButtonBase--narrow-l--size-m__D-uV5","ButtonBase--narrow-l--is-icon-button-size-m":"ButtonBase--narrow-l--is-icon-button-size-m__OXWKs","ButtonBase--narrow-l--size-l":"ButtonBase--narrow-l--size-l__TgiXj","ButtonBase--narrow-l--is-icon-button-size-l":"ButtonBase--narrow-l--is-icon-button-size-l__JnU0h","ButtonBase--narrow-l--size-xl":"ButtonBase--narrow-l--size-xl__LYDGc","ButtonBase--narrow-l--is-icon-button-size-xl":"ButtonBase--narrow-l--is-icon-button-size-xl__2s9LK","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__jbaAB","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__UIpIh","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__62t1K","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__r2nuk","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__8uFFR","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__CkKxU","ButtonBase--medium-s--size-xs":"ButtonBase--medium-s--size-xs__u7Kp0","ButtonBase--medium-s--is-icon-button-size-xs":"ButtonBase--medium-s--is-icon-button-size-xs__cOdRd","ButtonBase--medium-s--size-s":"ButtonBase--medium-s--size-s__uRksZ","ButtonBase--medium-s--is-icon-button-size-s":"ButtonBase--medium-s--is-icon-button-size-s__zRxOl","ButtonBase--medium-s--size-m":"ButtonBase--medium-s--size-m__duOck","ButtonBase--medium-s--is-icon-button-size-m":"ButtonBase--medium-s--is-icon-button-size-m__fuXOy","ButtonBase--medium-s--size-l":"ButtonBase--medium-s--size-l__Q-pD5","ButtonBase--medium-s--is-icon-button-size-l":"ButtonBase--medium-s--is-icon-button-size-l__qxrPe","ButtonBase--medium-s--size-xl":"ButtonBase--medium-s--size-xl__YA9fY","ButtonBase--medium-s--is-icon-button-size-xl":"ButtonBase--medium-s--is-icon-button-size-xl__MsrBO","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__XpFoi","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__-IvSU","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__ZA4JC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__946RE","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__nNIDt","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__aAjgr","ButtonBase--medium-l--size-xs":"ButtonBase--medium-l--size-xs__F1Khc","ButtonBase--medium-l--is-icon-button-size-xs":"ButtonBase--medium-l--is-icon-button-size-xs__Zdx1R","ButtonBase--medium-l--size-s":"ButtonBase--medium-l--size-s__-d24-","ButtonBase--medium-l--is-icon-button-size-s":"ButtonBase--medium-l--is-icon-button-size-s__aU0C-","ButtonBase--medium-l--size-m":"ButtonBase--medium-l--size-m__sy5Ba","ButtonBase--medium-l--is-icon-button-size-m":"ButtonBase--medium-l--is-icon-button-size-m__i0Q9n","ButtonBase--medium-l--size-l":"ButtonBase--medium-l--size-l__6N-hW","ButtonBase--medium-l--is-icon-button-size-l":"ButtonBase--medium-l--is-icon-button-size-l__d3lcu","ButtonBase--medium-l--size-xl":"ButtonBase--medium-l--size-xl__dcKDz","ButtonBase--medium-l--is-icon-button-size-xl":"ButtonBase--medium-l--is-icon-button-size-xl__Uv8OQ","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__yo-U7","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__3ORQx","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__N9rbz","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__EFk6V","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__FMlot","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__Ak0TL","ButtonBase--wide-s--size-xs":"ButtonBase--wide-s--size-xs__1P6u0","ButtonBase--wide-s--is-icon-button-size-xs":"ButtonBase--wide-s--is-icon-button-size-xs__wKzds","ButtonBase--wide-s--size-s":"ButtonBase--wide-s--size-s__4tjeJ","ButtonBase--wide-s--is-icon-button-size-s":"ButtonBase--wide-s--is-icon-button-size-s__kCxEP","ButtonBase--wide-s--size-m":"ButtonBase--wide-s--size-m__hbKwx","ButtonBase--wide-s--is-icon-button-size-m":"ButtonBase--wide-s--is-icon-button-size-m__f3Nhn","ButtonBase--wide-s--size-l":"ButtonBase--wide-s--size-l__Wh6gM","ButtonBase--wide-s--is-icon-button-size-l":"ButtonBase--wide-s--is-icon-button-size-l__Hea7S","ButtonBase--wide-s--size-xl":"ButtonBase--wide-s--size-xl__TDm9a","ButtonBase--wide-s--is-icon-button-size-xl":"ButtonBase--wide-s--is-icon-button-size-xl__esIhV","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__ASjU0","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__hF4qT","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__glo8Q","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__W-O0C","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__b10zZ","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__-E8EY","ButtonBase--wide-l--size-xs":"ButtonBase--wide-l--size-xs__kHS9Z","ButtonBase--wide-l--is-icon-button-size-xs":"ButtonBase--wide-l--is-icon-button-size-xs__QbVcv","ButtonBase--wide-l--size-s":"ButtonBase--wide-l--size-s__CYShW","ButtonBase--wide-l--is-icon-button-size-s":"ButtonBase--wide-l--is-icon-button-size-s__gzfeW","ButtonBase--wide-l--size-m":"ButtonBase--wide-l--size-m__RbcmO","ButtonBase--wide-l--is-icon-button-size-m":"ButtonBase--wide-l--is-icon-button-size-m__qRd80","ButtonBase--wide-l--size-l":"ButtonBase--wide-l--size-l__2TbsS","ButtonBase--wide-l--is-icon-button-size-l":"ButtonBase--wide-l--is-icon-button-size-l__jNZM3","ButtonBase--wide-l--size-xl":"ButtonBase--wide-l--size-xl__dcdbH","ButtonBase--wide-l--is-icon-button-size-xl":"ButtonBase--wide-l--is-icon-button-size-xl__3q1LH","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__qXddN","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__ceEkB","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__OPxKX","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__dAxcc","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__tqGj-","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__cCSAh","ButtonBase--variant-primary":"ButtonBase--variant-primary__oSRJV","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__D7OCC","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__V0iju","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__APosz","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__5F1t-","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__MwFWM","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__oSJoa","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__juCHk","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__CZKvj","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__gX2sB","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__Hzaa5","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__cKsaN","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__pR3-X","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__O2HFh","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__CvLh8","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__mS0Le","ButtonBase--variant-plain":"ButtonBase--variant-plain__QQfSn","ButtonBase--variant-plain--dsInternalSimulation-hover":"ButtonBase--variant-plain--dsInternalSimulation-hover__4FVKR","ButtonBase--variant-plain--dsInternalSimulation-active":"ButtonBase--variant-plain--dsInternalSimulation-active__eOt0K","ButtonBase--variant-dangerous":"ButtonBase--variant-dangerous__EQxp-","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"ButtonBase--variant-dangerous--dsInternalSimulation-hover__qplLA","ButtonBase--variant-dangerous--dsInternalSimulation-active":"ButtonBase--variant-dangerous--dsInternalSimulation-active__y0P1N","ButtonBase--variant-critical":"ButtonBase--variant-critical__-t4Qu","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__iyVj2","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__2RACT","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__Hgon2","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__8ca7h","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__OxSu7","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__ZiZjl","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__Fy83L","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__88eK7","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__GHt9-","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__q-vvW","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__Nrl78","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__IGZDa","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__B6BAn","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__HXGA0","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__FCV-3","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__9yknJ","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__oX9GA","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__-HnsQ","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__8uk2D","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__plXXr","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__yDfE1","ButtonBase--variant-ai":"ButtonBase--variant-ai__iq9tW","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__78mV7","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__48Tn0","ButtonBase--no-wrap":"ButtonBase--no-wrap__8TMhQ"},w="ButtonBase",ot=n=>Object.prototype.hasOwnProperty.call(n,"selected"),c=({children:n,busy:i})=>{const B=[...C(v,w,["content"])],s=[...C(v,w,["busy"])];return t.jsxs(t.Fragment,{children:[t.jsx("span",{className:B.join(" "),children:n}),i&&t.jsx("span",{className:s.join(" "),children:t.jsx(G,{})})]})},T=_.forwardRef(function(i,B){const{variant:s=Y,size:z=$,fullWidth:q=!1,wrap:V=!1,href:N,download:R,opensInNewTab:j,nofollow:F,submitsForm:k,assistiveText:E,onClick:r,disabled:u,busy:e,isIconButton:b,as:h,url:D,a11yLabel:O,dataset:A,children:m,dsInternalSimulation:p,preplyDsComponent:K,className:H,...L}=i,{selected:M}=ot(i)?i:{selected:void 0},X=tt(),f=_.useRef(null),y=Q(f,B),P=o=>{(u||e)&&o.preventDefault(),r==null||r(o)},U=o=>{var I;const g=it(o.key);(g===" "||g==="Enter")&&(o.preventDefault(),(I=f.current)==null||I.click())},Z=p==="focus"?a("dsInternalSimulation-focus",void 0,!0):l(`variant-${s}--dsInternalSimulation`,p),W=et(v,w,[Z,l("variant",s),l("size",z),b?l("is-icon-button-size",z):[],a(void 0,"no-wrap",V),a("width-full","width-auto",q),a("is-busy",void 0,e),a("is-icon-button",void 0,b),a(`variant-${s}--is-selected`,void 0,M)]),S={...J(L),...at(A,{preplyDsComponent:K}),className:[...W,H].join(" "),"aria-label":E||O,onClick:P,disabled:u,"aria-disabled":u||e?!0:void 0,ref:y},d=N||D,x={...S,download:R,ref:y,role:"button",tabIndex:u?-1:0,href:d,onKeyDown:U};return d?t.jsx("a",{...x,...nt(X,d,j,F),children:c({children:m,busy:e})}):h?_.cloneElement(h,{...x},c({children:m,busy:e})):t.jsx("button",{...S,type:k?"submit":"button",children:c({children:m,busy:e})})});try{T.displayName="ButtonBase",T.__docgenInfo={description:"",displayName:"ButtonBase",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{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,10 +0,0 @@
1
- import{j as m}from"./jsx-runtime-BTJTZTIL.js";import{r as a}from"./index-Cb9e4tly.js";import{r as f}from"./render-icon-BT0Aq7PA.js";import{f as C}from"./filterHTMLAttributes-DYdLqcvH.js";import{u as H}from"./useMergeRefs-SFH7Mw4x.js";import{m as M,s as T}from"./classNames-BUL1Zq7e.js";import{w as L}from"./componentNames-Y1T_IIlY.js";import{g as N}from"./index-DdzHuZ-Y.js";const S=({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"})),j=a.forwardRef(S),A=({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(A),D="checkbox__-j3Cu",B="remove__Tu7KI",O="checkmark__-fsuM",c={checkbox:D,remove:B,checkmark:O,"checkbox--dsInternalSimulation-focus":"checkbox--dsInternalSimulation-focus__xJewg"};function P({ref:n,checked:l,onChange:t,indeterminate:e,onCheckedChange:r}){const u=a.useRef(null),o=H(u,n);a.useLayoutEffect(()=>{u.current&&typeof e=="boolean"&&(u.current.indeterminate=e)},[e]);const i=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:o,ariaChecked:e?"mixed":typeof l=="boolean"?l:void 0,onChangeHandler:i}}const p=a.forwardRef(function({id:l,name:t,checked:e,defaultChecked:r,indeterminate:u,onChange:o,onCheckedChange:i,hasError:d,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:E,onChangeHandler:R,ariaChecked:V}=P({ref:I,checked:e,onChange:o,indeterminate:u,onCheckedChange:i}),_=M(c,"checkbox",[T("dsInternalSimulation",g)]);return m.jsxs("div",{...C(q),className:_.join(" "),"data-preply-ds-component":L.Checkbox,children:[m.jsx("input",{id:l,name:t,type:"checkbox",required:v,disabled:s,checked:e,defaultChecked:r,"aria-checked":V,"aria-invalid":d===!0?!0:void 0,"aria-label":b,"aria-labelledby":h,"aria-describedby":y,onChange:R,ref:E,onBlur:x,onFocus:w,...N(k)}),f(F,{focusable:"false","aria-hidden":"true",className:c.checkmark}),f(j,{focusable:"false","aria-hidden":"true",className:c.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:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},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.
2
- @see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
3
- @see aria-describedby.`,name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
4
- @see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},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
- to che checked/unchecked state, meaning that a checkbox can be checked and indeterminate at
6
- the same time. it's up to you to handle the logic of when to set this prop.
7
-
8
- If you're implementing a tri-state checkbox group, pleas refer to the
9
- {@link https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/|ARIA Checkbox Pattern}.`,name:"indeterminate",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onCheckedChange:{defaultValue:null,description:"",name:"onCheckedChange",required:!1,type:{name:"enum",value:[{value:"(checked: boolean) => void"}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
10
- @example <Checkbox dataset={{ 'qa-id': 'accept-conditions' }} /> // will add data-qa-id="accept-conditions" to the HTML element`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{p as C};
@@ -1,137 +0,0 @@
1
- import{j as q}from"./jsx-runtime-BTJTZTIL.js";import{f as He,a as Vt,e as w,u as oe,w as Ne}from"./index-BVDq5o4N.js";import{e as P}from"./index-Cb9e4tly.js";import{L as et}from"./LayoutFlex-b2QXeA0z.js";import{T as Wt}from"./Tooltip-MFjAgFhf.js";import{B as jt}from"./Button-Ua3wdhT5.js";import{C as ne}from"./Checkbox-BxvcX_wW.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./layout-relative.module-ed9bC4H4.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Y1T_IIlY.js";import"./index-BZcGM-EF.js";import"./PortalElementProvider-BRcRijdp.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-DOA2-rRC.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D0ZIVzRq.js";import"./Spinner-B2C3RkCF.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";var he=e=>e.type==="checkbox",re=e=>e instanceof Date,T=e=>e==null;const St=e=>typeof e=="object";var F=e=>!T(e)&&!Array.isArray(e)&&St(e)&&!re(e),qt=e=>F(e)&&e.target?he(e.target)?e.target.checked:e.target.value:e,zt=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,$t=(e,r)=>e.has(zt(r)),Kt=e=>{const r=e.constructor&&e.constructor.prototype;return F(r)&&r.hasOwnProperty("isPrototypeOf")},Ue=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function N(e){let r;const s=Array.isArray(e),a=typeof FileList<"u"?e instanceof FileList:!1;if(e instanceof Date)r=new Date(e);else if(e instanceof Set)r=new Set(e);else if(!(Ue&&(e instanceof Blob||a))&&(s||F(e)))if(r=s?[]:{},!s&&!Kt(e))r=e;else for(const c in e)e.hasOwnProperty(c)&&(r[c]=N(e[c]));else return e;return r}var Ce=e=>Array.isArray(e)?e.filter(Boolean):[],A=e=>e===void 0,y=(e,r,s)=>{if(!r||!F(e))return s;const a=Ce(r.split(/[,[\].]+?/)).reduce((c,n)=>T(c)?c:c[n],e);return A(a)||a===e?A(e[r])?s:e[r]:a},j=e=>typeof e=="boolean",Me=e=>/^\w*$/.test(e),Dt=e=>Ce(e.replace(/["|']|\]/g,"").split(/\.|\[/)),p=(e,r,s)=>{let a=-1;const c=Me(r)?[r]:Dt(r),n=c.length,f=n-1;for(;++a<n;){const h=c[a];let L=s;if(a!==f){const W=e[h];L=F(W)||Array.isArray(W)?W:isNaN(+c[a+1])?{}:[]}if(h==="__proto__"||h==="constructor"||h==="prototype")return;e[h]=L,e=e[h]}return e};const tt={BLUR:"blur",FOCUS_OUT:"focusout"},M={onBlur:"onBlur",onChange:"onChange",onSubmit:"onSubmit",onTouched:"onTouched",all:"all"},X={max:"max",min:"min",maxLength:"maxLength",minLength:"minLength",pattern:"pattern",required:"required",validate:"validate"};P.createContext(null);var Yt=(e,r,s,a=!0)=>{const c={defaultValues:r._defaultValues};for(const n in e)Object.defineProperty(c,n,{get:()=>{const f=n;return r._proxyFormState[f]!==M.all&&(r._proxyFormState[f]=!a||M.all),e[f]}});return c},I=e=>F(e)&&!Object.keys(e).length,Jt=(e,r,s,a)=>{s(e);const{name:c,...n}=e;return I(n)||Object.keys(n).length>=Object.keys(r).length||Object.keys(n).find(f=>r[f]===M.all)},Fe=e=>Array.isArray(e)?e:[e];function Qt(e){const r=P.useRef(e);r.current=e,P.useEffect(()=>{const s=!e.disabled&&r.current.subject&&r.current.subject.subscribe({next:r.current.next});return()=>{s&&s.unsubscribe()}},[e.disabled])}var $=e=>typeof e=="string",Xt=(e,r,s,a,c)=>$(e)?(a&&r.watch.add(e),y(s,e,c)):Array.isArray(e)?e.map(n=>(a&&r.watch.add(n),y(s,n))):(a&&(r.watchAll=!0),s),Zt=(e,r,s,a,c)=>r?{...s[e],types:{...s[e]&&s[e].types?s[e].types:{},[a]:c||!0}}:{},rt=e=>({isOnSubmit:!e||e===M.onSubmit,isOnBlur:e===M.onBlur,isOnChange:e===M.onChange,isOnAll:e===M.all,isOnTouch:e===M.onTouched}),st=(e,r,s)=>!s&&(r.watchAll||r.watch.has(e)||[...r.watch].some(a=>e.startsWith(a)&&/^\.\w+/.test(e.slice(a.length))));const ye=(e,r,s,a)=>{for(const c of s||Object.keys(e)){const n=y(e,c);if(n){const{_f:f,...h}=n;if(f){if(f.refs&&f.refs[0]&&r(f.refs[0],c)&&!a)return!0;if(f.ref&&r(f.ref,f.name)&&!a)return!0;if(ye(h,r))break}else if(F(h)&&ye(h,r))break}}};var Gt=(e,r,s)=>{const a=Fe(y(e,s));return p(a,"root",r[s]),p(e,s,a),e},We=e=>e.type==="file",z=e=>typeof e=="function",Ve=e=>{if(!Ue)return!1;const r=e?e.ownerDocument:0;return e instanceof(r&&r.defaultView?r.defaultView.HTMLElement:HTMLElement)},Ae=e=>$(e),je=e=>e.type==="radio",Se=e=>e instanceof RegExp;const it={value:!1,isValid:!1},at={value:!0,isValid:!0};var Ct=e=>{if(Array.isArray(e)){if(e.length>1){const r=e.filter(s=>s&&s.checked&&!s.disabled).map(s=>s.value);return{value:r,isValid:!!r.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!A(e[0].attributes.value)?A(e[0].value)||e[0].value===""?at:{value:e[0].value,isValid:!0}:at:it}return it};const ot={isValid:!1,value:null};var Et=e=>Array.isArray(e)?e.reduce((r,s)=>s&&s.checked&&!s.disabled?{isValid:!0,value:s.value}:r,ot):ot;function nt(e,r,s="validate"){if(Ae(e)||Array.isArray(e)&&e.every(Ae)||j(e)&&!e)return{type:s,message:Ae(e)?e:"",ref:r}}var ae=e=>F(e)&&!Se(e)?e:{value:e,message:""},ct=async(e,r,s,a,c,n)=>{const{ref:f,refs:h,required:L,maxLength:W,minLength:_,min:x,max:be,pattern:ge,validate:K,name:R,valueAsNumber:Y,mount:Z}=e._f,m=y(s,R);if(!Z||r.has(R))return{};const J=h?h[0]:f,Q=v=>{c&&J.reportValidity&&(J.setCustomValidity(j(v)?"":v||""),J.reportValidity())},V={},se=je(f),ve=he(f),te=se||ve,ie=(Y||We(f))&&A(f.value)&&A(m)||Ve(f)&&f.value===""||m===""||Array.isArray(m)&&!m.length,O=Zt.bind(null,R,a,V),xe=(v,k,S,B=X.maxLength,U=X.minLength)=>{const H=v?k:S;V[R]={type:v?B:U,message:H,ref:f,...O(v?B:U,H)}};if(n?!Array.isArray(m)||!m.length:L&&(!te&&(ie||T(m))||j(m)&&!m||ve&&!Ct(h).isValid||se&&!Et(h).isValid)){const{value:v,message:k}=Ae(L)?{value:!!L,message:L}:ae(L);if(v&&(V[R]={type:X.required,message:k,ref:J,...O(X.required,k)},!a))return Q(k),V}if(!ie&&(!T(x)||!T(be))){let v,k;const S=ae(be),B=ae(x);if(!T(m)&&!isNaN(m)){const U=f.valueAsNumber||m&&+m;T(S.value)||(v=U>S.value),T(B.value)||(k=U<B.value)}else{const U=f.valueAsDate||new Date(m),H=ue=>new Date(new Date().toDateString()+" "+ue),ce=f.type=="time",le=f.type=="week";$(S.value)&&m&&(v=ce?H(m)>H(S.value):le?m>S.value:U>new Date(S.value)),$(B.value)&&m&&(k=ce?H(m)<H(B.value):le?m<B.value:U<new Date(B.value))}if((v||k)&&(xe(!!v,S.message,B.message,X.max,X.min),!a))return Q(V[R].message),V}if((W||_)&&!ie&&($(m)||n&&Array.isArray(m))){const v=ae(W),k=ae(_),S=!T(v.value)&&m.length>+v.value,B=!T(k.value)&&m.length<+k.value;if((S||B)&&(xe(S,v.message,k.message),!a))return Q(V[R].message),V}if(ge&&!ie&&$(m)){const{value:v,message:k}=ae(ge);if(Se(v)&&!m.match(v)&&(V[R]={type:X.pattern,message:k,ref:f,...O(X.pattern,k)},!a))return Q(k),V}if(K){if(z(K)){const v=await K(m,s),k=nt(v,J);if(k&&(V[R]={...k,...O(X.validate,k.message)},!a))return Q(k.message),V}else if(F(K)){let v={};for(const k in K){if(!I(v)&&!a)break;const S=nt(await K[k](m,s),J,k);S&&(v={...S,...O(k,S.message)},Q(S.message),a&&(V[R]=v))}if(!I(v)&&(V[R]={ref:J,...v},!a))return V}}return Q(!0),V};function er(e,r){const s=r.slice(0,-1).length;let a=0;for(;a<s;)e=A(e)?a++:e[r[a++]];return e}function tr(e){for(const r in e)if(e.hasOwnProperty(r)&&!A(e[r]))return!1;return!0}function D(e,r){const s=Array.isArray(r)?r:Me(r)?[r]:Dt(r),a=s.length===1?e:er(e,s),c=s.length-1,n=s[c];return a&&delete a[n],c!==0&&(F(a)&&I(a)||Array.isArray(a)&&tr(a))&&D(e,s.slice(0,-1)),e}var Ie=()=>{let e=[];return{get observers(){return e},next:c=>{for(const n of e)n.next&&n.next(c)},subscribe:c=>(e.push(c),{unsubscribe:()=>{e=e.filter(n=>n!==c)}}),unsubscribe:()=>{e=[]}}},Pe=e=>T(e)||!St(e);function ee(e,r){if(Pe(e)||Pe(r))return e===r;if(re(e)&&re(r))return e.getTime()===r.getTime();const s=Object.keys(e),a=Object.keys(r);if(s.length!==a.length)return!1;for(const c of s){const n=e[c];if(!a.includes(c))return!1;if(c!=="ref"){const f=r[c];if(re(n)&&re(f)||F(n)&&F(f)||Array.isArray(n)&&Array.isArray(f)?!ee(n,f):n!==f)return!1}}return!0}var Bt=e=>e.type==="select-multiple",rr=e=>je(e)||he(e),Re=e=>Ve(e)&&e.isConnected,Tt=e=>{for(const r in e)if(z(e[r]))return!0;return!1};function De(e,r={}){const s=Array.isArray(e);if(F(e)||s)for(const a in e)Array.isArray(e[a])||F(e[a])&&!Tt(e[a])?(r[a]=Array.isArray(e[a])?[]:{},De(e[a],r[a])):T(e[a])||(r[a]=!0);return r}function Lt(e,r,s){const a=Array.isArray(e);if(F(e)||a)for(const c in e)Array.isArray(e[c])||F(e[c])&&!Tt(e[c])?A(r)||Pe(s[c])?s[c]=Array.isArray(e[c])?De(e[c],[]):{...De(e[c])}:Lt(e[c],T(r)?{}:r[c],s[c]):s[c]=!ee(e[c],r[c]);return s}var de=(e,r)=>Lt(e,r,De(r)),It=(e,{valueAsNumber:r,valueAsDate:s,setValueAs:a})=>A(e)?e:r?e===""?NaN:e&&+e:s&&$(e)?new Date(e):a?a(e):e;function Oe(e){const r=e.ref;return We(r)?r.files:je(r)?Et(e.refs).value:Bt(r)?[...r.selectedOptions].map(({value:s})=>s):he(r)?Ct(e.refs).value:It(A(r.value)?e.ref.value:r.value,e)}var sr=(e,r,s,a)=>{const c={};for(const n of e){const f=y(r,n);f&&p(c,n,f._f)}return{criteriaMode:s,names:[...e],fields:c,shouldUseNativeValidation:a}},fe=e=>A(e)?e:Se(e)?e.source:F(e)?Se(e.value)?e.value.source:e.value:e;const lt="AsyncFunction";var ir=e=>!!e&&!!e.validate&&!!(z(e.validate)&&e.validate.constructor.name===lt||F(e.validate)&&Object.values(e.validate).find(r=>r.constructor.name===lt)),ar=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate);function ut(e,r,s){const a=y(e,s);if(a||Me(s))return{error:a,name:s};const c=s.split(".");for(;c.length;){const n=c.join("."),f=y(r,n),h=y(e,n);if(f&&!Array.isArray(f)&&s!==n)return{name:s};if(h&&h.type)return{name:n,error:h};c.pop()}return{name:s}}var or=(e,r,s,a,c)=>c.isOnAll?!1:!s&&c.isOnTouch?!(r||e):(s?a.isOnBlur:c.isOnBlur)?!e:(s?a.isOnChange:c.isOnChange)?e:!0,nr=(e,r)=>!Ce(y(e,r)).length&&D(e,r);const cr={mode:M.onSubmit,reValidateMode:M.onChange,shouldFocusError:!0};function lr(e={}){let r={...cr,...e},s={submitCount:0,isDirty:!1,isLoading:z(r.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:r.errors||{},disabled:r.disabled||!1},a={},c=F(r.defaultValues)||F(r.values)?N(r.defaultValues||r.values)||{}:{},n=r.shouldUnregister?{}:N(c),f={action:!1,mount:!1,watch:!1},h={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},L,W=0;const _={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},x={values:Ie(),array:Ie(),state:Ie()},be=rt(r.mode),ge=rt(r.reValidateMode),K=r.criteriaMode===M.all,R=t=>i=>{clearTimeout(W),W=setTimeout(t,i)},Y=async t=>{if(!r.disabled&&(_.isValid||t)){const i=r.resolver?I((await te()).errors):await O(a,!0);i!==s.isValid&&x.state.next({isValid:i})}},Z=(t,i)=>{!r.disabled&&(_.isValidating||_.validatingFields)&&((t||Array.from(h.mount)).forEach(o=>{o&&(i?p(s.validatingFields,o,i):D(s.validatingFields,o))}),x.state.next({validatingFields:s.validatingFields,isValidating:!I(s.validatingFields)}))},m=(t,i=[],o,d,u=!0,l=!0)=>{if(d&&o&&!r.disabled){if(f.action=!0,l&&Array.isArray(y(a,t))){const b=o(y(a,t),d.argA,d.argB);u&&p(a,t,b)}if(l&&Array.isArray(y(s.errors,t))){const b=o(y(s.errors,t),d.argA,d.argB);u&&p(s.errors,t,b),nr(s.errors,t)}if(_.touchedFields&&l&&Array.isArray(y(s.touchedFields,t))){const b=o(y(s.touchedFields,t),d.argA,d.argB);u&&p(s.touchedFields,t,b)}_.dirtyFields&&(s.dirtyFields=de(c,n)),x.state.next({name:t,isDirty:v(t,i),dirtyFields:s.dirtyFields,errors:s.errors,isValid:s.isValid})}else p(n,t,i)},J=(t,i)=>{p(s.errors,t,i),x.state.next({errors:s.errors})},Q=t=>{s.errors=t,x.state.next({errors:s.errors,isValid:!1})},V=(t,i,o,d)=>{const u=y(a,t);if(u){const l=y(n,t,A(o)?y(c,t):o);A(l)||d&&d.defaultChecked||i?p(n,t,i?l:Oe(u._f)):B(t,l),f.mount&&Y()}},se=(t,i,o,d,u)=>{let l=!1,b=!1;const g={name:t};if(!r.disabled){const C=!!(y(a,t)&&y(a,t)._f&&y(a,t)._f.disabled);if(!o||d){_.isDirty&&(b=s.isDirty,s.isDirty=g.isDirty=v(),l=b!==g.isDirty);const E=C||ee(y(c,t),i);b=!!(!C&&y(s.dirtyFields,t)),E||C?D(s.dirtyFields,t):p(s.dirtyFields,t,!0),g.dirtyFields=s.dirtyFields,l=l||_.dirtyFields&&b!==!E}if(o){const E=y(s.touchedFields,t);E||(p(s.touchedFields,t,o),g.touchedFields=s.touchedFields,l=l||_.touchedFields&&E!==o)}l&&u&&x.state.next(g)}return l?g:{}},ve=(t,i,o,d)=>{const u=y(s.errors,t),l=_.isValid&&j(i)&&s.isValid!==i;if(r.delayError&&o?(L=R(()=>J(t,o)),L(r.delayError)):(clearTimeout(W),L=null,o?p(s.errors,t,o):D(s.errors,t)),(o?!ee(u,o):u)||!I(d)||l){const b={...d,...l&&j(i)?{isValid:i}:{},errors:s.errors,name:t};s={...s,...b},x.state.next(b)}},te=async t=>{Z(t,!0);const i=await r.resolver(n,r.context,sr(t||h.mount,a,r.criteriaMode,r.shouldUseNativeValidation));return Z(t),i},ie=async t=>{const{errors:i}=await te(t);if(t)for(const o of t){const d=y(i,o);d?p(s.errors,o,d):D(s.errors,o)}else s.errors=i;return i},O=async(t,i,o={valid:!0})=>{for(const d in t){const u=t[d];if(u){const{_f:l,...b}=u;if(l){const g=h.array.has(l.name),C=u._f&&ir(u._f);C&&_.validatingFields&&Z([d],!0);const E=await ct(u,h.disabled,n,K,r.shouldUseNativeValidation&&!i,g);if(C&&_.validatingFields&&Z([d]),E[l.name]&&(o.valid=!1,i))break;!i&&(y(E,l.name)?g?Gt(s.errors,E,l.name):p(s.errors,l.name,E[l.name]):D(s.errors,l.name))}!I(b)&&await O(b,i,o)}}return o.valid},xe=()=>{for(const t of h.unMount){const i=y(a,t);i&&(i._f.refs?i._f.refs.every(o=>!Re(o)):!Re(i._f.ref))&&Ee(t)}h.unMount=new Set},v=(t,i)=>!r.disabled&&(t&&i&&p(n,t,i),!ee(qe(),c)),k=(t,i,o)=>Xt(t,h,{...f.mount?n:A(i)?c:$(t)?{[t]:i}:i},o,i),S=t=>Ce(y(f.mount?n:c,t,r.shouldUnregister?y(c,t,[]):[])),B=(t,i,o={})=>{const d=y(a,t);let u=i;if(d){const l=d._f;l&&(!l.disabled&&p(n,t,It(i,l)),u=Ve(l.ref)&&T(i)?"":i,Bt(l.ref)?[...l.ref.options].forEach(b=>b.selected=u.includes(b.value)):l.refs?he(l.ref)?l.refs.length>1?l.refs.forEach(b=>(!b.defaultChecked||!b.disabled)&&(b.checked=Array.isArray(u)?!!u.find(g=>g===b.value):u===b.value)):l.refs[0]&&(l.refs[0].checked=!!u):l.refs.forEach(b=>b.checked=b.value===u):We(l.ref)?l.ref.value="":(l.ref.value=u,l.ref.type||x.values.next({name:t,values:{...n}})))}(o.shouldDirty||o.shouldTouch)&&se(t,u,o.shouldTouch,o.shouldDirty,!0),o.shouldValidate&&ue(t)},U=(t,i,o)=>{for(const d in i){const u=i[d],l=`${t}.${d}`,b=y(a,l);(h.array.has(t)||F(u)||b&&!b._f)&&!re(u)?U(l,u,o):B(l,u,o)}},H=(t,i,o={})=>{const d=y(a,t),u=h.array.has(t),l=N(i);p(n,t,l),u?(x.array.next({name:t,values:{...n}}),(_.isDirty||_.dirtyFields)&&o.shouldDirty&&x.state.next({name:t,dirtyFields:de(c,n),isDirty:v(t,l)})):d&&!d._f&&!T(l)?U(t,l,o):B(t,l,o),st(t,h)&&x.state.next({...s}),x.values.next({name:f.mount?t:void 0,values:{...n}})},ce=async t=>{f.mount=!0;const i=t.target;let o=i.name,d=!0;const u=y(a,o),l=()=>i.type?Oe(u._f):qt(t),b=g=>{d=Number.isNaN(g)||re(g)&&isNaN(g.getTime())||ee(g,y(n,o,g))};if(u){let g,C;const E=l(),G=t.type===tt.BLUR||t.type===tt.FOCUS_OUT,Pt=!ar(u._f)&&!r.resolver&&!y(s.errors,o)&&!u._f.deps||or(G,y(s.touchedFields,o),s.isSubmitted,ge,be),Te=st(o,h,G);p(n,o,E),G?(u._f.onBlur&&u._f.onBlur(t),L&&L(0)):u._f.onChange&&u._f.onChange(t);const Le=se(o,E,G,!1),Ut=!I(Le)||Te;if(!G&&x.values.next({name:o,type:t.type,values:{...n}}),Pt)return _.isValid&&(r.mode==="onBlur"&&G?Y():G||Y()),Ut&&x.state.next({name:o,...Te?{}:Le});if(!G&&Te&&x.state.next({...s}),r.resolver){const{errors:Ze}=await te([o]);if(b(E),d){const Mt=ut(s.errors,a,o),Ge=ut(Ze,a,Mt.name||o);g=Ge.error,o=Ge.name,C=I(Ze)}}else Z([o],!0),g=(await ct(u,h.disabled,n,K,r.shouldUseNativeValidation))[o],Z([o]),b(E),d&&(g?C=!1:_.isValid&&(C=await O(a,!0)));d&&(u._f.deps&&ue(u._f.deps),ve(o,C,g,Le))}},le=(t,i)=>{if(y(s.errors,i)&&t.focus)return t.focus(),1},ue=async(t,i={})=>{let o,d;const u=Fe(t);if(r.resolver){const l=await ie(A(t)?t:u);o=I(l),d=t?!u.some(b=>y(l,b)):o}else t?(d=(await Promise.all(u.map(async l=>{const b=y(a,l);return await O(b&&b._f?{[l]:b}:b)}))).every(Boolean),!(!d&&!s.isValid)&&Y()):d=o=await O(a);return x.state.next({...!$(t)||_.isValid&&o!==s.isValid?{}:{name:t},...r.resolver||!t?{isValid:o}:{},errors:s.errors}),i.shouldFocus&&!d&&ye(a,le,t?u:h.mount),d},qe=t=>{const i={...f.mount?n:c};return A(t)?i:$(t)?y(i,t):t.map(o=>y(i,o))},ze=(t,i)=>({invalid:!!y((i||s).errors,t),isDirty:!!y((i||s).dirtyFields,t),error:y((i||s).errors,t),isValidating:!!y(s.validatingFields,t),isTouched:!!y((i||s).touchedFields,t)}),Rt=t=>{t&&Fe(t).forEach(i=>D(s.errors,i)),x.state.next({errors:t?s.errors:{}})},$e=(t,i,o)=>{const d=(y(a,t,{_f:{}})._f||{}).ref,u=y(s.errors,t)||{},{ref:l,message:b,type:g,...C}=u;p(s.errors,t,{...C,...i,ref:d}),x.state.next({name:t,errors:s.errors,isValid:!1}),o&&o.shouldFocus&&d&&d.focus&&d.focus()},Ot=(t,i)=>z(t)?x.values.subscribe({next:o=>t(k(void 0,i),o)}):k(t,i,!0),Ee=(t,i={})=>{for(const o of t?Fe(t):h.mount)h.mount.delete(o),h.array.delete(o),i.keepValue||(D(a,o),D(n,o)),!i.keepError&&D(s.errors,o),!i.keepDirty&&D(s.dirtyFields,o),!i.keepTouched&&D(s.touchedFields,o),!i.keepIsValidating&&D(s.validatingFields,o),!r.shouldUnregister&&!i.keepDefaultValue&&D(c,o);x.values.next({values:{...n}}),x.state.next({...s,...i.keepDirty?{isDirty:v()}:{}}),!i.keepIsValid&&Y()},Ke=({disabled:t,name:i,field:o,fields:d})=>{(j(t)&&f.mount||t||h.disabled.has(i))&&(t?h.disabled.add(i):h.disabled.delete(i),se(i,Oe(o?o._f:y(d,i)._f),!1,!1,!0))},Be=(t,i={})=>{let o=y(a,t);const d=j(i.disabled)||j(r.disabled);return p(a,t,{...o||{},_f:{...o&&o._f?o._f:{ref:{name:t}},name:t,mount:!0,...i}}),h.mount.add(t),o?Ke({field:o,disabled:j(i.disabled)?i.disabled:r.disabled,name:t}):V(t,!0,i.value),{...d?{disabled:i.disabled||r.disabled}:{},...r.progressive?{required:!!i.required,min:fe(i.min),max:fe(i.max),minLength:fe(i.minLength),maxLength:fe(i.maxLength),pattern:fe(i.pattern)}:{},name:t,onChange:ce,onBlur:ce,ref:u=>{if(u){Be(t,i),o=y(a,t);const l=A(u.value)&&u.querySelectorAll&&u.querySelectorAll("input,select,textarea")[0]||u,b=rr(l),g=o._f.refs||[];if(b?g.find(C=>C===l):l===o._f.ref)return;p(a,t,{_f:{...o._f,...b?{refs:[...g.filter(Re),l,...Array.isArray(y(c,t))?[{}]:[]],ref:{type:l.type,name:t}}:{ref:l}}}),V(t,!1,void 0,l)}else o=y(a,t,{}),o._f&&(o._f.mount=!1),(r.shouldUnregister||i.shouldUnregister)&&!($t(h.array,t)&&f.action)&&h.unMount.add(t)}}},Ye=()=>r.shouldFocusError&&ye(a,le,h.mount),Ht=t=>{j(t)&&(x.state.next({disabled:t}),ye(a,(i,o)=>{const d=y(a,o);d&&(i.disabled=d._f.disabled||t,Array.isArray(d._f.refs)&&d._f.refs.forEach(u=>{u.disabled=d._f.disabled||t}))},0,!1))},Je=(t,i)=>async o=>{let d;o&&(o.preventDefault&&o.preventDefault(),o.persist&&o.persist());let u=N(n);if(h.disabled.size)for(const l of h.disabled)p(u,l,void 0);if(x.state.next({isSubmitting:!0}),r.resolver){const{errors:l,values:b}=await te();s.errors=l,u=b}else await O(a);if(D(s.errors,"root"),I(s.errors)){x.state.next({errors:{}});try{await t(u,o)}catch(l){d=l}}else i&&await i({...s.errors},o),Ye(),setTimeout(Ye);if(x.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:I(s.errors)&&!d,submitCount:s.submitCount+1,errors:s.errors}),d)throw d},Nt=(t,i={})=>{y(a,t)&&(A(i.defaultValue)?H(t,N(y(c,t))):(H(t,i.defaultValue),p(c,t,N(i.defaultValue))),i.keepTouched||D(s.touchedFields,t),i.keepDirty||(D(s.dirtyFields,t),s.isDirty=i.defaultValue?v(t,N(y(c,t))):v()),i.keepError||(D(s.errors,t),_.isValid&&Y()),x.state.next({...s}))},Qe=(t,i={})=>{const o=t?N(t):c,d=N(o),u=I(t),l=u?c:d;if(i.keepDefaultValues||(c=o),!i.keepValues){if(i.keepDirtyValues){const b=new Set([...h.mount,...Object.keys(de(c,n))]);for(const g of Array.from(b))y(s.dirtyFields,g)?p(l,g,y(n,g)):H(g,y(l,g))}else{if(Ue&&A(t))for(const b of h.mount){const g=y(a,b);if(g&&g._f){const C=Array.isArray(g._f.refs)?g._f.refs[0]:g._f.ref;if(Ve(C)){const E=C.closest("form");if(E){E.reset();break}}}}a={}}n=r.shouldUnregister?i.keepDefaultValues?N(c):{}:N(l),x.array.next({values:{...l}}),x.values.next({values:{...l}})}h={mount:i.keepDirtyValues?h.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:""},f.mount=!_.isValid||!!i.keepIsValid||!!i.keepDirtyValues,f.watch=!!r.shouldUnregister,x.state.next({submitCount:i.keepSubmitCount?s.submitCount:0,isDirty:u?!1:i.keepDirty?s.isDirty:!!(i.keepDefaultValues&&!ee(t,c)),isSubmitted:i.keepIsSubmitted?s.isSubmitted:!1,dirtyFields:u?{}:i.keepDirtyValues?i.keepDefaultValues&&n?de(c,n):s.dirtyFields:i.keepDefaultValues&&t?de(c,t):i.keepDirty?s.dirtyFields:{},touchedFields:i.keepTouched?s.touchedFields:{},errors:i.keepErrors?s.errors:{},isSubmitSuccessful:i.keepIsSubmitSuccessful?s.isSubmitSuccessful:!1,isSubmitting:!1})},Xe=(t,i)=>Qe(z(t)?t(n):t,i);return{control:{register:Be,unregister:Ee,getFieldState:ze,handleSubmit:Je,setError:$e,_executeSchema:te,_getWatch:k,_getDirty:v,_updateValid:Y,_removeUnmounted:xe,_updateFieldArray:m,_updateDisabledField:Ke,_getFieldArray:S,_reset:Qe,_resetDefaultValues:()=>z(r.defaultValues)&&r.defaultValues().then(t=>{Xe(t,r.resetOptions),x.state.next({isLoading:!1})}),_updateFormState:t=>{s={...s,...t}},_disableForm:Ht,_subjects:x,_proxyFormState:_,_setErrors:Q,get _fields(){return a},get _formValues(){return n},get _state(){return f},set _state(t){f=t},get _defaultValues(){return c},get _names(){return h},set _names(t){h=t},get _formState(){return s},set _formState(t){s=t},get _options(){return r},set _options(t){r={...r,...t}}},trigger:ue,register:Be,handleSubmit:Je,watch:Ot,setValue:H,getValues:qe,reset:Xe,resetField:Nt,clearErrors:Rt,unregister:Ee,setError:$e,setFocus:(t,i={})=>{const o=y(a,t),d=o&&o._f;if(d){const u=d.refs?d.refs[0]:d.ref;u.focus&&(u.focus(),i.shouldSelect&&z(u.select)&&u.select())}},getFieldState:ze}}function ur(e={}){const r=P.useRef(void 0),s=P.useRef(void 0),[a,c]=P.useState({isDirty:!1,isValidating:!1,isLoading:z(e.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},validatingFields:{},errors:e.errors||{},disabled:e.disabled||!1,defaultValues:z(e.defaultValues)?void 0:e.defaultValues});r.current||(r.current={...lr(e),formState:a});const n=r.current.control;return n._options=e,Qt({subject:n._subjects.state,next:f=>{Jt(f,n._proxyFormState,n._updateFormState)&&c({...n._formState})}}),P.useEffect(()=>n._disableForm(e.disabled),[n,e.disabled]),P.useEffect(()=>{if(n._proxyFormState.isDirty){const f=n._getDirty();f!==a.isDirty&&n._subjects.state.next({isDirty:f})}},[n,a.isDirty]),P.useEffect(()=>{e.values&&!ee(e.values,s.current)?(n._reset(e.values,n._options.resetOptions),s.current=e.values,c(f=>({...f}))):n._resetDefaultValues()},[e.values,n]),P.useEffect(()=>{e.errors&&n._setErrors(e.errors)},[e.errors,n]),P.useEffect(()=>{n._state.mount||(n._updateValid(),n._state.mount=!0),n._state.watch&&(n._state.watch=!1,n._subjects.state.next({...n._formState})),n._removeUnmounted()}),P.useEffect(()=>{e.shouldUnregister&&n._subjects.values.next({values:n._getWatch()})},[e.shouldUnregister,n]),r.current.formState=Yt(a,n),r.current}const Ur={title:"Components/Checkbox/Tests",component:ne,parameters:{controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"]},me={render:function(){return q.jsx(ne,{"aria-label":"checkboxLabel","aria-labelledby":"checkboxLabelledby","aria-describedby":"checkboxDescribedby",hasError:!0})},play:async({canvasElement:e})=>{const s=Vt(e).getByRole("checkbox");w(s).toHaveAttribute("aria-label","checkboxLabel"),w(s).toHaveAttribute("aria-labelledby","checkboxLabelledby"),w(s).toHaveAttribute("aria-describedby","checkboxDescribedby"),w(s).toHaveAttribute("aria-invalid","true")}},ke={args:{onCheckedChange:He()},render:function({onCheckedChange:r}){return q.jsx(ne,{"aria-label":"checkbox",indeterminate:!0,onCheckedChange:r})},play:async({canvas:e,step:r,args:s})=>{const a=e.getByLabelText("checkbox");if(!(a instanceof HTMLInputElement))throw new Error("Expected Consent all cookies to be an HTMLInputElement");await r('Initial state"',async()=>{w(a).not.toBeChecked(),w(a).toHaveAttribute("aria-checked","mixed"),w(a.indeterminate,"Indeterminate check").toBe(!0)}),await r('Click the checkbox"',async()=>{await oe.click(a),w(a).toBeChecked(),w(a).toHaveAttribute("aria-checked","mixed"),w(a.indeterminate,"Indeterminate check").toBe(!0),w(s.onCheckedChange).toBeCalledWith(!0)}),await r('Click the checkbox"',async()=>{await oe.click(a),w(a).not.toBeChecked(),w(a).toHaveAttribute("aria-checked","mixed"),w(a.indeterminate,"Indeterminate check").toBe(!0),w(s.onCheckedChange).toBeCalledWith(!1)})}},pe={render:function(){return q.jsx(ne,{dataset:{foo:1,bar:"2",baz:!1},"aria-label":"checkbox"})},play:async({canvas:e})=>{const r=e.getByRole("checkbox");w(r).toHaveAttribute("data-foo","1"),w(r).toHaveAttribute("data-bar","2"),w(r).toHaveAttribute("data-baz","false")}},_e={render:function(){return q.jsx(Wt,{content:"This is a tooltip",trigger:"hover-and-touch",dataset:{testid:"tooltip"},children:q.jsx(ne,{"aria-label":"checkbox"})})},play:async({canvasElement:e,step:r})=>{const s=Vt(e),a=s.getByRole("checkbox");await r("hover trigger element",async()=>{await oe.hover(a)}),await r("tooltip should be shown",async()=>{await Ne(()=>{const c=s.getByTestId("tooltip");return w(c).toBeVisible()})}),await r("unhover trigger element",async()=>{await oe.unhover(a)}),await r("tooltip should be hidden",async()=>{await Ne(()=>{const c=s.queryByTestId("tooltip");return w(c).toBeNull()})})}},we={args:{onSubmit:He(),onSubmitFormData:He()},render:function(r){const s=ur(),a=(c,n)=>{var f,h;(f=r.onSubmit)==null||f.call(r,n),(h=r.onSubmitFormData)==null||h.call(r,c),s.reset()};return q.jsxs(et,{gap:"32",children:[q.jsx(et,{gap:"16",children:q.jsxs("label",{htmlFor:"privacy-checkbox",children:[q.jsx(ne,{id:"privacy-checkbox",...s.register("privacy")}),"I accept the Privacy Policy"]})}),q.jsx(jt,{onClick:s.handleSubmit(a),children:"Register"})]})},play:async({canvas:e,args:r})=>{await oe.click(e.getByLabelText("I accept the Privacy Policy")),await oe.click(e.getByRole("button",{name:"Register"})),await Ne(()=>w(r.onSubmitFormData).toBeCalledWith({privacy:!0}))}};var dt,ft,yt;me.parameters={...me.parameters,docs:{...(dt=me.parameters)==null?void 0:dt.docs,source:{originalSource:`{
2
- render: function Story() {
3
- return <Checkbox aria-label="checkboxLabel" aria-labelledby="checkboxLabelledby" aria-describedby="checkboxDescribedby" hasError />;
4
- },
5
- play: async ({
6
- canvasElement
7
- }) => {
8
- const canvas = within(canvasElement);
9
- const checkbox = canvas.getByRole('checkbox');
10
- expect(checkbox).toHaveAttribute('aria-label', 'checkboxLabel');
11
- expect(checkbox).toHaveAttribute('aria-labelledby', 'checkboxLabelledby');
12
- expect(checkbox).toHaveAttribute('aria-describedby', 'checkboxDescribedby');
13
- expect(checkbox).toHaveAttribute('aria-invalid', 'true');
14
- }
15
- }`,...(yt=(ft=me.parameters)==null?void 0:ft.docs)==null?void 0:yt.source}}};var ht,bt,gt;ke.parameters={...ke.parameters,docs:{...(ht=ke.parameters)==null?void 0:ht.docs,source:{originalSource:`{
16
- args: {
17
- onCheckedChange: fn()
18
- },
19
- render: function Story({
20
- onCheckedChange
21
- }) {
22
- return <Checkbox aria-label="checkbox" indeterminate onCheckedChange={onCheckedChange} />;
23
- },
24
- play: async ({
25
- canvas,
26
- step,
27
- args
28
- }) => {
29
- const checkbox = canvas.getByLabelText('checkbox');
30
- if (!(checkbox instanceof HTMLInputElement)) throw new Error('Expected Consent all cookies to be an HTMLInputElement');
31
- await step('Initial state"', async () => {
32
- expect(checkbox).not.toBeChecked();
33
- expect(checkbox).toHaveAttribute('aria-checked', 'mixed');
34
- expect(checkbox.indeterminate, 'Indeterminate check').toBe(true);
35
- });
36
- await step('Click the checkbox"', async () => {
37
- await userEvent.click(checkbox);
38
- expect(checkbox).toBeChecked();
39
- expect(checkbox).toHaveAttribute('aria-checked', 'mixed');
40
- expect(checkbox.indeterminate, 'Indeterminate check').toBe(true);
41
- expect(args.onCheckedChange).toBeCalledWith(true);
42
- });
43
- await step('Click the checkbox"', async () => {
44
- await userEvent.click(checkbox);
45
- expect(checkbox).not.toBeChecked();
46
- expect(checkbox).toHaveAttribute('aria-checked', 'mixed');
47
- expect(checkbox.indeterminate, 'Indeterminate check').toBe(true);
48
- expect(args.onCheckedChange).toBeCalledWith(false);
49
- });
50
- }
51
- }`,...(gt=(bt=ke.parameters)==null?void 0:bt.docs)==null?void 0:gt.source}}};var vt,xt,mt;pe.parameters={...pe.parameters,docs:{...(vt=pe.parameters)==null?void 0:vt.docs,source:{originalSource:`{
52
- render: function Story() {
53
- return <Checkbox dataset={{
54
- foo: 1,
55
- bar: '2',
56
- baz: false
57
- }} aria-label="checkbox" />;
58
- },
59
- play: async ({
60
- canvas
61
- }) => {
62
- const checkbox = canvas.getByRole('checkbox');
63
- expect(checkbox).toHaveAttribute('data-foo', '1');
64
- expect(checkbox).toHaveAttribute('data-bar', '2');
65
- expect(checkbox).toHaveAttribute('data-baz', 'false');
66
- }
67
- }`,...(mt=(xt=pe.parameters)==null?void 0:xt.docs)==null?void 0:mt.source}}};var kt,pt,_t;_e.parameters={..._e.parameters,docs:{...(kt=_e.parameters)==null?void 0:kt.docs,source:{originalSource:`{
68
- render: function Story() {
69
- return <Tooltip content="This is a tooltip" trigger="hover-and-touch" dataset={{
70
- testid: 'tooltip'
71
- }}>
72
- <Checkbox aria-label="checkbox" />
73
- </Tooltip>;
74
- },
75
- play: async ({
76
- canvasElement,
77
- step
78
- }) => {
79
- const canvas = within(canvasElement);
80
- const trigger = canvas.getByRole('checkbox');
81
- await step('hover trigger element', async () => {
82
- await userEvent.hover(trigger);
83
- });
84
- await step('tooltip should be shown', async () => {
85
- await waitFor(() => {
86
- const tooltip = canvas.getByTestId('tooltip');
87
- return expect(tooltip).toBeVisible();
88
- });
89
- });
90
- await step('unhover trigger element', async () => {
91
- await userEvent.unhover(trigger);
92
- });
93
- await step('tooltip should be hidden', async () => {
94
- await waitFor(() => {
95
- const tooltip = canvas.queryByTestId('tooltip');
96
- return expect(tooltip).toBeNull();
97
- });
98
- });
99
- }
100
- }`,...(_t=(pt=_e.parameters)==null?void 0:pt.docs)==null?void 0:_t.source}}};var wt,Ft,At;we.parameters={...we.parameters,docs:{...(wt=we.parameters)==null?void 0:wt.docs,source:{originalSource:`{
101
- args: {
102
- onSubmit: fn(),
103
- onSubmitFormData: fn()
104
- },
105
- render: function Story(args) {
106
- type FormValues = {
107
- privacy: boolean;
108
- };
109
- const form = useForm<FormValues>();
110
- const onSubmit = (_data, event) => {
111
- args.onSubmit?.(event);
112
- args.onSubmitFormData?.(_data);
113
- form.reset();
114
- };
115
- return <LayoutFlex gap="32">
116
- <LayoutFlex gap="16">
117
- <label htmlFor="privacy-checkbox">
118
- <Checkbox id="privacy-checkbox" {...form.register('privacy')} />I accept the
119
- Privacy Policy
120
- </label>
121
- </LayoutFlex>
122
- <Button onClick={form.handleSubmit(onSubmit)}>Register</Button>
123
- </LayoutFlex>;
124
- },
125
- play: async ({
126
- canvas,
127
- args
128
- }) => {
129
- await userEvent.click(canvas.getByLabelText('I accept the Privacy Policy'));
130
- await userEvent.click(canvas.getByRole('button', {
131
- name: 'Register'
132
- }));
133
- await waitFor(() => expect(args.onSubmitFormData).toBeCalledWith({
134
- privacy: true
135
- }));
136
- }
137
- }`,...(At=(Ft=we.parameters)==null?void 0:Ft.docs)==null?void 0:At.source}}};const Mr=["AriaAttributesAreSet","TestWithIndeterminateCheck","TestDataset","IntegrationWithDSTooltip","IntegrationWithReactHookForm"];export{me as AriaAttributesAreSet,_e as IntegrationWithDSTooltip,we as IntegrationWithReactHookForm,pe as TestDataset,ke as TestWithIndeterminateCheck,Mr as __namedExportsOrder,Ur as default};
@@ -1 +0,0 @@
1
- import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{f as v}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as y}from"./classNames-BUL1Zq7e.js";import{g}from"./index-DdzHuZ-Y.js";import{w as a}from"./componentNames-Y1T_IIlY.js";const b="FieldButton__ZIYKf",h={FieldButton:b},l=f.forwardRef(function({svg:o,assistiveText:r,onClick:e,dataset:u,...i},m){const d=y(h,a.FieldButton),p=t=>{t.stopPropagation(),e==null||e(t)},c={...v(i),...g(u,{preplyDsComponent:a.FieldButton}),className:d.join(" "),title:r,onClick:p,ref:m};return n.jsx("button",{...c,type:"button",children:n.jsx(o,{"aria-hidden":"true",focusable:"false"})})});try{l.displayName="FieldButton",l.__docgenInfo={description:"",displayName:"FieldButton",props:{svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"MouseEventHandler<Element>"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | null) => void"},{value:"RefObject<HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{l as F};
@@ -1 +0,0 @@
1
- import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{F as m}from"./LibraryExplore-oBYfEgnm.js";import{F as s}from"./FieldButton-CCz9-7Bu.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Y1T_IIlY.js";const v={title:"components/FieldButton",component:s},o=()=>i.jsx(s,{svg:m,assistiveText:"Lorem Ipsum",onClick:()=>{}});o.storyName="FieldButton";var t,e,r;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:'() => <FieldButton svg={LibSvg} assistiveText="Lorem Ipsum" onClick={() => undefined} />',...(r=(e=o.parameters)==null?void 0:e.docs)==null?void 0:r.source}}};const B=["Base"];export{o as Base,B as __namedExportsOrder,v as default};