@preply/ds-docs 8.0.0 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (272) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-Trn9fl1r.js → 00.LayoutFlex.stories-CJPNUukL.js} +1 -1
  2. package/dist/assets/{00.applications-DgG50o0h.js → 00.applications-CHoFW9PY.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-BPbT_6WU.js → 00.favicons.guide-m8NVYXUO.js} +1 -1
  4. package/dist/assets/{00.token-explorer-ClCpyqpc.js → 00.token-explorer-S06gFTVo.js} +5 -5
  5. package/dist/assets/{00.using-responsive-props-Bb1iomQW.js → 00.using-responsive-props-DNiUCUtO.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-C27rrlvA.js → 01.semantic-tokens-BNmRyCQI.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-Cx8UqLGh.js → 01.using-shorthand-props-CSbd7ZDD.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-DW0Awy7g.js → 10.Combinations.stories-Bf4zAY3P.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-mlrpbwOs.js → 10.fonts.guide-BktEG4ph.js} +1 -1
  10. package/dist/assets/{10.ssr-Bxv1R5s2.js → 10.ssr-BbwK7fWg.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer.stories-CduWkRQi.js → 11.languageFont.explorer.stories-lwnDMUWi.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-DaFyxoYP.js → 11.ssr.app-router-BXgcsgaV.js} +1 -1
  13. package/dist/assets/{20.libraries-B1FxeNSm.js → 20.libraries-BKoiVKcg.js} +1 -1
  14. package/dist/assets/{2025-q4-ds-cleanup-CyVfiEF_.js → 2025-q4-ds-cleanup-C20R7P1E.js} +1 -1
  15. package/dist/assets/{30.icons.explorer-J5XXpjOy.js → 30.icons.explorer-C6gqZfEw.js} +1 -1
  16. package/dist/assets/{30.storybook-BXPxdYYA.js → 30.storybook-BU086d_1.js} +1 -1
  17. package/dist/assets/{40.illustrations.explorer-Ll2UaYWn.js → 40.illustrations.explorer-sGKyZB80.js} +1 -1
  18. package/dist/assets/{90.advanced-BkBCaIij.js → 90.advanced-C3TfwIci.js} +1 -1
  19. package/dist/assets/Accordion-DBIXJNVb.css +1 -0
  20. package/dist/assets/Accordion-DtRani72.js +23 -0
  21. package/dist/assets/{Accordion.stories-CwmuD6M9.js → Accordion.stories-BDpMgJHx.js} +1 -1
  22. package/dist/assets/{Accordion.tests.stories-DycRaTsm.js → Accordion.tests.stories-LbLhGVb0.js} +1 -1
  23. package/dist/assets/{AlertDialog.stories-CMG96OPW.js → AlertDialog.stories-CK0mLbh0.js} +13 -10
  24. package/dist/assets/Avatar-BPcCbrhe.js +6 -0
  25. package/dist/assets/{Avatar.stories-DcHCuUcU.js → Avatar.stories-BilrA2xu.js} +1 -1
  26. package/dist/assets/AvatarWithStatus.stories-BaukENZ_.js +41 -0
  27. package/dist/assets/Badge.stories-BrRB7hv6.js +89 -0
  28. package/dist/assets/Box.stories-hA85wpDP.js +44 -0
  29. package/dist/assets/BubbleCounter.stories-DB1-aaBe.js +242 -0
  30. package/dist/assets/Button-AikOy3Q-.js +18 -0
  31. package/dist/assets/{Button-Db3mZeHX.js → Button-BYz70lft.js} +1 -1
  32. package/dist/assets/{Button.stories-DZXg3fC6.js → Button.stories-CsWOdTeh.js} +1 -1
  33. package/dist/assets/{ButtonBase-LoF75NjE.js → ButtonBase-DKiQXFbP.js} +8 -1
  34. package/dist/assets/Checkbox-eYnPJ1-n.js +10 -0
  35. package/dist/assets/{Checkbox.stories-Wzzjomc-.js → Checkbox.stories-xBzyhd_f.js} +1 -1
  36. package/dist/assets/{Checkbox.tests.stories-CGPErtLg.js → Checkbox.tests.stories-Df-iD-u1.js} +1 -1
  37. package/dist/assets/Chips.stories-BaqCiRQG.js +146 -0
  38. package/dist/assets/{Color-ASIRERSW-B8huhEry.js → Color-ASIRERSW-DD8eAgj9.js} +1 -1
  39. package/dist/assets/{ComposingPopovers.stories-CYrydDT0.js → ComposingPopovers.stories-CFwmQp8K.js} +1 -1
  40. package/dist/assets/CountryFlag-DZQJZn_o.js +49 -0
  41. package/dist/assets/{CountryFlag.stories-CV_Ix2uc.js → CountryFlag.stories-C8Mc1_yd.js} +1 -1
  42. package/dist/assets/{CountryFlag.test.stories-D-_jZuZ1.js → CountryFlag.test.stories-DCuw0NAk.js} +1 -1
  43. package/dist/assets/Dialog-CD2H-lOB.js +39 -0
  44. package/dist/assets/{Dialog.stories-CLAeCRCv.js → Dialog.stories-DvfkWMTU.js} +1 -1
  45. package/dist/assets/DismissibleChips-B-j7Gjee.js +1 -0
  46. package/dist/assets/{DismissibleChips.stories-DYuvYDPR.js → DismissibleChips.stories-CTxymGab.js} +1 -1
  47. package/dist/assets/Divider-DiDaDI5b.js +1 -0
  48. package/dist/assets/{Divider.stories-DY-9haru.js → Divider.stories-DyOj8not.js} +1 -1
  49. package/dist/assets/{DocsRenderer-GHJI37HO-ZaAnf_mS.js → DocsRenderer-GHJI37HO-BxbQ2XBy.js} +2 -2
  50. package/dist/assets/DropdownMenu-Ccl6S3ye.js +1229 -0
  51. package/dist/assets/{DropdownMenu.stories-DRc0OM4l.js → DropdownMenu.stories-Cs1jjQWO.js} +1 -1
  52. package/dist/assets/FieldButton-DtWX-vqw.js +1 -0
  53. package/dist/assets/{FieldButton.stories-0iohAlVk.js → FieldButton.stories-DK9G7fSy.js} +1 -1
  54. package/dist/assets/FormControl-BLXEVBx7.js +7 -0
  55. package/dist/assets/{FormControl.stories-B-wRzqin.js → FormControl.stories-CASS1xGU.js} +1 -1
  56. package/dist/assets/Heading-D0lR4rid.js +1 -0
  57. package/dist/assets/{Heading.stories-C--u6-XB.js → Heading.stories-B5q63XQN.js} +1 -1
  58. package/dist/assets/{Icon-RSC-iQ3CU9mQ.js → Icon-RSC-C-an1Lyn.js} +1 -1
  59. package/dist/assets/Icon-WyYz69YA.js +8 -0
  60. package/dist/assets/{Icon.stories-DRfWUzol.js → Icon.stories-BzkS2uZc.js} +1 -1
  61. package/dist/assets/IconButton-C8Rarkrv.js +8 -0
  62. package/dist/assets/Input-BunxDHKi.js +48 -0
  63. package/dist/assets/InputContainer-kefs6DXh.js +2 -0
  64. package/dist/assets/{IntegrationWithReactHookForm.stories-D7Os2mOo.js → IntegrationWithReactHookForm.stories-Czvxwz3J.js} +1 -1
  65. package/dist/assets/IntlFormattedCurrency.stories-B9Pd8BUH.js +481 -0
  66. package/dist/assets/IntlFormattedDateTime.stories-AKauO7eF.js +361 -0
  67. package/dist/assets/{LayoutFlex-CtFx5gUZ.js → LayoutFlex-D80s0Som.js} +1 -1
  68. package/dist/assets/LayoutFlex-DIVchljU.js +1 -0
  69. package/dist/assets/LayoutFlexItem-6Snr9uXg.js +1 -0
  70. package/dist/assets/{LayoutGrid-CyPyNDw1.js → LayoutGrid-Dw4RHbpQ.js} +1 -1
  71. package/dist/assets/{LayoutGrid-Ddqp2KT2.js → LayoutGrid-pA_9kQtt.js} +1 -1
  72. package/dist/assets/{LayoutGrid.stories-D1L7aqlu.js → LayoutGrid.stories-Drcz8QQh.js} +1 -1
  73. package/dist/assets/LayoutGridItem-DFvyT8FJ.js +1 -0
  74. package/dist/assets/Link-ekAiZrlJ.js +5 -0
  75. package/dist/assets/{Link.stories-BGk_oU7W.js → Link.stories-Dab6Maa_.js} +1 -1
  76. package/dist/assets/Loader.stories-D9VhgIg-.js +37 -0
  77. package/dist/assets/MultiSelectChips-DuyKXiHT.js +2 -0
  78. package/dist/assets/{MultiSelectChips.stories-DMQnklfd.js → MultiSelectChips.stories--tnSYEZN.js} +1 -1
  79. package/dist/assets/NativeSelectField.stories-a3kuRP77.js +295 -0
  80. package/dist/assets/NumberField-838MqpbA.js +6 -0
  81. package/dist/assets/{NumberField.stories-CHm83Evu.js → NumberField.stories-CuSf_jB6.js} +1 -1
  82. package/dist/assets/ObserveIntersection-ZBxTBXPM.js +8 -0
  83. package/dist/assets/{ObserveIntersection.stories-Crg5XGQK.js → ObserveIntersection.stories-4Ckr8zaP.js} +1 -1
  84. package/dist/assets/OnboardingTooltip-BLBHoSL1.js +16 -0
  85. package/dist/assets/{OnboardingTooltip.stories-1rbEN6tf.js → OnboardingTooltip.stories-Bc-4EECh.js} +1 -1
  86. package/dist/assets/{OnboardingTooltip.tests.stories-DbaxrQeh.js → OnboardingTooltip.tests.stories-DgJ4guR6.js} +1 -1
  87. package/dist/assets/OnboardingTour-BAGZ8guW.js +4 -0
  88. package/dist/assets/OnboardingTour.stories-DnpcZTIc.js +46 -0
  89. package/dist/assets/{OnboardingTour.tests.stories-nH2oAAkE.js → OnboardingTour.tests.stories-5XMTdQ02.js} +1 -1
  90. package/dist/assets/PasswordField-BUJLCQvx.js +6 -0
  91. package/dist/assets/{PasswordField.stories-BpCu_Nmu.js → PasswordField.stories-DAsZcQLI.js} +1 -1
  92. package/dist/assets/{PreplyLogo.stories-C7DVat2q.js → PreplyLogo.stories-Ce0v2sJ5.js} +6 -4
  93. package/dist/assets/ProgressBar.stories-BOaHN7_n.js +44 -0
  94. package/dist/assets/ProgressSteps-GYp7G-Tb.js +2 -0
  95. package/dist/assets/{ProgressSteps.stories-DkKhdsEq.js → ProgressSteps.stories-C_-Veeij.js} +1 -1
  96. package/dist/assets/{PromoDialog-BD77J0Sb.js → PromoDialog-BSAN4jSA.js} +1 -1
  97. package/dist/assets/RangeSlider-ClEtgZ0-.js +4 -0
  98. package/dist/assets/{RangeSlider.stories-BR0J8t26.js → RangeSlider.stories-BKSV6I3h.js} +1 -1
  99. package/dist/assets/Rating.stories-C1RlhB2r.js +116 -0
  100. package/dist/assets/{RatingInput.stories-C3TFrxw_.js → RatingInput.stories-k9b8qlPj.js} +54 -27
  101. package/dist/assets/SelectField-CPaEsici.js +19 -0
  102. package/dist/assets/{SelectField.stories-BkyQpgee.js → SelectField.stories-CY5qTUL5.js} +1 -1
  103. package/dist/assets/ShowOnIntersection.stories-BfrL6rMT.js +17 -0
  104. package/dist/assets/SingleSelectChips-CXWdLruJ.js +2 -0
  105. package/dist/assets/{SingleSelectChips.stories-C62wkEv2.js → SingleSelectChips.stories-DwXjQ8nU.js} +1 -1
  106. package/dist/assets/Slider-DN87jqz1.js +2 -0
  107. package/dist/assets/{Slider.stories-Ctv9GCye.js → Slider.stories-DZuBeZLh.js} +1 -1
  108. package/dist/assets/{Spinner-BtlYJQrD.js → Spinner-CEUinG6a.js} +1 -1
  109. package/dist/assets/Stars-WlopisEB.js +1 -0
  110. package/dist/assets/Steps-B3sJKCt8.js +26 -0
  111. package/dist/assets/{Steps.stories-DcQb87xm.js → Steps.stories-chKUeuea.js} +1 -1
  112. package/dist/assets/Switch-CtPeAbfr.js +12 -0
  113. package/dist/assets/{Switch.stories-DDel8GN3.js → Switch.stories-B_IVCVlM.js} +1 -1
  114. package/dist/assets/{Text-D2ssZW1_.js → Text-GK7LNFMQ.js} +1 -1
  115. package/dist/assets/{Text-BaQf6qnx.js → Text-Ggy7OGl1.js} +1 -1
  116. package/dist/assets/Text.stories-B_sG3ZC6.js +67 -0
  117. package/dist/assets/TextField-7isgKKW2.js +6 -0
  118. package/dist/assets/{TextField.stories-B7yiySGl.js → TextField.stories-BK_kfOl9.js} +1 -1
  119. package/dist/assets/TextHighlighted.stories-CTpCe7OM.js +32 -0
  120. package/dist/assets/TextInline.stories-l3TWjL_H.js +50 -0
  121. package/dist/assets/TextareaField-BOB_smYj.js +53 -0
  122. package/dist/assets/{TextareaField.stories-CSn1Y1es.js → TextareaField.stories-CxSzh-Uv.js} +1 -1
  123. package/dist/assets/{Toast.stories-WMpE2CUA.js → Toast.stories-Bwe-dOQQ.js} +15 -13
  124. package/dist/assets/{TokyoUIAttach-DEHypfd2.js → TokyoUIAttach-CVSc5UUC.js} +1 -1
  125. package/dist/assets/{TokyoUIAvailability7LateNight-DqIhY2LI.js → TokyoUIAvailability7LateNight-QoCY6qIK.js} +1 -1
  126. package/dist/assets/{TokyoUICheck-DFXDKlST.js → TokyoUICheck-CrSqYwS5.js} +1 -1
  127. package/dist/assets/{TokyoUICheckmark-CC75JvoU.js → TokyoUICheckmark-Bl_Jmxk5.js} +1 -1
  128. package/dist/assets/{TokyoUIChevronDown-CV0GTyb_.js → TokyoUIChevronDown-DVjyTqN8.js} +1 -1
  129. package/dist/assets/{TokyoUIClose-Bf-N_4aK.js → TokyoUIClose-DRL_GMkk.js} +1 -1
  130. package/dist/assets/{TokyoUIEmojiFrowning-CEEry-ar.js → TokyoUIEmojiFrowning-DGsx7ij_.js} +1 -1
  131. package/dist/assets/{TokyoUIEye-CvZmomj8.js → TokyoUIEye-CZDCU-n2.js} +1 -1
  132. package/dist/assets/{TokyoUIFav-CV3HlDno.js → TokyoUIFav-BAlSY-Li.js} +1 -1
  133. package/dist/assets/{TokyoUIInfo-S99idYL9.js → TokyoUIInfo-BT07RYtx.js} +1 -1
  134. package/dist/assets/{TokyoUILanguage-dDro1t5I.js → TokyoUILanguage-CKT6G-hS.js} +1 -1
  135. package/dist/assets/{TokyoUILibraryExplore-3boXHfri.js → TokyoUILibraryExplore-DPCvnX1V.js} +1 -1
  136. package/dist/assets/{TokyoUILock-Ddb0LZOj.js → TokyoUILock-CNyfiUjE.js} +1 -1
  137. package/dist/assets/{TokyoUIMessages-DddkimKx.js → TokyoUIMessages-BoJwKuox.js} +1 -1
  138. package/dist/assets/{TokyoUIMinus-BM97SQFD.js → TokyoUIMinus-BDerH3qn.js} +1 -1
  139. package/dist/assets/{TokyoUINotebook-CzW-xZ-S.js → TokyoUINotebook-C3enhUqk.js} +1 -1
  140. package/dist/assets/{TokyoUINotesWithPad-CZPHd-s1.js → TokyoUINotesWithPad-DDdTrKUJ.js} +1 -1
  141. package/dist/assets/{TokyoUIPhone-B41go8ay.js → TokyoUIPhone-C63CxeYt.js} +1 -1
  142. package/dist/assets/{TokyoUISettings-r8yUukmp.js → TokyoUISettings-C7knm4s4.js} +1 -1
  143. package/dist/assets/{TokyoUIStarFilled-DAFjKfr3.js → TokyoUIStarFilled-7p3O_EW6.js} +1 -1
  144. package/dist/assets/{TokyoUITag-BOlMKPwF.js → TokyoUITag-CK01JcnA.js} +1 -1
  145. package/dist/assets/{TokyoUIUpload-DqgHhwt9.js → TokyoUIUpload-B14jGQkb.js} +1 -1
  146. package/dist/assets/{TokyoUIUser-DQL_EW5M.js → TokyoUIUser-t3Qzgb8C.js} +1 -1
  147. package/dist/assets/Tooltip-CakRxo11.js +9 -0
  148. package/dist/assets/{Tooltip.stories-BCIj91Tz.js → Tooltip.stories-Qzb9EJ0v.js} +1 -1
  149. package/dist/assets/{Tooltip.tests.stories-BuldDnaS.js → Tooltip.tests.stories-C5tNFIJW.js} +1 -1
  150. package/dist/assets/VisuallyHidden-0cOrCoMj.js +1 -0
  151. package/dist/assets/{WithTooltip-IO6J4KBT-sdWoJ5kA.js → WithTooltip-IO6J4KBT-CVi9luQ3.js} +1 -1
  152. package/dist/assets/{align-self-Dj6Hw1ei.js → align-self-DXFgdd9y.js} +1 -1
  153. package/dist/assets/{axe-COSWniE7.js → axe-CA--ofMx.js} +1 -1
  154. package/dist/assets/{breakpoints-r5YNDlDj.js → breakpoints-BGz3SsyO.js} +1 -1
  155. package/dist/assets/{breakpoints-DAuVWyVl.js → breakpoints-Da7bu5DX.js} +1 -1
  156. package/dist/assets/{breakpoints-Bq0N-WKo.js → breakpoints-DwwWtHRA.js} +1 -1
  157. package/dist/assets/{changelog-DfbyLrVG.js → changelog-_SsC_nm-.js} +9 -1
  158. package/dist/assets/{client-B0RkqQz5.js → client-C1Ngt9Qe.js} +1 -1
  159. package/dist/assets/constants-B0ADAI0D.js +2808 -0
  160. package/dist/assets/createRequiredContext-lHJWE74K.js +241 -0
  161. package/dist/assets/{formatter-QJ4M4OGQ-DkyPaaGf.js → formatter-QJ4M4OGQ-DJgH6bdK.js} +1 -1
  162. package/dist/assets/{getTokenVar-DAf6Dqww.js → getTokenVar-DB5eH9Ap.js} +1 -1
  163. package/dist/assets/getTokenVar-voCaDXiD.js +1 -0
  164. package/dist/assets/{gradientBorders-BLAK8Z-v.js → gradientBorders-K7rKBnwC.js} +1 -1
  165. package/dist/assets/{hover-Bny3ccNR.js → hover-BtA-Yl1z.js} +1 -1
  166. package/dist/assets/{hover-BK-WJeH0.js → hover-CW3fXVyT.js} +1 -1
  167. package/dist/assets/{hover-reiWegqW.js → hover-Cd3sl7nT.js} +1 -1
  168. package/dist/assets/{iframe-CWgEsn_I.js → iframe-Bqhe7wZw.js} +42 -42
  169. package/dist/assets/{index-CC1MzVDH.js → index-B4xlYZ9u.js} +1 -1
  170. package/dist/assets/{index-DN8YXDVa.js → index-BnwQ8UTH.js} +1 -1
  171. package/dist/assets/{index-BAEPs7Y-.js → index-Bs4_IdoP.js} +1 -1
  172. package/dist/assets/{index-BiSZC2o0.js → index-CvK1AFYo.js} +1 -1
  173. package/dist/assets/index-DN0YeobD.js +81 -0
  174. package/dist/assets/{index-D3eu31XZ.js → index-PcJZmKzo.js} +1 -1
  175. package/dist/assets/{intro-BstePxGk.js → intro-BxKry9mD.js} +1 -1
  176. package/dist/assets/{layout-relative-Dd1oD7no.js → layout-relative-BMwmwxop.js} +1 -1
  177. package/dist/assets/{layout-relative.module-1z75aSwo-BlGCRaGo.js → layout-relative.module-1z75aSwo-B6m6YCBc.js} +1 -1
  178. package/dist/assets/{layout-relative.module-DtLbhGhZ.js → layout-relative.module-Bq_t8Q7G.js} +1 -1
  179. package/dist/assets/{mcp-BnvXyj7V.js → mcp-CyT8ZN-W.js} +1 -1
  180. package/dist/assets/{message-qc_MCF3J.js → message-CIDvwUOa.js} +1 -1
  181. package/dist/assets/{migrating-from-less-DeeEWMYL.js → migrating-from-less-DtmEYD28.js} +1 -1
  182. package/dist/assets/{options-BM-sJPHZ.js → options-DCAXF_A_.js} +1 -1
  183. package/dist/assets/{playground.stories-CvceWUq7.js → playground.stories-CuVmaYLs.js} +1 -1
  184. package/dist/assets/{react-18-Cn7fKkEX.js → react-18-DhGD9Avy.js} +1 -1
  185. package/dist/assets/{render-icon-CcTDatKg.js → render-icon-CGybdjoN.js} +1 -1
  186. package/dist/assets/{render-icon-DCa6Vadq.js → render-icon-DCiBrDQC.js} +1 -1
  187. package/dist/assets/{shared-strings-I9WUPC_k.js → shared-strings-BiyYhJiL.js} +1 -1
  188. package/dist/assets/{styled-components.browser.esm-BZ4U6qbl.js → styled-components.browser.esm-B02Fw6Mt.js} +1 -1
  189. package/dist/assets/{styled-components.browser.esm-DsfIp3u0.js → styled-components.browser.esm-smt_VktF.js} +1 -1
  190. package/dist/assets/{syntaxhighlighter-IQDEPFLK-BGcWLhM8.js → syntaxhighlighter-IQDEPFLK-AN8xk1AF.js} +1 -1
  191. package/dist/assets/{text-accent-CvDqGyH8.js → text-accent-CPEkSAkL.js} +1 -1
  192. package/dist/assets/{text-centered-nO9Uq8mN.js → text-centered-Cz4XMW69.js} +1 -1
  193. package/dist/assets/{text-centered-4FcavPd_.js → text-centered-ZFu7naC1.js} +1 -1
  194. package/dist/assets/{tokens-kjKX1OOx.js → tokens-BN7eHoH5.js} +1 -1
  195. package/dist/assets/tokens-BjR3hk0d.js +1 -0
  196. package/dist/assets/{tokens-as7cem5X.js → tokens-C3Hqqzis.js} +1 -1
  197. package/dist/assets/{tokens-BEq-FCvC.js → tokens-CyrwuS34.js} +1 -1
  198. package/dist/assets/{useControllableState-CB098DmS.js → useControllableState-DJZkoEjQ.js} +1 -1
  199. package/dist/assets/useHostname-fR0CbQub.js +1 -0
  200. package/dist/assets/{useMergeRefs-Cma75nFm.js → useMergeRefs--KSfryp8.js} +1 -1
  201. package/dist/assets/{useMergeRefs-DrdDSUH5.js → useMergeRefs-BnpMjIUt.js} +1 -1
  202. package/dist/assets/{useOpenInteractionType-DeCsKa-1.js → useOpenInteractionType-Dz9R-1-1.js} +1 -1
  203. package/dist/assets/{usePortalElement-CK58JXLC.js → usePortalElement-B5d1vkJz.js} +1 -1
  204. package/dist/assets/{useStableCallback-Cg8WkzY2.js → useStableCallback-BBl3RGfC.js} +1 -1
  205. package/dist/assets/{useToken-Dy7e7qui.js → useToken-BjKJKHaW.js} +1 -1
  206. package/dist/assets/{welcome-DnB7jiTV.js → welcome-C-gJqbc0.js} +1 -1
  207. package/dist/assets/{zeroheight-BLhCMMHP.js → zeroheight-2_PedqiZ.js} +1 -1
  208. package/dist/iframe.html +1 -1
  209. package/dist/preview-stats.json +9682 -9682
  210. package/dist/project.json +1 -1
  211. package/package.json +4 -4
  212. package/dist/assets/Accordion-Bjcf873X.js +0 -1
  213. package/dist/assets/Accordion-Dmg5cVbY.css +0 -1
  214. package/dist/assets/Avatar-BHWZ6iZn.js +0 -1
  215. package/dist/assets/AvatarWithStatus.stories-BQ9j0v-r.js +0 -36
  216. package/dist/assets/Badge.stories-CjBGqctl.js +0 -82
  217. package/dist/assets/Box.stories-F4YHVHtw.js +0 -44
  218. package/dist/assets/BubbleCounter.stories-W-QyzoZM.js +0 -238
  219. package/dist/assets/Button-KgwWX-kY.js +0 -1
  220. package/dist/assets/Checkbox-Bdi6imAj.js +0 -1
  221. package/dist/assets/Chips.stories-BwJJ2fGW.js +0 -140
  222. package/dist/assets/CountryFlag-BsylP9aC.js +0 -1
  223. package/dist/assets/Dialog-DBQC7rLf.js +0 -9
  224. package/dist/assets/DismissibleChips-BTc-ZGnG.js +0 -1
  225. package/dist/assets/Divider-aEUPegmM.js +0 -1
  226. package/dist/assets/DropdownMenu-Eg6NEumE.js +0 -1
  227. package/dist/assets/FieldButton-CE-kxD0a.js +0 -1
  228. package/dist/assets/FormControl-DI4h0Rn1.js +0 -1
  229. package/dist/assets/Heading-jyl-6mnE.js +0 -1
  230. package/dist/assets/Icon-BbVZ9NP7.js +0 -1
  231. package/dist/assets/IconButton-DvmHN9Bh.js +0 -1
  232. package/dist/assets/Input-qJLg_DQg.js +0 -1
  233. package/dist/assets/InputContainer-DxTdO3rg.js +0 -1
  234. package/dist/assets/IntlFormattedCurrency.stories-DsOonDv4.js +0 -1
  235. package/dist/assets/IntlFormattedDateTime.stories-CEfl-J8a.js +0 -1
  236. package/dist/assets/LayoutFlex-TxluN-Yw.js +0 -1
  237. package/dist/assets/LayoutFlexItem-CG7Crdkt.js +0 -1
  238. package/dist/assets/LayoutGridItem-D9IWdXiI.js +0 -1
  239. package/dist/assets/Link-DBtlp5DH.js +0 -1
  240. package/dist/assets/Loader.stories-BW_8B3fu.js +0 -37
  241. package/dist/assets/MultiSelectChips-vFJ-9-kf.js +0 -1
  242. package/dist/assets/NativeSelectField.stories-iktDEjbi.js +0 -243
  243. package/dist/assets/NumberField-DachAjtc.js +0 -1
  244. package/dist/assets/ObserveIntersection-Gkcdp17D.js +0 -1
  245. package/dist/assets/OnboardingTooltip-Clfuyvq4.js +0 -1
  246. package/dist/assets/OnboardingTour-DlsIO1Gv.js +0 -1
  247. package/dist/assets/OnboardingTour.stories-eO-vrmSq.js +0 -42
  248. package/dist/assets/PasswordField-Cb1fJLBM.js +0 -1
  249. package/dist/assets/ProgressBar.stories-CJTsS-k-.js +0 -43
  250. package/dist/assets/ProgressSteps-LRQw0WxN.js +0 -1
  251. package/dist/assets/RangeSlider-C7BMuKPO.js +0 -3
  252. package/dist/assets/Rating.stories-C4odIVLb.js +0 -115
  253. package/dist/assets/SelectField-qkC5zVlE.js +0 -1
  254. package/dist/assets/ShowOnIntersection.stories-DMrPWP_X.js +0 -17
  255. package/dist/assets/SingleSelectChips-URtzgStH.js +0 -1
  256. package/dist/assets/Slider-DwJ11rhB.js +0 -1
  257. package/dist/assets/Stars-noMq-Uej.js +0 -1
  258. package/dist/assets/Steps-ZKxhdp_N.js +0 -1
  259. package/dist/assets/Switch-CukXNUpT.js +0 -1
  260. package/dist/assets/Text.stories-DAYsyFR5.js +0 -58
  261. package/dist/assets/TextField-D3FL7yE0.js +0 -1
  262. package/dist/assets/TextHighlighted.stories-GrC4GB2n.js +0 -32
  263. package/dist/assets/TextInline.stories-CLDPL3xz.js +0 -50
  264. package/dist/assets/TextareaField-lItTPjhC.js +0 -1
  265. package/dist/assets/Tooltip-nL6-qc2S.js +0 -1
  266. package/dist/assets/VisuallyHidden-CBzPUOy4.js +0 -1
  267. package/dist/assets/constants-DiGI6Pao.js +0 -47
  268. package/dist/assets/createRequiredContext-Dh2RVm_M.js +0 -1
  269. package/dist/assets/getTokenVar-DGGittrV.js +0 -1
  270. package/dist/assets/index-DVMjwMfI.js +0 -1
  271. package/dist/assets/tokens-I7xc-5gL.js +0 -1
  272. package/dist/assets/useHostname-DENeD9To.js +0 -1
