@preply/ds-docs 2.0.0 → 2.0.1

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 (228) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-DoLb1LoS.js → 00.LayoutFlex.stories-Dxg48axa.js} +1 -1
  2. package/dist/assets/{00.applications-CodmhfzP.js → 00.applications-CWPvzkb8.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-CB7otDce.js → 00.favicons.guide-CioTS39P.js} +1 -1
  4. package/dist/assets/{00.token-explorer-iUebypoy.js → 00.token-explorer-Ms3A3gKw.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-t2wHUu8m.js → 00.using-responsive-props-B4JXxb8B.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-BRVBqUiT.js → 01.semantic-tokens-uwEK-alq.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-DEJgBvzq.js → 01.using-shorthand-props-DVl924Oz.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-DLSgJgrw.js → 10.Combinations.stories-BwVik25M.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-D12lSwgH.js → 10.fonts.guide-CPpSTBh5.js} +1 -1
  10. package/dist/assets/{10.ssr-DlFRK64e.js → 10.ssr-nIbsPyxs.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-C5k8-Jz1.js → 11.languageFont.explorer-BnJaxOzB.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-Dhu4kN2c.js → 11.ssr.app-router-D1RtbDN9.js} +1 -1
  13. package/dist/assets/{20.libraries-B0n8gJVD.js → 20.libraries-DROERfkO.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-Crh_uKlY.js → 30.icons.explorer-El51dKM_.js} +2 -2
  15. package/dist/assets/{30.storybook-BAO0l6SZ.js → 30.storybook-DG4_FgeX.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-SD9H4gQS.js → 40.illustrations.explorer-BZO-_C_S.js} +1 -1
  17. package/dist/assets/{90.advanced-CeKbZzoq.js → 90.advanced-Bpafg85K.js} +1 -1
  18. package/dist/assets/AlertDialog-C9BEjgkE.css +1 -0
  19. package/dist/assets/{AlertDialog.stories-CqAVOJ5x.js → AlertDialog.stories-DYP2Qbit.js} +1 -1
  20. package/dist/assets/Avatar-DKsRQl4B.js +6 -0
  21. package/dist/assets/Avatar-HtycGal7.js +1 -0
  22. package/dist/assets/Avatar-L-715hiR.css +1 -0
  23. package/dist/assets/Avatar-M4k3pOBX.css +1 -0
  24. package/dist/assets/{Avatar.stories-DPuesOBK.js → Avatar.stories-D7fst3_7.js} +1 -1
  25. package/dist/assets/AvatarWithStatus-Dz0rSSHl.css +1 -0
  26. package/dist/assets/{AvatarWithStatus.stories-CKhKeqbK.js → AvatarWithStatus.stories-NWE-3XEL.js} +4 -4
  27. package/dist/assets/Badge-Ar4YZCqB.css +1 -0
  28. package/dist/assets/{Badge.stories-BY6I7UQ6.js → Badge.stories-DxY6VuVF.js} +2 -2
  29. package/dist/assets/Box-D1WAKfTQ.css +1 -0
  30. package/dist/assets/Box.stories-DFh_1cIr.js +44 -0
  31. package/dist/assets/{Button-CWNujLtP.js → Button-BOyl6fPv.js} +2 -2
  32. package/dist/assets/Button-BwBS3oEP.css +1 -0
  33. package/dist/assets/Button-DTjBNg_z.js +1 -0
  34. package/dist/assets/{Button-NXZW8cHc.css → Button-P9yXDdEf.css} +1 -1
  35. package/dist/assets/{Button.stories-DUHAAHTV.js → Button.stories-H01CJnTv.js} +1 -1
  36. package/dist/assets/ButtonBase-CndTGqQQ.js +8 -0
  37. package/dist/assets/{ButtonBase-ixkzvA2i.css → ButtonBase-Ddw6v5fn.css} +1 -1
  38. package/dist/assets/Chips-CpylpY14.css +1 -0
  39. package/dist/assets/{Chips.stories-C4g0ajtC.js → Chips.stories-B6Md1MMV.js} +7 -7
  40. package/dist/assets/{Color-YHDXOIA2-n0bEiukQ.js → Color-YHDXOIA2-4GAnzwWB.js} +1 -1
  41. package/dist/assets/Dialog-CNTXsWOb.css +1 -0
  42. package/dist/assets/{Dialog.stories-D74D9Tdn.js → Dialog.stories-C7_Fdl3l.js} +16 -16
  43. package/dist/assets/{DocsRenderer-CFRXHY34-BhNva4nY.js → DocsRenderer-CFRXHY34-DEKaLxr5.js} +1 -1
  44. package/dist/assets/{FieldAdditionalText-BiaO_Yss.js → FieldAdditionalText-BbXsXR5V.js} +1 -1
  45. package/dist/assets/FieldAdditionalText-DbuNvJBg.css +1 -0
  46. package/dist/assets/{FieldAdditionalText.stories-CgNnZYRi.js → FieldAdditionalText.stories-BknKG7pn.js} +1 -1
  47. package/dist/assets/{FieldButton-B_tn3Eq6.css → FieldButton-BJQKm6jT.css} +1 -1
  48. package/dist/assets/{FieldButton-D0MgvwIU.js → FieldButton-CLS4hZRO.js} +1 -1
  49. package/dist/assets/{FieldButton.stories-ChS0IeCP.js → FieldButton.stories-8phtWQab.js} +1 -1
  50. package/dist/assets/FieldLayout-DYbPQFAW.css +1 -0
  51. package/dist/assets/{FieldLayout-BbLKeSmh.js → FieldLayout-nD5R7atd.js} +1 -1
  52. package/dist/assets/{FieldLayout.stories-C5bw8Efg.js → FieldLayout.stories-TOLu2AYc.js} +1 -1
  53. package/dist/assets/FieldLayoutBase-B_B5-cjL.css +1 -0
  54. package/dist/assets/{FieldLayoutBase-DhKLFBcH.js → FieldLayoutBase-Ri_bjseH.js} +3 -3
  55. package/dist/assets/Heading-BIzxWDA5.js +2 -0
  56. package/dist/assets/{Heading-Ba64-F3t.css → Heading-DLvxlILX.css} +1 -1
  57. package/dist/assets/{Heading.stories-D9Zye7km.js → Heading.stories-DVOG4eGs.js} +1 -1
  58. package/dist/assets/Icon-BmtvHdpX.js +8 -0
  59. package/dist/assets/Icon-BqDOhmd9.js +1 -0
  60. package/dist/assets/Icon-CQT2GKoH.css +1 -0
  61. package/dist/assets/Icon-CXX0nf3D.css +1 -0
  62. package/dist/assets/{Icon-RSC-YupbVJQy.js → Icon-RSC-BXbRnWp9.js} +1 -1
  63. package/dist/assets/{Icon.stories-jVWnmDlZ.js → Icon.stories-DLdTr5b7.js} +1 -1
  64. package/dist/assets/{IconButton-C3AcGEY7.js → IconButton-LF952PfZ.js} +2 -2
  65. package/dist/assets/InputText-Dtc7LpKa.js +5 -0
  66. package/dist/assets/{LayoutFlex-D2upWEjL.js → LayoutFlex-Bm8v-QkC.js} +1 -1
  67. package/dist/assets/{LayoutFlex-BOiDmozK.js → LayoutFlex-Cc1D09Ei.js} +1 -1
  68. package/dist/assets/LayoutFlexItem-BYTRwx_X.css +1 -0
  69. package/dist/assets/{LayoutFlexItem-Su5RvuQk.js → LayoutFlexItem-C_JBzaw-.js} +1 -1
  70. package/dist/assets/LayoutGrid-DFWk8NB8.css +1 -0
  71. package/dist/assets/LayoutGrid-IDkxjZN1.js +1 -0
  72. package/dist/assets/LayoutGrid-L_40ixqn.css +1 -0
  73. package/dist/assets/{LayoutGrid.stories-DKw5d1ZE.js → LayoutGrid.stories-DPmEZkN1.js} +3 -3
  74. package/dist/assets/LayoutGridItem-DvV7NvZa.js +1 -0
  75. package/dist/assets/LayoutGridItem-DwNHNpvD.css +1 -0
  76. package/dist/assets/Link-xQTG6qM6.css +1 -0
  77. package/dist/assets/{Link.stories-BSLk0Pem.js → Link.stories-EiMcdLab.js} +5 -5
  78. package/dist/assets/Loader-BasFj5cB.css +1 -0
  79. package/dist/assets/{Loader.stories-DUgJSe87.js → Loader.stories-C9NOJXU_.js} +3 -3
  80. package/dist/assets/NumberField.stories-DpEWh-dT.js +203 -0
  81. package/dist/assets/{ObserveIntersection-D396wl1Z.js → ObserveIntersection-Ccn6ggRl.js} +1 -1
  82. package/dist/assets/{ObserveIntersection.stories-DIe0cEvy.js → ObserveIntersection.stories-CK5RwCMK.js} +1 -1
  83. package/dist/assets/OnboardingTooltip-BUE-a7PJ.css +1 -0
  84. package/dist/assets/{OnboardingTooltip-Bl0XDogf.js → OnboardingTooltip-vUAo9ADZ.js} +1 -1
  85. package/dist/assets/{OnboardingTooltip.stories-B0FIL9CU.js → OnboardingTooltip.stories-doNUnMe7.js} +1 -1
  86. package/dist/assets/{OnboardingTooltip.tests.stories-JJZpRwk6.js → OnboardingTooltip.tests.stories-Bv3lHMu_.js} +1 -1
  87. package/dist/assets/{OnboardingTour-DaxzhhRL.css → OnboardingTour-BJaUVtET.css} +1 -1
  88. package/dist/assets/{OnboardingTour-pR_NmiBL.js → OnboardingTour-i4oFa3CL.js} +1 -1
  89. package/dist/assets/{OnboardingTour.stories--g6PQm9S.js → OnboardingTour.stories-CoOA-ga5.js} +1 -1
  90. package/dist/assets/{OnboardingTour.tests.stories-QS0jiTXB.js → OnboardingTour.tests.stories-Bi99nEGK.js} +1 -1
  91. package/dist/assets/{PasswordField.stories-BPdZcEeu.js → PasswordField.stories-DY5ogILG.js} +3 -3
  92. package/dist/assets/PreplyLogo-D50rvD8_.css +1 -0
  93. package/dist/assets/{PreplyLogo.stories-DyGEUhO3.js → PreplyLogo.stories-D2YUc7Xm.js} +1 -1
  94. package/dist/assets/{ProgressBar-BHaYRC97.css → ProgressBar-BoL6q8Gm.css} +1 -1
  95. package/dist/assets/{ProgressBar.stories-C3Hx8JBS.js → ProgressBar.stories-DQ2un511.js} +1 -1
  96. package/dist/assets/{ProgressSteps-7jb0rnSw.js → ProgressSteps-CSu6U8Oh.js} +1 -1
  97. package/dist/assets/ProgressSteps-oRv75ID6.css +1 -0
  98. package/dist/assets/{ProgressSteps.stories-C4sfVcPt.js → ProgressSteps.stories-CbxKZt-6.js} +1 -1
  99. package/dist/assets/SelectField-DdoXEWJk.css +1 -0
  100. package/dist/assets/{SelectField.stories-C3X-5JHt.js → SelectField.stories-DXrTFOq5.js} +10 -10
  101. package/dist/assets/{ShowOnIntersection.stories-BYz5GE4A.js → ShowOnIntersection.stories-D4B8EpSn.js} +1 -1
  102. package/dist/assets/Spinner-WkRCqqWl.css +1 -0
  103. package/dist/assets/{Spinner-Iaah9nUJ.js → Spinner-Yzq6CWfu.js} +1 -1
  104. package/dist/assets/Steps-Cm49GD2O.css +1 -0
  105. package/dist/assets/{Steps-CfdqlU3Q.js → Steps-Drw_J1pN.js} +1 -1
  106. package/dist/assets/{Steps.stories-D3jWUCfp.js → Steps.stories-BhTfb1un.js} +1 -1
  107. package/dist/assets/Text-BbTAW1HU.js +1 -0
  108. package/dist/assets/Text-V4TRyvtW.js +1 -0
  109. package/dist/assets/{Text-CxaHmdy3.css → Text-rF1Oi742.css} +1 -1
  110. package/dist/assets/{Text.stories-MU-T7clI.js → Text.stories-CRxantTh.js} +1 -1
  111. package/dist/assets/TextField-BzR--15O.js +1 -0
  112. package/dist/assets/TextField-DnBkywp4.css +1 -0
  113. package/dist/assets/{TextField.stories-CXDhM8SN.js → TextField.stories-B6ZiRnD3.js} +1 -1
  114. package/dist/assets/TextHighlighted-Be3VqoqU.js +1 -0
  115. package/dist/assets/TextHighlighted-ctAnMXHo.css +1 -0
  116. package/dist/assets/{TextHighlighted.stories-Db5JA9US.js → TextHighlighted.stories-Ccl1UgGr.js} +1 -1
  117. package/dist/assets/TextInline-zyBsYqm3.css +1 -0
  118. package/dist/assets/{TextInline.stories-DGBhhF71.js → TextInline.stories-DjHRpfFb.js} +3 -3
  119. package/dist/assets/{TextareaField.stories-8FWfbQuv.js → TextareaField.stories-ZPt_wlMP.js} +5 -5
  120. package/dist/assets/Toast-9YYei-H6.css +1 -0
  121. package/dist/assets/{Toast.stories-D7QEZPb5.js → Toast.stories-DKkMHs-Q.js} +2 -2
  122. package/dist/assets/Tooltip-CEXdeSMx.css +1 -0
  123. package/dist/assets/{Tooltip-zv_6ckj2.js → Tooltip-Ct-WqDpg.js} +1 -1
  124. package/dist/assets/{Tooltip.stories-qNBQgLBX.js → Tooltip.stories-BWtp4p6F.js} +1 -1
  125. package/dist/assets/{Tooltip.tests.stories-DdHKI1ve.js → Tooltip.tests.stories-C2PZScD4.js} +1 -1
  126. package/dist/assets/{breakpoints-zK4Z5SKD.js → breakpoints-BHfQdcIJ.js} +1 -1
  127. package/dist/assets/{breakpoints-LpH7GcYD.js → breakpoints-DrPPi6ob.js} +1 -1
  128. package/dist/assets/{breakpoints-DTrgfqbR.js → breakpoints-I4FAlX3-.js} +1 -1
  129. package/dist/assets/{changelog-kNvLUHOz.js → changelog-CHKnz4hf.js} +89 -84
  130. package/dist/assets/{entry-preview-DjAFPLGc.js → entry-preview-CJqbxsdd.js} +1 -1
  131. package/dist/assets/{getTokenVar-BIGy16TO.js → getTokenVar-BX_aqC-A.js} +1 -1
  132. package/dist/assets/{hover-CRiTDNhR.js → hover-BcoRLc18.js} +1 -1
  133. package/dist/assets/{hover-CaTImSM4.js → hover-Bn6tz5Uw.js} +1 -1
  134. package/dist/assets/{hover-p3QJEZw5.js → hover-DNMePSJs.js} +1 -1
  135. package/dist/assets/{iframe-9Hj_MNfh.js → iframe-D0mvSgIL.js} +2 -2
  136. package/dist/assets/{index-BXfuwMTe.js → index-4X0Wd6c1.js} +1 -1
  137. package/dist/assets/{index-DRVMKRNe.js → index-BsQc80lu.js} +3 -3
  138. package/dist/assets/{intro-DzWewgwc.js → intro-CBk5iAA3.js} +1 -1
  139. package/dist/assets/layout-relative-Bqi-eQr9.css +1 -0
  140. package/dist/assets/layout-relative-Brg7nCBe.css +1 -0
  141. package/dist/assets/layout-relative-D1P2Swpw.css +1 -0
  142. package/dist/assets/layout-relative-DFrOiWAE.js +1 -0
  143. package/dist/assets/layout-relative.module-BhIMNlTS-HdwEQarE.js +1 -0
  144. package/dist/assets/layout-relative.module-CDUOJ19G.js +1 -0
  145. package/dist/assets/{migrating-from-less-tN-JFjco.js → migrating-from-less-T5R-NRLP.js} +1 -1
  146. package/dist/assets/playground-pPNOw9Oj.css +1 -0
  147. package/dist/assets/{playground.stories-DMK1ZcmP.js → playground.stories-D2vZb5DU.js} +88 -88
  148. package/dist/assets/{preview-BI7kN1TP.js → preview-BBPbRy6B.js} +2 -2
  149. package/dist/assets/{preview-CvW0gOh5.js → preview-DCKor9oC.js} +1 -1
  150. package/dist/assets/{preview-BCYWUPon.js → preview-Vxjmr8F-.js} +1 -1
  151. package/dist/assets/text-accent-BbDxH1tz.css +1 -0
  152. package/dist/assets/text-accent-C7pEavfl.js +1 -0
  153. package/dist/assets/text-accent-Pc_gtAUU.js +1 -0
  154. package/dist/assets/text-centered-Bf8j8BI4.js +1 -0
  155. package/dist/assets/text-centered-BsBBnlcu.css +1 -0
  156. package/dist/assets/text-centered-CCAvmLGC.css +1 -0
  157. package/dist/assets/text-centered-CEVxj3Ji.js +1 -0
  158. package/dist/assets/{tokens-C0oPORlF.js → tokens-BYJD7edf.js} +1 -1
  159. package/dist/assets/{tokens-kLWqWJLR.js → tokens-ChcQAZih.js} +1 -1
  160. package/dist/assets/{tokens-d5jI-VhO.js → tokens-D0BWg3AW.js} +1 -1
  161. package/dist/assets/{usePortalElement-D3vRKAB1.js → usePortalElement-D8YB8wCj.js} +1 -1
  162. package/dist/assets/{welcome-CvEfK4A3.js → welcome-mZ5KeQa-.js} +1 -1
  163. package/dist/assets/{zeroheight-wKcu_QWZ.js → zeroheight-CLcZK6pE.js} +1 -1
  164. package/dist/iframe.html +1 -1
  165. package/dist/preview-stats.json +1446 -1446
  166. package/dist/project.json +1 -1
  167. package/package.json +3 -3
  168. package/dist/assets/AlertDialog-CNsqqwq6.css +0 -1
  169. package/dist/assets/Avatar-BWVdwHlY.js +0 -6
  170. package/dist/assets/Avatar-BaeMEqzB.js +0 -1
  171. package/dist/assets/Avatar-DELee2ui.css +0 -1
  172. package/dist/assets/Avatar-SizFbjOh.css +0 -1
  173. package/dist/assets/AvatarWithStatus-B8ohNruV.css +0 -1
  174. package/dist/assets/Badge-BTktKAv_.css +0 -1
  175. package/dist/assets/Box-Ci4ycgSn.css +0 -1
  176. package/dist/assets/Box.stories-DF2h791P.js +0 -44
  177. package/dist/assets/Button-Cjld0T4n.css +0 -1
  178. package/dist/assets/Button-itdvNgOg.js +0 -1
  179. package/dist/assets/ButtonBase-CJjNfOwu.js +0 -8
  180. package/dist/assets/Chips-2wQm6zLU.css +0 -1
  181. package/dist/assets/Dialog-BKWHIlGs.css +0 -1
  182. package/dist/assets/FieldAdditionalText-tbMWNWhN.css +0 -1
  183. package/dist/assets/FieldLayout-6dPZQnKP.css +0 -1
  184. package/dist/assets/FieldLayoutBase-_Sj6YO8M.css +0 -1
  185. package/dist/assets/Heading-DcJnmvUa.js +0 -2
  186. package/dist/assets/Icon-BQSXaoh3.css +0 -1
  187. package/dist/assets/Icon-ByBuC1kf.css +0 -1
  188. package/dist/assets/Icon-DbIHupWZ.js +0 -8
  189. package/dist/assets/Icon-pHhBCzBO.js +0 -1
  190. package/dist/assets/InputText-CL5Snaht.js +0 -5
  191. package/dist/assets/LayoutFlexItem-BWKgsCDT.css +0 -1
  192. package/dist/assets/LayoutGrid-BG29rjrt.js +0 -1
  193. package/dist/assets/LayoutGrid-BId9Yglz.css +0 -1
  194. package/dist/assets/LayoutGrid-Cw_n5H21.css +0 -1
  195. package/dist/assets/LayoutGridItem-C-iUb7WL.css +0 -1
  196. package/dist/assets/LayoutGridItem-D5Hb9kQy.js +0 -1
  197. package/dist/assets/Link-LMW4jOcv.css +0 -1
  198. package/dist/assets/Loader-Bx87E7sh.css +0 -1
  199. package/dist/assets/NumberField.stories-DzaH3Pwj.js +0 -203
  200. package/dist/assets/OnboardingTooltip-DceGOXFO.css +0 -1
  201. package/dist/assets/PreplyLogo-DnbCD6MN.css +0 -1
  202. package/dist/assets/ProgressSteps-HPd6w_Nr.css +0 -1
  203. package/dist/assets/SelectField-DMcbwWwy.css +0 -1
  204. package/dist/assets/Spinner-CixbAVEL.css +0 -1
  205. package/dist/assets/Steps-CRCACZIC.css +0 -1
  206. package/dist/assets/Text-i5U7-KMF.js +0 -1
  207. package/dist/assets/Text-nWyCR02l.js +0 -1
  208. package/dist/assets/TextField-CVWDg_y4.css +0 -1
  209. package/dist/assets/TextField-DFm3O-Tl.js +0 -1
  210. package/dist/assets/TextHighlighted-CgBvDnFO.css +0 -1
  211. package/dist/assets/TextHighlighted-LVoJ79mt.js +0 -1
  212. package/dist/assets/TextInline-BWC2_5IX.css +0 -1
  213. package/dist/assets/Toast-BrvHWUik.css +0 -1
  214. package/dist/assets/Tooltip-xWfAzqNZ.css +0 -1
  215. package/dist/assets/layout-relative-BCl7bwOR.css +0 -1
  216. package/dist/assets/layout-relative-DIZ6zNub.css +0 -1
  217. package/dist/assets/layout-relative-PI7LimOc.css +0 -1
  218. package/dist/assets/layout-relative-UGlXPWqj.js +0 -1
  219. package/dist/assets/layout-relative.module-C63T27Fr.js +0 -1
  220. package/dist/assets/layout-relative.module-DIaUqnvq-DH_OPu7E.js +0 -1
  221. package/dist/assets/playground-D77Ee-EK.css +0 -1
  222. package/dist/assets/text-accent-BBah0rth.js +0 -1
  223. package/dist/assets/text-accent-BMdpzlaC.js +0 -1
  224. package/dist/assets/text-accent-Co1hrpvA.css +0 -1
  225. package/dist/assets/text-centered-DWGGTNIZ.css +0 -1
  226. package/dist/assets/text-centered-NqfVCsvd.css +0 -1
  227. package/dist/assets/text-centered-VuFsr_qt.js +0 -1
  228. package/dist/assets/text-centered-gMYE7PWw.js +0 -1
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as s}from"./index-DRVMKRNe.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-9Hj_MNfh.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function t(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Installation/Storybook"}),`
1
+ import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as s}from"./index-BsQc80lu.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D0mvSgIL.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function t(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Installation/Storybook"}),`
2
2
  `,o.jsx(e.h1,{id:"installation-storybook",children:"Installation: Storybook"}),`