@@ -1,4 +1,4 @@
1
- import{j as n}from"./iframe-CWgEsn_I.js";import{L as r}from"./LayoutFlexItem-CG7Crdkt.js";import{L as p}from"./LayoutFlex-TxluN-Yw.js";import{S as t,a as h}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./align-self-Dj6Hw1ei.js";import"./layout-relative-Dd1oD7no.js";import"./layout-relative.module-DtLbhGhZ.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-CmmTyjin.js";const C={title:"components/LayoutFlex",component:p,subcomponents:{LayoutFlexItem:r},argTypes:{gap:{description:t},padding:{description:h},direction:{description:t},justifyContent:{description:t},alignItems:{description:t},hide:{description:t},relative:{description:t}}},e=()=>n.jsxs(p,{gap:"16",children:[n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink",textAlign:"center"},children:"stretch"})})]});e.storyName="LayoutFlex";const o={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:"16",children:n.jsxs(n.Fragment,{children:[n.jsx("div",{style:{minWidth:"100px",height:50,backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",height:75,backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",height:100,backgroundColor:"hotpink",textAlign:"center"}})})]}),dataset:{qaid:"layout-flex"}},argTypes:{dataset:{control:"object"},nowrap:{control:"boolean"},hide:{control:"boolean"},relative:{control:"boolean"},inline:{control:"boolean"},direction:{control:"select"},children:{control:!1},column:{table:{disable:!0}},reverse:{table:{disable:!0}}}};var i,a,l;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`() => <LayoutFlex gap="16">
1
+ import{j as n}from"./iframe-Bqhe7wZw.js";import{L as r}from"./LayoutFlexItem-6Snr9uXg.js";import{L as p}from"./LayoutFlex-DIVchljU.js";import{S as t,a as h}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./align-self-DXFgdd9y.js";import"./layout-relative-BMwmwxop.js";import"./layout-relative.module-Bq_t8Q7G.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-CmmTyjin.js";const C={title:"components/LayoutFlex",component:p,subcomponents:{LayoutFlexItem:r},argTypes:{gap:{description:t},padding:{description:h},direction:{description:t},justifyContent:{description:t},alignItems:{description:t},hide:{description:t},relative:{description:t}}},e=()=>n.jsxs(p,{gap:"16",children:[n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",backgroundColor:"hotpink",textAlign:"center"},children:"stretch"})})]});e.storyName="LayoutFlex";const o={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:"16",children:n.jsxs(n.Fragment,{children:[n.jsx("div",{style:{minWidth:"100px",height:50,backgroundColor:"hotpink"},children:" "}),n.jsx("div",{style:{minWidth:"100px",height:75,backgroundColor:"hotpink"},children:" "}),n.jsx(r,{stretch:!0,children:n.jsx("div",{style:{minWidth:"100px",height:100,backgroundColor:"hotpink",textAlign:"center"}})})]}),dataset:{qaid:"layout-flex"}},argTypes:{dataset:{control:"object"},nowrap:{control:"boolean"},hide:{control:"boolean"},relative:{control:"boolean"},inline:{control:"boolean"},direction:{control:"select"},children:{control:!1},column:{table:{disable:!0}},reverse:{table:{disable:!0}}}};var i,a,l;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`() => <LayoutFlex gap="16">
2
2
  <div style={{
3
3
  minWidth: '100px',
4
4
  backgroundColor: 'hotpink'
@@ -1,4 +1,4 @@
1
- import{j as e,M as o}from"./iframe-CWgEsn_I.js";import{useMDXComponents as r}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/Applications"}),`
1
+ import{j as e,M as o}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as r}from"./index-CvK1AFYo.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/Applications"}),`
2
2
  `,e.jsx(n.h1,{id:"installation-applications",children:"Installation: Applications"}),`
3
3
  `,e.jsx(n.p,{children:"This guide applies to both client-side and server-side rendered React applications."}),`
4
4
  `,e.jsx(n.h2,{id:"packages",children:"Packages"}),`
@@ -1,4 +1,4 @@
1
- import{j as n,M as o}from"./iframe-CWgEsn_I.js";import{useMDXComponents as i}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const e={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...i(),...s.components};return n.jsxs(n.Fragment,{children:[n.jsx(o,{title:"Guides/Assets/Favicons"}),`
1
+ import{j as n,M as o}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as i}from"./index-CvK1AFYo.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const e={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...i(),...s.components};return n.jsxs(n.Fragment,{children:[n.jsx(o,{title:"Guides/Assets/Favicons"}),`
2
2
  `,n.jsx(e.h1,{id:"favicons",children:"Favicons"}),`
3
3
  `,n.jsxs(e.p,{children:["The optimised assets are available under ",n.jsx(e.strong,{children:"preply.com"})," in the formats required by modern and legacy browsers, as well as Android and iOS devices."]}),`
4
4
  `,n.jsxs(e.p,{children:["Refer to ",n.jsx(e.a,{href:"https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs",rel:"nofollow",children:"How to Favicon in 2022: Six files that fit most needs"})," for a detailed breakdown of the formats."]}),`
@@ -1,4 +1,4 @@
1
- import{aL as F,aM as L,r as a,aN as z,t as E,u as N,ar as O,g as A,j as t,aq as M,aO as B,T as W,aP as R,V as H,aQ as V,aR as q,M as G,aF as K,aE as Y}from"./iframe-CWgEsn_I.js";import{useMDXComponents as U}from"./index-BiSZC2o0.js";import{L as p}from"./LayoutFlex-CtFx5gUZ.js";import{g as X,u as Q}from"./useToken-Dy7e7qui.js";import{t as J}from"./tokens-I7xc-5gL.js";import{L as w}from"./LayoutGrid-Ddqp2KT2.js";import{T as y}from"./Text-BaQf6qnx.js";import{f as Z}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as T}from"./componentNames-CmmTyjin.js";import{d as n}from"./styled-components.browser.esm-DsfIp3u0.js";import{o as ee}from"./mixins-DZk1Zeoo.js";import"./preload-helper-Dp1pzeXC.js";import"./layout-relative.module-1z75aSwo-BlGCRaGo.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./text-centered-nO9Uq8mN.js";import"./emotion-unitless.esm-BZwEwAnk.js";const te=e=>Array.isArray(e)&&e.length===3&&F.includes(e[L]),re=()=>{const{setTheme:e}=a.useContext(z);return{setTheme:e}},ne="TextHighlighted__ehLpO",oe={TextHighlighted:ne,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},h=a.forwardRef(function({children:r,highlight:i=O,tag:o=M,dataset:s,...d},l){const u=E(oe,T.TextHighlighted,[N("highlight",i)]),g={...Z(d),ref:l,className:u.join(" "),...A(s,{preplyDsComponent:T.TextHighlighted})};return t.jsx(o,{...g,children:r})});h.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};const ie=(e,r)=>({token:r,name:e,id:r[W],type:r[L],colorSchemeAware:!!r[B]}),I=(e,r)=>Object.entries(r).flatMap(([i,o])=>{const s=`${e}.${i}`;return te(o)?[ie(s,o)]:I(s,o)}),se=e=>Object.entries(e).flatMap(([r,i])=>I(r,i)),ae=se(J),de=(e,r,i)=>e.filter(o=>{if(r==="-"||r==="--")return!0;if(r!=null&&r.startsWith("--"))return o.id.toLowerCase().startsWith(r.substring(2).toLowerCase());if(r){const s=o.name.toLowerCase().indexOf(r.toLowerCase())>-1,d=o.value.toLowerCase().indexOf(r.toLowerCase())>-1;return(s||d)&&(i?o.colorSchemeAware:!o.colorSchemeAware)}return i?o.colorSchemeAware:!o.colorSchemeAware}),_=a.createContext({terms:"",colorScheme:void 0,results:[],setColorScheme:()=>{},setSearchTerms:()=>{}});var D;const le=((D=window==null?void 0:window.localStorage)==null?void 0:D.getItem("storybook.ds-color-scheme"))||void 0;function ce(e,r){return ae.map(o=>({...o,value:`${X(e,r,o.token)}`}))}const he=({children:e})=>{const{findColorScheme:r}=R(),{theme:i}=H(),[o,s]=a.useState(le),[d,l]=a.useState(""),[u,g]=a.useState([]),m=a.useCallback(x=>s(x),[s]),f=a.useCallback(x=>l(x),[l]);if(!i)throw new Error("useToken() must be used within a ThemeProvider");return a.useEffect(()=>{const x=r(o||"base"),v=ce(i,x);g(de(v,d,!!o))},[o,r,d,i]),t.jsx(_.Provider,{value:{terms:d,results:u,colorScheme:o,setSearchTerms:f,setColorScheme:m},children:t.jsx(V,{colorScheme:o||"base",children:e})})},j=()=>a.useContext(_),ge=n.div`
1
+ import{aL as F,aM as L,r as a,aN as z,t as E,u as N,ar as O,g as A,j as t,aq as M,aO as B,T as W,aP as R,U as H,aQ as V,aR as q,M as G,aF as K,aE as U}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as Y}from"./index-CvK1AFYo.js";import{L as p}from"./LayoutFlex-D80s0Som.js";import{g as X,u as Q}from"./useToken-BjKJKHaW.js";import{b as J}from"./tokens-BjR3hk0d.js";import{L as w}from"./LayoutGrid-pA_9kQtt.js";import{T as y}from"./Text-Ggy7OGl1.js";import{f as Z}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as T}from"./componentNames-CmmTyjin.js";import{d as n}from"./styled-components.browser.esm-smt_VktF.js";import{o as ee}from"./mixins-DZk1Zeoo.js";import"./preload-helper-Dp1pzeXC.js";import"./layout-relative.module-1z75aSwo-B6m6YCBc.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./text-centered-Cz4XMW69.js";import"./emotion-unitless.esm-BZwEwAnk.js";const te=e=>Array.isArray(e)&&e.length===3&&F.includes(e[L]),re=()=>{const{setTheme:e}=a.useContext(z);return{setTheme:e}},ne="TextHighlighted__ehLpO",oe={TextHighlighted:ne,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__a1Ymf","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__QQm6L","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__n35-d","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__YEj6c","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__uDEFk","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__JrA2s","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__tfVNZ","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__W1sMI","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__dzj54","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__V3-1S"},h=a.forwardRef(function({children:r,highlight:i=O,tag:o=M,dataset:s,...d},l){const u=E(oe,T.TextHighlighted,[N("highlight",i)]),g={...Z(d),ref:l,className:u.join(" "),...A(s,{preplyDsComponent:T.TextHighlighted})};return t.jsx(o,{...g,children:r})});h.__docgenInfo={description:"",methods:[],displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"'green'",computed:!1},required:!1},tag:{defaultValue:{value:"'span'",computed:!1},required:!1}}};const ie=(e,r)=>({token:r,name:e,id:r[W],type:r[L],colorSchemeAware:!!r[B]}),I=(e,r)=>Object.entries(r).flatMap(([i,o])=>{const s=`${e}.${i}`;return te(o)?[ie(s,o)]:I(s,o)}),se=e=>Object.entries(e).flatMap(([r,i])=>I(r,i)),ae=se(J),de=(e,r,i)=>e.filter(o=>{if(r==="-"||r==="--")return!0;if(r!=null&&r.startsWith("--"))return o.id.toLowerCase().startsWith(r.substring(2).toLowerCase());if(r){const s=o.name.toLowerCase().indexOf(r.toLowerCase())>-1,d=o.value.toLowerCase().indexOf(r.toLowerCase())>-1;return(s||d)&&(i?o.colorSchemeAware:!o.colorSchemeAware)}return i?o.colorSchemeAware:!o.colorSchemeAware}),_=a.createContext({terms:"",colorScheme:void 0,results:[],setColorScheme:()=>{},setSearchTerms:()=>{}});var D;const le=((D=window==null?void 0:window.localStorage)==null?void 0:D.getItem("storybook.ds-color-scheme"))||void 0;function ce(e,r){return ae.map(o=>({...o,value:`${X(e,r,o.token)}`}))}const he=({children:e})=>{const{findColorScheme:r}=R(),{theme:i}=H(),[o,s]=a.useState(le),[d,l]=a.useState(""),[u,g]=a.useState([]),m=a.useCallback(x=>s(x),[s]),f=a.useCallback(x=>l(x),[l]);if(!i)throw new Error("useToken() must be used within a ThemeProvider");return a.useEffect(()=>{const x=r(o||"base"),v=ce(i,x);g(de(v,d,!!o))},[o,r,d,i]),t.jsx(_.Provider,{value:{terms:d,results:u,colorScheme:o,setSearchTerms:f,setColorScheme:m},children:t.jsx(V,{colorScheme:o||"base",children:e})})},j=()=>a.useContext(_),ge=n.div`
2
2
  width: 64px;
3
3
  height: 64px;
4
4
  color: white;
@@ -180,11 +180,11 @@ import{aL as F,aM as L,r as a,aN as z,t as E,u as N,ar as O,g as A,j as t,aq as
180
180
  height: 28px;
181
181
  background: #999;
182
182
  }
183
- `,Ye=({value:e})=>t.jsx(Ke,{value:e,children:t.jsx("span",{})}),Ue=n.div`
183
+ `,Ue=({value:e})=>t.jsx(Ke,{value:e,children:t.jsx("span",{})}),Ye=n.div`
184
184
  width: 64px;