3
3
  `,o.jsxs(e.p,{children:["This guide applies to Storybook setups that document Preply components libraries, and assumes you have read and followed the steps outlined in the ",o.jsx(e.a,{href:"/story/guides-installation-libraries--page",children:"Installation: Libaries"})," guide."]}),`
4
4
  `,o.jsx(e.h2,{id:"packages",children:"Packages"}),`
@@ -1,4 +1,4 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as l}from"./index-BN6VMYqa.js";import{M as a}from"./index-DRVMKRNe.js";import{L as e}from"./LayoutGrid-BG29rjrt.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-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-9Hj_MNfh.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-DIaUqnvq-DH_OPu7E.js";import"./constants-DYYVurUY.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.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/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/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`
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as l}from"./index-BN6VMYqa.js";import{M as a}from"./index-BsQc80lu.js";import{L as e}from"./LayoutGrid-IDkxjZN1.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-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D0mvSgIL.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-BhIMNlTS-HdwEQarE.js";import"./constants-DYYVurUY.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.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/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/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
2
  padding: ${i(u[12])};
3
3
  -webkit-background-size: 50px 50px;
4
4
  -moz-background-size: 50px 50px;
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as i}from"./index-DRVMKRNe.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-9Hj_MNfh.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function r(n){const o={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...t(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Installation/Advanced"}),`
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as i}from"./index-BsQc80lu.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D0mvSgIL.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function r(n){const o={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...t(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Installation/Advanced"}),`
2
2
  `,e.jsx(o.h1,{id:"installation-advanced",children:"Installation: Advanced"}),`
3
3
  `,e.jsxs(o.p,{children:["This page is about rolling out your own alternative to ",e.jsx(o.code,{children:"<RootProvider/>"})," (advanced usage)."]}),`
4
4
  `,e.jsxs(o.p,{children:["If you are looking for how to install, refer to the ",e.jsx(o.a,{href:"/story/guides-installation-applications--page",children:"installation guides"})," instead."]}),`