185
185
  height: 64px;
186
186
  background-color: ${({value:e})=>e};
187
- `,Xe=({value:e})=>t.jsx(Ue,{value:e}),Qe=n.div`
187
+ `,Xe=({value:e})=>t.jsx(Ye,{value:e}),Qe=n.div`
188
188
  width: ${({value:e})=>e};
189
189
  height: ${({value:e})=>e};
190
190
  background-color: black;
@@ -227,7 +227,7 @@ import{aL as F,aM as L,r as a,aN as z,t as E,u as N,ar as O,g as A,j as t,aq as
227
227
  height: 64px;
228
228
  color: white;
229
229
  background: ${({value:e})=>e};
230
- `,dt=({value:e})=>t.jsx(at,{value:e}),lt={"icon.size":"size",spacing:"space",sizing:"space",radius:"borderRadius","dsInternalPrimitive.button.borderWeight":"borderWidth","icon.fieldLayout.width":"horizontalPadding","icon.fieldLayout.height":"horizontalPadding",background:"color","color.border.ai.button.borderImage":"borderImage","color.border.ai.surface.borderImage":"borderImage","color.background.ai.surface.linearGradient":"background",color:"color","spinner.icon.color":"color","dsInternalPrimitive.color":"color","exp.color":"color","badge.base.color":"color","badge.accent":"color",content:"color",elevation:"boxShadow",dropShadow:"boxShadow","motion.components.interaction":"transition"},$={color:"fgColor",lineHeight:"lineHeightPixels",shadow:"boxShadow",borderImage:"borderImage",offset:"size",x1:"easingCoordinate",y1:"easingCoordinate",x2:"easingCoordinate",y2:"easingCoordinate",short:"duration",function:"easing",functionName:"easing"},ct={background:{renderer:dt},bgColor:{renderer:pe},borderColor:{renderer:me},borderImage:{renderer:fe},borderRadius:{renderer:je},brightness:{renderer:ke},color:{renderer:Xe},fgColor:{renderer:Ce},fontFamily:{renderer:S},fontSize:{renderer:Re},fontWeight:{renderer:Pe},fontStyle:{renderer:Ie},letterSpacing:{renderer:Ne},gap:{renderer:k},height:{renderer:ze},horizontalPadding:{renderer:b},lineHeightRatio:{renderer:Be},lineHeightPixels:{renderer:Ae},outlineColor:{renderer:Ve},outlineOffset:{renderer:Ge},outlineWidth:{renderer:Ye},borderWidth:{renderer:we},padding:{renderer:b},size:{renderer:b},space:{renderer:k},boxShadow:{renderer:Te},typeface:{renderer:S},verticalPadding:{renderer:b},textDecoration:{renderer:et},duration:{renderer:rt},easing:{renderer:nt},transition:{renderer:it},easingCoordinate:{renderer:st}};function ht(e){const r=Object.entries(lt).find(([i])=>e.startsWith(i));return r&&r[1]}function gt(e){const r=e.split(".").pop()||"";return r in $?$[r]:r}function pt(e){const r=ht(e.name)||gt(e.name)||"";return ct[r]}const xt=e=>{const r=pt(e);if(!r)throw new Error(`No renderer for token "${e.name}".`);return r},mt=n.li`
230
+ `,dt=({value:e})=>t.jsx(at,{value:e}),lt={"icon.size":"size",spacing:"space",sizing:"space",radius:"borderRadius","dsInternalPrimitive.button.borderWeight":"borderWidth","icon.fieldLayout.width":"horizontalPadding","icon.fieldLayout.height":"horizontalPadding",background:"color","color.border.ai.button.borderImage":"borderImage","color.border.ai.surface.borderImage":"borderImage","color.background.ai.surface.linearGradient":"background",color:"color","spinner.icon.color":"color","dsInternalPrimitive.color":"color","exp.color":"color","badge.base.color":"color","badge.accent":"color",content:"color",elevation:"boxShadow",dropShadow:"boxShadow","motion.components.interaction":"transition"},$={color:"fgColor",lineHeight:"lineHeightPixels",shadow:"boxShadow",borderImage:"borderImage",offset:"size",x1:"easingCoordinate",y1:"easingCoordinate",x2:"easingCoordinate",y2:"easingCoordinate",short:"duration",function:"easing",functionName:"easing"},ct={background:{renderer:dt},bgColor:{renderer:pe},borderColor:{renderer:me},borderImage:{renderer:fe},borderRadius:{renderer:je},brightness:{renderer:ke},color:{renderer:Xe},fgColor:{renderer:Ce},fontFamily:{renderer:S},fontSize:{renderer:Re},fontWeight:{renderer:Pe},fontStyle:{renderer:Ie},letterSpacing:{renderer:Ne},gap:{renderer:k},height:{renderer:ze},horizontalPadding:{renderer:b},lineHeightRatio:{renderer:Be},lineHeightPixels:{renderer:Ae},outlineColor:{renderer:Ve},outlineOffset:{renderer:Ge},outlineWidth:{renderer:Ue},borderWidth:{renderer:we},padding:{renderer:b},size:{renderer:b},space:{renderer:k},boxShadow:{renderer:Te},typeface:{renderer:S},verticalPadding:{renderer:b},textDecoration:{renderer:et},duration:{renderer:rt},easing:{renderer:nt},transition:{renderer:it},easingCoordinate:{renderer:st}};function ht(e){const r=Object.entries(lt).find(([i])=>e.startsWith(i));return r&&r[1]}function gt(e){const r=e.split(".").pop()||"";return r in $?$[r]:r}function pt(e){const r=ht(e.name)||gt(e.name)||"";return ct[r]}const xt=e=>{const r=pt(e);if(!r)throw new Error(`No renderer for token "${e.name}".`);return r},mt=n.li`
231
231
  list-style: none;
232
232
  margin-bottom: 32px;
233
233
 
@@ -337,4 +337,4 @@ import{aL as F,aM as L,r as a,aN as z,t as E,u as N,ar as O,g as A,j as t,aq as
337
337
  border-width: 1px;
338
338
  border-color: ${({terms:e})=>e?"orange;":"#ccc"};
339
339
  `,Mt=()=>{const{theme:e}=H(),{themes:r}=R(),{setTheme:i}=re(),{colorScheme:o,terms:s,setColorScheme:d,setSearchTerms:l}=j(),u=a.useMemo(()=>{var c;return new URL(((c=window.top)==null?void 0:c.location.href)||"")},[]),g=u.searchParams,m=g.get("theme"),f=m&&(r==null?void 0:r.find(c=>c.name===m)),x=g.get("colorScheme"),v=g.get("terms");a.useEffect(()=>{var c;m&&(m!==e.name&&i&&f&&i(f),m&&x!==o&&d(x),l(v||"")),g.delete("theme"),g.delete("colorScheme"),g.delete("terms"),(c=window.top)==null||c.history.replaceState({},"",u)},[]);const P=a.useCallback(c=>l(c),[l]);return t.jsx(Et,{children:t.jsx(Nt,{children:t.jsx(Ot,{children:t.jsxs(p,{gap:"16",direction:"column",children:[t.jsx(p,{justifyContent:"space-between",alignItems:"start",children:t.jsx("h1",{id:"tokens",className:"sbdocs sbdocs-h1 css-1j28tt",children:"Token Explorer"})}),t.jsxs(p,{gap:"8",nowrap:!0,children:[t.jsx(At,{terms:s,type:"text",placeholder:"examples: teal, 300, action, primary, xs, --4adef, #00, 12px",onChange:c=>P(c.target.value),value:s}),t.jsx(Ht,{})]}),t.jsx(zt,{})]})})})})};function C(e){return t.jsxs(t.Fragment,{children:[t.jsx(G,{title:"Guides/Token Explorer"}),`
340
- `,t.jsx(K,{theme:"tokyo-ui",children:t.jsxs(he,{children:[t.jsx(Mt,{}),t.jsx(Y,{children:t.jsx(Dt,{})})]})})]})}function ir(e={}){const{wrapper:r}={...U(),...e.components};return r?t.jsx(r,{...e,children:t.jsx(C,{...e})}):C()}export{ir as default};
340
+ `,t.jsx(K,{theme:"tokyo-ui",children:t.jsxs(he,{children:[t.jsx(Mt,{}),t.jsx(U,{children:t.jsx(Dt,{})})]})})]})}function ir(e={}){const{wrapper:r}={...Y(),...e.components};return r?t.jsx(r,{...e,children:t.jsx(C,{...e})}):C()}export{ir as default};
@@ -1,4 +1,4 @@
1
- import{r as x,t as w,u as h,v as j,g as f,j as e,A as g,M as b}from"./iframe-CWgEsn_I.js";import{useMDXComponents as o}from"./index-BiSZC2o0.js";import{f as y}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as t}from"./componentNames-CmmTyjin.js";import{A as C}from"./constants-5om8Ptru.js";import{B as N}from"./breakpoints-BfMlrtxE.js";import"./preload-helper-Dp1pzeXC.js";const R="Avatar__ENaap",M={Avatar:R,"Avatar--size-24":"Avatar--size-24__ObR4y","Avatar--size-32":"Avatar--size-32__dN-5k","Avatar--size-48":"Avatar--size-48__ddqP8","Avatar--size-64":"Avatar--size-64__-Ju7I","Avatar--size-96":"Avatar--size-96__KgHP3","Avatar--size-160":"Avatar--size-160__KZ0Fc","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__qXCWM","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__qq9TP","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__h51Bn","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__LnrZ9","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__n3HEe","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__1zjWL","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__7-PF9","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__kS7dJ","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__7rHLm","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__eSycG","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__gMO59","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__VHYbX","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__wkAJa","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__ZX2QH","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__17P3w","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__FpM1G","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__5-hlk","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fa-Bb","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__ggmeN","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__J7HvU","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__FDJLh","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__qE9HQ","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__yjySN","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__sQ83p","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__lammM","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__hM5mX","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__mLV4a","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__uQV-R","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__nbICp","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__gRCi9","Avatar--round":"Avatar--round__Ndyn3"},r=x.forwardRef(function({size:a=g,round:i,src:l,alt:m="",dataset:v,crossOrigin:A,..._},z){const p=i??!0,u=w(M,t.Avatar,[h("size",a),j("round",void 0,p)]),c={...y(_),ref:z,className:u.join(" "),...f(v,{preplyDsComponent:t.Avatar})};return e.jsx("picture",{...c,children:e.jsx("img",{src:l||C,alt:m,crossOrigin:A})})});r.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'32'",computed:!1},required:!1},alt:{defaultValue:{value:'""',computed:!1},required:!1}}};const E=()=>e.jsx("table",{style:{fontSize:14},children:e.jsx("tbody",{children:Object.entries(N).map(([s,a])=>e.jsxs("tr",{children:[e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsx("code",{children:s})}),e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsxs("code",{children:[a,"px"]})})]},s))})}),n="./assets/avatar-1.png";function d(s){const a={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(b,{title:"Guides/Responsive Props"}),`
1
+ import{r as x,t as w,u as h,v as j,g as f,j as e,A as g,M as b}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as o}from"./index-CvK1AFYo.js";import{f as y}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as t}from"./componentNames-CmmTyjin.js";import{A as C}from"./constants-5om8Ptru.js";import{B as N}from"./breakpoints-BfMlrtxE.js";import"./preload-helper-Dp1pzeXC.js";const R="Avatar__ENaap",M={Avatar:R,"Avatar--size-24":"Avatar--size-24__ObR4y","Avatar--size-32":"Avatar--size-32__dN-5k","Avatar--size-48":"Avatar--size-48__ddqP8","Avatar--size-64":"Avatar--size-64__-Ju7I","Avatar--size-96":"Avatar--size-96__KgHP3","Avatar--size-160":"Avatar--size-160__KZ0Fc","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__qXCWM","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__qq9TP","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__h51Bn","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__LnrZ9","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__n3HEe","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__1zjWL","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__7-PF9","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__kS7dJ","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__7rHLm","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__eSycG","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__gMO59","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__VHYbX","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__wkAJa","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__ZX2QH","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__17P3w","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__FpM1G","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__5-hlk","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fa-Bb","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__ggmeN","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__J7HvU","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__FDJLh","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__qE9HQ","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__yjySN","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__sQ83p","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__lammM","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__hM5mX","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__mLV4a","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__uQV-R","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__nbICp","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__gRCi9","Avatar--round":"Avatar--round__Ndyn3"},r=x.forwardRef(function({size:a=g,round:i,src:l,alt:m="",dataset:v,crossOrigin:A,..._},z){const p=i??!0,u=w(M,t.Avatar,[h("size",a),j("round",void 0,p)]),c={...y(_),ref:z,className:u.join(" "),...f(v,{preplyDsComponent:t.Avatar})};return e.jsx("picture",{...c,children:e.jsx("img",{src:l||C,alt:m,crossOrigin:A})})});r.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'32'",computed:!1},required:!1},alt:{defaultValue:{value:'""',computed:!1},required:!1}}};const E=()=>e.jsx("table",{style:{fontSize:14},children:e.jsx("tbody",{children:Object.entries(N).map(([s,a])=>e.jsxs("tr",{children:[e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsx("code",{children:s})}),e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsxs("code",{children:[a,"px"]})})]},s))})}),n="./assets/avatar-1.png";function d(s){const a={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(b,{title:"Guides/Responsive Props"}),`
2
2
  `,e.jsx(a.h1,{id:"responsive-props",children:"Responsive Props"}),`
3
3
  `,e.jsx(a.p,{children:`Some component props optionally accept responsive values for different screen sizes
4
4
  based on the global breakpoints:`}),`
@@ -1,4 +1,4 @@
1
- import{t as j,u as I,r as D,g as G,j as e,L as N,M as B,aE as d}from"./iframe-CWgEsn_I.js";import{useMDXComponents as k}from"./index-BiSZC2o0.js";import{B as r,H as f}from"./Button-Db3mZeHX.js";import{g as M,a as P,L as c}from"./LayoutGrid-Ddqp2KT2.js";import{f as $}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as x}from"./componentNames-CmmTyjin.js";import{t as a}from"./tokens-I7xc-5gL.js";import"./preload-helper-Dp1pzeXC.js";import"./text-centered-nO9Uq8mN.js";import"./render-icon-CcTDatKg.js";import"./useHostname-DENeD9To.js";import"./index-CC6DAVyL.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-BlGCRaGo.js";import"./constants-DYYVurUY.js";const H="AlignSelf__huNbz",R={AlignSelf:H,"AlignSelf--align-self-start":"AlignSelf--align-self-start__Pk4Ld","AlignSelf--align-self-center":"AlignSelf--align-self-center__oKqnl","AlignSelf--align-self-end":"AlignSelf--align-self-end__mLp7w","AlignSelf--align-self-stretch":"AlignSelf--align-self-stretch__e5jP9","AlignSelf--narrow-l--align-self-start":"AlignSelf--narrow-l--align-self-start__RD68B","AlignSelf--narrow-l--align-self-center":"AlignSelf--narrow-l--align-self-center__9KYyf","AlignSelf--narrow-l--align-self-end":"AlignSelf--narrow-l--align-self-end__ydYg3","AlignSelf--narrow-l--align-self-stretch":"AlignSelf--narrow-l--align-self-stretch__an8ci","AlignSelf--medium-s--align-self-start":"AlignSelf--medium-s--align-self-start__qq8h0","AlignSelf--medium-s--align-self-center":"AlignSelf--medium-s--align-self-center__d0RSi","AlignSelf--medium-s--align-self-end":"AlignSelf--medium-s--align-self-end__Kmsf2","AlignSelf--medium-s--align-self-stretch":"AlignSelf--medium-s--align-self-stretch__j3NnI","AlignSelf--medium-l--align-self-start":"AlignSelf--medium-l--align-self-start__74bsY","AlignSelf--medium-l--align-self-center":"AlignSelf--medium-l--align-self-center__ljw4i","AlignSelf--medium-l--align-self-end":"AlignSelf--medium-l--align-self-end__Pewtw","AlignSelf--medium-l--align-self-stretch":"AlignSelf--medium-l--align-self-stretch__TkySK","AlignSelf--wide-s--align-self-start":"AlignSelf--wide-s--align-self-start__zgUOz","AlignSelf--wide-s--align-self-center":"AlignSelf--wide-s--align-self-center__sU3Gp","AlignSelf--wide-s--align-self-end":"AlignSelf--wide-s--align-self-end__o-XTQ","AlignSelf--wide-s--align-self-stretch":"AlignSelf--wide-s--align-self-stretch__G9OEM","AlignSelf--wide-l--align-self-start":"AlignSelf--wide-l--align-self-start__DcXjX","AlignSelf--wide-l--align-self-center":"AlignSelf--wide-l--align-self-center__36VHM","AlignSelf--wide-l--align-self-end":"AlignSelf--wide-l--align-self-end__VolCH","AlignSelf--wide-l--align-self-stretch":"AlignSelf--wide-l--align-self-stretch__pdrgF"},U="AlignSelf",X=l=>j(R,U,[I("align-self",l)]),E="LayoutGridItem__HXV4b",O={LayoutGridItem:E},g=D.forwardRef(function({children:n,alignSelf:o,tag:m,hide:h,relative:p,dataset:A,...y},_){const S=j(O,x.LayoutGridItem,[]),T=X(o),v=M(h),b=P(p),w=[...S,...T,...v,...b],L=m??N,C={...$(y),ref:_,className:w.join(" "),...G(A,{preplyDsComponent:x.LayoutGridItem})};return e.jsx(L,{...C,children:n})});g.__docgenInfo={description:"",methods:[],displayName:"LayoutGridItem"};const s=({inverted:l,textToken:n})=>{const o=a.color.text[n];return Array.isArray(o)?e.jsxs(g,{children:[e.jsx(f,{tag:"h4",variant:"medium",children:n}),e.jsx("div",{style:{color:`var(--${o[1]})`,maxWidth:"240px",padding:"10px",background:`var(--${l?a.color.background.primaryInverted[1]:a.color.background.primary[1]})`},children:e.jsxs("code",{children:["color.text.",n]})})]},n):null};s.defaultProps={inverted:!1};const t=({inverted:l,bgToken:n})=>{const o=a.color.background[n];return Array.isArray(o)?e.jsxs(g,{children:[e.jsx(f,{tag:"h4",variant:"medium",children:n}),e.jsxs("div",{style:{background:`var(--${a.color.background[n][1]})`,color:`var(--${l?a.color.text.inverted[1]:a.color.text.primary[1]})`,maxWidth:"240px",padding:"10px"},children:["Background token: ",e.jsxs("code",{children:["color.background.",n]})]})]},n):null};t.defaultProps={inverted:!1};const i=({contentToken:l})=>{const n=a.color.border[l];return Array.isArray(n)?e.jsxs(g,{children:[e.jsx(f,{tag:"h4",variant:"medium",children:l}),e.jsx("br",{}),e.jsxs("div",{style:{border:`1px solid var(--${n[1]})`,background:"transparent",color:`var(--${n[1]})`,maxWidth:"240px",height:"50px",padding:"10px"},children:["color.border.",l]})]},l):null};i.defaultProps={};const F=()=>e.jsxs(c,{gap:"16",columns:2,children:[e.jsx(r,{children:"Token family: action.variant.primary.*"}),e.jsx(r,{variant:"secondary",children:"Token family: action.variant.secondary.*"}),e.jsx(r,{variant:"tertiary",children:"Token family: action.variant.tertiary.*"}),e.jsx(r,{variant:"ghost",children:"Token family: action.variant.ghost.*"}),e.jsx(r,{variant:"critical",children:"Token family: action.variant.critical.*"}),e.jsx(r,{variant:"onColor",children:"Token family: action.variant.onColor.*"}),e.jsx(r,{variant:"inverted",children:"Token family: action.variant.inverted.*"}),e.jsx(r,{disabled:!0,children:"Token family: action.variant.disabled.*"})]}),K=()=>e.jsxs(c,{gap:"16",columns:4,children:[e.jsx(s,{textToken:"primary"}),e.jsx(s,{textToken:"secondary"}),e.jsx(s,{textToken:"tertiary"}),e.jsx(s,{textToken:"accentDark"}),e.jsx(s,{textToken:"placeholder"}),e.jsx(s,{textToken:"inverted",inverted:!0}),e.jsx(s,{textToken:"positive"}),e.jsx(s,{textToken:"info"}),e.jsx(s,{textToken:"warning"}),e.jsx(s,{textToken:"critical"})]}),W=()=>e.jsxs(c,{gap:"16",columns:4,children:[e.jsx(t,{bgToken:"primary"}),e.jsx(t,{bgToken:"secondary"}),e.jsx(t,{bgToken:"tertiary"}),e.jsx(t,{bgToken:"overlay"}),e.jsx(t,{bgToken:"disabled"}),e.jsx(t,{bgToken:"brand"}),e.jsx(t,{bgToken:"brandB2b"}),e.jsx(t,{bgToken:"accentLight"}),e.jsx(t,{bgToken:"accentDark",inverted:!0}),e.jsx(t,{bgToken:"positiveLight"}),e.jsx(t,{bgToken:"positiveDark",inverted:!0}),e.jsx(t,{bgToken:"infoLight"}),e.jsx(t,{bgToken:"infoDark",inverted:!0}),e.jsx(t,{bgToken:"warningLight"}),e.jsx(t,{bgToken:"warningDark",inverted:!0}),e.jsx(t,{bgToken:"criticalLight"}),e.jsx(t,{bgToken:"criticalDark",inverted:!0}),e.jsx(t,{bgToken:"statusOnline"}),e.jsx(t,{bgToken:"statusOffline"}),e.jsx(t,{bgToken:"primaryInverted",inverted:!0}),e.jsx(t,{bgToken:"secondaryInverted",inverted:!0}),e.jsx(t,{bgToken:"tertiaryInverted",inverted:!0})]}),Y=()=>e.jsxs(c,{gap:"16",columns:4,children:[e.jsx(i,{contentToken:"primary"}),e.jsx(i,{contentToken:"secondary"}),e.jsx(i,{contentToken:"secondary-opacity"}),e.jsx(i,{contentToken:"tertiary"}),e.jsx(i,{contentToken:"disabled"}),e.jsx(i,{contentToken:"brand"}),e.jsx(i,{contentToken:"critical"}),e.jsx(i,{contentToken:"focus"}),e.jsx(i,{contentToken:"positive"})]});function u(l){const n={h1:"h1",h2:"h2",p:"p",...k(),...l.components};return e.jsxs(e.Fragment,{children:[e.jsx(B,{title:"Guides/Semantic tokens examples"}),`
1
+ import{t as j,u as I,r as D,g as G,j as e,L as N,M as B,aE as d}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as k}from"./index-CvK1AFYo.js";import{B as r,H as f}from"./Button-BYz70lft.js";import{g as M,a as P,L as c}from"./LayoutGrid-pA_9kQtt.js";import{f as $}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as x}from"./componentNames-CmmTyjin.js";import{b as a}from"./tokens-BjR3hk0d.js";import"./preload-helper-Dp1pzeXC.js";import"./text-centered-Cz4XMW69.js";import"./render-icon-CGybdjoN.js";import"./useHostname-fR0CbQub.js";import"./index-CC6DAVyL.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-B6m6YCBc.js";import"./constants-DYYVurUY.js";const H="AlignSelf__huNbz",R={AlignSelf:H,"AlignSelf--align-self-start":"AlignSelf--align-self-start__Pk4Ld","AlignSelf--align-self-center":"AlignSelf--align-self-center__oKqnl","AlignSelf--align-self-end":"AlignSelf--align-self-end__mLp7w","AlignSelf--align-self-stretch":"AlignSelf--align-self-stretch__e5jP9","AlignSelf--narrow-l--align-self-start":"AlignSelf--narrow-l--align-self-start__RD68B","AlignSelf--narrow-l--align-self-center":"AlignSelf--narrow-l--align-self-center__9KYyf","AlignSelf--narrow-l--align-self-end":"AlignSelf--narrow-l--align-self-end__ydYg3","AlignSelf--narrow-l--align-self-stretch":"AlignSelf--narrow-l--align-self-stretch__an8ci","AlignSelf--medium-s--align-self-start":"AlignSelf--medium-s--align-self-start__qq8h0","AlignSelf--medium-s--align-self-center":"AlignSelf--medium-s--align-self-center__d0RSi","AlignSelf--medium-s--align-self-end":"AlignSelf--medium-s--align-self-end__Kmsf2","AlignSelf--medium-s--align-self-stretch":"AlignSelf--medium-s--align-self-stretch__j3NnI","AlignSelf--medium-l--align-self-start":"AlignSelf--medium-l--align-self-start__74bsY","AlignSelf--medium-l--align-self-center":"AlignSelf--medium-l--align-self-center__ljw4i","AlignSelf--medium-l--align-self-end":"AlignSelf--medium-l--align-self-end__Pewtw","AlignSelf--medium-l--align-self-stretch":"AlignSelf--medium-l--align-self-stretch__TkySK","AlignSelf--wide-s--align-self-start":"AlignSelf--wide-s--align-self-start__zgUOz","AlignSelf--wide-s--align-self-center":"AlignSelf--wide-s--align-self-center__sU3Gp","AlignSelf--wide-s--align-self-end":"AlignSelf--wide-s--align-self-end__o-XTQ","AlignSelf--wide-s--align-self-stretch":"AlignSelf--wide-s--align-self-stretch__G9OEM","AlignSelf--wide-l--align-self-start":"AlignSelf--wide-l--align-self-start__DcXjX","AlignSelf--wide-l--align-self-center":"AlignSelf--wide-l--align-self-center__36VHM","AlignSelf--wide-l--align-self-end":"AlignSelf--wide-l--align-self-end__VolCH","AlignSelf--wide-l--align-self-stretch":"AlignSelf--wide-l--align-self-stretch__pdrgF"},U="AlignSelf",X=l=>j(R,U,[I("align-self",l)]),E="LayoutGridItem__HXV4b",O={LayoutGridItem:E},g=D.forwardRef(function({children:n,alignSelf:o,tag:m,hide:h,relative:p,dataset:A,...y},_){const S=j(O,x.LayoutGridItem,[]),T=X(o),v=M(h),b=P(p),w=[...S,...T,...v,...b],L=m??N,C={...$(y),ref:_,className:w.join(" "),...G(A,{preplyDsComponent:x.LayoutGridItem})};return e.jsx(L,{...C,children:n})});g.__docgenInfo={description:"",methods:[],displayName:"LayoutGridItem"};const s=({inverted:l,textToken:n})=>{const o=a.color.text[n];return Array.isArray(o)?e.jsxs(g,{children:[e.jsx(f,{tag:"h4",variant:"medium",children:n}),e.jsx("div",{style:{color:`var(--${o[1]})`,maxWidth:"240px",padding:"10px",background:`var(--${l?a.color.background.primaryInverted[1]:a.color.background.primary[1]})`},children:e.jsxs("code",{children:["color.text.",n]})})]},n):null};s.defaultProps={inverted:!1};const t=({inverted:l,bgToken:n})=>{const o=a.color.background[n];return Array.isArray(o)?e.jsxs(g,{children:[e.jsx(f,{tag:"h4",variant:"medium",children:n}),e.jsxs("div",{style:{background:`var(--${a.color.background[n][1]})`,color:`var(--${l?a.color.text.inverted[1]:a.color.text.primary[1]})`,maxWidth:"240px",padding:"10px"},children:["Background token: ",e.jsxs("code",{children:["color.background.",n]})]})]},n):null};t.defaultProps={inverted:!1};const i=({contentToken:l})=>{const n=a.color.border[l];return Array.isArray(n)?e.jsxs(g,{children:[e.jsx(f,{tag:"h4",variant:"medium",children:l}),e.jsx("br",{}),e.jsxs("div",{style:{border:`1px solid var(--${n[1]})`,background:"transparent",color:`var(--${n[1]})`,maxWidth:"240px",height:"50px",padding:"10px"},children:["color.border.",l]})]},l):null};i.defaultProps={};const F=()=>e.jsxs(c,{gap:"16",columns:2,children:[e.jsx(r,{children:"Token family: action.variant.primary.*"}),e.jsx(r,{variant:"secondary",children:"Token family: action.variant.secondary.*"}),e.jsx(r,{variant:"tertiary",children:"Token family: action.variant.tertiary.*"}),e.jsx(r,{variant:"ghost",children:"Token family: action.variant.ghost.*"}),e.jsx(r,{variant:"critical",children:"Token family: action.variant.critical.*"}),e.jsx(r,{variant:"onColor",children:"Token family: action.variant.onColor.*"}),e.jsx(r,{variant:"inverted",children:"Token family: action.variant.inverted.*"}),e.jsx(r,{disabled:!0,children:"Token family: action.variant.disabled.*"})]}),K=()=>e.jsxs(c,{gap:"16",columns:4,children:[e.jsx(s,{textToken:"primary"}),e.jsx(s,{textToken:"secondary"}),e.jsx(s,{textToken:"tertiary"}),e.jsx(s,{textToken:"accentDark"}),e.jsx(s,{textToken:"placeholder"}),e.jsx(s,{textToken:"inverted",inverted:!0}),e.jsx(s,{textToken:"positive"}),e.jsx(s,{textToken:"info"}),e.jsx(s,{textToken:"warning"}),e.jsx(s,{textToken:"critical"})]}),W=()=>e.jsxs(c,{gap:"16",columns:4,children:[e.jsx(t,{bgToken:"primary"}),e.jsx(t,{bgToken:"secondary"}),e.jsx(t,{bgToken:"tertiary"}),e.jsx(t,{bgToken:"overlay"}),e.jsx(t,{bgToken:"disabled"}),e.jsx(t,{bgToken:"brand"}),e.jsx(t,{bgToken:"brandB2b"}),e.jsx(t,{bgToken:"accentLight"}),e.jsx(t,{bgToken:"accentDark",inverted:!0}),e.jsx(t,{bgToken:"positiveLight"}),e.jsx(t,{bgToken:"positiveDark",inverted:!0}),e.jsx(t,{bgToken:"infoLight"}),e.jsx(t,{bgToken:"infoDark",inverted:!0}),e.jsx(t,{bgToken:"warningLight"}),e.jsx(t,{bgToken:"warningDark",inverted:!0}),e.jsx(t,{bgToken:"criticalLight"}),e.jsx(t,{bgToken:"criticalDark",inverted:!0}),e.jsx(t,{bgToken:"statusOnline"}),e.jsx(t,{bgToken:"statusOffline"}),e.jsx(t,{bgToken:"primaryInverted",inverted:!0}),e.jsx(t,{bgToken:"secondaryInverted",inverted:!0}),e.jsx(t,{bgToken:"tertiaryInverted",inverted:!0})]}),Y=()=>e.jsxs(c,{gap:"16",columns:4,children:[e.jsx(i,{contentToken:"primary"}),e.jsx(i,{contentToken:"secondary"}),e.jsx(i,{contentToken:"secondary-opacity"}),e.jsx(i,{contentToken:"tertiary"}),e.jsx(i,{contentToken:"disabled"}),e.jsx(i,{contentToken:"brand"}),e.jsx(i,{contentToken:"critical"}),e.jsx(i,{contentToken:"focus"}),e.jsx(i,{contentToken:"positive"})]});function u(l){const n={h1:"h1",h2:"h2",p:"p",...k(),...l.components};return e.jsxs(e.Fragment,{children:[e.jsx(B,{title:"Guides/Semantic tokens examples"}),`
2
2
  `,e.jsx(n.h1,{id:"semantic-tokens-examples",children:"Semantic tokens examples"}),`
3
3
  `,e.jsx(n.p,{children:"With Tokyo UI the semantic tokens have been renamed and expanded to cover more use cases. Here is a list of the most important ones."}),`
4
4
  `,e.jsx(n.h2,{id:"text-tokens",children:"Text tokens"}),`
@@ -1,4 +1,4 @@
1
- import{j as e,M as d}from"./iframe-CWgEsn_I.js";import{useMDXComponents as a}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function s(i){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...a(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(d,{title:"Guides/Shorthand Props"}),`
1
+ import{j as e,M as d}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as a}from"./index-CvK1AFYo.js";import"./preload-helper-Dp1pzeXC.js";function s(i){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...a(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(d,{title:"Guides/Shorthand Props"}),`
2
2
  `,e.jsx(n.h1,{id:"shorthand-props",children:"Shorthand Props"}),`
3
3
  `,e.jsxs(n.p,{children:["Some components accept shorthand values for spacing properties like ",e.jsx(n.code,{children:"padding"})," and ",e.jsx(n.code,{children:"margin"}),". These props can be specified in several ways:"]}),`
4
4
  `,e.jsx(n.h2,{id:"single-value",children:"Single Value"}),`
@@ -1,4 +1,4 @@
1
- import{j as e}from"./iframe-CWgEsn_I.js";import{L as y}from"./LayoutFlexItem-CG7Crdkt.js";import{L as n}from"./LayoutFlex-TxluN-Yw.js";import{f as D,d as T}from"./styled-components.browser.esm-BZ4U6qbl.js";import"./preload-helper-Dp1pzeXC.js";import"./align-self-Dj6Hw1ei.js";import"./layout-relative-Dd1oD7no.js";import"./layout-relative.module-DtLbhGhZ.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-CmmTyjin.js";import"./emotion-unitless.esm-BZwEwAnk.js";function S(s){return e.jsx("div",{style:{background:"yellow",width:"100%"},children:s.children})}function b(s){return e.jsx("div",{style:{background:"orange",width:"100%"},children:s.children})}function U(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapUndefined"}),e.jsxs(n,{dataset:{testid:"NowrapUndefined"},children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function H(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapTrue"}),e.jsxs(n,{dataset:{testid:"NowrapTrue"},nowrap:!0,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function O(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapFalse"}),e.jsxs(n,{dataset:{testid:"NowrapFalse"},nowrap:!1,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function c(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function x(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function $(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueUndefined"},column:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function A(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueFalse"},column:!0,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function J(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueTrue"},column:!0,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function k(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseUndefined"},column:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function G(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseFalse"},column:!1,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function _(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseTrue"},column:!1,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function P(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedUndefined"},children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function E(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedFalse"},reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function N(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedTrue"},reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function p(s){return e.jsx("div",{style:{background:"yellow",width:"50%"},children:s.children})}function g(s){return e.jsx("div",{style:{background:"orange",width:"50%"},children:s.children})}function B(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRow"}),e.jsxs(n,{dataset:{testid:"DirectionRow"},direction:"row",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function L(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRowReverse"}),e.jsxs(n,{dataset:{testid:"DirectionRowReverse"},direction:"row-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function M(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumn"}),e.jsxs(n,{dataset:{testid:"DirectionColumn"},direction:"column",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverse"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverse"},direction:"column-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsive"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsive"},direction:{_:"column-reverse","narrow-l":"column","medium-s":"row-reverse","medium-l":"column-reverse","wide-s":"column","wide-l":"row-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function K(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsiveInvertedOrder"},direction:{"wide-l":"row-reverse","wide-s":"column","medium-l":"column-reverse","medium-s":"row-reverse","narrow-l":"column",_:"column-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function j(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function h(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function Q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentCenter"}),e.jsxs(n,{dataset:{testid:"JustifyContentCenter"},justifyContent:"center",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function V(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentStart"}),e.jsxs(n,{dataset:{testid:"JustifyContentStart"},justifyContent:"start",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function W(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentEnd"}),e.jsxs(n,{dataset:{testid:"JustifyContentEnd"},justifyContent:"end",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function X(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceBetween"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceBetween"},justifyContent:"space-between",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Y(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceAround"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceAround"},justifyContent:"space-around",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceEvenly"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceEvenly"},justifyContent:"space-evenly",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsive"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsive"},justifyContent:{_:"center","narrow-l":"end","medium-s":"space-around","medium-l":"space-around","wide-s":"space-evenly","wide-l":"end"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsiveInvertedOrder"},justifyContent:{"wide-l":"end","wide-s":"space-evenly","medium-l":"space-around","medium-s":"space-around","narrow-l":"end",_:"center"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function u(s){return e.jsx("div",{style:{background:"yellow",height:"60px"},children:s.children})}function o(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsCenter"}),e.jsxs(n,{dataset:{testid:"AlignItemsCenter"},alignItems:"center",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStart"}),e.jsxs(n,{dataset:{testid:"AlignItemsStart"},alignItems:"start",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsEnd"}),e.jsxs(n,{dataset:{testid:"AlignItemsEnd"},alignItems:"end",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function de(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStretch"}),e.jsxs(n,{dataset:{testid:"AlignItemsStretch"},alignItems:"stretch",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsBaseline"}),e.jsxs(n,{dataset:{testid:"AlignItemsBaseline"},alignItems:"baseline",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsive"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsive"},alignItems:{_:"center","narrow-l":"end","medium-s":"baseline","medium-l":"center","wide-s":"stretch","wide-l":"end"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsiveInvertedOrder"},alignItems:{"wide-l":"end","wide-s":"stretch","medium-l":"center","medium-s":"baseline","narrow-l":"end",_:"center"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function d(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function t(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},gap:"0",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},gap:"1",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},gap:"2",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function he(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},gap:"4",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},gap:"8",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},gap:"12",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},gap:"16",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},gap:"20",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},gap:"24",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},gap:"32",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},gap:"48",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},gap:"64",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},gap:"96",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},gap:"160",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},gap:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function we(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},gap:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function i(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function r(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},padding:"0",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},padding:"1",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},padding:"2",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function De(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},padding:"4",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},padding:"8",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},padding:"12",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function He(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},padding:"16",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},padding:"20",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function $e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},padding:"24",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},padding:"32",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},padding:"48",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},padding:"64",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},padding:"96",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function _e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},padding:"160",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},padding:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},padding:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand2"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand2"},padding:["12","24"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand3"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand3"},padding:["12","24","48"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand4"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand4"},padding:["12","24","48","64"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthandResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingShorthandResponsive"},padding:{_:["1","2","4","8"],"narrow-l":["12","24","48","64"],"medium-s":["1","2","4","8"],"medium-l":["12","24","48","64"],"wide-s":["1","2","4","8"],"wide-l":["12","24","48","64"]},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingMixResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingMixResponsive"},padding:{_:["1","2","4","8"],"narrow-l":"12","medium-s":["1","2"],"medium-l":["12","24","48"],"wide-s":["1","2","4","8"],"wide-l":"64"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function a(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function l(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueUndefined"},hide:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueFalse"},hide:!0,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueTrue"},hide:!0,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseUndefined"},hide:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function We(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseFalse"},hide:!1,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseTrue"},hide:!1,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedUndefined"},children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedFalse"},inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function en(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedTrue"},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function nn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsive"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsive"},hide:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},inline:!0,children:[e.jsx(a,{children:"A responsive"}),e.jsx(l,{children:"B responsive"})]})]})}function sn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsiveInvertedOrder"},hide:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function v(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function f(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function rn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeTrue"}),e.jsxs(n,{dataset:{testid:"RelativeTrue"},relative:!0,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function dn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeFalse"}),e.jsxs(n,{dataset:{testid:"RelativeFalse"},relative:!1,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function tn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsive"}),e.jsxs(n,{dataset:{testid:"RelativeResponsive"},relative:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function an(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"RelativeResponsiveInvertedOrder"},relative:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function C(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function I(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}const ln=D`
1
+ import{j as e}from"./iframe-Bqhe7wZw.js";import{L as y}from"./LayoutFlexItem-6Snr9uXg.js";import{L as n}from"./LayoutFlex-DIVchljU.js";import{f as D,d as T}from"./styled-components.browser.esm-B02Fw6Mt.js";import"./preload-helper-Dp1pzeXC.js";import"./align-self-DXFgdd9y.js";import"./layout-relative-BMwmwxop.js";import"./layout-relative.module-Bq_t8Q7G.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-CmmTyjin.js";import"./emotion-unitless.esm-BZwEwAnk.js";function S(s){return e.jsx("div",{style:{background:"yellow",width:"100%"},children:s.children})}function b(s){return e.jsx("div",{style:{background:"orange",width:"100%"},children:s.children})}function U(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapUndefined"}),e.jsxs(n,{dataset:{testid:"NowrapUndefined"},children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function H(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapTrue"}),e.jsxs(n,{dataset:{testid:"NowrapTrue"},nowrap:!0,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function O(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapFalse"}),e.jsxs(n,{dataset:{testid:"NowrapFalse"},nowrap:!1,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function c(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function x(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function $(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueUndefined"},column:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function A(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueFalse"},column:!0,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function J(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueTrue"},column:!0,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function k(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseUndefined"},column:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function G(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseFalse"},column:!1,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function _(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseTrue"},column:!1,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function P(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedUndefined"},children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function E(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedFalse"},reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function N(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedTrue"},reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function p(s){return e.jsx("div",{style:{background:"yellow",width:"50%"},children:s.children})}function g(s){return e.jsx("div",{style:{background:"orange",width:"50%"},children:s.children})}function B(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRow"}),e.jsxs(n,{dataset:{testid:"DirectionRow"},direction:"row",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function L(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRowReverse"}),e.jsxs(n,{dataset:{testid:"DirectionRowReverse"},direction:"row-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function M(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumn"}),e.jsxs(n,{dataset:{testid:"DirectionColumn"},direction:"column",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverse"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverse"},direction:"column-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsive"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsive"},direction:{_:"column-reverse","narrow-l":"column","medium-s":"row-reverse","medium-l":"column-reverse","wide-s":"column","wide-l":"row-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function K(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsiveInvertedOrder"},direction:{"wide-l":"row-reverse","wide-s":"column","medium-l":"column-reverse","medium-s":"row-reverse","narrow-l":"column",_:"column-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function j(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function h(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function Q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentCenter"}),e.jsxs(n,{dataset:{testid:"JustifyContentCenter"},justifyContent:"center",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function V(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentStart"}),e.jsxs(n,{dataset:{testid:"JustifyContentStart"},justifyContent:"start",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function W(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentEnd"}),e.jsxs(n,{dataset:{testid:"JustifyContentEnd"},justifyContent:"end",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function X(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceBetween"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceBetween"},justifyContent:"space-between",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Y(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceAround"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceAround"},justifyContent:"space-around",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceEvenly"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceEvenly"},justifyContent:"space-evenly",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsive"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsive"},justifyContent:{_:"center","narrow-l":"end","medium-s":"space-around","medium-l":"space-around","wide-s":"space-evenly","wide-l":"end"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsiveInvertedOrder"},justifyContent:{"wide-l":"end","wide-s":"space-evenly","medium-l":"space-around","medium-s":"space-around","narrow-l":"end",_:"center"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function u(s){return e.jsx("div",{style:{background:"yellow",height:"60px"},children:s.children})}function o(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsCenter"}),e.jsxs(n,{dataset:{testid:"AlignItemsCenter"},alignItems:"center",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStart"}),e.jsxs(n,{dataset:{testid:"AlignItemsStart"},alignItems:"start",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsEnd"}),e.jsxs(n,{dataset:{testid:"AlignItemsEnd"},alignItems:"end",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function de(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStretch"}),e.jsxs(n,{dataset:{testid:"AlignItemsStretch"},alignItems:"stretch",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsBaseline"}),e.jsxs(n,{dataset:{testid:"AlignItemsBaseline"},alignItems:"baseline",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsive"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsive"},alignItems:{_:"center","narrow-l":"end","medium-s":"baseline","medium-l":"center","wide-s":"stretch","wide-l":"end"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsiveInvertedOrder"},alignItems:{"wide-l":"end","wide-s":"stretch","medium-l":"center","medium-s":"baseline","narrow-l":"end",_:"center"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function d(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function t(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},gap:"0",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},gap:"1",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},gap:"2",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function he(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},gap:"4",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},gap:"8",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},gap:"12",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},gap:"16",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},gap:"20",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},gap:"24",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},gap:"32",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},gap:"48",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},gap:"64",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},gap:"96",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},gap:"160",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},gap:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function we(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},gap:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function i(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function r(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},padding:"0",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},padding:"1",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},padding:"2",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function De(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},padding:"4",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},padding:"8",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},padding:"12",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function He(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},padding:"16",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},padding:"20",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function $e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},padding:"24",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},padding:"32",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},padding:"48",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},padding:"64",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},padding:"96",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function _e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},padding:"160",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},padding:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},padding:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand2"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand2"},padding:["12","24"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand3"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand3"},padding:["12","24","48"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand4"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand4"},padding:["12","24","48","64"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthandResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingShorthandResponsive"},padding:{_:["1","2","4","8"],"narrow-l":["12","24","48","64"],"medium-s":["1","2","4","8"],"medium-l":["12","24","48","64"],"wide-s":["1","2","4","8"],"wide-l":["12","24","48","64"]},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingMixResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingMixResponsive"},padding:{_:["1","2","4","8"],"narrow-l":"12","medium-s":["1","2"],"medium-l":["12","24","48"],"wide-s":["1","2","4","8"],"wide-l":"64"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function a(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function l(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueUndefined"},hide:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueFalse"},hide:!0,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueTrue"},hide:!0,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseUndefined"},hide:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function We(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseFalse"},hide:!1,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseTrue"},hide:!1,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedUndefined"},children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedFalse"},inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function en(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedTrue"},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function nn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsive"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsive"},hide:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},inline:!0,children:[e.jsx(a,{children:"A responsive"}),e.jsx(l,{children:"B responsive"})]})]})}function sn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsiveInvertedOrder"},hide:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function v(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function f(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function rn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeTrue"}),e.jsxs(n,{dataset:{testid:"RelativeTrue"},relative:!0,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function dn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeFalse"}),e.jsxs(n,{dataset:{testid:"RelativeFalse"},relative:!1,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function tn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsive"}),e.jsxs(n,{dataset:{testid:"RelativeResponsive"},relative:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function an(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"RelativeResponsiveInvertedOrder"},relative:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function C(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function I(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}const ln=D`
2
2
  div[data-override='true'] {
3
3
  display:grid;
4
4
  }
@@ -1,4 +1,4 @@
1
- import{j as e,M as o}from"./iframe-CWgEsn_I.js";import{useMDXComponents as l}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...l(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Assets/Fonts"}),`
1
+ import{j as e,M as o}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as l}from"./index-CvK1AFYo.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...l(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Assets/Fonts"}),`
2
2
  `,e.jsx(n.h1,{id:"fonts",children:"Fonts"}),`
3
3
  `,e.jsxs(n.p,{children:["The optimised assets are available under ",e.jsx(n.strong,{children:"preply.com"})," in the formats required by modern and legacy browsers."]}),`
4
4
  `,e.jsxs(n.p,{children:["Refer to ",e.jsx(n.a,{href:"https://preply.atlassian.net/l/cp/0sQoEgGa",rel:"nofollow",children:"Create new universal brand fonts"})," for a detailed breakdown of the formats, optimisations and technical decisions."]}),`
@@ -1,4 +1,4 @@
1
- import{j as e,M as o}from"./iframe-CWgEsn_I.js";import{useMDXComponents as r}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/SSR/Next.js pages router"}),`
1
+ import{j as e,M as o}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as r}from"./index-CvK1AFYo.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/SSR/Next.js pages router"}),`
2
2
  `,e.jsx(n.h1,{id:"installation-nextjs-pages-router",children:"Installation: Next.js pages router"}),`
3
3
  `,e.jsxs(n.p,{children:["This guide assumes you have read and followed the steps in the ",e.jsx(n.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
4
4
  `,e.jsx(n.h2,{id:"packages",children:"Packages"}),`
@@ -1,4 +1,4 @@
1
- import{R as G,r as U,g as T,j as t,I as K,V as J,aF as Y,x}from"./iframe-CWgEsn_I.js";import{B as w,H as N}from"./Button-Db3mZeHX.js";import{L as b}from"./LayoutFlex-CtFx5gUZ.js";import{L as P}from"./LayoutGrid-Ddqp2KT2.js";import{T as h}from"./Text-BaQf6qnx.js";import"./index-BAEPs7Y-.js";import{w as O}from"./componentNames-CmmTyjin.js";import{M as v}from"./message-qc_MCF3J.js";import{d as _}from"./styled-components.browser.esm-DsfIp3u0.js";import{u as $}from"./useToken-Dy7e7qui.js";import{t as A}from"./tokens-I7xc-5gL.js";import{H as I,b as D}from"./options-BM-sJPHZ.js";import"./preload-helper-Dp1pzeXC.js";import"./text-centered-nO9Uq8mN.js";import"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import"./render-icon-CcTDatKg.js";import"./useHostname-DENeD9To.js";import"./index-CC6DAVyL.js";import"./layout-relative.module-1z75aSwo-BlGCRaGo.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./emotion-unitless.esm-BZwEwAnk.js";const L=()=>G.createElement("style",{"data-ds-style":"global",dangerouslySetInnerHTML:{__html:`* {
1
+ import{R as G,r as U,g as T,j as t,I as K,U as J,aF as Y,x}from"./iframe-Bqhe7wZw.js";import{B as w,H as N}from"./Button-BYz70lft.js";import{L as b}from"./LayoutFlex-D80s0Som.js";import{L as P}from"./LayoutGrid-pA_9kQtt.js";import{T as h}from"./Text-Ggy7OGl1.js";import"./index-Bs4_IdoP.js";import{w as O}from"./componentNames-CmmTyjin.js";import{M as v}from"./message-CIDvwUOa.js";import{d as _}from"./styled-components.browser.esm-smt_VktF.js";import{u as $}from"./useToken-BjKJKHaW.js";import{b as A}from"./tokens-BjR3hk0d.js";import{H as I,a as D}from"./options-DCAXF_A_.js";import"./preload-helper-Dp1pzeXC.js";import"./text-centered-Cz4XMW69.js";import"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import"./render-icon-CGybdjoN.js";import"./useHostname-fR0CbQub.js";import"./index-CC6DAVyL.js";import"./layout-relative.module-1z75aSwo-B6m6YCBc.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./emotion-unitless.esm-BZwEwAnk.js";const L=()=>G.createElement("style",{"data-ds-style":"global",dangerouslySetInnerHTML:{__html:`* {
2
2
  box-sizing: border-box;
3
3
  }
4
4
 
@@ -1,4 +1,4 @@
1
- import{j as e,M as s}from"./iframe-CWgEsn_I.js";import{useMDXComponents as n}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function o(r){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Guides/Installation/SSR/Next.js app router"}),`
1
+ import{j as e,M as s}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as n}from"./index-CvK1AFYo.js";import"./preload-helper-Dp1pzeXC.js";function o(r){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Guides/Installation/SSR/Next.js app router"}),`
2
2
  `,e.jsx(t.h1,{id:"installation-nextjs-app-router",children:"Installation: Next.js app router"}),`
3
3
  `,e.jsxs(t.p,{children:["This guide assumes you have read and followed the steps in the ",e.jsx(t.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
4
4
  `,e.jsx(t.h2,{id:"packages",children:"Packages"}),`
@@ -1,4 +1,4 @@
1
- import{j as e,M as r}from"./iframe-CWgEsn_I.js";import{useMDXComponents as o}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function i(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Installation/Libraries"}),`
1
+ import{j as e,M as r}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as o}from"./index-CvK1AFYo.js";import"./preload-helper-Dp1pzeXC.js";function i(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Installation/Libraries"}),`
2
2
  `,e.jsx(n.h1,{id:"installation-libraries",children:"Installation: Libraries"}),`
3
3
  `,e.jsxs(n.p,{children:["This guide applies to libraries consumed in Preply applications, and assumes these applications are already integrated according to the steps outlined in the ",e.jsx(n.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
4
4
  `,e.jsx(n.h2,{id:"install-packages",children:"Install Packages"}),`
@@ -1,4 +1,4 @@
1
- import{j as e,M as i}from"./iframe-CWgEsn_I.js";import{useMDXComponents as a}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function o(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",ul:"ul",...a(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Migrations/2025 Q4 DS cleanup"}),`
1
+ import{j as e,M as i}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as a}from"./index-CvK1AFYo.js";import"./preload-helper-Dp1pzeXC.js";function o(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",ul:"ul",...a(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Migrations/2025 Q4 DS cleanup"}),`
2
2
  `,e.jsx(t.h1,{id:"migrations2025-q4---design-system-cleanup-initiative",children:"Migrations/2025 Q4 - Design System cleanup initiative"}),`
3
3
  `,e.jsxs(t.ul,{children:[`
4
4
  `,e.jsxs(t.li,{children:[e.jsx(t.a,{href:"#for-teams",children:"For teams"}),`
@@ -1,4 +1,4 @@
1
- import{t as g,u as S,r as e,au as H,g as C,j as n,M as Z}from"./iframe-CWgEsn_I.js";import{useMDXComponents as k}from"./index-BiSZC2o0.js";import{d as i}from"./styled-components.browser.esm-DsfIp3u0.js";import{g as M}from"./text-centered-nO9Uq8mN.js";import{f as V}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{r as L}from"./render-icon-CcTDatKg.js";import{w}from"./componentNames-CmmTyjin.js";import{L as F}from"./LayoutFlex-CtFx5gUZ.js";import{T as B}from"./Text-BaQf6qnx.js";import{F as $}from"./TokyoUIAttach-DEHypfd2.js";import{c as z,b as A,a as _,F as j}from"./TokyoUIAvailability7LateNight-DqIhY2LI.js";import{a as D,F as P}from"./TokyoUICheck-DFXDKlST.js";import{F as q}from"./TokyoUICheckmark-CC75JvoU.js";import{F as G}from"./TokyoUIChevronDown-CV0GTyb_.js";import{F as W}from"./TokyoUIClose-Bf-N_4aK.js";import{F as N}from"./TokyoUIEmojiFrowning-CEEry-ar.js";import{F as O,a as Q}from"./TokyoUIEye-CvZmomj8.js";import{F as K}from"./TokyoUIFav-CV3HlDno.js";import{F as X}from"./TokyoUIInfo-S99idYL9.js";import{F as J}from"./TokyoUILanguage-dDro1t5I.js";import{F as Y}from"./TokyoUILibraryExplore-3boXHfri.js";import{F as ee}from"./TokyoUILock-Ddb0LZOj.js";import{F as oe}from"./TokyoUIMessages-DddkimKx.js";import{a as le,F as ae}from"./TokyoUIMinus-BM97SQFD.js";import{F as re}from"./TokyoUINotebook-CzW-xZ-S.js";import{F as ne}from"./TokyoUINotesWithPad-CZPHd-s1.js";import{F as te}from"./TokyoUIPhone-B41go8ay.js";import{a as ce,F as de}from"./TokyoUISettings-r8yUukmp.js";import{F as ie,a as se}from"./TokyoUIStarFilled-DAFjKfr3.js";import{F as pe}from"./TokyoUITag-BOlMKPwF.js";import{F as ve}from"./TokyoUIUpload-DqgHhwt9.js";import{F as me}from"./TokyoUIUser-DQL_EW5M.js";import{g as v}from"./getTokenVar-DGGittrV.js";import{c as m}from"./tokens-I7xc-5gL.js";import{o as ye}from"./mixins-DZk1Zeoo.js";import"./preload-helper-Dp1pzeXC.js";import"./emotion-unitless.esm-BZwEwAnk.js";import"./layout-relative.module-1z75aSwo-BlGCRaGo.js";const we="ExpColor__S0PGo",he={ExpColor:we,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__DKudt","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__lo7OH","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__EtBtx","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__KHF8X","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__0u63D","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__WaJzi","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__1RSHd","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__95yQU","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__SSayo","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__15Bou","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__BKw9C","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__SZLGx","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__J0yFM","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__dQ0mZ","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__WYBWX","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__7Jazs","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__4X2bs","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__Ph3VO","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__nLJd1","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__-fD0l","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__EYcxx","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__8n-ZP","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__eOMK3","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__JbUZg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7NrMJ","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__a3k-Q","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__xBk-i","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__xw4Kd","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__vZmXG","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__s2FXt","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__TzrMW","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__sVncU","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__ooY38","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__GGuoL","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__N2NW9","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__q-8xU","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__5k-Gw","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__MCpJf","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__P9v3-","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__Y8xbj","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__yzxAu","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__CC-oK","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__fBHUW","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__qt3Ny","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__5EF-y","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__o0qGK","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__dntGK","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__QFm4H","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__gQ36l","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__N7c7P","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__uhkUo","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__cNgdd","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__VMSdk","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__In2gH","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__DPnKE","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__MkRFA"},ge="ExpColor",ke=o=>g(he,ge,[S("exp-color",o)]),fe="Icon__jDdMD",Te={Icon:fe,"Icon--size-16":"Icon--size-16__P1SXI","Icon--size-24":"Icon--size-24__vnVQ0","Icon--size-32":"Icon--size-32__gHIna","Icon--size-48":"Icon--size-48__0PUAE"},c=e.forwardRef(function({svg:l,size:a=H,accent:r,expColor:t,label:p,dataset:s,...u},U){const E=g(Te,w.Icon,[`size-${a}`]),x=M(!1,r),R=r?[]:ke(t),I=[...E,...x,...R],b={...V(u),className:I.join(" "),...C(s,{preplyDsComponent:w.Icon}),ref:U};if(!l)throw new Error("Icon prop svg is mandatory");return n.jsx("span",{...b,role:"img","aria-hidden":!p,"aria-label":p,children:L(l,{"aria-hidden":"true",focusable:"false"})})});c.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{size:{defaultValue:{value:"'24'",computed:!1},required:!1}}};const ue=i.form`
1
+ import{t as g,u as S,r as e,au as H,g as C,j as n,M as Z}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as k}from"./index-CvK1AFYo.js";import{d as i}from"./styled-components.browser.esm-smt_VktF.js";import{g as M}from"./text-centered-Cz4XMW69.js";import{f as V}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{r as L}from"./render-icon-CGybdjoN.js";import{w}from"./componentNames-CmmTyjin.js";import{L as F}from"./LayoutFlex-D80s0Som.js";import{T as B}from"./Text-Ggy7OGl1.js";import{F as $}from"./TokyoUIAttach-CVSc5UUC.js";import{c as z,b as A,a as _,F as j}from"./TokyoUIAvailability7LateNight-QoCY6qIK.js";import{a as D,F as P}from"./TokyoUICheck-CrSqYwS5.js";import{F as q}from"./TokyoUICheckmark-Bl_Jmxk5.js";import{F as G}from"./TokyoUIChevronDown-DVjyTqN8.js";import{F as W}from"./TokyoUIClose-DRL_GMkk.js";import{F as N}from"./TokyoUIEmojiFrowning-DGsx7ij_.js";import{F as O,a as Q}from"./TokyoUIEye-CZDCU-n2.js";import{F as K}from"./TokyoUIFav-BAlSY-Li.js";import{F as X}from"./TokyoUIInfo-BT07RYtx.js";import{F as J}from"./TokyoUILanguage-CKT6G-hS.js";import{F as Y}from"./TokyoUILibraryExplore-DPCvnX1V.js";import{F as ee}from"./TokyoUILock-CNyfiUjE.js";import{F as oe}from"./TokyoUIMessages-BoJwKuox.js";import{a as le,F as ae}from"./TokyoUIMinus-BDerH3qn.js";import{F as re}from"./TokyoUINotebook-C3enhUqk.js";import{F as ne}from"./TokyoUINotesWithPad-DDdTrKUJ.js";import{F as te}from"./TokyoUIPhone-C63CxeYt.js";import{a as ce,F as de}from"./TokyoUISettings-C7knm4s4.js";import{F as ie,a as se}from"./TokyoUIStarFilled-7p3O_EW6.js";import{F as pe}from"./TokyoUITag-CK01JcnA.js";import{F as ve}from"./TokyoUIUpload-B14jGQkb.js";import{F as me}from"./TokyoUIUser-t3Qzgb8C.js";import{g as v}from"./getTokenVar-voCaDXiD.js";import{c as m}from"./tokens-BjR3hk0d.js";import{o as ye}from"./mixins-DZk1Zeoo.js";import"./preload-helper-Dp1pzeXC.js";import"./emotion-unitless.esm-BZwEwAnk.js";import"./layout-relative.module-1z75aSwo-B6m6YCBc.js";const we="ExpColor__S0PGo",he={ExpColor:we,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__DKudt","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__lo7OH","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__EtBtx","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__KHF8X","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__0u63D","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__WaJzi","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__1RSHd","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__95yQU","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__SSayo","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__15Bou","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__BKw9C","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__SZLGx","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__J0yFM","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__dQ0mZ","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__WYBWX","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__7Jazs","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__4X2bs","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__Ph3VO","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__nLJd1","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__-fD0l","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__EYcxx","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__8n-ZP","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__eOMK3","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__JbUZg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7NrMJ","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__a3k-Q","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__xBk-i","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__xw4Kd","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__vZmXG","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__s2FXt","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__TzrMW","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__sVncU","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__ooY38","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__GGuoL","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__N2NW9","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__q-8xU","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__5k-Gw","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__MCpJf","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__P9v3-","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__Y8xbj","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__yzxAu","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__CC-oK","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__fBHUW","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__qt3Ny","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__5EF-y","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__o0qGK","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__dntGK","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__QFm4H","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__gQ36l","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__N7c7P","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__uhkUo","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__cNgdd","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__VMSdk","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__In2gH","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__DPnKE","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__MkRFA"},ge="ExpColor",ke=o=>g(he,ge,[S("exp-color",o)]),fe="Icon__jDdMD",Te={Icon:fe,"Icon--size-16":"Icon--size-16__P1SXI","Icon--size-24":"Icon--size-24__vnVQ0","Icon--size-32":"Icon--size-32__gHIna","Icon--size-48":"Icon--size-48__0PUAE"},c=e.forwardRef(function({svg:l,size:a=H,accent:r,expColor:t,label:p,dataset:s,...u},U){const E=g(Te,w.Icon,[`size-${a}`]),x=M(!1,r),R=r?[]:ke(t),I=[...E,...x,...R],b={...V(u),className:I.join(" "),...C(s,{preplyDsComponent:w.Icon}),ref:U};if(!l)throw new Error("Icon prop svg is mandatory");return n.jsx("span",{...b,role:"img","aria-hidden":!p,"aria-label":p,children:L(l,{"aria-hidden":"true",focusable:"false"})})});c.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{size:{defaultValue:{value:"'24'",computed:!1},required:!1}}};const ue=i.form`
2
2
  display: flex;
3
3
  align-items: flex-start;
4
4
  gap: 20px;
@@ -1,4 +1,4 @@
1
- import{j as o,M as s}from"./iframe-CWgEsn_I.js";import{useMDXComponents as t}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function n(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...t(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Installation/Storybook"}),`
1
+ import{j as o,M as s}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as t}from"./index-CvK1AFYo.js";import"./preload-helper-Dp1pzeXC.js";function n(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...t(),...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,M as a}from"./iframe-CWgEsn_I.js";import{useMDXComponents as r}from"./index-BiSZC2o0.js";import{L as c}from"./LayoutGrid-Ddqp2KT2.js";import{d as e}from"./styled-components.browser.esm-DsfIp3u0.js";import{g as i}from"./getTokenVar-DGGittrV.js";import{s as u,c as l}from"./tokens-I7xc-5gL.js";import"./preload-helper-Dp1pzeXC.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-BlGCRaGo.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import"./componentNames-CmmTyjin.js";import"./emotion-unitless.esm-BZwEwAnk.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/arrows-upwards.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/browser-permissions-chromium.svg","https://static.preply.com/ds/illustrations/tokyo-ui/browser-permissions-safari.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bubbles.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/checkmark.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clock.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/confetti.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk-supplies.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/disco-ball.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/magnifying-glass.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/open-book.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rising-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/star_coin.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/system-permissions.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","https://static.preply.com/ds/illustrations/tokyo-ui/flashcards.svg"],y=e.div`
1
+ import{j as t,M as a}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as r}from"./index-CvK1AFYo.js";import{L as c}from"./LayoutGrid-pA_9kQtt.js";import{d as e}from"./styled-components.browser.esm-smt_VktF.js";import{g as i}from"./getTokenVar-voCaDXiD.js";import{s as u,c as l}from"./tokens-BjR3hk0d.js";import"./preload-helper-Dp1pzeXC.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-B6m6YCBc.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import"./componentNames-CmmTyjin.js";import"./emotion-unitless.esm-BZwEwAnk.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/arrows-upwards.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/browser-permissions-chromium.svg","https://static.preply.com/ds/illustrations/tokyo-ui/browser-permissions-safari.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bubbles.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/checkmark.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clock.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/confetti.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk-supplies.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/disco-ball.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/magnifying-glass.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/open-book.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rising-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/star_coin.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/system-permissions.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","https://static.preply.com/ds/illustrations/tokyo-ui/flashcards.svg"],y=e.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,M as i}from"./iframe-CWgEsn_I.js";import{useMDXComponents as t}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.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,M as i}from"./iframe-Bqhe7wZw.js";import{useMDXComponents as t}from"./index-CvK1AFYo.js";import"./preload-helper-Dp1pzeXC.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
+ .accordion__OKb-C{box-sizing:border-box;min-width:100%}.accordion__OKb-C details{border-bottom:solid 1px var(--c03289)}.accordion__OKb-C details>summary{list-style:none;padding-top:var(--558c4c);padding-bottom:var(--558c4c);padding-right:var(--66b80b)}.accordion__OKb-C details summary::-webkit-details-marker{display:none}.accordion__OKb-C details :focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.accordion__OKb-C details._--dsInternalSimulation-focus__7V0NR>summary{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.accordion__OKb-C summary{cursor:pointer;display:flex;gap:var(--66b80b)}.accordion__OKb-C summary>[data-preply-ds-component=Text]{flex:1}.accordion__OKb-C summary>[data-preply-ds-component=Icon]{-webkit-user-select:none;user-select:none}.accordion__OKb-C summary>[data-preply-ds-component=Icon]{transition:transform var(--018058);transform:rotate(0)}.accordion__OKb-C details[open] summary>[data-preply-ds-component=Icon]{transform:rotate(180deg)}.accordion__OKb-C details::details-content{block-size:0;overflow:hidden;transition-property:block-size,content-visibility,opacity;transition-duration:var(--970975);transition-timing-function:var(--1f4492);transition-behavior:allow-discrete;opacity:0}.accordion__OKb-C details[open]::details-content{padding-bottom:var(--813599);block-size:auto;opacity:1}.accordion__OKb-C details[open]:not(._--dsInternalSimulation-noAnimation__nuNUW)::details-content{block-size:calc-size(auto,size)}
@@ -0,0 +1,23 @@
1
+ import{r as o,j as r,g as s}from"./iframe-Bqhe7wZw.js";import{F as y}from"./TokyoUIChevronDown-DVjyTqN8.js";import{I as A}from"./Icon-WyYz69YA.js";import{T as f}from"./Text-GK7LNFMQ.js";import{u as g}from"./useMergeRefs--KSfryp8.js";import{w as _}from"./componentNames-CmmTyjin.js";const w="accordion__OKb-C",p={accordion:w,"--dsInternalSimulation-focus":"_--dsInternalSimulation-focus__7V0NR","--dsInternalSimulation-noAnimation":"_--dsInternalSimulation-noAnimation__nuNUW"};function I({ref:n,onOpenChange:e}){const a=o.useRef(null),l=g(a,n);return o.useEffect(()=>{if(!a.current)return;const t=a.current,i=()=>{e==null||e(t.open)};return t&&t.addEventListener("toggle",i),()=>{t&&t.removeEventListener("toggle",i)}},[e]),{mergedRef:e||n?l:null}}const c=({dataset:n,children:e,"aria-label":a})=>r.jsx("div",{className:p.accordion,"aria-label":a,...s(n),"data-preply-ds-component":_.Accordion,children:e}),u=o.forwardRef(function({open:e,name:a,dataset:l,children:t,onOpenChange:i,dsInternalSimulation:v},b){const{mergedRef:h}=I({ref:b,onOpenChange:i});return r.jsx("details",{ref:h,name:a,open:e,...s(l),className:p[`--dsInternalSimulation-${v}`],children:t})}),d=o.forwardRef(function({dataset:e,children:a,onClick:l},t){return r.jsxs("summary",{ref:t,...s(e),onClick:l,children:[r.jsx(f,{variant:"default-semibold",children:a}),r.jsx(A,{svg:y})]})}),m=o.forwardRef(function({dataset:e,children:a},l){return r.jsx(f,{tag:"div",variant:"small-regular",ref:l,...s(e),children:a})});try{c.displayName="Accordion",c.__docgenInfo={description:"An Accordion container.\n\nAdd `AccordionItem` children to render a list of disclosable contents.",displayName:"Accordion",props:{dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
2
+ @example <Accordion dataset={{ 'qa-id': 'benefits' }} /> // will add data-qa-id="benefits" to the HTML element.`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
3
+ @see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}}}}}catch{}try{u.displayName="AccordionItem",u.__docgenInfo={description:"A single `Accordion` item, the wrapper of AccordionHeader and AccordionContent.",displayName:"AccordionItem",props:{"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
4
+ @see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
5
+ @see aria-describedby.`,name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
6
+ @see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},onOpenChange:{defaultValue:null,description:"Called whenever the users open/close the Accordion item (mapped to the internal HTML Details's\n`toggle` event).",name:"onOpenChange",required:!1,type:{name:"enum",value:[{value:"(open: boolean) => void"}]}},name:{defaultValue:null,description:`Allows to create exclusive Accordions. Just pass the same \`name\` to all the AccordionItem
7
+ instances to make the whole Accordion exclusive.
8
+ @example <Accordion>
9
+ <AccordionItem name="choose-subscription-duration">
10
+ <AccordionHeader>
11
+ Two-week subscription
12
+ </AccordionHeader>
13
+ <AccordionContent>We will charge you every two weeks.</AccordionContent>
14
+ </AccordionItem>
15
+ <AccordionItem name="choose-subscription-duration">
16
+ <AccordionHeader>
17
+ Four-week subscription
18
+ </AccordionHeader>
19
+ <AccordionContent>We will charge you every four weeks.</AccordionContent>
20
+ </AccordionItem>
21
+ </Accordion>`,name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
22
+ @example <AccordionItem dataset={{ 'qa-id': 'best-tutor-platform' }} /> // will add data-qa-id="best-tutor-platform" to the HTML element.`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLDetailsElement | null) => void"},{value:"RefObject<HTMLDetailsElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}try{d.displayName="AccordionHeader",d.__docgenInfo={description:"The header of a single `Accordion` item, to be used in conjunction with AccordionItem and wrapped inside AccordionContent.",displayName:"AccordionHeader",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLElement>"}]}},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: HTMLDetailsElement | null) => void"},{value:"RefObject<HTMLDetailsElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}try{m.displayName="AccordionContent",m.__docgenInfo={description:"The content of a single `Accordion` item, to be used in conjunction with AccordionHeader wrapped inside AccordionContent.",displayName:"AccordionContent",props:{dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
23
+ @example <AccordionItem dataset={{ 'qa-id': 'best-tutor-platform' }} /> // will add data-qa-id="best-tutor-platform" to the HTML element.`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLDetailsElement | null) => void"},{value:"RefObject<HTMLDetailsElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{c as A,u as a,d as b,m as c};