@@ -0,0 +1 @@
1
+ @keyframes _overlayShow_35dvf_1{0%{opacity:0}to{opacity:1}}@keyframes _contentShow_35dvf_1{0%{opacity:0;transform:translateY(var(--590b8d))}to{opacity:1;transform:translateY(0)}}._overlay_35dvf_21{background-color:var(--02a0d5);position:fixed;top:0;right:0;bottom:0;left:0}@media (prefers-reduced-motion: no-preference){._overlay_35dvf_21[data-state=open]{animation:_overlayShow_35dvf_1 .15s cubic-bezier(.4,0,.2,1)}}._content_35dvf_31{background-color:var(--3546c3);box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:var(--f1b498);border-radius:var(--fa4b1a);width:90%;max-width:440px;height:fit-content;box-shadow:var(--df7dbb);display:flex;flex-direction:column;gap:var(--558c4c)}@media (prefers-reduced-motion: no-preference){._content_35dvf_31[data-state=open]{animation:_contentShow_35dvf_1 .15s cubic-bezier(.4,0,.2,1)}}._description_35dvf_52{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);margin:0}._actions_35dvf_58{display:flex;flex-direction:column;gap:var(--558c4c)}@media (min-width: 400px){._actions_35dvf_58{flex-direction:row;justify-content:flex-end}}
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{u as E,w as P,e as N}from"./index-BVDq5o4N.js";import{a as l}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{R as F,P as U,O as q,C as V,T as I,D as W,a as L,A as J,b as X}from"./index-kgJB6e9p.js";import{H}from"./Heading-DcJnmvUa.js";import{B as s}from"./Button-CWNujLtP.js";import{i as Y}from"./PortalElementProvider-BRcRijdp.js";import{g as z}from"./index-DdzHuZ-Y.js";import{w as G}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-D6OcjePf.js";import"./index-M3hvtcRE.js";import"./tslib.es6-BntfKcQG.js";import"./text-accent-BMdpzlaC.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-VuFsr_qt.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-CJjNfOwu.js";import"./Spinner-Iaah9nUJ.js";import"./defaults-B1rzzf6M.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";const K="_overlay_do5t6_21",M="_content_do5t6_31",Q="_description_do5t6_52",Z="_actions_do5t6_58",d={overlay:K,content:M,description:Q,actions:Z},R=({children:r})=>e.jsx(X,{asChild:!0,children:i.Children.only(r)}),$=i.forwardRef(function(n,o){return e.jsx(J,{asChild:!0,children:e.jsx(s,{...n,ref:o})})}),ee=i.forwardRef(function(n,o){return e.jsx(L,{asChild:!0,children:e.jsx(s,{...n,ref:o})})}),te=({open:r,title:n,description:o,dataset:a,children:h})=>{const f=Y(),O=z(a,{preplyDsComponent:G.AlertDialog});let A;const C=[];return i.Children.forEach(h,c=>{i.isValidElement(c)&&(c.type===R?A=c:C.push(c))}),e.jsxs(F,{open:r,children:[A,e.jsxs(U,{container:f,children:[e.jsx(q,{className:d.overlay}),e.jsxs(V,{...O,className:d.content,children:[e.jsx(I,{asChild:!0,children:e.jsx(H,{tag:"h3",variant:"medium",children:n})}),e.jsx(W,{asChild:!0,children:e.jsx("p",{className:d.description,children:o})}),e.jsx("div",{className:d.actions,children:C})]})]})]})},t=Object.assign(te,{Trigger:R,Action:$,Cancel:ee});try{t.displayName="AlertDialog",t.__docgenInfo={description:"A modal alertdialog that interrupts the user with important content and expects a response.\n\nUnlike a `Dialog`, it cannot be dismissed by clicking outside or pressing escape.",displayName:"AlertDialog",props:{title:{defaultValue:null,description:"The alert's title, describing what the user needs to confirm",name:"title",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:"Details about the action and its consequences",name:"description",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},children:{defaultValue:null,description:"The AlertDialog actions.\n@see `AlertDialog.Actions` for a common actions convenience wrapper.",name:"children",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},open:{defaultValue:null,description:`Controls the visibility of the alert.
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{u as E,w as P,e as N}from"./index-BVDq5o4N.js";import{a as l}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{R as F,P as U,O as q,C as V,T as I,D as W,a as L,A as J,b as X}from"./index-kgJB6e9p.js";import{H}from"./Heading-BIzxWDA5.js";import{B as s}from"./Button-BOyl6fPv.js";import{i as Y}from"./PortalElementProvider-BRcRijdp.js";import{g as z}from"./index-DdzHuZ-Y.js";import{w as G}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-D6OcjePf.js";import"./index-M3hvtcRE.js";import"./tslib.es6-BntfKcQG.js";import"./text-accent-Pc_gtAUU.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-Bf8j8BI4.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-CndTGqQQ.js";import"./Spinner-Yzq6CWfu.js";import"./defaults-B1rzzf6M.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";const K="_overlay_35dvf_21",M="_content_35dvf_31",Q="_description_35dvf_52",Z="_actions_35dvf_58",d={overlay:K,content:M,description:Q,actions:Z},R=({children:r})=>e.jsx(X,{asChild:!0,children:i.Children.only(r)}),$=i.forwardRef(function(n,o){return e.jsx(J,{asChild:!0,children:e.jsx(s,{...n,ref:o})})}),ee=i.forwardRef(function(n,o){return e.jsx(L,{asChild:!0,children:e.jsx(s,{...n,ref:o})})}),te=({open:r,title:n,description:o,dataset:a,children:h})=>{const f=Y(),O=z(a,{preplyDsComponent:G.AlertDialog});let A;const C=[];return i.Children.forEach(h,c=>{i.isValidElement(c)&&(c.type===R?A=c:C.push(c))}),e.jsxs(F,{open:r,children:[A,e.jsxs(U,{container:f,children:[e.jsx(q,{className:d.overlay}),e.jsxs(V,{...O,className:d.content,children:[e.jsx(I,{asChild:!0,children:e.jsx(H,{tag:"h3",variant:"medium",children:n})}),e.jsx(W,{asChild:!0,children:e.jsx("p",{className:d.description,children:o})}),e.jsx("div",{className:d.actions,children:C})]})]})]})},t=Object.assign(te,{Trigger:R,Action:$,Cancel:ee});try{t.displayName="AlertDialog",t.__docgenInfo={description:"A modal alertdialog that interrupts the user with important content and expects a response.\n\nUnlike a `Dialog`, it cannot be dismissed by clicking outside or pressing escape.",displayName:"AlertDialog",props:{title:{defaultValue:null,description:"The alert's title, describing what the user needs to confirm",name:"title",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:"Details about the action and its consequences",name:"description",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},children:{defaultValue:null,description:"The AlertDialog actions.\n@see `AlertDialog.Actions` for a common actions convenience wrapper.",name:"children",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},open:{defaultValue:null,description:`Controls the visibility of the alert.
2
2
 
3
3
  Alternatively, you can use the \`AlertDialog.Trigger\` subcomponent for
4
4
  an uncontrolled instance.`,name:"open",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const Be={title:"Components/AlertDialog",component:t,parameters:{docs:{description:{component:"A modal alert dialog for confirming destructive or important actions."},story:{inline:!1,height:300}}},play:async({canvas:r,step:n})=>{await n("Open alert",async()=>(await E.click(r.getByTestId("alert-trigger")),P(()=>{const o=r.getByTestId("alert-dialog");N(o).toBeVisible()})))}},u={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, `Cancel`, and `Action` subcomponents."}}},args:{title:"Confirm",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){return e.jsxs(t,{...n,children:[e.jsx(t.Trigger,{children:e.jsx(s,{dataset:{testid:"alert-trigger"},children:"Action"})}),e.jsx(t.Cancel,{variant:"secondary",onClick:l("cancel"),children:"Cancel"}),e.jsx(t.Action,{onClick:l("confirm"),children:"Confirm"})]})}},p={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, and two `Action` subcomponents.\n\nThe two actions are styled differently to suggest a preferred action to the one the user has requested.\n\nFor example, in this case, the user is prompted to reschedule instead of canceling."}}},args:{title:"Cancel Lesson",description:"Your balance will not be refunded. Would you like to reschedule instead?",dataset:{testid:"alert-dialog"}},render:function(n){return e.jsxs(t,{...n,children:[e.jsx(t.Trigger,{children:e.jsx(s,{variant:"critical",dataset:{testid:"alert-trigger"},children:"Cancel Lesson"})}),e.jsx(t.Action,{variant:"ghost",onClick:l("cancel"),children:"Cancel lesson"}),e.jsx(t.Action,{variant:"secondary",onClick:l("reschedule"),children:"Reschedule"})]})}},g={parameters:{docs:{description:{story:"Fully controlled using custom `Buttons`."}}},args:{title:"Delete Account",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){const[o,a]=i.useState(!1),h=()=>{a(!1),l("account deleted")()},f=()=>{a(!1),l("deletion canceled")()};return e.jsxs(e.Fragment,{children:[e.jsx(s,{onClick:()=>a(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsxs(t,{...n,open:o,children:[e.jsx(t.Cancel,{variant:"secondary",onClick:f,children:"Cancel"}),e.jsx(t.Action,{variant:"critical",onClick:h,children:"Delete"})]})]})}},m={parameters:{docs:{description:{story:"Fully controlled using a single custom `Button`."}}},args:{title:"Payment failed",description:"The page will refresh. Please try again.",dataset:{testid:"alert-dialog"}},render:function(n){const[o,a]=i.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(s,{onClick:()=>a(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsx(t,{...n,open:o,children:e.jsx(t.Action,{onClick:()=>{a(!1),l("page refreshed")()},children:"Refresh"})})]})}};var y,v,D;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`{
@@ -0,0 +1,6 @@
1
+ import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as o}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-Bwls0I02.js";import{g as f}from"./index-DdzHuZ-Y.js";import{A as g}from"./constants--ewUoBsO.js";import{A as y}from"./defaults-B1rzzf6M.js";const h="_Avatar_1snv2_4",R={Avatar:h,"Avatar--size-2xs":"_Avatar--size-2xs_1snv2_12","Avatar--size-xs":"_Avatar--size-xs_1snv2_16","Avatar--size-s":"_Avatar--size-s_1snv2_20","Avatar--size-m":"_Avatar--size-m_1snv2_24","Avatar--size-l":"_Avatar--size-l_1snv2_28","Avatar--size-xl":"_Avatar--size-xl_1snv2_32","Avatar--size-24":"_Avatar--size-24_1snv2_36","Avatar--size-32":"_Avatar--size-32_1snv2_40","Avatar--size-48":"_Avatar--size-48_1snv2_44","Avatar--size-64":"_Avatar--size-64_1snv2_48","Avatar--size-96":"_Avatar--size-96_1snv2_52","Avatar--size-160":"_Avatar--size-160_1snv2_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_1snv2_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_1snv2_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_1snv2_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_1snv2_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_1snv2_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_1snv2_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_1snv2_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_1snv2_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_1snv2_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_1snv2_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_1snv2_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_1snv2_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_1snv2_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_1snv2_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_1snv2_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_1snv2_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_1snv2_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_1snv2_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_1snv2_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_1snv2_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_1snv2_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_1snv2_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_1snv2_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_1snv2_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_1snv2_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_1snv2_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_1snv2_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_1snv2_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_1snv2_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_1snv2_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_1snv2_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_1snv2_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_1snv2_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_1snv2_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_1snv2_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_1snv2_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_1snv2_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_1snv2_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_1snv2_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_1snv2_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_1snv2_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_1snv2_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_1snv2_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_1snv2_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_1snv2_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_1snv2_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_1snv2_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_1snv2_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_1snv2_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_1snv2_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_1snv2_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_1snv2_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_1snv2_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_1snv2_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_1snv2_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_1snv2_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_1snv2_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_1snv2_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_1snv2_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_1snv2_305","Avatar--round":"_Avatar--round_1snv2_310"},s=o.forwardRef(function({size:r=y,round:v,src:t,alt:_="",dataset:l,crossOrigin:n,...A},m){const d=v??!0,z=p(R,e.Avatar,[x("size",r),c("round",void 0,d)]),u={...w(A),ref:m,className:z.join(" "),...f(l,{preplyDsComponent:e.Avatar})};return a.jsx("picture",{...u,children:a.jsx("img",{src:t||g,alt:_,crossOrigin:n})})});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:`Use this to set data attributes on the DOM element for the purpose of
6
+ e2e tests or integrating with external libraries.`,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};
@@ -0,0 +1 @@
1
+ import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as d}from"./index-Cb9e4tly.js";import{f as w}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as o,s as u,b as x}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-Bwls0I02.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 C="_Avatar_1snv2_4",N={Avatar:C,"Avatar--size-2xs":"_Avatar--size-2xs_1snv2_12","Avatar--size-xs":"_Avatar--size-xs_1snv2_16","Avatar--size-s":"_Avatar--size-s_1snv2_20","Avatar--size-m":"_Avatar--size-m_1snv2_24","Avatar--size-l":"_Avatar--size-l_1snv2_28","Avatar--size-xl":"_Avatar--size-xl_1snv2_32","Avatar--size-24":"_Avatar--size-24_1snv2_36","Avatar--size-32":"_Avatar--size-32_1snv2_40","Avatar--size-48":"_Avatar--size-48_1snv2_44","Avatar--size-64":"_Avatar--size-64_1snv2_48","Avatar--size-96":"_Avatar--size-96_1snv2_52","Avatar--size-160":"_Avatar--size-160_1snv2_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_1snv2_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_1snv2_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_1snv2_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_1snv2_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_1snv2_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_1snv2_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_1snv2_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_1snv2_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_1snv2_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_1snv2_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_1snv2_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_1snv2_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_1snv2_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_1snv2_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_1snv2_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_1snv2_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_1snv2_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_1snv2_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_1snv2_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_1snv2_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_1snv2_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_1snv2_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_1snv2_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_1snv2_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_1snv2_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_1snv2_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_1snv2_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_1snv2_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_1snv2_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_1snv2_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_1snv2_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_1snv2_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_1snv2_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_1snv2_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_1snv2_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_1snv2_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_1snv2_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_1snv2_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_1snv2_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_1snv2_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_1snv2_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_1snv2_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_1snv2_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_1snv2_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_1snv2_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_1snv2_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_1snv2_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_1snv2_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_1snv2_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_1snv2_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_1snv2_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_1snv2_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_1snv2_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_1snv2_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_1snv2_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_1snv2_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_1snv2_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_1snv2_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_1snv2_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_1snv2_305","Avatar--round":"_Avatar--round_1snv2_310"},R=d.forwardRef(function({size:i=c,round:a,src:r,alt:v="",dataset:_,crossOrigin:t,...A},z){const m=a??!0,n=o(N,e.Avatar,[u("size",i),x("round",void 0,m)]),l={...w(A),ref:z,className:n.join(" "),...p(_,{preplyDsComponent:e.Avatar})};return s.jsx("picture",{...l,children:s.jsx("img",{src:r||f,alt:v,crossOrigin:t})})});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};
@@ -0,0 +1 @@
1
+ ._Avatar_1snv2_4{display:inline-block}._Avatar_1snv2_4 img{vertical-align:bottom;-o-object-fit:cover;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_1snv2_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_1snv2_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_1snv2_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_1snv2_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_1snv2_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_1snv2_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_1snv2_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_1snv2_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_1snv2_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_1snv2_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_1snv2_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_1snv2_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_1snv2_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_1snv2_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_1snv2_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_1snv2_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_1snv2_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_1snv2_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_1snv2_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_1snv2_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_1snv2_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_1snv2_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_1snv2_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_1snv2_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_1snv2_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_1snv2_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_1snv2_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_1snv2_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_1snv2_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_1snv2_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_1snv2_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_1snv2_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_1snv2_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_1snv2_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_1snv2_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_1snv2_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_1snv2_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_1snv2_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_1snv2_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_1snv2_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_1snv2_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_1snv2_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_1snv2_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_1snv2_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_1snv2_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_1snv2_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_1snv2_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_1snv2_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_1snv2_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_1snv2_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_1snv2_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_1snv2_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_1snv2_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_1snv2_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_1snv2_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_1snv2_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_1snv2_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_1snv2_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_1snv2_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_1snv2_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_1snv2_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_1snv2_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_1snv2_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_1snv2_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_1snv2_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_1snv2_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_1snv2_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_1snv2_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_1snv2_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_1snv2_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_1snv2_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_1snv2_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_1snv2_310 img{border-radius:var(--8517a6)}._Avatar_1snv2_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
@@ -0,0 +1 @@
1
+ ._Avatar_1snv2_4{display:inline-block}._Avatar_1snv2_4 img{vertical-align:bottom;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_1snv2_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_1snv2_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_1snv2_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_1snv2_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_1snv2_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_1snv2_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_1snv2_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_1snv2_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_1snv2_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_1snv2_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_1snv2_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_1snv2_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_1snv2_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_1snv2_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_1snv2_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_1snv2_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_1snv2_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_1snv2_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_1snv2_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_1snv2_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_1snv2_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_1snv2_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_1snv2_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_1snv2_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_1snv2_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_1snv2_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_1snv2_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_1snv2_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_1snv2_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_1snv2_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_1snv2_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_1snv2_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_1snv2_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_1snv2_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_1snv2_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_1snv2_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_1snv2_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_1snv2_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_1snv2_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_1snv2_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_1snv2_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_1snv2_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_1snv2_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_1snv2_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_1snv2_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_1snv2_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_1snv2_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_1snv2_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_1snv2_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_1snv2_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_1snv2_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_1snv2_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_1snv2_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_1snv2_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_1snv2_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_1snv2_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_1snv2_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_1snv2_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_1snv2_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_1snv2_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_1snv2_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_1snv2_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_1snv2_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_1snv2_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_1snv2_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_1snv2_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_1snv2_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_1snv2_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_1snv2_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_1snv2_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_1snv2_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_1snv2_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_1snv2_310 img{border-radius:var(--8517a6)}._Avatar_1snv2_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
@@ -1,4 +1,4 @@
1
- import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{S as d}from"./consts-KAYct7Gj.js";import{A as t}from"./Avatar-BWVdwHlY.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./constants--ewUoBsO.js";import"./defaults-B1rzzf6M.js";const y={title:"components/Avatar",component:t,argTypes:{size:{description:d}}},s=()=>a.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"end"},children:[a.jsx(t,{size:"160"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",size:"96"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-2.png",size:"64"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-3.png",size:"48"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-4.png",size:"32"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-5.png",size:"24"})]}),r={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"32",src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",dataset:{qaid:"avatar"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},round:{table:{disable:!0}}}};var e,o,n;s.parameters={...s.parameters,docs:{...(e=s.parameters)==null?void 0:e.docs,source:{originalSource:`() => <div style={{
1
+ import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{S as d}from"./consts-KAYct7Gj.js";import{A as t}from"./Avatar-DKsRQl4B.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./constants--ewUoBsO.js";import"./defaults-B1rzzf6M.js";const y={title:"components/Avatar",component:t,argTypes:{size:{description:d}}},s=()=>a.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"end"},children:[a.jsx(t,{size:"160"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",size:"96"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-2.png",size:"64"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-3.png",size:"48"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-4.png",size:"32"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-5.png",size:"24"})]}),r={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"32",src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",dataset:{qaid:"avatar"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},round:{table:{disable:!0}}}};var e,o,n;s.parameters={...s.parameters,docs:{...(e=s.parameters)==null?void 0:e.docs,source:{originalSource:`() => <div style={{
2
2
  display: 'flex',
3
3
  gap: '8px',
4
4
  alignItems: 'end'
@@ -0,0 +1 @@
1
+ ._AvatarWithStatus_77web_3{display:inline-block;position:relative}._AvatarWithStatus--indicator_77web_7{position:absolute;border-style:solid;border-radius:var(--0cf20e);border-width:var(--4a76d7);border-color:var(--e5a39b);background-color:var(--a95a51)}._AvatarWithStatus--online_77web_15 ._AvatarWithStatus--indicator_77web_7{background-color:var(--62b71e)}._AvatarWithStatus--size-2xs_77web_18 ._AvatarWithStatus--indicator_77web_7{width:var(--1cea5a);height:var(--1cea5a);right:var(--4b2086);bottom:var(--4b2086)}._AvatarWithStatus--size-xs_77web_24 ._AvatarWithStatus--indicator_77web_7{width:var(--540610);height:var(--540610);right:var(--20c0b1);bottom:var(--20c0b1)}._AvatarWithStatus--size-m_77web_30 ._AvatarWithStatus--indicator_77web_7{width:var(--8f1e94);height:var(--8f1e94);right:var(--705050);bottom:var(--705050)}._AvatarWithStatus--size-xl_77web_36 ._AvatarWithStatus--indicator_77web_7{width:var(--bdf712);height:var(--bdf712);right:var(--3b13f1);bottom:var(--3b13f1)}._AvatarWithStatus--size-64_77web_42 ._AvatarWithStatus--indicator_77web_7{width:var(--7d9a55);height:var(--7d9a55);right:var(--3e174a);bottom:var(--3e174a)}._AvatarWithStatus--size-96_77web_48 ._AvatarWithStatus--indicator_77web_7{width:var(--7d3ab7);height:var(--7d3ab7);right:var(--bd3f63);bottom:var(--bd3f63)}._AvatarWithStatus--size-160_77web_54 ._AvatarWithStatus--indicator_77web_7{width:var(--523f7d);height:var(--523f7d);right:var(--23067e);bottom:var(--23067e)}
@@ -1,16 +1,16 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Cb9e4tly.js";import{f as j}from"./filterHTMLAttributes-DYdLqcvH.js";import{A as N}from"./Avatar-BWVdwHlY.js";import{m as C,b as q,s as T,a as V}from"./classNames-BUL1Zq7e.js";import{w as r}from"./componentNames-Bwls0I02.js";import{g as D}from"./index-DdzHuZ-Y.js";import{A as E}from"./defaults-B1rzzf6M.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./constants--ewUoBsO.js";const O="_AvatarWithStatus_1npcw_3",i={AvatarWithStatus:O,"AvatarWithStatus--indicator":"_AvatarWithStatus--indicator_1npcw_7","AvatarWithStatus--online":"_AvatarWithStatus--online_1npcw_15","AvatarWithStatus--size-2xs":"_AvatarWithStatus--size-2xs_1npcw_18","AvatarWithStatus--size-xs":"_AvatarWithStatus--size-xs_1npcw_24","AvatarWithStatus--size-m":"_AvatarWithStatus--size-m_1npcw_30","AvatarWithStatus--size-xl":"_AvatarWithStatus--size-xl_1npcw_36","AvatarWithStatus--size-64":"_AvatarWithStatus--size-64_1npcw_42","AvatarWithStatus--size-96":"_AvatarWithStatus--size-96_1npcw_48","AvatarWithStatus--size-160":"_AvatarWithStatus--size-160_1npcw_54"},e=w.forwardRef(function({online:f=!1,size:n=E,dataset:A,alt:_,crossOrigin:S,src:x,...W},g){const y=C(i,r.AvatarWithStatus,[q("online",void 0,f),T("size",n)]),z=[...V(i,r.AvatarWithStatus,["indicator"])],b={...j(W),ref:g,className:y.join(" "),...D(A,{preplyDsComponent:r.AvatarWithStatus})};return t.jsxs("div",{...b,children:[t.jsx("span",{className:z.join(" ")}),t.jsx("div",{children:t.jsx(N,{alt:_,crossOrigin:S,src:x,size:n})})]})});try{e.displayName="AvatarWithStatus",e.__docgenInfo={description:"",displayName:"AvatarWithStatus",props:{src:{defaultValue:null,description:`The avatar image URL.
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Cb9e4tly.js";import{f as j}from"./filterHTMLAttributes-DYdLqcvH.js";import{A as N}from"./Avatar-DKsRQl4B.js";import{m as C,b as q,s as T,a as V}from"./classNames-BUL1Zq7e.js";import{w as r}from"./componentNames-Bwls0I02.js";import{g as D}from"./index-DdzHuZ-Y.js";import{A as E}from"./defaults-B1rzzf6M.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./constants--ewUoBsO.js";const O="_AvatarWithStatus_77web_3",n={AvatarWithStatus:O,"AvatarWithStatus--indicator":"_AvatarWithStatus--indicator_77web_7","AvatarWithStatus--online":"_AvatarWithStatus--online_77web_15","AvatarWithStatus--size-2xs":"_AvatarWithStatus--size-2xs_77web_18","AvatarWithStatus--size-xs":"_AvatarWithStatus--size-xs_77web_24","AvatarWithStatus--size-m":"_AvatarWithStatus--size-m_77web_30","AvatarWithStatus--size-xl":"_AvatarWithStatus--size-xl_77web_36","AvatarWithStatus--size-64":"_AvatarWithStatus--size-64_77web_42","AvatarWithStatus--size-96":"_AvatarWithStatus--size-96_77web_48","AvatarWithStatus--size-160":"_AvatarWithStatus--size-160_77web_54"},e=w.forwardRef(function({online:f=!1,size:i=E,dataset:A,alt:_,crossOrigin:S,src:x,...W},b){const g=C(n,r.AvatarWithStatus,[q("online",void 0,f),T("size",i)]),y=[...V(n,r.AvatarWithStatus,["indicator"])],z={...j(W),ref:b,className:g.join(" "),...D(A,{preplyDsComponent:r.AvatarWithStatus})};return t.jsxs("div",{...z,children:[t.jsx("span",{className:y.join(" ")}),t.jsx("div",{children:t.jsx(N,{alt:_,crossOrigin:S,src:x,size:i})})]})});try{e.displayName="AvatarWithStatus",e.__docgenInfo={description:"",displayName:"AvatarWithStatus",props:{src:{defaultValue:null,description:`The avatar image URL.
2
2
  If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:null,description:`A description of the image.
3
3
  This is recommended for accessibility purposes, specifically for users
4
4
  of screen readers.
5
5
  @example <Avatar src={...} alt="Foobar's profile" />`,name:"alt",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:`Use this to set data attributes on the DOM element for the purpose of
6
- e2e tests or integrating with external libraries.`,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"'}]}},online:{defaultValue:{value:"false"},description:"Controls the status of the visual indicator.",name:"online",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},size:{defaultValue:{value:"xs"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"m"'},{value:'"xl"'},{value:'"64"'},{value:'"96"'},{value:'"160"'}]}}}}}catch{}const B={title:"components/AvatarWithStatus",component:e},a=()=>t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsx(e,{size:"64",online:!0}),t.jsx(e,{size:"64",online:!1})]}),s={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"64",src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",online:!1,dataset:{qaid:"avatar-with-status"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},online:{control:"boolean"}}};var o,l,u,c,p;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
6
+ e2e tests or integrating with external libraries.`,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"'}]}},online:{defaultValue:{value:"false"},description:"Controls the status of the visual indicator.",name:"online",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},size:{defaultValue:{value:"xs"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"m"'},{value:'"xl"'},{value:'"64"'},{value:'"96"'},{value:'"160"'}]}}}}}catch{}const B={title:"components/AvatarWithStatus",component:e},a=()=>t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsx(e,{size:"64",online:!0}),t.jsx(e,{size:"64",online:!1})]}),s={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"64",src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",online:!1,dataset:{qaid:"avatar-with-status"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},online:{control:"boolean"}}};var o,l,u,c,m;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
7
7
  display: 'flex',
8
8
  gap: '8px'
9
9
  }}>
10
10
  <AvatarWithStatus size="64" online />
11
11
  <AvatarWithStatus size="64" online={false} />
12
12
  </div>`,...(u=(l=a.parameters)==null?void 0:l.docs)==null?void 0:u.source},description:{story:`This component augments [Avatar](/docs/components-avatar--docs) to add a
13
- connection status indicator.`,...(p=(c=a.parameters)==null?void 0:c.docs)==null?void 0:p.description}}};var m,d,v;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{
13
+ connection status indicator.`,...(m=(c=a.parameters)==null?void 0:c.docs)==null?void 0:m.description}}};var d,p,v;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`{
14
14
  parameters: {
15
15
  chromatic: {
16
16
  disableSnapshot: true
@@ -38,4 +38,4 @@ connection status indicator.`,...(p=(c=a.parameters)==null?void 0:c.docs)==null?
38
38
  control: 'boolean'
39
39
  }
40
40
  }
41
- }`,...(v=(d=s.parameters)==null?void 0:d.docs)==null?void 0:v.source}}};const G=["Statuses","Playground"];export{s as Playground,a as Statuses,G as __namedExportsOrder,B as default};
41
+ }`,...(v=(p=s.parameters)==null?void 0:p.docs)==null?void 0:v.source}}};const G=["Statuses","Playground"];export{s as Playground,a as Statuses,G as __namedExportsOrder,B as default};
@@ -0,0 +1 @@
1
+ ._badge_dzz7j_2{display:inline-flex;align-items:center;gap:var(--590b8d);border-radius:var(--5e8be4);padding:var(--05dd73) var(--66b80b);width:fit-content;color:var(--628fb7)}._badge_dzz7j_2[data-size=small]{height:var(--76ac8f);font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}._badge_dzz7j_2[data-size=medium]{height:var(--f316e1);font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}._badge_dzz7j_2[data-size=large]{height:var(--7789ee);padding:var(--590b8d) var(--813599);font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e)}._badge_dzz7j_2[data-type=neutral]{background:var(--319b29)}._badge_dzz7j_2[data-type=positive]{background:var(--1836a4)}._badge_dzz7j_2[data-type=warning]{background:var(--b503b8)}._badge_dzz7j_2[data-type=info]{background:var(--94a45e)}._badge_dzz7j_2[data-type=critical]{background:var(--f15644)}._badge_dzz7j_2[data-accent=unset]{color:var(--c9575b);background-color:var(--8f1238)}._badge_dzz7j_2[data-accent=unset][data-inverted=true]{color:var(--55407f);background-color:var(--7c8c3c)}._badge_dzz7j_2[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}._badge_dzz7j_2[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}._badge_dzz7j_2[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}._badge_dzz7j_2[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}._badge_dzz7j_2[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}._badge_dzz7j_2[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}._badge_dzz7j_2[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}._badge_dzz7j_2[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}._badge_dzz7j_2[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}._badge_dzz7j_2[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}._badge_dzz7j_2[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}._badge_dzz7j_2[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}
@@ -1,9 +1,9 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as l}from"./TokyoUITag-CS4uarg6.js";import{L as T}from"./LayoutFlex-D2upWEjL.js";import{r as N}from"./index-Cb9e4tly.js";import{f as q}from"./filterHTMLAttributes-DYdLqcvH.js";import{I as C}from"./Icon-DbIHupWZ.js";import{g as L}from"./index-DdzHuZ-Y.js";import{w as U}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./layout-relative.module-C63T27Fr.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-BMdpzlaC.js";import"./render-icon-BT0Aq7PA.js";const k="_badge_tnpug_2",F={badge:k},E=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=N.forwardRef(function({type:o="neutral",size:d="medium",leadingSvgIcon:c,dataset:S,children:j,accent:u,inverted:m,...z},_){const p=E(d),t={...S,size:p};u===void 0&&m===void 0?t.type=o:(t.accent=u||"unset",t.inverted=!!m);const V={...q(z),ref:_,className:F.badge,...L(t,{preplyDsComponent:U.Badge})},w=o==="neutral"?"primary":o;return e.jsxs("span",{...V,children:[!!c&&p!=="small"&&e.jsx(C,{accent:w,size:d==="large"?"24":"16",svg:c}),j]})});try{a.displayName="Badge",a.__docgenInfo={description:"",displayName:"Badge",props:{type:{defaultValue:{value:"neutral"},description:"The type of the badge.",name:"type",required:!1,type:{name:"enum",value:[{value:'"critical"'},{value:'"neutral"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'}]}},size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon. Only displayed in \`medium\` and \`large\` sizes.
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as l}from"./TokyoUITag-CS4uarg6.js";import{L as T}from"./LayoutFlex-Bm8v-QkC.js";import{r as N}from"./index-Cb9e4tly.js";import{f as q}from"./filterHTMLAttributes-DYdLqcvH.js";import{I as C}from"./Icon-BmtvHdpX.js";import{g as L}from"./index-DdzHuZ-Y.js";import{w as U}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./layout-relative.module-CDUOJ19G.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-Pc_gtAUU.js";import"./render-icon-BT0Aq7PA.js";const k="_badge_dzz7j_2",F={badge:k},E=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=N.forwardRef(function({type:o="neutral",size:d="medium",leadingSvgIcon:c,dataset:S,children:z,accent:u,inverted:m,...j},_){const p=E(d),t={...S,size:p};u===void 0&&m===void 0?t.type=o:(t.accent=u||"unset",t.inverted=!!m);const V={...q(j),ref:_,className:F.badge,...L(t,{preplyDsComponent:U.Badge})},w=o==="neutral"?"primary":o;return e.jsxs("span",{...V,children:[!!c&&p!=="small"&&e.jsx(C,{accent:w,size:d==="large"?"24":"16",svg:c}),z]})});try{a.displayName="Badge",a.__docgenInfo={description:"",displayName:"Badge",props:{type:{defaultValue:{value:"neutral"},description:"The type of the badge.",name:"type",required:!1,type:{name:"enum",value:[{value:'"critical"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"neutral"'}]}},size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon. Only displayed in \`medium\` and \`large\` sizes.
2
2
  @example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
3
3
 
4
4
  <Badge leadingSvgIcon={TokyoUITag}>Badge</Badge>
5
5
  or
6
- <Badge leadingSvgIcon={<TokyoUITag />}>Badge</Badge>`,name:"leadingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},assistiveText:{defaultValue:null,description:"@deprecated badge children should have all necessary information",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},accent:{defaultValue:null,description:"@deprecated Use `type` instead.",name:"accent",required:!1,type:{name:"enum",value:[{value:'"tertiary"'},{value:'"critical"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"accent"'}]}},inverted:{defaultValue:null,description:"@deprecated inverted badge is deprecated & will be removed in the future releases",name:"inverted",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}const $={title:"components/Badge",component:a},r=()=>e.jsxs(T,{gap:"16",children:[e.jsx(a,{type:"neutral",children:"Neutral"}),e.jsx(a,{type:"positive",children:"Positive"}),e.jsx(a,{type:"info",children:"Info"}),e.jsx(a,{type:"warning",children:"Warning"}),e.jsx(a,{type:"critical",children:"Critical"})]}),s=()=>e.jsxs(T,{gap:"16",alignItems:"center",children:[e.jsx(a,{size:"small",leadingSvgIcon:l,children:"Small"}),e.jsx(a,{size:"medium",leadingSvgIcon:l,children:"Medium"}),e.jsx(a,{size:"large",leadingSvgIcon:l,children:"Large"})]}),i={parameters:{chromatic:{disableSnapshot:!0}},args:{type:"neutral",size:"medium",children:"Badge",dataset:{qaid:"badge"}},argTypes:{dataset:{control:"object"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":l},control:"select"},assistiveText:{table:{disable:!0}},accent:{table:{disable:!0}},inverted:{table:{disable:!0}}}};var g,v,y;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`() => <LayoutFlex gap="16">
6
+ <Badge leadingSvgIcon={<TokyoUITag />}>Badge</Badge>`,name:"leadingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},assistiveText:{defaultValue:null,description:"@deprecated badge children should have all necessary information",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},accent:{defaultValue:null,description:"@deprecated Use `type` instead.",name:"accent",required:!1,type:{name:"enum",value:[{value:'"tertiary"'},{value:'"critical"'},{value:'"accent"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'}]}},inverted:{defaultValue:null,description:"@deprecated inverted badge is deprecated & will be removed in the future releases",name:"inverted",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}const $={title:"components/Badge",component:a},r=()=>e.jsxs(T,{gap:"16",children:[e.jsx(a,{type:"neutral",children:"Neutral"}),e.jsx(a,{type:"positive",children:"Positive"}),e.jsx(a,{type:"info",children:"Info"}),e.jsx(a,{type:"warning",children:"Warning"}),e.jsx(a,{type:"critical",children:"Critical"})]}),s=()=>e.jsxs(T,{gap:"16",alignItems:"center",children:[e.jsx(a,{size:"small",leadingSvgIcon:l,children:"Small"}),e.jsx(a,{size:"medium",leadingSvgIcon:l,children:"Medium"}),e.jsx(a,{size:"large",leadingSvgIcon:l,children:"Large"})]}),i={parameters:{chromatic:{disableSnapshot:!0}},args:{type:"neutral",size:"medium",children:"Badge",dataset:{qaid:"badge"}},argTypes:{dataset:{control:"object"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":l},control:"select"},assistiveText:{table:{disable:!0}},accent:{table:{disable:!0}},inverted:{table:{disable:!0}}}};var g,v,y;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`() => <LayoutFlex gap="16">
7
7
  <Badge type="neutral">Neutral</Badge>
8
8
  <Badge type="positive">Positive</Badge>
9
9
  <Badge type="info">Info</Badge>
@@ -0,0 +1 @@
1
+ ._Box_17zmg_4{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;color:var(--aface6);background-color:var(--786b9e);box-shadow:var(--a814c9);flex:1}._Box--box-radius-none_17zmg_16{border-radius:var(--84e079)}._Box--box-radius-m_17zmg_19{border-radius:var(--1c37d5)}._Box--box-radius-l_17zmg_22{border-radius:var(--9e57e5)}._Box--box-radius-0_17zmg_34{border-radius:var(--adc668)}._Box--box-radius-2_17zmg_25{border-radius:var(--9817c7)}._Box--box-radius-4_17zmg_28{border-radius:var(--7dcb5e)}._Box--box-radius-8_17zmg_31{border-radius:var(--2071ea)}._Box--box-radius-12_17zmg_46{border-radius:var(--c1925d)}._Box--box-radius-16_17zmg_49{border-radius:var(--f3f949)}._Box--box-radius-24_17zmg_52{border-radius:var(--67250f)}._Box--box-radius-32_17zmg_55{border-radius:var(--fba602)}._Box--box-radius-48_17zmg_58{border-radius:var(--f8b939)}._Box--box-radius-64_17zmg_61{border-radius:var(--4d9939)}._Box--box-radius-96_17zmg_64{border-radius:var(--a78cb4)}._Box--box-radius-160_17zmg_67{border-radius:var(--439947)}@media (min-width: 400px){._Box--narrow-l--box-radius-none_17zmg_71{border-radius:var(--84e079)}._Box--narrow-l--box-radius-m_17zmg_74{border-radius:var(--1c37d5)}._Box--narrow-l--box-radius-l_17zmg_77{border-radius:var(--9e57e5)}._Box--narrow-l--box-radius-0_17zmg_89{border-radius:var(--adc668)}._Box--narrow-l--box-radius-2_17zmg_80{border-radius:var(--9817c7)}._Box--narrow-l--box-radius-4_17zmg_83{border-radius:var(--7dcb5e)}._Box--narrow-l--box-radius-8_17zmg_86{border-radius:var(--2071ea)}._Box--narrow-l--box-radius-12_17zmg_101{border-radius:var(--c1925d)}._Box--narrow-l--box-radius-16_17zmg_104{border-radius:var(--f3f949)}._Box--narrow-l--box-radius-24_17zmg_107{border-radius:var(--67250f)}._Box--narrow-l--box-radius-32_17zmg_110{border-radius:var(--fba602)}._Box--narrow-l--box-radius-48_17zmg_113{border-radius:var(--f8b939)}._Box--narrow-l--box-radius-64_17zmg_116{border-radius:var(--4d9939)}._Box--narrow-l--box-radius-96_17zmg_119{border-radius:var(--a78cb4)}._Box--narrow-l--box-radius-160_17zmg_122{border-radius:var(--439947)}}@media (min-width: 700px){._Box--medium-s--box-radius-none_17zmg_127{border-radius:var(--84e079)}._Box--medium-s--box-radius-m_17zmg_130{border-radius:var(--1c37d5)}._Box--medium-s--box-radius-l_17zmg_133{border-radius:var(--9e57e5)}._Box--medium-s--box-radius-0_17zmg_145{border-radius:var(--adc668)}._Box--medium-s--box-radius-2_17zmg_136{border-radius:var(--9817c7)}._Box--medium-s--box-radius-4_17zmg_139{border-radius:var(--7dcb5e)}._Box--medium-s--box-radius-8_17zmg_142{border-radius:var(--2071ea)}._Box--medium-s--box-radius-12_17zmg_157{border-radius:var(--c1925d)}._Box--medium-s--box-radius-16_17zmg_160{border-radius:var(--f3f949)}._Box--medium-s--box-radius-24_17zmg_163{border-radius:var(--67250f)}._Box--medium-s--box-radius-32_17zmg_166{border-radius:var(--fba602)}._Box--medium-s--box-radius-48_17zmg_169{border-radius:var(--f8b939)}._Box--medium-s--box-radius-64_17zmg_172{border-radius:var(--4d9939)}._Box--medium-s--box-radius-96_17zmg_175{border-radius:var(--a78cb4)}._Box--medium-s--box-radius-160_17zmg_178{border-radius:var(--439947)}}@media (min-width: 880px){._Box--medium-l--box-radius-none_17zmg_183{border-radius:var(--84e079)}._Box--medium-l--box-radius-m_17zmg_186{border-radius:var(--1c37d5)}._Box--medium-l--box-radius-l_17zmg_189{border-radius:var(--9e57e5)}._Box--medium-l--box-radius-0_17zmg_201{border-radius:var(--adc668)}._Box--medium-l--box-radius-2_17zmg_192{border-radius:var(--9817c7)}._Box--medium-l--box-radius-4_17zmg_195{border-radius:var(--7dcb5e)}._Box--medium-l--box-radius-8_17zmg_198{border-radius:var(--2071ea)}._Box--medium-l--box-radius-12_17zmg_213{border-radius:var(--c1925d)}._Box--medium-l--box-radius-16_17zmg_216{border-radius:var(--f3f949)}._Box--medium-l--box-radius-24_17zmg_219{border-radius:var(--67250f)}._Box--medium-l--box-radius-32_17zmg_222{border-radius:var(--fba602)}._Box--medium-l--box-radius-48_17zmg_225{border-radius:var(--f8b939)}._Box--medium-l--box-radius-64_17zmg_228{border-radius:var(--4d9939)}._Box--medium-l--box-radius-96_17zmg_231{border-radius:var(--a78cb4)}._Box--medium-l--box-radius-160_17zmg_234{border-radius:var(--439947)}}@media (min-width: 1200px){._Box--wide-s--box-radius-none_17zmg_239{border-radius:var(--84e079)}._Box--wide-s--box-radius-m_17zmg_242{border-radius:var(--1c37d5)}._Box--wide-s--box-radius-l_17zmg_245{border-radius:var(--9e57e5)}._Box--wide-s--box-radius-0_17zmg_257{border-radius:var(--adc668)}._Box--wide-s--box-radius-2_17zmg_248{border-radius:var(--9817c7)}._Box--wide-s--box-radius-4_17zmg_251{border-radius:var(--7dcb5e)}._Box--wide-s--box-radius-8_17zmg_254{border-radius:var(--2071ea)}._Box--wide-s--box-radius-12_17zmg_269{border-radius:var(--c1925d)}._Box--wide-s--box-radius-16_17zmg_272{border-radius:var(--f3f949)}._Box--wide-s--box-radius-24_17zmg_275{border-radius:var(--67250f)}._Box--wide-s--box-radius-32_17zmg_278{border-radius:var(--fba602)}._Box--wide-s--box-radius-48_17zmg_281{border-radius:var(--f8b939)}._Box--wide-s--box-radius-64_17zmg_284{border-radius:var(--4d9939)}._Box--wide-s--box-radius-96_17zmg_287{border-radius:var(--a78cb4)}._Box--wide-s--box-radius-160_17zmg_290{border-radius:var(--439947)}}@media (min-width: 1900px){._Box--wide-l--box-radius-none_17zmg_295{border-radius:var(--84e079)}._Box--wide-l--box-radius-m_17zmg_298{border-radius:var(--1c37d5)}._Box--wide-l--box-radius-l_17zmg_301{border-radius:var(--9e57e5)}._Box--wide-l--box-radius-0_17zmg_313{border-radius:var(--adc668)}._Box--wide-l--box-radius-2_17zmg_304{border-radius:var(--9817c7)}._Box--wide-l--box-radius-4_17zmg_307{border-radius:var(--7dcb5e)}._Box--wide-l--box-radius-8_17zmg_310{border-radius:var(--2071ea)}._Box--wide-l--box-radius-12_17zmg_325{border-radius:var(--c1925d)}._Box--wide-l--box-radius-16_17zmg_328{border-radius:var(--f3f949)}._Box--wide-l--box-radius-24_17zmg_331{border-radius:var(--67250f)}._Box--wide-l--box-radius-32_17zmg_334{border-radius:var(--fba602)}._Box--wide-l--box-radius-48_17zmg_337{border-radius:var(--f8b939)}._Box--wide-l--box-radius-64_17zmg_340{border-radius:var(--4d9939)}._Box--wide-l--box-radius-96_17zmg_343{border-radius:var(--a78cb4)}._Box--wide-l--box-radius-160_17zmg_346{border-radius:var(--439947)}}._Box--background-white_17zmg_350{background-color:var(--145676)}._Box--background-gray-100_17zmg_353{background-color:var(--55407f)}._Box--background-gray-200_17zmg_356{background-color:var(--8f1238)}._Box--background-gray-300_17zmg_359{background-color:var(--da403c)}._Box--background-gray-400_17zmg_362{background-color:var(--7c8c3c)}._Box--background-gray-500_17zmg_365{background-color:var(--c9575b)}._Box--background-gray-600_17zmg_368{background-color:var(--2fb6f7)}._Box--background-teal-100_17zmg_371{background-color:var(--54ed1d)}._Box--background-teal-200_17zmg_374{background-color:var(--b706bf)}._Box--background-teal-300_17zmg_377{background-color:var(--4adefb)}._Box--background-teal-400_17zmg_380{background-color:var(--de8a40)}._Box--background-teal-500_17zmg_383{background-color:var(--574543)}._Box--background-green-100_17zmg_386{background-color:var(--1383a7)}._Box--background-green-200_17zmg_389{background-color:var(--9f1066)}._Box--background-green-300_17zmg_392{background-color:var(--d4cf94)}._Box--background-green-400_17zmg_395{background-color:var(--bbfa9f)}._Box--background-green-500_17zmg_398{background-color:var(--5f8b30)}._Box--background-yellow-100_17zmg_401{background-color:var(--c7d8be)}._Box--background-yellow-200_17zmg_404{background-color:var(--17bab8)}._Box--background-yellow-300_17zmg_407{background-color:var(--f017e5)}._Box--background-yellow-400_17zmg_410{background-color:var(--2242ed)}._Box--background-yellow-500_17zmg_413{background-color:var(--e40de4)}._Box--background-red-100_17zmg_416{background-color:var(--ecb5d5)}._Box--background-red-200_17zmg_419{background-color:var(--5b5cb0)}._Box--background-red-300_17zmg_422{background-color:var(--d55c71)}._Box--background-red-400_17zmg_425{background-color:var(--4e47fe)}._Box--background-red-500_17zmg_428{background-color:var(--3e7877)}._Box--background-blue-100_17zmg_431{background-color:var(--21906f)}._Box--background-blue-200_17zmg_434{background-color:var(--5d87f3)}._Box--background-blue-300_17zmg_437{background-color:var(--201e14)}._Box--background-blue-400_17zmg_440{background-color:var(--e1c27c)}._Box--background-blue-500_17zmg_443{background-color:var(--6a1420)}._Box--background-magenta-100_17zmg_446{background-color:var(--1a9963)}._Box--background-magenta-200_17zmg_449{background-color:var(--b774df)}._Box--background-magenta-300_17zmg_452{background-color:var(--f72cdd)}._Box--background-magenta-400_17zmg_455{background-color:var(--6cbd80)}._Box--background-magenta-500_17zmg_458{background-color:var(--5893e7)}._Box--background-primary_17zmg_461{background-color:var(--3546c3)}._Box--background-secondary_17zmg_464{background-color:var(--302ecf)}._Box--background-tertiary_17zmg_467{background-color:var(--a5c761)}._Box--background-overlay_17zmg_470{background-color:var(--02a0d5)}._Box--background-disabled_17zmg_473{background-color:var(--319b29)}._Box--background-brand_17zmg_476{background-color:var(--cd91ab)}._Box--background-brandB2b_17zmg_479{background-color:var(--706789)}._Box--background-accentLight_17zmg_482{background-color:var(--560eda)}._Box--background-accentDark_17zmg_485{background-color:var(--e4c520)}._Box--background-positiveLight_17zmg_488{background-color:var(--1836a4)}._Box--background-positiveDark_17zmg_491{background-color:var(--ae7f1f)}._Box--background-infoLight_17zmg_494{background-color:var(--94a45e)}._Box--background-infoDark_17zmg_497{background-color:var(--79dffb)}._Box--background-warningLight_17zmg_500{background-color:var(--b503b8)}._Box--background-warningDark_17zmg_503{background-color:var(--34fc43)}._Box--background-criticalLight_17zmg_506{background-color:var(--f15644)}._Box--background-criticalDark_17zmg_509{background-color:var(--87fcf8)}._Box--background-statusOnline_17zmg_512{background-color:var(--cbc115)}._Box--background-statusOffline_17zmg_515{background-color:var(--7ff085)}._Box--background-primaryInverted_17zmg_518{background-color:var(--4983fe)}._Box--background-secondaryInverted_17zmg_521{background-color:var(--19649f)}._Box--background-tertiaryInverted_17zmg_524{background-color:var(--a469f2)}
@@ -0,0 +1,44 @@
1
+ import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{H as m}from"./Heading-BIzxWDA5.js";import{L as g}from"./LayoutFlex-Bm8v-QkC.js";import{T as t}from"./Text-V4TRyvtW.js";import{r as P}from"./index-Cb9e4tly.js";import{f as T}from"./filterHTMLAttributes-DYdLqcvH.js";import{g as A}from"./layout-relative.module-CDUOJ19G.js";import{m as q,s as u}from"./classNames-BUL1Zq7e.js";import{w as d}from"./componentNames-Bwls0I02.js";import{g as H}from"./index-DdzHuZ-Y.js";import{L as O,c as N,d as j}from"./defaults-B1rzzf6M.js";import{a as E,S as I}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./text-accent-Pc_gtAUU.js";import"./text-centered-Bf8j8BI4.js";import"./_commonjsHelpers-Cpj98o6Y.js";const R="_Box_17zmg_4",V={Box:R,"Box--box-radius-none":"_Box--box-radius-none_17zmg_16","Box--box-radius-m":"_Box--box-radius-m_17zmg_19","Box--box-radius-l":"_Box--box-radius-l_17zmg_22","Box--box-radius-2":"_Box--box-radius-2_17zmg_25","Box--box-radius-4":"_Box--box-radius-4_17zmg_28","Box--box-radius-8":"_Box--box-radius-8_17zmg_31","Box--box-radius-0":"_Box--box-radius-0_17zmg_34","Box--box-radius-12":"_Box--box-radius-12_17zmg_46","Box--box-radius-16":"_Box--box-radius-16_17zmg_49","Box--box-radius-24":"_Box--box-radius-24_17zmg_52","Box--box-radius-32":"_Box--box-radius-32_17zmg_55","Box--box-radius-48":"_Box--box-radius-48_17zmg_58","Box--box-radius-64":"_Box--box-radius-64_17zmg_61","Box--box-radius-96":"_Box--box-radius-96_17zmg_64","Box--box-radius-160":"_Box--box-radius-160_17zmg_67","Box--narrow-l--box-radius-none":"_Box--narrow-l--box-radius-none_17zmg_71","Box--narrow-l--box-radius-m":"_Box--narrow-l--box-radius-m_17zmg_74","Box--narrow-l--box-radius-l":"_Box--narrow-l--box-radius-l_17zmg_77","Box--narrow-l--box-radius-2":"_Box--narrow-l--box-radius-2_17zmg_80","Box--narrow-l--box-radius-4":"_Box--narrow-l--box-radius-4_17zmg_83","Box--narrow-l--box-radius-8":"_Box--narrow-l--box-radius-8_17zmg_86","Box--narrow-l--box-radius-0":"_Box--narrow-l--box-radius-0_17zmg_89","Box--narrow-l--box-radius-12":"_Box--narrow-l--box-radius-12_17zmg_101","Box--narrow-l--box-radius-16":"_Box--narrow-l--box-radius-16_17zmg_104","Box--narrow-l--box-radius-24":"_Box--narrow-l--box-radius-24_17zmg_107","Box--narrow-l--box-radius-32":"_Box--narrow-l--box-radius-32_17zmg_110","Box--narrow-l--box-radius-48":"_Box--narrow-l--box-radius-48_17zmg_113","Box--narrow-l--box-radius-64":"_Box--narrow-l--box-radius-64_17zmg_116","Box--narrow-l--box-radius-96":"_Box--narrow-l--box-radius-96_17zmg_119","Box--narrow-l--box-radius-160":"_Box--narrow-l--box-radius-160_17zmg_122","Box--medium-s--box-radius-none":"_Box--medium-s--box-radius-none_17zmg_127","Box--medium-s--box-radius-m":"_Box--medium-s--box-radius-m_17zmg_130","Box--medium-s--box-radius-l":"_Box--medium-s--box-radius-l_17zmg_133","Box--medium-s--box-radius-2":"_Box--medium-s--box-radius-2_17zmg_136","Box--medium-s--box-radius-4":"_Box--medium-s--box-radius-4_17zmg_139","Box--medium-s--box-radius-8":"_Box--medium-s--box-radius-8_17zmg_142","Box--medium-s--box-radius-0":"_Box--medium-s--box-radius-0_17zmg_145","Box--medium-s--box-radius-12":"_Box--medium-s--box-radius-12_17zmg_157","Box--medium-s--box-radius-16":"_Box--medium-s--box-radius-16_17zmg_160","Box--medium-s--box-radius-24":"_Box--medium-s--box-radius-24_17zmg_163","Box--medium-s--box-radius-32":"_Box--medium-s--box-radius-32_17zmg_166","Box--medium-s--box-radius-48":"_Box--medium-s--box-radius-48_17zmg_169","Box--medium-s--box-radius-64":"_Box--medium-s--box-radius-64_17zmg_172","Box--medium-s--box-radius-96":"_Box--medium-s--box-radius-96_17zmg_175","Box--medium-s--box-radius-160":"_Box--medium-s--box-radius-160_17zmg_178","Box--medium-l--box-radius-none":"_Box--medium-l--box-radius-none_17zmg_183","Box--medium-l--box-radius-m":"_Box--medium-l--box-radius-m_17zmg_186","Box--medium-l--box-radius-l":"_Box--medium-l--box-radius-l_17zmg_189","Box--medium-l--box-radius-2":"_Box--medium-l--box-radius-2_17zmg_192","Box--medium-l--box-radius-4":"_Box--medium-l--box-radius-4_17zmg_195","Box--medium-l--box-radius-8":"_Box--medium-l--box-radius-8_17zmg_198","Box--medium-l--box-radius-0":"_Box--medium-l--box-radius-0_17zmg_201","Box--medium-l--box-radius-12":"_Box--medium-l--box-radius-12_17zmg_213","Box--medium-l--box-radius-16":"_Box--medium-l--box-radius-16_17zmg_216","Box--medium-l--box-radius-24":"_Box--medium-l--box-radius-24_17zmg_219","Box--medium-l--box-radius-32":"_Box--medium-l--box-radius-32_17zmg_222","Box--medium-l--box-radius-48":"_Box--medium-l--box-radius-48_17zmg_225","Box--medium-l--box-radius-64":"_Box--medium-l--box-radius-64_17zmg_228","Box--medium-l--box-radius-96":"_Box--medium-l--box-radius-96_17zmg_231","Box--medium-l--box-radius-160":"_Box--medium-l--box-radius-160_17zmg_234","Box--wide-s--box-radius-none":"_Box--wide-s--box-radius-none_17zmg_239","Box--wide-s--box-radius-m":"_Box--wide-s--box-radius-m_17zmg_242","Box--wide-s--box-radius-l":"_Box--wide-s--box-radius-l_17zmg_245","Box--wide-s--box-radius-2":"_Box--wide-s--box-radius-2_17zmg_248","Box--wide-s--box-radius-4":"_Box--wide-s--box-radius-4_17zmg_251","Box--wide-s--box-radius-8":"_Box--wide-s--box-radius-8_17zmg_254","Box--wide-s--box-radius-0":"_Box--wide-s--box-radius-0_17zmg_257","Box--wide-s--box-radius-12":"_Box--wide-s--box-radius-12_17zmg_269","Box--wide-s--box-radius-16":"_Box--wide-s--box-radius-16_17zmg_272","Box--wide-s--box-radius-24":"_Box--wide-s--box-radius-24_17zmg_275","Box--wide-s--box-radius-32":"_Box--wide-s--box-radius-32_17zmg_278","Box--wide-s--box-radius-48":"_Box--wide-s--box-radius-48_17zmg_281","Box--wide-s--box-radius-64":"_Box--wide-s--box-radius-64_17zmg_284","Box--wide-s--box-radius-96":"_Box--wide-s--box-radius-96_17zmg_287","Box--wide-s--box-radius-160":"_Box--wide-s--box-radius-160_17zmg_290","Box--wide-l--box-radius-none":"_Box--wide-l--box-radius-none_17zmg_295","Box--wide-l--box-radius-m":"_Box--wide-l--box-radius-m_17zmg_298","Box--wide-l--box-radius-l":"_Box--wide-l--box-radius-l_17zmg_301","Box--wide-l--box-radius-2":"_Box--wide-l--box-radius-2_17zmg_304","Box--wide-l--box-radius-4":"_Box--wide-l--box-radius-4_17zmg_307","Box--wide-l--box-radius-8":"_Box--wide-l--box-radius-8_17zmg_310","Box--wide-l--box-radius-0":"_Box--wide-l--box-radius-0_17zmg_313","Box--wide-l--box-radius-12":"_Box--wide-l--box-radius-12_17zmg_325","Box--wide-l--box-radius-16":"_Box--wide-l--box-radius-16_17zmg_328","Box--wide-l--box-radius-24":"_Box--wide-l--box-radius-24_17zmg_331","Box--wide-l--box-radius-32":"_Box--wide-l--box-radius-32_17zmg_334","Box--wide-l--box-radius-48":"_Box--wide-l--box-radius-48_17zmg_337","Box--wide-l--box-radius-64":"_Box--wide-l--box-radius-64_17zmg_340","Box--wide-l--box-radius-96":"_Box--wide-l--box-radius-96_17zmg_343","Box--wide-l--box-radius-160":"_Box--wide-l--box-radius-160_17zmg_346","Box--background-white":"_Box--background-white_17zmg_350","Box--background-gray-100":"_Box--background-gray-100_17zmg_353","Box--background-gray-200":"_Box--background-gray-200_17zmg_356","Box--background-gray-300":"_Box--background-gray-300_17zmg_359","Box--background-gray-400":"_Box--background-gray-400_17zmg_362","Box--background-gray-500":"_Box--background-gray-500_17zmg_365","Box--background-gray-600":"_Box--background-gray-600_17zmg_368","Box--background-teal-100":"_Box--background-teal-100_17zmg_371","Box--background-teal-200":"_Box--background-teal-200_17zmg_374","Box--background-teal-300":"_Box--background-teal-300_17zmg_377","Box--background-teal-400":"_Box--background-teal-400_17zmg_380","Box--background-teal-500":"_Box--background-teal-500_17zmg_383","Box--background-green-100":"_Box--background-green-100_17zmg_386","Box--background-green-200":"_Box--background-green-200_17zmg_389","Box--background-green-300":"_Box--background-green-300_17zmg_392","Box--background-green-400":"_Box--background-green-400_17zmg_395","Box--background-green-500":"_Box--background-green-500_17zmg_398","Box--background-yellow-100":"_Box--background-yellow-100_17zmg_401","Box--background-yellow-200":"_Box--background-yellow-200_17zmg_404","Box--background-yellow-300":"_Box--background-yellow-300_17zmg_407","Box--background-yellow-400":"_Box--background-yellow-400_17zmg_410","Box--background-yellow-500":"_Box--background-yellow-500_17zmg_413","Box--background-red-100":"_Box--background-red-100_17zmg_416","Box--background-red-200":"_Box--background-red-200_17zmg_419","Box--background-red-300":"_Box--background-red-300_17zmg_422","Box--background-red-400":"_Box--background-red-400_17zmg_425","Box--background-red-500":"_Box--background-red-500_17zmg_428","Box--background-blue-100":"_Box--background-blue-100_17zmg_431","Box--background-blue-200":"_Box--background-blue-200_17zmg_434","Box--background-blue-300":"_Box--background-blue-300_17zmg_437","Box--background-blue-400":"_Box--background-blue-400_17zmg_440","Box--background-blue-500":"_Box--background-blue-500_17zmg_443","Box--background-magenta-100":"_Box--background-magenta-100_17zmg_446","Box--background-magenta-200":"_Box--background-magenta-200_17zmg_449","Box--background-magenta-300":"_Box--background-magenta-300_17zmg_452","Box--background-magenta-400":"_Box--background-magenta-400_17zmg_455","Box--background-magenta-500":"_Box--background-magenta-500_17zmg_458","Box--background-primary":"_Box--background-primary_17zmg_461","Box--background-secondary":"_Box--background-secondary_17zmg_464","Box--background-tertiary":"_Box--background-tertiary_17zmg_467","Box--background-overlay":"_Box--background-overlay_17zmg_470","Box--background-disabled":"_Box--background-disabled_17zmg_473","Box--background-brand":"_Box--background-brand_17zmg_476","Box--background-brandB2b":"_Box--background-brandB2b_17zmg_479","Box--background-accentLight":"_Box--background-accentLight_17zmg_482","Box--background-accentDark":"_Box--background-accentDark_17zmg_485","Box--background-positiveLight":"_Box--background-positiveLight_17zmg_488","Box--background-positiveDark":"_Box--background-positiveDark_17zmg_491","Box--background-infoLight":"_Box--background-infoLight_17zmg_494","Box--background-infoDark":"_Box--background-infoDark_17zmg_497","Box--background-warningLight":"_Box--background-warningLight_17zmg_500","Box--background-warningDark":"_Box--background-warningDark_17zmg_503","Box--background-criticalLight":"_Box--background-criticalLight_17zmg_506","Box--background-criticalDark":"_Box--background-criticalDark_17zmg_509","Box--background-statusOnline":"_Box--background-statusOnline_17zmg_512","Box--background-statusOffline":"_Box--background-statusOffline_17zmg_515","Box--background-primaryInverted":"_Box--background-primaryInverted_17zmg_518","Box--background-secondaryInverted":"_Box--background-secondaryInverted_17zmg_521","Box--background-tertiaryInverted":"_Box--background-tertiaryInverted_17zmg_524"},r=P.forwardRef(function({children:B,background:c,radius:v=N,padding:z=j,tag:k,dataset:p,...w},y){const f=q(V,d.Box,[u("box-radius",v),u("background",c)]),h=A(z),L=k??O,S=[...f,...h],D={...T(w),ref:y,className:S.join(" "),...H(p,{preplyDsComponent:d.Box})};return o.jsx(L,{...D,children:B})});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:'"disabled"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{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:I},padding:{description:E}}},a=()=>o.jsx(r,{background:"positiveLight",children:o.jsxs(g,{gap:"xs",direction:"column",children:[o.jsx(m,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(t,{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(g,{gap:"16",direction:"column",children:[o.jsx(m,{variant:"large",tag:"h3",children:"Heading"}),o.jsx(t,{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;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
+ }`,...(l=(_=e.parameters)==null?void 0:_.docs)==null?void 0:l.source}}};const uo=["Base","Playground"];export{a as Base,e as Playground,uo as __namedExportsOrder,ro as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{r as t}from"./render-icon-BT0Aq7PA.js";import{B as y}from"./ButtonBase-CJjNfOwu.js";import{a as g}from"./classNames-BUL1Zq7e.js";import{w as u}from"./componentNames-Bwls0I02.js";import{B as T,a as B}from"./defaults-B1rzzf6M.js";const h={"Button--icon":"_Button--icon_3o0wv_5"},r=f.forwardRef(function({variant:i=B,size:s=T,url:m,a11yLabel:d,leadingSvgIcon:a,trailingSvgIcon:n,children:v,...p},c){const l=[...g(h,u.Button,["icon"])];return e.jsxs(y,{...p,ref:c,isIconButton:!1,variant:i,size:s,url:m,a11yLabel:d,preplyDsComponent:u.Button,children:[!!a&&e.jsx("span",{className:l.join(" "),children:t(a,{"aria-hidden":"true",focusable:"false"})}),v,!!n&&e.jsx("span",{className:l.join(" "),children:t(n,{"aria-hidden":"true",focusable:"false"})})]})});try{r.displayName="Button",r.__docgenInfo={description:"",displayName:"Button",props:{size:{defaultValue:{value:"s"},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>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},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"}]}},as:{defaultValue:null,description:`Custom element to render the button.
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{r as t}from"./render-icon-BT0Aq7PA.js";import{B as y}from"./ButtonBase-CndTGqQQ.js";import{a as g}from"./classNames-BUL1Zq7e.js";import{w as u}from"./componentNames-Bwls0I02.js";import{B as T,a as B}from"./defaults-B1rzzf6M.js";const h={"Button--icon":"_Button--icon_186hv_5"},r=f.forwardRef(function({variant:i=B,size:s=T,url:m,a11yLabel:d,leadingSvgIcon:a,trailingSvgIcon:n,children:v,...p},c){const l=[...g(h,u.Button,["icon"])];return e.jsxs(y,{...p,ref:c,isIconButton:!1,variant:i,size:s,url:m,a11yLabel:d,preplyDsComponent:u.Button,children:[!!a&&e.jsx("span",{className:l.join(" "),children:t(a,{"aria-hidden":"true",focusable:"false"})}),v,!!n&&e.jsx("span",{className:l.join(" "),children:t(n,{"aria-hidden":"true",focusable:"false"})})]})});try{r.displayName="Button",r.__docgenInfo={description:"",displayName:"Button",props:{size:{defaultValue:{value:"s"},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>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},variant:{defaultValue:{value:"primary"},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"'}]}},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>"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
2
2
 
3
3
  Allows rendering the button using a different React element or component.
4
4
  This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
@@ -17,4 +17,4 @@ The trailing SVG icon.
17
17
 
18
18
  <Button trailingSvgIcon={TokyoUITag}>Button</Button>
19
19
  or
20
- <Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"trailingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{r as B};
20
+ <Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"trailingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | HTMLAnchorElement | null) => void"},{value:"RefObject<HTMLButtonElement | HTMLAnchorElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{r as B};
@@ -0,0 +1 @@
1
+ ._Button--icon_186hv_5{display:flex;margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}._Button--icon_186hv_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_186hv_5 svg path{fill:currentColor}
@@ -0,0 +1 @@
1
+ import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as t}from"./index-Cb9e4tly.js";import{g as ie,a as ne}from"./text-accent-C7pEavfl.js";import{g as se}from"./text-centered-CEVxj3Ji.js";import{f as M}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as k,s as v,b as B,a as h}from"./classNames-BUL1Zq7e.js";import{w as x}from"./componentNames-Bwls0I02.js";import{g as O,a as le}from"./index-DdzHuZ-Y.js";import{r as U}from"./render-icon-Du0nasoi.js";import{S as oe,a as V,B as K}from"./defaults-B1rzzf6M.js";import{u as ue}from"./useHostname-Y3PlXofY.js";import{m as re}from"./index-CC6DAVyL.js";const _e="_Heading_17lu6_4",de={Heading:_e,"Heading--level-h1-normal":"_Heading--level-h1-normal_17lu6_11","Heading--level-h1-large":"_Heading--level-h1-large_17lu6_17","Heading--level-h2-normal":"_Heading--level-h2-normal_17lu6_23","Heading--level-h2-large":"_Heading--level-h2-large_17lu6_29","Heading--level-h3-normal":"_Heading--level-h3-normal_17lu6_35","Heading--level-h3-large":"_Heading--level-h3-large_17lu6_41","Heading--level-h4-normal":"_Heading--level-h4-normal_17lu6_47","Heading--level-h4-large":"_Heading--level-h4-large_17lu6_53","Heading--level-h5-normal":"_Heading--level-h5-normal_17lu6_59","Heading--level-h5-large":"_Heading--level-h5-large_17lu6_65","Heading--narrow-l--level-h1-normal":"_Heading--narrow-l--level-h1-normal_17lu6_72","Heading--narrow-l--level-h1-large":"_Heading--narrow-l--level-h1-large_17lu6_78","Heading--narrow-l--level-h2-normal":"_Heading--narrow-l--level-h2-normal_17lu6_84","Heading--narrow-l--level-h2-large":"_Heading--narrow-l--level-h2-large_17lu6_90","Heading--narrow-l--level-h3-normal":"_Heading--narrow-l--level-h3-normal_17lu6_96","Heading--narrow-l--level-h3-large":"_Heading--narrow-l--level-h3-large_17lu6_102","Heading--narrow-l--level-h4-normal":"_Heading--narrow-l--level-h4-normal_17lu6_108","Heading--narrow-l--level-h4-large":"_Heading--narrow-l--level-h4-large_17lu6_114","Heading--narrow-l--level-h5-normal":"_Heading--narrow-l--level-h5-normal_17lu6_120","Heading--narrow-l--level-h5-large":"_Heading--narrow-l--level-h5-large_17lu6_126","Heading--medium-s--level-h1-normal":"_Heading--medium-s--level-h1-normal_17lu6_134","Heading--medium-s--level-h1-large":"_Heading--medium-s--level-h1-large_17lu6_140","Heading--medium-s--level-h2-normal":"_Heading--medium-s--level-h2-normal_17lu6_146","Heading--medium-s--level-h2-large":"_Heading--medium-s--level-h2-large_17lu6_152","Heading--medium-s--level-h3-normal":"_Heading--medium-s--level-h3-normal_17lu6_158","Heading--medium-s--level-h3-large":"_Heading--medium-s--level-h3-large_17lu6_164","Heading--medium-s--level-h4-normal":"_Heading--medium-s--level-h4-normal_17lu6_170","Heading--medium-s--level-h4-large":"_Heading--medium-s--level-h4-large_17lu6_176","Heading--medium-s--level-h5-normal":"_Heading--medium-s--level-h5-normal_17lu6_182","Heading--medium-s--level-h5-large":"_Heading--medium-s--level-h5-large_17lu6_188","Heading--medium-l--level-h1-normal":"_Heading--medium-l--level-h1-normal_17lu6_196","Heading--medium-l--level-h1-large":"_Heading--medium-l--level-h1-large_17lu6_202","Heading--medium-l--level-h2-normal":"_Heading--medium-l--level-h2-normal_17lu6_208","Heading--medium-l--level-h2-large":"_Heading--medium-l--level-h2-large_17lu6_214","Heading--medium-l--level-h3-normal":"_Heading--medium-l--level-h3-normal_17lu6_220","Heading--medium-l--level-h3-large":"_Heading--medium-l--level-h3-large_17lu6_226","Heading--medium-l--level-h4-normal":"_Heading--medium-l--level-h4-normal_17lu6_232","Heading--medium-l--level-h4-large":"_Heading--medium-l--level-h4-large_17lu6_238","Heading--medium-l--level-h5-normal":"_Heading--medium-l--level-h5-normal_17lu6_244","Heading--medium-l--level-h5-large":"_Heading--medium-l--level-h5-large_17lu6_250","Heading--wide-s--level-h1-normal":"_Heading--wide-s--level-h1-normal_17lu6_258","Heading--wide-s--level-h1-large":"_Heading--wide-s--level-h1-large_17lu6_264","Heading--wide-s--level-h2-normal":"_Heading--wide-s--level-h2-normal_17lu6_270","Heading--wide-s--level-h2-large":"_Heading--wide-s--level-h2-large_17lu6_276","Heading--wide-s--level-h3-normal":"_Heading--wide-s--level-h3-normal_17lu6_282","Heading--wide-s--level-h3-large":"_Heading--wide-s--level-h3-large_17lu6_288","Heading--wide-s--level-h4-normal":"_Heading--wide-s--level-h4-normal_17lu6_294","Heading--wide-s--level-h4-large":"_Heading--wide-s--level-h4-large_17lu6_300","Heading--wide-s--level-h5-normal":"_Heading--wide-s--level-h5-normal_17lu6_306","Heading--wide-s--level-h5-large":"_Heading--wide-s--level-h5-large_17lu6_312","Heading--wide-l--level-h1-normal":"_Heading--wide-l--level-h1-normal_17lu6_320","Heading--wide-l--level-h1-large":"_Heading--wide-l--level-h1-large_17lu6_326","Heading--wide-l--level-h2-normal":"_Heading--wide-l--level-h2-normal_17lu6_332","Heading--wide-l--level-h2-large":"_Heading--wide-l--level-h2-large_17lu6_338","Heading--wide-l--level-h3-normal":"_Heading--wide-l--level-h3-normal_17lu6_344","Heading--wide-l--level-h3-large":"_Heading--wide-l--level-h3-large_17lu6_350","Heading--wide-l--level-h4-normal":"_Heading--wide-l--level-h4-normal_17lu6_356","Heading--wide-l--level-h4-large":"_Heading--wide-l--level-h4-large_17lu6_362","Heading--wide-l--level-h5-normal":"_Heading--wide-l--level-h5-normal_17lu6_368","Heading--wide-l--level-h5-large":"_Heading--wide-l--level-h5-large_17lu6_374","Heading--variant-massive":"_Heading--variant-massive_17lu6_381","Heading--variant-huge":"_Heading--variant-huge_17lu6_387","Heading--variant-extraLarge":"_Heading--variant-extraLarge_17lu6_393","Heading--variant-large":"_Heading--variant-large_17lu6_399","Heading--variant-medium":"_Heading--variant-medium_17lu6_405","Heading--variant-small":"_Heading--variant-small_17lu6_411","Heading--narrow-l--variant-massive":"_Heading--narrow-l--variant-massive_17lu6_418","Heading--narrow-l--variant-huge":"_Heading--narrow-l--variant-huge_17lu6_424","Heading--narrow-l--variant-extraLarge":"_Heading--narrow-l--variant-extraLarge_17lu6_430","Heading--narrow-l--variant-large":"_Heading--narrow-l--variant-large_17lu6_436","Heading--narrow-l--variant-medium":"_Heading--narrow-l--variant-medium_17lu6_442","Heading--narrow-l--variant-small":"_Heading--narrow-l--variant-small_17lu6_448","Heading--medium-s--variant-massive":"_Heading--medium-s--variant-massive_17lu6_456","Heading--medium-s--variant-huge":"_Heading--medium-s--variant-huge_17lu6_462","Heading--medium-s--variant-extraLarge":"_Heading--medium-s--variant-extraLarge_17lu6_468","Heading--medium-s--variant-large":"_Heading--medium-s--variant-large_17lu6_474","Heading--medium-s--variant-medium":"_Heading--medium-s--variant-medium_17lu6_480","Heading--medium-s--variant-small":"_Heading--medium-s--variant-small_17lu6_486","Heading--medium-l--variant-massive":"_Heading--medium-l--variant-massive_17lu6_494","Heading--medium-l--variant-huge":"_Heading--medium-l--variant-huge_17lu6_500","Heading--medium-l--variant-extraLarge":"_Heading--medium-l--variant-extraLarge_17lu6_506","Heading--medium-l--variant-large":"_Heading--medium-l--variant-large_17lu6_512","Heading--medium-l--variant-medium":"_Heading--medium-l--variant-medium_17lu6_518","Heading--medium-l--variant-small":"_Heading--medium-l--variant-small_17lu6_524","Heading--wide-s--variant-massive":"_Heading--wide-s--variant-massive_17lu6_532","Heading--wide-s--variant-huge":"_Heading--wide-s--variant-huge_17lu6_538","Heading--wide-s--variant-extraLarge":"_Heading--wide-s--variant-extraLarge_17lu6_544","Heading--wide-s--variant-large":"_Heading--wide-s--variant-large_17lu6_550","Heading--wide-s--variant-medium":"_Heading--wide-s--variant-medium_17lu6_556","Heading--wide-s--variant-small":"_Heading--wide-s--variant-small_17lu6_562","Heading--wide-l--variant-massive":"_Heading--wide-l--variant-massive_17lu6_570","Heading--wide-l--variant-huge":"_Heading--wide-l--variant-huge_17lu6_576","Heading--wide-l--variant-extraLarge":"_Heading--wide-l--variant-extraLarge_17lu6_582","Heading--wide-l--variant-large":"_Heading--wide-l--variant-large_17lu6_588","Heading--wide-l--variant-medium":"_Heading--wide-l--variant-medium_17lu6_594","Heading--wide-l--variant-small":"_Heading--wide-l--variant-small_17lu6_600"},me=t.forwardRef(function({children:e,variant:i,accent:n,level:l,large:u=!1,tag:r,color:_,centered:g,dataset:w,id:d,...z},H){const f=r||l||"h1",m=k(de,x.Heading,i?v("variant",i):B(`level-${l}-large`,`level-${l}-normal`,u)),o=se(g),I=ie(!(n?void 0:_),n),y=ne(_),C=["preply-ds-heading",...m,...o,...I,...y],b={...M(z),className:C.join(" "),...O(w,{preplyDsComponent:x.Heading}),id:d,ref:H};return s.jsx(f,{...b,children:e})});me.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const Be="_Spinner_1p5zu_12",ve="_spin_1p5zu_1",j={Spinner:Be,"Spinner--size-default":"_Spinner--size-default_1p5zu_15","Spinner--size-large":"_Spinner--size-large_1p5zu_19","Spinner--narrow-l--size-default":"_Spinner--narrow-l--size-default_1p5zu_24","Spinner--narrow-l--size-large":"_Spinner--narrow-l--size-large_1p5zu_28","Spinner--medium-s--size-default":"_Spinner--medium-s--size-default_1p5zu_34","Spinner--medium-s--size-large":"_Spinner--medium-s--size-large_1p5zu_38","Spinner--medium-l--size-default":"_Spinner--medium-l--size-default_1p5zu_44","Spinner--medium-l--size-large":"_Spinner--medium-l--size-large_1p5zu_48","Spinner--wide-s--size-default":"_Spinner--wide-s--size-default_1p5zu_54","Spinner--wide-s--size-large":"_Spinner--wide-s--size-large_1p5zu_58","Spinner--wide-l--size-default":"_Spinner--wide-l--size-default_1p5zu_64","Spinner--wide-l--size-large":"_Spinner--wide-l--size-large_1p5zu_68","Spinner--static":"_Spinner--static_1p5zu_73","Spinner--animated":"_Spinner--animated_1p5zu_79",spin:ve},ge=({title:a,titleId:e,...i},n)=>t.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:n,"aria-labelledby":e,...i},a?t.createElement("title",{id:e},a):null,t.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"})),we=t.forwardRef(ge),be=({title:a,titleId:e,...i},n)=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:n,"aria-labelledby":e,...i},a?t.createElement("title",{id:e},a):null,t.createElement("g",{clipPath:"url(#clip0_1785_4234)"},t.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"}),t.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"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_1785_4234"},t.createElement("rect",{width:32,height:32,fill:"white"})))),ce=t.forwardRef(be),E="Spinner",he=({size:a=oe})=>{const e=k(j,E,[v("size",a)]),i=[...h(j,E,["animated"])],n=[...h(j,E,["static"])];return s.jsxs("span",{className:e.join(" "),children:[s.jsx("span",{className:i.join(" "),children:s.jsx(ce,{})}),s.jsx("span",{className:n.join(" "),children:s.jsx(we,{})})]})},Z=(a,e)=>{typeof a=="function"?a(e):a&&(a.current=e)},fe=(a,e)=>t.useCallback(i=>{Z(a,i),Z(e,i)},[a,e]),xe="_ButtonBase_1fb6x_51",L={"button-width--width-full":"_button-width--width-full_1fb6x_5","button-width--width-auto":"_button-width--width-auto_1fb6x_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_1fb6x_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_1fb6x_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_1fb6x_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_1fb6x_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_1fb6x_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_1fb6x_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_1fb6x_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_1fb6x_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_1fb6x_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_1fb6x_47",ButtonBase:xe,"ButtonBase--content":"_ButtonBase--content_1fb6x_77","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_1fb6x_84","ButtonBase--busy":"_ButtonBase--busy_1fb6x_91","ButtonBase--is-busy":"_ButtonBase--is-busy_1fb6x_114","ButtonBase--width-full":"_ButtonBase--width-full_1fb6x_121","ButtonBase--width-auto":"_ButtonBase--width-auto_1fb6x_124","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_1fb6x_128","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_1fb6x_131","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_1fb6x_136","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_1fb6x_139","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_1fb6x_144","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_1fb6x_147","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_1fb6x_152","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_1fb6x_155","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_1fb6x_160","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_1fb6x_163","ButtonBase--size-xs":"_ButtonBase--size-xs_1fb6x_167","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_1fb6x_176","ButtonBase--size-s":"_ButtonBase--size-s_1fb6x_181","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_1fb6x_190","ButtonBase--size-m":"_ButtonBase--size-m_1fb6x_195","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_1fb6x_204","ButtonBase--size-l":"_ButtonBase--size-l_1fb6x_209","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_1fb6x_218","ButtonBase--size-xl":"_ButtonBase--size-xl_1fb6x_223","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_1fb6x_232","ButtonBase--size-large":"_ButtonBase--size-large_1fb6x_237","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_1fb6x_246","ButtonBase--size-medium":"_ButtonBase--size-medium_1fb6x_251","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_1fb6x_260","ButtonBase--size-small":"_ButtonBase--size-small_1fb6x_265","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_1fb6x_274","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_1fb6x_280","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_1fb6x_289","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_1fb6x_294","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_1fb6x_303","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_1fb6x_308","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_1fb6x_317","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_1fb6x_322","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_1fb6x_331","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_1fb6x_336","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_1fb6x_345","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_1fb6x_350","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_1fb6x_359","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_1fb6x_364","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_1fb6x_373","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_1fb6x_378","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_1fb6x_387","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_1fb6x_394","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_1fb6x_403","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_1fb6x_408","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_1fb6x_417","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_1fb6x_422","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_1fb6x_431","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_1fb6x_436","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_1fb6x_445","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_1fb6x_450","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_1fb6x_459","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_1fb6x_464","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_1fb6x_473","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_1fb6x_478","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_1fb6x_487","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_1fb6x_492","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_1fb6x_501","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_1fb6x_508","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_1fb6x_517","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_1fb6x_522","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_1fb6x_531","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_1fb6x_536","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_1fb6x_545","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_1fb6x_550","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_1fb6x_559","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_1fb6x_564","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_1fb6x_573","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_1fb6x_578","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_1fb6x_587","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_1fb6x_592","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_1fb6x_601","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_1fb6x_606","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_1fb6x_615","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_1fb6x_622","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_1fb6x_631","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_1fb6x_636","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_1fb6x_645","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_1fb6x_650","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_1fb6x_659","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_1fb6x_664","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_1fb6x_673","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_1fb6x_678","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_1fb6x_687","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_1fb6x_692","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_1fb6x_701","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_1fb6x_706","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_1fb6x_715","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_1fb6x_720","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_1fb6x_729","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_1fb6x_736","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_1fb6x_745","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_1fb6x_750","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_1fb6x_759","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_1fb6x_764","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_1fb6x_773","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_1fb6x_778","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_1fb6x_787","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_1fb6x_792","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_1fb6x_801","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_1fb6x_806","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_1fb6x_815","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_1fb6x_820","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_1fb6x_829","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_1fb6x_834","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_1fb6x_843","ButtonBase--variant-primary":"_ButtonBase--variant-primary_1fb6x_849","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_1fb6x_855","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_1fb6x_870","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_1fb6x_874","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_1fb6x_880","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_1fb6x_895","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_1fb6x_899","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_1fb6x_905","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_1fb6x_920","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_1fb6x_924","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_1fb6x_930","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_1fb6x_945","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_1fb6x_949","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_1fb6x_955","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_1fb6x_970","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_1fb6x_974","ButtonBase--variant-plain":"_ButtonBase--variant-plain_1fb6x_978","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_1fb6x_984","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_1fb6x_999","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_1fb6x_1003","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_1fb6x_1009","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_1fb6x_1024","ButtonBase--variant-critical":"_ButtonBase--variant-critical_1fb6x_1028","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_1fb6x_1034","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_1fb6x_1049","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_1fb6x_1053","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_1fb6x_1059","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_1fb6x_1074","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_1fb6x_1078","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_1fb6x_1084","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_1fb6x_1099","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_1fb6x_1103","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_1fb6x_1107","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1fb6x_1113","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1fb6x_1128","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_1fb6x_1132","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1fb6x_1138","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1fb6x_1153","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_1fb6x_1157","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_1fb6x_1163","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_1fb6x_1178","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_1fb6x_1182","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_1fb6x_1188","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_1fb6x_1203","ButtonBase--variant-ai":"_ButtonBase--variant-ai_1fb6x_1207","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_1fb6x_1213","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_1fb6x_1228","ButtonBase--no-wrap":"_ButtonBase--no-wrap_1fb6x_1240"},R="ButtonBase",ze=a=>Object.prototype.hasOwnProperty.call(a,"selected"),T=({children:a,busy:e})=>{const i=[...h(L,R,["content"])],n=[...h(L,R,["busy"])];return s.jsxs(s.Fragment,{children:[s.jsx("span",{className:i.join(" "),children:a}),e&&s.jsx("span",{className:n.join(" "),children:s.jsx(he,{})})]})},W=t.forwardRef(function(e,i){const{variant:n=V,size:l=K,fullWidth:u=!1,wrap:r=!1,href:_,download:g,opensInNewTab:w,nofollow:d,submitsForm:z,assistiveText:H,onClick:f,disabled:m,busy:o,isIconButton:p,as:S,url:I,a11yLabel:y,dataset:C,children:b,dsInternalSimulation:G,preplyDsComponent:J,...Q}=e,{selected:X}=ze(e)?e:{selected:void 0},Y=ue(),F=t.useRef(null),D=fe(F,i),ee=c=>{(m||o)&&c.preventDefault(),f==null||f(c)},ae=c=>{var A;const q=re(c.key);(q===" "||q==="Enter")&&(c.preventDefault(),(A=F.current)==null||A.click())},te=k(L,R,[v(`variant-${n}--dsInternalSimulation`,G),v("variant",n),v("size",l),p?v("is-icon-button-size",l):[],B(void 0,"no-wrap",r),B("width-full","width-auto",u),B("is-busy",void 0,o),B("is-icon-button",void 0,p),B(`variant-${n}--is-selected`,void 0,X)]),P={...M(Q),...O(C,{preplyDsComponent:J}),className:te.join(" "),"aria-label":H||y,onClick:ee,disabled:m,"aria-disabled":m||o?!0:void 0,ref:D},N=_||I,$={...P,download:g,ref:D,role:"button",tabIndex:m?-1:0,href:N,onKeyDown:ae};return N?s.jsx("a",{...$,...le(Y,N,w,d),children:T({children:b,busy:o})}):S?t.cloneElement(S,{...$},T({children:b,busy:o})):s.jsx("button",{...P,type:z?"submit":"button",children:T({children:b,busy:o})})});W.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const He={"Button--icon":"_Button--icon_186hv_5"},pe=t.forwardRef(function({variant:e=V,size:i=K,url:n,a11yLabel:l,leadingSvgIcon:u,trailingSvgIcon:r,children:_,...g},w){const d=[...h(He,x.Button,["icon"])];return s.jsxs(W,{...g,ref:w,isIconButton:!1,variant:e,size:i,url:n,a11yLabel:l,preplyDsComponent:x.Button,children:[!!u&&s.jsx("span",{className:d.join(" "),children:U(u,{"aria-hidden":"true",focusable:"false"})}),_,!!r&&s.jsx("span",{className:d.join(" "),children:U(r,{"aria-hidden":"true",focusable:"false"})})]})});pe.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{pe as B,me as H,he as S,W as a};