@preply/ds-docs 1.4.0 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (231) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-ed2lpBeG.js → 00.LayoutFlex.stories-mymKFkS2.js} +1 -1
  2. package/dist/assets/{00.applications-DLWUENDG.js → 00.applications-cOvkdn4p.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-D5-20tQH.js → 00.favicons.guide-CX6YxuQM.js} +1 -1
  4. package/dist/assets/{00.token-explorer-BIc8vy7H.js → 00.token-explorer-BjCN7ylO.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-CY9p8v_u.js → 00.using-responsive-props-BG-32JQv.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-CThrY5Ts.js → 01.semantic-tokens-CS6I4E3k.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-C_vbhNfL.js → 01.using-shorthand-props-CDt5URLa.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-Bj20QCLY.js → 10.Combinations.stories-CcP1w0Wu.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-Dy8fgLU5.js → 10.fonts.guide-5Osv6bQt.js} +1 -1
  10. package/dist/assets/{10.ssr-D9v_dR0o.js → 10.ssr-B2ic_xc1.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-BZuqA2Qd.js → 11.languageFont.explorer-BaqI4Cex.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-CU9S0P9E.js → 11.ssr.app-router-CK0vtvuf.js} +1 -1
  13. package/dist/assets/{20.libraries-CG6__ozS.js → 20.libraries-DbY1yXpU.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-CK_LzlUE.js → 30.icons.explorer-6FyVeY5b.js} +1 -1
  15. package/dist/assets/{30.storybook-Be_FRDz_.js → 30.storybook-nmI5Mnpo.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-lGFuCzSa.js → 40.illustrations.explorer-QDEP64Qy.js} +1 -1
  17. package/dist/assets/{90.advanced-C4czMsOy.js → 90.advanced-CeDdm92S.js} +1 -1
  18. package/dist/assets/AlertDialog-9aMYe7qS.css +1 -0
  19. package/dist/assets/{AlertDialog.stories-DlRWBYYU.js → AlertDialog.stories-BHplbS1I.js} +2 -2
  20. package/dist/assets/Avatar-Bopr1nvy.css +1 -0
  21. package/dist/assets/Avatar-BrUqbtqi.css +1 -0
  22. package/dist/assets/Avatar-C1huic64.js +1 -0
  23. package/dist/assets/Avatar-_lJcmrpe.js +6 -0
  24. package/dist/assets/{Avatar.stories-OTgx0pcM.js → Avatar.stories-Ca9AjAg_.js} +1 -1
  25. package/dist/assets/AvatarWithStatus-1OhKqkhZ.css +1 -0
  26. package/dist/assets/AvatarWithStatus.stories-fsQGc-go.js +41 -0
  27. package/dist/assets/Badge-CE3LnaLv.css +1 -0
  28. package/dist/assets/{Badge.stories-D8nghiXL.js → Badge.stories-ChivIIAX.js} +2 -2
  29. package/dist/assets/Box-BAkBXoq4.css +1 -0
  30. package/dist/assets/Box.stories-Cd7hCnWV.js +44 -0
  31. package/dist/assets/{Button-CHTJqu07.css → Button-BUPG92QJ.css} +1 -1
  32. package/dist/assets/Button-aTfrltjf.css +1 -0
  33. package/dist/assets/Button-yKqY71ST.js +1 -0
  34. package/dist/assets/{Button-DqwK0S70.js → Button-znehaUck.js} +2 -2
  35. package/dist/assets/{Button.stories-oW-QBb5C.js → Button.stories-zrYsP1KT.js} +1 -1
  36. package/dist/assets/ButtonBase-DmGBqbEZ.js +8 -0
  37. package/dist/assets/{ButtonBase-CuGZo0xf.css → ButtonBase-gx5pzeWd.css} +1 -1
  38. package/dist/assets/Chips-C7UpD_mE.css +1 -0
  39. package/dist/assets/{Chips.stories-DiprPB2i.js → Chips.stories-Lr_oxvFg.js} +1 -1
  40. package/dist/assets/{Color-YHDXOIA2-C2h0aGNO.js → Color-YHDXOIA2-DPBM3lH7.js} +1 -1
  41. package/dist/assets/Dialog-DoiRlzo0.css +1 -0
  42. package/dist/assets/{Dialog.stories-CAPNnMI_.js → Dialog.stories-Co5ymfx-.js} +8 -8
  43. package/dist/assets/{DocsRenderer-CFRXHY34-C35smYsV.js → DocsRenderer-CFRXHY34-B1Udjgvc.js} +1 -1
  44. package/dist/assets/FieldAdditionalText-CI8lcmUx.css +1 -0
  45. package/dist/assets/{FieldAdditionalText-lW7Q1VGp.js → FieldAdditionalText-Die4PBVq.js} +1 -1
  46. package/dist/assets/{FieldAdditionalText.stories-DcGxrOlS.js → FieldAdditionalText.stories-BPTKuFmF.js} +1 -1
  47. package/dist/assets/{FieldButton-k7TvuQHy.css → FieldButton-D95l0ZqE.css} +1 -1
  48. package/dist/assets/{FieldButton-QHhW28uq.js → FieldButton-XtDXwnax.js} +1 -1
  49. package/dist/assets/{FieldButton.stories-vBmg2O9Q.js → FieldButton.stories-7KYed0Ix.js} +1 -1
  50. package/dist/assets/FieldLayout-tvXhq4A9.css +1 -0
  51. package/dist/assets/FieldLayout-xpRx1mGJ.js +1 -0
  52. package/dist/assets/{FieldLayout.stories-CtD6-C6l.js → FieldLayout.stories-C14Em5UG.js} +1 -1
  53. package/dist/assets/FieldLayoutBase-CL9jwXZ5.css +1 -0
  54. package/dist/assets/{FieldLayoutBase-DQbxDQVA.js → FieldLayoutBase-V0BYOPiv.js} +3 -3
  55. package/dist/assets/{Heading-DeYpQLgb.css → Heading-Ckaft8cb.css} +1 -1
  56. package/dist/assets/Heading-DJsY9vSm.js +2 -0
  57. package/dist/assets/{Heading.stories-CROOXvlq.js → Heading.stories-DRJ0yv7j.js} +1 -1
  58. package/dist/assets/Icon-BHc5pW-1.css +1 -0
  59. package/dist/assets/Icon-Br57CUad.js +8 -0
  60. package/dist/assets/Icon-CHBsJKk4.js +1 -0
  61. package/dist/assets/{Icon-RSC-BOyrffYC.js → Icon-RSC-CxTuxwwx.js} +1 -1
  62. package/dist/assets/Icon-k_LAjmkS.css +1 -0
  63. package/dist/assets/{Icon.stories-BqehTDt3.js → Icon.stories-BzjV31aL.js} +1 -1
  64. package/dist/assets/IconButton-BVECCmzA.js +8 -0
  65. package/dist/assets/InputText-vDqY25St.js +5 -0
  66. package/dist/assets/{LayoutFlex-CaenMVBF.js → LayoutFlex-CojW884p.js} +1 -1
  67. package/dist/assets/{LayoutFlex-JnKYDcpC.js → LayoutFlex-_zQmW6Xx.js} +1 -1
  68. package/dist/assets/{LayoutFlexItem-BM0Abp7Y.js → LayoutFlexItem-CDjAEpoC.js} +1 -1
  69. package/dist/assets/LayoutFlexItem-RctWAITs.css +1 -0
  70. package/dist/assets/LayoutGrid-BncgWrDU.css +1 -0
  71. package/dist/assets/LayoutGrid-Czkaijud.js +1 -0
  72. package/dist/assets/LayoutGrid-D22sS-xd.css +1 -0
  73. package/dist/assets/{LayoutGrid.stories-Dv8lBJmB.js → LayoutGrid.stories-CV0CrQbE.js} +3 -3
  74. package/dist/assets/LayoutGridItem-BH4MN8sd.css +1 -0
  75. package/dist/assets/LayoutGridItem-DcJqI4M1.js +1 -0
  76. package/dist/assets/Link-B3uMOmwG.css +1 -0
  77. package/dist/assets/{Link.stories-DXbiFw9-.js → Link.stories-BEnhUM4K.js} +4 -4
  78. package/dist/assets/Loader-n_LGcjVu.css +1 -0
  79. package/dist/assets/{Loader.stories-DvgUtUpE.js → Loader.stories-B-6bCnvT.js} +1 -1
  80. package/dist/assets/NumberField.stories-BgEEixo1.js +203 -0
  81. package/dist/assets/{OnboardingTooltip-IYSphueI.js → OnboardingTooltip-C592w5et.js} +1 -1
  82. package/dist/assets/OnboardingTooltip-D9tV9DPK.css +1 -0
  83. package/dist/assets/{OnboardingTooltip.stories-DnfLcLUg.js → OnboardingTooltip.stories-D1fUa_55.js} +1 -1
  84. package/dist/assets/{OnboardingTooltip.tests.stories-DobHu21P.js → OnboardingTooltip.tests.stories-zNRAsgXt.js} +1 -1
  85. package/dist/assets/{OnboardingTour-2YaW_XWj.js → OnboardingTour-B8yNmxlH.js} +1 -1
  86. package/dist/assets/{OnboardingTour-Dr4ZlIUd.css → OnboardingTour-K081pVZI.css} +1 -1
  87. package/dist/assets/{OnboardingTour.stories-BUBpjiez.js → OnboardingTour.stories-9wDgsAFM.js} +1 -1
  88. package/dist/assets/{OnboardingTour.tests.stories-Buou9m4A.js → OnboardingTour.tests.stories-CqL5Ba2G.js} +1 -1
  89. package/dist/assets/PasswordField.stories-CUMp6Mtn.js +203 -0
  90. package/dist/assets/PreplyLogo-D7uQOcxE.css +1 -0
  91. package/dist/assets/{PreplyLogo.stories-BReIYVeE.js → PreplyLogo.stories-D1csw07H.js} +1 -1
  92. package/dist/assets/{ProgressBar-D5aTIWY3.css → ProgressBar-BlRQDKOy.css} +1 -1
  93. package/dist/assets/{ProgressBar.stories-wrAgHPrO.js → ProgressBar.stories-T8aqCrCf.js} +1 -1
  94. package/dist/assets/ProgressSteps-BBm1NJug.css +1 -0
  95. package/dist/assets/{ProgressSteps-DWp2S1-b.js → ProgressSteps-D-uurLZS.js} +1 -1
  96. package/dist/assets/{ProgressSteps.stories-CsWQLVog.js → ProgressSteps.stories-CPQZtLp5.js} +1 -1
  97. package/dist/assets/SelectField-DaFFv7SC.css +1 -0
  98. package/dist/assets/SelectField.stories-DAJTdnY_.js +182 -0
  99. package/dist/assets/Spinner-DKdkr1Ne.css +1 -0
  100. package/dist/assets/{Spinner-Dsa9X0G6.js → Spinner-DNFm01hR.js} +1 -1
  101. package/dist/assets/{Steps-ifU4R9DW.js → Steps-C2edM5zk.js} +1 -1
  102. package/dist/assets/Steps-DkhY6ujn.css +1 -0
  103. package/dist/assets/{Steps.stories-DkI3jK5X.js → Steps.stories-BMI0VgUD.js} +1 -1
  104. package/dist/assets/Text-CHUOSFiB.js +1 -0
  105. package/dist/assets/{Text-BWNSh4D5.css → Text-DFQxlVfP.css} +1 -1
  106. package/dist/assets/Text-D_jZr-aH.js +1 -0
  107. package/dist/assets/{Text.stories-B8iegpqH.js → Text.stories-WOobBPKg.js} +1 -1
  108. package/dist/assets/TextField-BI6hxcll.css +1 -0
  109. package/dist/assets/TextField-DZycCcgs.js +1 -0
  110. package/dist/assets/{TextField.stories-Beeq1JfY.js → TextField.stories-Dg3DrQjJ.js} +1 -1
  111. package/dist/assets/TextHighlighted-C_WG65H-.css +1 -0
  112. package/dist/assets/TextHighlighted-CqCvHmzT.js +1 -0
  113. package/dist/assets/{TextHighlighted.stories-DdbLv0RQ.js → TextHighlighted.stories-BKebPymh.js} +3 -3
  114. package/dist/assets/TextInline-b719nAVG.css +1 -0
  115. package/dist/assets/{TextInline.stories-aCVFO11z.js → TextInline.stories-DI0FQ3dC.js} +3 -3
  116. package/dist/assets/TextareaField.stories-Ciz-W727.js +221 -0
  117. package/dist/assets/Toast-BqZeF1bj.css +1 -0
  118. package/dist/assets/{Toast.stories-BZFlc1-_.js → Toast.stories-BUNtKeSS.js} +2 -2
  119. package/dist/assets/Tooltip-dRtdPJbN.css +1 -0
  120. package/dist/assets/{Tooltip-BvCJt9jJ.js → Tooltip-zQMCBUGS.js} +1 -1
  121. package/dist/assets/{Tooltip.stories-Crh2sW9L.js → Tooltip.stories-D2Yb1eor.js} +1 -1
  122. package/dist/assets/{Tooltip.tests.stories-bmaSwgkR.js → Tooltip.tests.stories-BxdJuZJX.js} +1 -1
  123. package/dist/assets/{breakpoints-CIpR6Rpt.js → breakpoints-BMuiMr4r.js} +1 -1
  124. package/dist/assets/{breakpoints-_joXL0S9.js → breakpoints-ChpdBg9G.js} +1 -1
  125. package/dist/assets/{breakpoints-BELcY-aB.js → breakpoints-CxAN0PVN.js} +1 -1
  126. package/dist/assets/{changelog-DdodvQsh.js → changelog-D5HVEkeA.js} +1 -1
  127. package/dist/assets/{entry-preview-DNvfsvqm.js → entry-preview-DpNnKe7l.js} +1 -1
  128. package/dist/assets/{getTokenVar-RiIceD0Y.js → getTokenVar-D-VODJQ8.js} +1 -1
  129. package/dist/assets/{hover-DDVoGg-g.js → hover-Bh1sFSlB.js} +1 -1
  130. package/dist/assets/{hover-BIABQ7bm.js → hover-CZ5fcodF.js} +1 -1
  131. package/dist/assets/{hover-D2OphZ3W.js → hover-DMyCG6nP.js} +1 -1
  132. package/dist/assets/{iframe-B08s_jqc.js → iframe-D9FBaTKu.js} +2 -2
  133. package/dist/assets/{index-BGAhMoqL.js → index-CN8MkqPu.js} +3 -3
  134. package/dist/assets/{index-DmM0DblE.js → index-CzAjHofV.js} +1 -1
  135. package/dist/assets/{intro-9BhCdV9M.js → intro-C6ISKIm9.js} +1 -1
  136. package/dist/assets/layout-relative-1NNqyFlR.css +1 -0
  137. package/dist/assets/layout-relative-B9kygquF.js +1 -0
  138. package/dist/assets/layout-relative-DVONc6az.css +1 -0
  139. package/dist/assets/layout-relative-sYkZ1nwT.css +1 -0
  140. package/dist/assets/layout-relative.module-B5e88crD-BmOXkGhY.js +1 -0
  141. package/dist/assets/layout-relative.module-B8ilmhPe.js +1 -0
  142. package/dist/assets/{migrating-from-less-DX0PnZZJ.js → migrating-from-less-SR1lXm1Z.js} +1 -1
  143. package/dist/assets/playground-BK8AWsKV.css +1 -0
  144. package/dist/assets/{playground.stories-IM0Bn8my.js → playground.stories-BWv6a9Ow.js} +2 -2
  145. package/dist/assets/{preview-E8zsGlo4.js → preview-BGF08rmP.js} +1 -1
  146. package/dist/assets/{preview-D_cPBI7P.js → preview-CDVh-xOX.js} +2 -2
  147. package/dist/assets/{preview-DSwUvj7R.js → preview-Dc_-9XIu.js} +1 -1
  148. package/dist/assets/text-accent-2LS5jjt0.css +1 -0
  149. package/dist/assets/text-accent-BqpJYBrf.js +1 -0
  150. package/dist/assets/text-accent-DFUImn3_.js +1 -0
  151. package/dist/assets/text-centered-BvohyNwD.js +1 -0
  152. package/dist/assets/text-centered-Cl3_mAit.js +1 -0
  153. package/dist/assets/text-centered-DJu0MAf-.css +1 -0
  154. package/dist/assets/text-centered-fza1BZtG.css +1 -0
  155. package/dist/assets/{tokens-DRcTh2ws.js → tokens-D6UCrzr2.js} +1 -1
  156. package/dist/assets/{tokens-D2SDDihU.js → tokens-DMbGUROO.js} +1 -1
  157. package/dist/assets/{tokens-yG_wYklp.js → tokens-xGXTw-Bm.js} +1 -1
  158. package/dist/assets/{usePortalElement-aOX_O1I5.js → usePortalElement-Bbb9BiBX.js} +1 -1
  159. package/dist/assets/{welcome-CGkWDS9u.js → welcome-dWXK8Eyh.js} +1 -1
  160. package/dist/assets/{zeroheight-CH9deXT2.js → zeroheight-B7iZ8Q7Q.js} +1 -1
  161. package/dist/iframe.html +1 -1
  162. package/dist/preview-stats.json +1012 -1012
  163. package/dist/project.json +1 -1
  164. package/package.json +3 -3
  165. package/dist/assets/AlertDialog-CSUTu5O6.css +0 -1
  166. package/dist/assets/Avatar-CmnrM37w.js +0 -6
  167. package/dist/assets/Avatar-JE3Hcbkv.css +0 -1
  168. package/dist/assets/Avatar-_W1s5JpT.css +0 -1
  169. package/dist/assets/Avatar-iqWOn9Tl.js +0 -1
  170. package/dist/assets/AvatarWithStatus-pddO2Nza.css +0 -1
  171. package/dist/assets/AvatarWithStatus.stories--mF91ETX.js +0 -41
  172. package/dist/assets/Badge-DcbG4N4-.css +0 -1
  173. package/dist/assets/Box-CJkXzUjZ.css +0 -1
  174. package/dist/assets/Box.stories-DxW6l-HA.js +0 -44
  175. package/dist/assets/Button-B1mdczvv.js +0 -1
  176. package/dist/assets/Button-C6kEKm6h.css +0 -1
  177. package/dist/assets/ButtonBase-D31GBWHv.js +0 -8
  178. package/dist/assets/Chips-Dejf8Sh_.css +0 -1
  179. package/dist/assets/Dialog-DwZQYtV6.css +0 -1
  180. package/dist/assets/FieldAdditionalText-CUu6JGoC.css +0 -1
  181. package/dist/assets/FieldLayout-BGkL1EMg.js +0 -1
  182. package/dist/assets/FieldLayout-CG9n-WOS.css +0 -1
  183. package/dist/assets/FieldLayoutBase-CoIn-2cd.css +0 -1
  184. package/dist/assets/Heading-CifnBvGj.js +0 -2
  185. package/dist/assets/Icon-BVvspUlo.js +0 -1
  186. package/dist/assets/Icon-BwwIOKM_.js +0 -8
  187. package/dist/assets/Icon-ByJ3-8OT.css +0 -1
  188. package/dist/assets/Icon-DghDQiVd.css +0 -1
  189. package/dist/assets/IconButton-CI9clg4P.js +0 -8
  190. package/dist/assets/InputText-DmOW3mdD.js +0 -5
  191. package/dist/assets/LayoutFlexItem-Dv67D5k3.css +0 -1
  192. package/dist/assets/LayoutGrid-BG6JKtyy.css +0 -1
  193. package/dist/assets/LayoutGrid-BhioG4bL.js +0 -1
  194. package/dist/assets/LayoutGrid-CJQpEAmZ.css +0 -1
  195. package/dist/assets/LayoutGridItem-BDT0sqW-.css +0 -1
  196. package/dist/assets/LayoutGridItem-CdnUXNtY.js +0 -1
  197. package/dist/assets/Link-vYql_2wB.css +0 -1
  198. package/dist/assets/Loader-DLP0PI5-.css +0 -1
  199. package/dist/assets/NumberField.stories-BQIOdo90.js +0 -203
  200. package/dist/assets/OnboardingTooltip-RxaiJe-3.css +0 -1
  201. package/dist/assets/PasswordField.stories-BevSwKGm.js +0 -203
  202. package/dist/assets/PreplyLogo-CBB3sPr3.css +0 -1
  203. package/dist/assets/ProgressSteps-s9ACrzTy.css +0 -1
  204. package/dist/assets/SelectField-N7X7yUPn.css +0 -1
  205. package/dist/assets/SelectField.stories-9iipR200.js +0 -182
  206. package/dist/assets/Spinner-CVHMc-T0.css +0 -1
  207. package/dist/assets/Steps-CQWsOQKy.css +0 -1
  208. package/dist/assets/Text-CDqVYAcD.js +0 -1
  209. package/dist/assets/Text-CdCGNBj4.js +0 -1
  210. package/dist/assets/TextField-DAwVD2CM.css +0 -1
  211. package/dist/assets/TextField-q53ruCuh.js +0 -1
  212. package/dist/assets/TextHighlighted-BHCtybuo.css +0 -1
  213. package/dist/assets/TextHighlighted-BdF2_CZo.js +0 -1
  214. package/dist/assets/TextInline-CDFHfvph.css +0 -1
  215. package/dist/assets/TextareaField.stories-bA314Jtt.js +0 -221
  216. package/dist/assets/Toast-BBn7aSpe.css +0 -1
  217. package/dist/assets/Tooltip-Mm-tBuF2.css +0 -1
  218. package/dist/assets/layout-relative-0-BGcS53.css +0 -1
  219. package/dist/assets/layout-relative-D-nYASza.css +0 -1
  220. package/dist/assets/layout-relative-DZ8FL-vJ.js +0 -1
  221. package/dist/assets/layout-relative-DiL5t_eA.css +0 -1
  222. package/dist/assets/layout-relative.module-Bf3FithH.js +0 -1
  223. package/dist/assets/layout-relative.module-CXJ9jc4G--YD8TQc4.js +0 -1
  224. package/dist/assets/playground-BQGD3iU0.css +0 -1
  225. package/dist/assets/text-accent-0oTyB6kb.css +0 -1
  226. package/dist/assets/text-accent-BMcamJQk.js +0 -1
  227. package/dist/assets/text-accent-CrnHOlvW.js +0 -1
  228. package/dist/assets/text-centered-1sU8-E1D.js +0 -1
  229. package/dist/assets/text-centered-BSdMMoT9.js +0 -1
  230. package/dist/assets/text-centered-BttmHjSJ.css +0 -1
  231. package/dist/assets/text-centered-V2JhT89g.css +0 -1
@@ -1,4 +1,4 @@
1
- import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{L as r}from"./LayoutFlexItem-BM0Abp7Y.js";import{L as p}from"./LayoutFlex-CaenMVBF.js";import{S as t,a as h}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./layout-relative-DZ8FL-vJ.js";import"./classNames-BUL1Zq7e.js";import"./layout-relative.module-Bf3FithH.js";import"./constants-DYYVurUY.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";const A={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:"xs",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="xs">
1
+ import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{L as r}from"./LayoutFlexItem-CDjAEpoC.js";import{L as p}from"./LayoutFlex-CojW884p.js";import{S as t,a as h}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./layout-relative-B9kygquF.js";import"./classNames-BUL1Zq7e.js";import"./layout-relative.module-B8ilmhPe.js";import"./constants-DYYVurUY.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";const A={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:"xs",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="xs">
2
2
  <div style={{
3
3
  minWidth: '100px',
4
4
  backgroundColor: 'hotpink'
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as r}from"./index-BN6VMYqa.js";import{M as o}from"./index-BGAhMoqL.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.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}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as r}from"./index-BN6VMYqa.js";import{M as o}from"./index-CN8MkqPu.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.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}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as i}from"./index-BGAhMoqL.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function o(s){const e={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...t(),...s.components};return n.jsxs(n.Fragment,{children:[n.jsx(i,{title:"Guides/Assets/Favicons"}),`
1
+ import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as i}from"./index-CN8MkqPu.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function o(s){const e={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...t(),...s.components};return n.jsxs(n.Fragment,{children:[n.jsx(i,{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{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"./index-BN6VMYqa.js";import{M as F}from"./index-BGAhMoqL.js";import{L as p}from"./LayoutFlex-JnKYDcpC.js";import{r as c}from"./index-Cb9e4tly.js";import{g as E,u as O,T as v}from"./Text-CdCGNBj4.js";import{i as H,T as l,u as W}from"./TextHighlighted-BdF2_CZo.js";import{e as M,d as N,T as A}from"./constants-BgBLeZzp.js";import{t as B}from"./tokens-Di5DrZN4.js";import{e as L,a as D,d as _}from"./useTheme-DpAUb62T.js";import{L as y}from"./LayoutGrid-BhioG4bL.js";import{d as o}from"./styled-components.browser.esm-BgpGX317.js";import{o as V}from"./mixins-DZk1Zeoo.js";import{c as K}from"./useColorScheme-CS0Fs4Yl.js";import"./index-ChsGqxH_.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./layout-relative.module-CXJ9jc4G--YD8TQc4.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./text-accent-BMcamJQk.js";import"./text-centered-BSdMMoT9.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";const q=(e,r)=>({token:r,name:e,id:r[A],type:r[N],colorSchemeAware:!!r[M]}),R=(e,r)=>Object.entries(r).flatMap(([i,n])=>{const s=`${e}.${i}`;return H(n)?[q(s,n)]:R(s,n)}),X=e=>Object.entries(e).flatMap(([r,i])=>R(r,i)),Y=X(B),G=(e,r,i)=>e.filter(n=>{if(r==="-"||r==="--")return!0;if(r!=null&&r.startsWith("--"))return n.id.toLowerCase().startsWith(r.substring(2).toLowerCase());if(r){const s=n.name.toLowerCase().indexOf(r.toLowerCase())>-1,a=n.value.toLowerCase().indexOf(r.toLowerCase())>-1;return(s||a)&&(i?n.colorSchemeAware:!n.colorSchemeAware)}return i?n.colorSchemeAware:!n.colorSchemeAware}),z=c.createContext({terms:"",colorScheme:void 0,results:[],setColorScheme:()=>{},setSearchTerms:()=>{}});var C;const U=((C=window==null?void 0:window.localStorage)==null?void 0:C.getItem("storybook.ds-color-scheme"))||void 0;function J(e,r){return Y.map(n=>({...n,value:`${E(e,r,n.token)}`}))}const Q=({children:e})=>{const{findColorScheme:r}=L(),{theme:i}=D(),[n,s]=c.useState(U),[a,h]=c.useState(""),[g,m]=c.useState([]),u=c.useCallback(x=>s(x),[s]),f=c.useCallback(x=>h(x),[h]);if(!i)throw new Error("useToken() must be used within a ThemeProvider");return c.useEffect(()=>{const x=r(n||"base"),w=J(i,x);m(G(w,a,!!n))},[n,r,a,i]),t.jsx(z.Provider,{value:{terms:a,results:g,colorScheme:n,setSearchTerms:f,setColorScheme:u},children:t.jsx(_,{colorScheme:n||"base",children:e})})},j=()=>c.useContext(z),Z=o.div`
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as P}from"./index-BN6VMYqa.js";import{M as F}from"./index-CN8MkqPu.js";import{L as p}from"./LayoutFlex-_zQmW6Xx.js";import{r as c}from"./index-Cb9e4tly.js";import{g as E,u as O,T as v}from"./Text-D_jZr-aH.js";import{i as H,T as l,u as W}from"./TextHighlighted-CqCvHmzT.js";import{e as M,d as N,T as A}from"./constants-BgBLeZzp.js";import{t as B}from"./tokens-Di5DrZN4.js";import{e as L,a as D,d as _}from"./useTheme-DpAUb62T.js";import{L as y}from"./LayoutGrid-Czkaijud.js";import{d as o}from"./styled-components.browser.esm-BgpGX317.js";import{o as V}from"./mixins-DZk1Zeoo.js";import{c as K}from"./useColorScheme-CS0Fs4Yl.js";import"./index-ChsGqxH_.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./layout-relative.module-B5e88crD-BmOXkGhY.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./text-accent-DFUImn3_.js";import"./text-centered-Cl3_mAit.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";const q=(e,r)=>({token:r,name:e,id:r[A],type:r[N],colorSchemeAware:!!r[M]}),R=(e,r)=>Object.entries(r).flatMap(([i,n])=>{const s=`${e}.${i}`;return H(n)?[q(s,n)]:R(s,n)}),X=e=>Object.entries(e).flatMap(([r,i])=>R(r,i)),Y=X(B),G=(e,r,i)=>e.filter(n=>{if(r==="-"||r==="--")return!0;if(r!=null&&r.startsWith("--"))return n.id.toLowerCase().startsWith(r.substring(2).toLowerCase());if(r){const s=n.name.toLowerCase().indexOf(r.toLowerCase())>-1,a=n.value.toLowerCase().indexOf(r.toLowerCase())>-1;return(s||a)&&(i?n.colorSchemeAware:!n.colorSchemeAware)}return i?n.colorSchemeAware:!n.colorSchemeAware}),z=c.createContext({terms:"",colorScheme:void 0,results:[],setColorScheme:()=>{},setSearchTerms:()=>{}});var C;const U=((C=window==null?void 0:window.localStorage)==null?void 0:C.getItem("storybook.ds-color-scheme"))||void 0;function J(e,r){return Y.map(n=>({...n,value:`${E(e,r,n.token)}`}))}const Q=({children:e})=>{const{findColorScheme:r}=L(),{theme:i}=D(),[n,s]=c.useState(U),[a,h]=c.useState(""),[g,m]=c.useState([]),u=c.useCallback(x=>s(x),[s]),f=c.useCallback(x=>h(x),[h]);if(!i)throw new Error("useToken() must be used within a ThemeProvider");return c.useEffect(()=>{const x=r(n||"base"),w=J(i,x);m(G(w,a,!!n))},[n,r,a,i]),t.jsx(z.Provider,{value:{terms:a,results:g,colorScheme:n,setSearchTerms:f,setColorScheme:u},children:t.jsx(_,{colorScheme:n||"base",children:e})})},j=()=>c.useContext(z),Z=o.div`
2
2
  width: 64px;
3
3
  height: 64px;
4
4
  color: white;
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as i}from"./index-BN6VMYqa.js";import{A as r}from"./Avatar-iqWOn9Tl.js";import{M as p}from"./index-BGAhMoqL.js";import{B as a}from"./breakpoints-BfMlrtxE.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./constants--ewUoBsO.js";import"./defaults-B1rzzf6M.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";const c=()=>e.jsx("table",{style:{fontSize:14},children:e.jsx("tbody",{children:Object.entries(a).map(([n,s])=>e.jsxs("tr",{children:[e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsx("code",{children:n})}),e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsxs("code",{children:[s,"px"]})})]},n))})}),o="./web-lib/src/components/Avatar/docs/static/avatar-1.png";function t(n){const s={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...i(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(p,{title:"Guides/Responsive Props"}),`
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as i}from"./index-BN6VMYqa.js";import{A as r}from"./Avatar-C1huic64.js";import{M as p}from"./index-CN8MkqPu.js";import{B as a}from"./breakpoints-BfMlrtxE.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./constants--ewUoBsO.js";import"./defaults-B1rzzf6M.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";const c=()=>e.jsx("table",{style:{fontSize:14},children:e.jsx("tbody",{children:Object.entries(a).map(([n,s])=>e.jsxs("tr",{children:[e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsx("code",{children:n})}),e.jsx("td",{style:{padding:"0px 40px 10px 20px"},children:e.jsxs("code",{children:[s,"px"]})})]},n))})}),o="./web-lib/src/components/Avatar/docs/static/avatar-1.png";function t(n){const s={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...i(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(p,{title:"Guides/Responsive Props"}),`
2
2
  `,e.jsx(s.h1,{id:"responsive-props",children:"Responsive Props"}),`
3
3
  `,e.jsx(s.p,{children:`Some component props optionally accept responsive values for different screen sizes
4
4
  based on the global breakpoints:`}),`
@@ -1,2 +1,2 @@
1
- import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as m}from"./index-BN6VMYqa.js";import{M as p}from"./index-BGAhMoqL.js";import{H as a,B as s}from"./Button-B1mdczvv.js";import{L as d}from"./LayoutGrid-BhioG4bL.js";import{L as l}from"./LayoutGridItem-CdnUXNtY.js";import"./index-Cb9e4tly.js";import{t as x}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./text-accent-BMcamJQk.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-BSdMMoT9.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./render-icon-Du0nasoi.js";import"./defaults-B1rzzf6M.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-CXJ9jc4G--YD8TQc4.js";import"./constants-DYYVurUY.js";import"./constants-BgBLeZzp.js";const o=({inverted:t,textToken:n})=>{const c=x.color.text[n];return Array.isArray(c)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:n}),r.jsx("div",{style:{color:`var(--${c[1]})`,maxWidth:"240px",padding:"10px",background:`var(--${t?x.color.background.primaryInverted[1]:x.color.background.primary[1]})`},children:r.jsxs("code",{children:["color.text.",n]})})]},n):null};o.defaultProps={inverted:!1};const e=({inverted:t,bgToken:n})=>{const c=x.color.background[n];return Array.isArray(c)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:n}),r.jsxs("div",{style:{background:`var(--${x.color.background[n][1]})`,color:`var(--${t?x.color.text.inverted[1]:x.color.text.primary[1]})`,maxWidth:"240px",padding:"10px"},children:["Background token: ",r.jsxs("code",{children:["color.background.",n]})]})]},n):null};e.defaultProps={inverted:!1};const i=({contentToken:t})=>{const n=x.color.border[t];return Array.isArray(n)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:t}),r.jsx("br",{}),r.jsxs("div",{style:{border:`1px solid var(--${n[1]})`,background:"transparent",color:`var(--${n[1]})`,maxWidth:"240px",height:"50px",padding:"10px"},children:["color.border.",t]})]},t):null};i.defaultProps={};const k=()=>r.jsxs(d,{gap:"xs",columns:2,children:[r.jsx(s,{children:"Token family: action.variant.primary.*"}),r.jsx(s,{variant:"secondary",children:"Token family: action.variant.secondary.*"}),r.jsx(s,{variant:"tertiary",children:"Token family: action.variant.tertiary.*"}),r.jsx(s,{variant:"ghost",children:"Token family: action.variant.ghost.*"}),r.jsx(s,{variant:"critical",children:"Token family: action.variant.critical.*"}),r.jsx(s,{variant:"onColor",children:"Token family: action.variant.onColor.*"}),r.jsx(s,{variant:"inverted",children:"Token family: action.variant.inverted.*"}),r.jsx(s,{disabled:!0,children:"Token family: action.variant.disabled.*"})]}),h=()=>r.jsxs("div",{children:[r.jsx(a,{level:"h1",children:"Semantic token examples"}),r.jsx("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."}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Text tokens"}),r.jsx("br",{}),r.jsx("br",{}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(o,{textToken:"primary"}),r.jsx(o,{textToken:"secondary"}),r.jsx(o,{textToken:"tertiary"}),r.jsx(o,{textToken:"accentDark"}),r.jsx(o,{textToken:"placeholder"}),r.jsx(o,{textToken:"inverted",inverted:!0}),r.jsx(o,{textToken:"positive"}),r.jsx(o,{textToken:"info"}),r.jsx(o,{textToken:"warning"}),r.jsx(o,{textToken:"critical"})]}),r.jsx("br",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Background tokens"}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(e,{bgToken:"primary"}),r.jsx(e,{bgToken:"secondary"}),r.jsx(e,{bgToken:"tertiary"}),r.jsx(e,{bgToken:"overlay"}),r.jsx(e,{bgToken:"disabled"}),r.jsx(e,{bgToken:"brand"}),r.jsx(e,{bgToken:"brandB2b"}),r.jsx(e,{bgToken:"accentLight"}),r.jsx(e,{bgToken:"accentDark",inverted:!0}),r.jsx(e,{bgToken:"positiveLight"}),r.jsx(e,{bgToken:"positiveDark",inverted:!0}),r.jsx(e,{bgToken:"infoLight"}),r.jsx(e,{bgToken:"infoDark",inverted:!0}),r.jsx(e,{bgToken:"warningLight"}),r.jsx(e,{bgToken:"warningDark",inverted:!0}),r.jsx(e,{bgToken:"criticalLight"}),r.jsx(e,{bgToken:"criticalDark",inverted:!0}),r.jsx(e,{bgToken:"statusOnline"}),r.jsx(e,{bgToken:"statusOffline"}),r.jsx(e,{bgToken:"primaryInverted",inverted:!0}),r.jsx(e,{bgToken:"secondaryInverted",inverted:!0}),r.jsx(e,{bgToken:"tertiaryInverted",inverted:!0})]}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Action"}),r.jsx("br",{}),r.jsx(k,{}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Borders"}),r.jsx("br",{}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(i,{contentToken:"primary"}),r.jsx(i,{contentToken:"secondary"}),r.jsx(i,{contentToken:"secondary-opacity"}),r.jsx(i,{contentToken:"tertiary"}),r.jsx(i,{contentToken:"disabled"}),r.jsx(i,{contentToken:"brand"}),r.jsx(i,{contentToken:"critical"}),r.jsx(i,{contentToken:"focus"}),r.jsx(i,{contentToken:"positive"})]})]});function j(t){return r.jsxs(r.Fragment,{children:[r.jsx(p,{title:"Guides/Semantic tokens examples"}),`
1
+ import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as m}from"./index-BN6VMYqa.js";import{M as p}from"./index-CN8MkqPu.js";import{H as a,B as s}from"./Button-yKqY71ST.js";import{L as d}from"./LayoutGrid-Czkaijud.js";import{L as l}from"./LayoutGridItem-DcJqI4M1.js";import"./index-Cb9e4tly.js";import{t as x}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./text-accent-DFUImn3_.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-Cl3_mAit.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./render-icon-Du0nasoi.js";import"./defaults-B1rzzf6M.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-B5e88crD-BmOXkGhY.js";import"./constants-DYYVurUY.js";import"./constants-BgBLeZzp.js";const o=({inverted:t,textToken:n})=>{const c=x.color.text[n];return Array.isArray(c)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:n}),r.jsx("div",{style:{color:`var(--${c[1]})`,maxWidth:"240px",padding:"10px",background:`var(--${t?x.color.background.primaryInverted[1]:x.color.background.primary[1]})`},children:r.jsxs("code",{children:["color.text.",n]})})]},n):null};o.defaultProps={inverted:!1};const e=({inverted:t,bgToken:n})=>{const c=x.color.background[n];return Array.isArray(c)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:n}),r.jsxs("div",{style:{background:`var(--${x.color.background[n][1]})`,color:`var(--${t?x.color.text.inverted[1]:x.color.text.primary[1]})`,maxWidth:"240px",padding:"10px"},children:["Background token: ",r.jsxs("code",{children:["color.background.",n]})]})]},n):null};e.defaultProps={inverted:!1};const i=({contentToken:t})=>{const n=x.color.border[t];return Array.isArray(n)?r.jsxs(l,{children:[r.jsx(a,{level:"h4",children:t}),r.jsx("br",{}),r.jsxs("div",{style:{border:`1px solid var(--${n[1]})`,background:"transparent",color:`var(--${n[1]})`,maxWidth:"240px",height:"50px",padding:"10px"},children:["color.border.",t]})]},t):null};i.defaultProps={};const k=()=>r.jsxs(d,{gap:"xs",columns:2,children:[r.jsx(s,{children:"Token family: action.variant.primary.*"}),r.jsx(s,{variant:"secondary",children:"Token family: action.variant.secondary.*"}),r.jsx(s,{variant:"tertiary",children:"Token family: action.variant.tertiary.*"}),r.jsx(s,{variant:"ghost",children:"Token family: action.variant.ghost.*"}),r.jsx(s,{variant:"critical",children:"Token family: action.variant.critical.*"}),r.jsx(s,{variant:"onColor",children:"Token family: action.variant.onColor.*"}),r.jsx(s,{variant:"inverted",children:"Token family: action.variant.inverted.*"}),r.jsx(s,{disabled:!0,children:"Token family: action.variant.disabled.*"})]}),h=()=>r.jsxs("div",{children:[r.jsx(a,{level:"h1",children:"Semantic token examples"}),r.jsx("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."}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Text tokens"}),r.jsx("br",{}),r.jsx("br",{}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(o,{textToken:"primary"}),r.jsx(o,{textToken:"secondary"}),r.jsx(o,{textToken:"tertiary"}),r.jsx(o,{textToken:"accentDark"}),r.jsx(o,{textToken:"placeholder"}),r.jsx(o,{textToken:"inverted",inverted:!0}),r.jsx(o,{textToken:"positive"}),r.jsx(o,{textToken:"info"}),r.jsx(o,{textToken:"warning"}),r.jsx(o,{textToken:"critical"})]}),r.jsx("br",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Background tokens"}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(e,{bgToken:"primary"}),r.jsx(e,{bgToken:"secondary"}),r.jsx(e,{bgToken:"tertiary"}),r.jsx(e,{bgToken:"overlay"}),r.jsx(e,{bgToken:"disabled"}),r.jsx(e,{bgToken:"brand"}),r.jsx(e,{bgToken:"brandB2b"}),r.jsx(e,{bgToken:"accentLight"}),r.jsx(e,{bgToken:"accentDark",inverted:!0}),r.jsx(e,{bgToken:"positiveLight"}),r.jsx(e,{bgToken:"positiveDark",inverted:!0}),r.jsx(e,{bgToken:"infoLight"}),r.jsx(e,{bgToken:"infoDark",inverted:!0}),r.jsx(e,{bgToken:"warningLight"}),r.jsx(e,{bgToken:"warningDark",inverted:!0}),r.jsx(e,{bgToken:"criticalLight"}),r.jsx(e,{bgToken:"criticalDark",inverted:!0}),r.jsx(e,{bgToken:"statusOnline"}),r.jsx(e,{bgToken:"statusOffline"}),r.jsx(e,{bgToken:"primaryInverted",inverted:!0}),r.jsx(e,{bgToken:"secondaryInverted",inverted:!0}),r.jsx(e,{bgToken:"tertiaryInverted",inverted:!0})]}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Action"}),r.jsx("br",{}),r.jsx(k,{}),r.jsx("br",{}),r.jsx("hr",{}),r.jsx("br",{}),r.jsx(a,{level:"h2",children:"Borders"}),r.jsx("br",{}),r.jsxs(d,{gap:"xs",columns:4,children:[r.jsx(i,{contentToken:"primary"}),r.jsx(i,{contentToken:"secondary"}),r.jsx(i,{contentToken:"secondary-opacity"}),r.jsx(i,{contentToken:"tertiary"}),r.jsx(i,{contentToken:"disabled"}),r.jsx(i,{contentToken:"brand"}),r.jsx(i,{contentToken:"critical"}),r.jsx(i,{contentToken:"focus"}),r.jsx(i,{contentToken:"positive"})]})]});function j(t){return r.jsxs(r.Fragment,{children:[r.jsx(p,{title:"Guides/Semantic tokens examples"}),`
2
2
  `,r.jsx(h,{})]})}function J(t={}){const{wrapper:n}={...m(),...t.components};return n?r.jsx(n,{...t,children:r.jsx(j,{...t})}):j()}export{J as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-BGAhMoqL.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function s(i){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...o(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Shorthand Props"}),`
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-CN8MkqPu.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function s(i){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...o(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{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"./jsx-runtime-BTJTZTIL.js";import{L as I}from"./LayoutFlexItem-BM0Abp7Y.js";import{L as n}from"./LayoutFlex-CaenMVBF.js";import{f as L,d as D}from"./styled-components.browser.esm-BgpGX317.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./layout-relative-DZ8FL-vJ.js";import"./classNames-BUL1Zq7e.js";import"./layout-relative.module-Bf3FithH.js";import"./constants-DYYVurUY.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.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 T(){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 G(){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 U(){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 P(){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 H(){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 O(){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 $(){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 A(){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 J(){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 k(){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 N(){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 _(){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 X(){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 E(){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 B(){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 q(){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 z(){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 K(){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 Q(){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 V(){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 W(){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 fe(){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 ve(){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 ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapNone"}),e.jsxs(n,{dataset:{testid:"LayoutGapNone"},gap:"none",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGap3xs"}),e.jsxs(n,{dataset:{testid:"LayoutGap3xs"},gap:"3xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function we(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGap2xs"}),e.jsxs(n,{dataset:{testid:"LayoutGap2xs"},gap:"2xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapXs"}),e.jsxs(n,{dataset:{testid:"LayoutGapXs"},gap:"xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapS"}),e.jsxs(n,{dataset:{testid:"LayoutGapS"},gap:"s",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapM"}),e.jsxs(n,{dataset:{testid:"LayoutGapM"},gap:"m",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function De(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapL"}),e.jsxs(n,{dataset:{testid:"LayoutGapL"},gap:"l",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapXl"}),e.jsxs(n,{dataset:{testid:"LayoutGapXl"},gap:"xl",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ge(){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 Ue(){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 Pe(){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 He(){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 Oe(){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 $e(){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 Ae(){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 Je(){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 ke(){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 Ne(){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 Xe(){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 Ee(){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 Me(){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 Be(){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 qe(){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 ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingNone"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingNone"},padding:"none",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPadding3xs"}),e.jsxs(n,{dataset:{testid:"LayoutPadding3xs"},padding:"3xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPadding2xs"}),e.jsxs(n,{dataset:{testid:"LayoutPadding2xs"},padding:"2xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingXs"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingXs"},padding:"xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function We(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingS"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingS"},padding:"s",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingM"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingM"},padding:"m",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingL"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingL"},padding:"l",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function en(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingXl"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingXl"},padding:"xl",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function nn(){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 sn(){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 rn(){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 dn(){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 tn(){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 an(){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 ln(){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 cn(){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 xn(){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 jn(){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 hn(){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 un(){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 on(){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 pn(){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 gn(){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 mn(){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 fn(){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 vn(){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 f(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function v(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Sn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeTrue"}),e.jsxs(n,{dataset:{testid:"RelativeTrue"},relative:!0,children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function bn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeFalse"}),e.jsxs(n,{dataset:{testid:"RelativeFalse"},relative:!1,children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function Fn(){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(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function yn(){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(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function w(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function C(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}const Rn=L`
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{L as I}from"./LayoutFlexItem-CDjAEpoC.js";import{L as n}from"./LayoutFlex-CojW884p.js";import{f as L,d as D}from"./styled-components.browser.esm-BgpGX317.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./layout-relative-B9kygquF.js";import"./classNames-BUL1Zq7e.js";import"./layout-relative.module-B8ilmhPe.js";import"./constants-DYYVurUY.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.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 T(){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 G(){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 U(){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 P(){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 H(){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 O(){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 $(){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 A(){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 J(){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 k(){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 N(){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 _(){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 X(){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 E(){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 B(){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 q(){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 z(){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 K(){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 Q(){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 V(){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 W(){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 fe(){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 ve(){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 ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapNone"}),e.jsxs(n,{dataset:{testid:"LayoutGapNone"},gap:"none",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGap3xs"}),e.jsxs(n,{dataset:{testid:"LayoutGap3xs"},gap:"3xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function we(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGap2xs"}),e.jsxs(n,{dataset:{testid:"LayoutGap2xs"},gap:"2xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapXs"}),e.jsxs(n,{dataset:{testid:"LayoutGapXs"},gap:"xs",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapS"}),e.jsxs(n,{dataset:{testid:"LayoutGapS"},gap:"s",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapM"}),e.jsxs(n,{dataset:{testid:"LayoutGapM"},gap:"m",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function De(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapL"}),e.jsxs(n,{dataset:{testid:"LayoutGapL"},gap:"l",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutGapXl"}),e.jsxs(n,{dataset:{testid:"LayoutGapXl"},gap:"xl",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Ge(){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 Ue(){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 Pe(){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 He(){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 Oe(){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 $e(){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 Ae(){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 Je(){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 ke(){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 Ne(){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 Xe(){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 Ee(){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 Me(){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 Be(){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 qe(){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 ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingNone"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingNone"},padding:"none",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPadding3xs"}),e.jsxs(n,{dataset:{testid:"LayoutPadding3xs"},padding:"3xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPadding2xs"}),e.jsxs(n,{dataset:{testid:"LayoutPadding2xs"},padding:"2xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingXs"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingXs"},padding:"xs",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function We(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingS"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingS"},padding:"s",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingM"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingM"},padding:"m",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingL"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingL"},padding:"l",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function en(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"LayoutPaddingXl"}),e.jsxs(n,{dataset:{testid:"LayoutPaddingXl"},padding:"xl",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function nn(){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 sn(){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 rn(){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 dn(){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 tn(){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 an(){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 ln(){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 cn(){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 xn(){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 jn(){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 hn(){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 un(){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 on(){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 pn(){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 gn(){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 mn(){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 fn(){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 vn(){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 f(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function v(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Sn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeTrue"}),e.jsxs(n,{dataset:{testid:"RelativeTrue"},relative:!0,children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function bn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeFalse"}),e.jsxs(n,{dataset:{testid:"RelativeFalse"},relative:!1,children:[e.jsx(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function Fn(){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(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function yn(){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(f,{children:"a"}),e.jsx(v,{children:"b"})]})]})}function w(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function C(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}const Rn=L`
2
2
  div[data-override='true'] {
3
3
  display:grid;
4
4
  }
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-BGAhMoqL.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Assets/Fonts"}),`
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-CN8MkqPu.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{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}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as r}from"./index-BN6VMYqa.js";import{M as o}from"./index-BGAhMoqL.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.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}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as r}from"./index-BN6VMYqa.js";import{M as o}from"./index-CN8MkqPu.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.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{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as I}from"./index-BN6VMYqa.js";import{M as R}from"./index-BGAhMoqL.js";import{B as h,H as g}from"./Button-B1mdczvv.js";import{L as A}from"./LayoutFlex-JnKYDcpC.js";import{L as S}from"./LayoutGrid-BhioG4bL.js";import{u as T,T as p}from"./Text-CdCGNBj4.js";import{T as O}from"./TextField-q53ruCuh.js";import{e as n,r as u}from"./index-Cb9e4tly.js";import{R as L}from"./RootProvider-o_gxYeLh.js";import{d as D}from"./styled-components.browser.esm-BgpGX317.js";import{t as U}from"./tokens-Di5DrZN4.js";import{a as V}from"./useTheme-DpAUb62T.js";import{H as E,b}from"./options-DSKYF8ow.js";import{b as B}from"./defaults-B1rzzf6M.js";import"./index-ChsGqxH_.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./text-accent-BMcamJQk.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-BSdMMoT9.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./render-icon-Du0nasoi.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./layout-relative.module-CXJ9jc4G--YD8TQc4.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./constants-BgBLeZzp.js";import"./useColorScheme-CS0Fs4Yl.js";import"./constants-DL6gdbsq.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./useForcedRef--iGFM41p.js";import"./useTextField-CXkMTG1s.js";import"./constants-BaXVdZRV.js";import"./index-ODU_8Fga.js";import"./PortalElementProvider-DidBkzFe.js";import"./index-B77PBZuV.js";const j=()=>n.createElement("style",{"data-ds-style":"global",dangerouslySetInnerHTML:{__html:`/* Variable fonts */
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as I}from"./index-BN6VMYqa.js";import{M as R}from"./index-CN8MkqPu.js";import{B as h,H as g}from"./Button-yKqY71ST.js";import{L as A}from"./LayoutFlex-_zQmW6Xx.js";import{L as S}from"./LayoutGrid-Czkaijud.js";import{u as T,T as p}from"./Text-D_jZr-aH.js";import{T as O}from"./TextField-DZycCcgs.js";import{e as n,r as u}from"./index-Cb9e4tly.js";import{R as L}from"./RootProvider-o_gxYeLh.js";import{d as D}from"./styled-components.browser.esm-BgpGX317.js";import{t as U}from"./tokens-Di5DrZN4.js";import{a as V}from"./useTheme-DpAUb62T.js";import{H as E,b}from"./options-DSKYF8ow.js";import{b as B}from"./defaults-B1rzzf6M.js";import"./index-ChsGqxH_.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./text-accent-DFUImn3_.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-Cl3_mAit.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./render-icon-Du0nasoi.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./layout-relative.module-B5e88crD-BmOXkGhY.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./constants-BgBLeZzp.js";import"./useColorScheme-CS0Fs4Yl.js";import"./constants-DL6gdbsq.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./useForcedRef--iGFM41p.js";import"./useTextField-CXkMTG1s.js";import"./constants-BaXVdZRV.js";import"./index-ODU_8Fga.js";import"./PortalElementProvider-DidBkzFe.js";import"./index-B77PBZuV.js";const j=()=>n.createElement("style",{"data-ds-style":"global",dangerouslySetInnerHTML:{__html:`/* Variable fonts */
2
2
  /* English */
3
3
  @font-face {
4
4
  font-family: 'PreplyInterV';
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as s}from"./index-BGAhMoqL.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.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}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as s}from"./index-CN8MkqPu.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.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}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-BGAhMoqL.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.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}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-CN8MkqPu.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.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 t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as i}from"./index-BN6VMYqa.js";import{M as h}from"./index-BGAhMoqL.js";import{r as e}from"./index-Cb9e4tly.js";import{a as f}from"./StorybookGlobalStyle-CQSpwvw3.js";import{d as c}from"./styled-components.browser.esm-BgpGX317.js";import{I as r}from"./Icon-BVvspUlo.js";import{L as R}from"./LayoutFlex-JnKYDcpC.js";import{F as y}from"./LibraryExplore-oBYfEgnm.js";import{F as u}from"./TokyoUIClose-thK8sk63.js";import{F as E,a as Z}from"./TokyoUITextShort-B-mpUykT.js";import{F as x}from"./TokyoUIFav-DOVerCtW.js";import{F as b}from"./TokyoUIInfo-DbkQBubr.js";import{F as S}from"./TokyoUILanguage-CLpo5Vdq.js";import{a as H,F as k}from"./TokyoUIMinus-RacYe9uc.js";import{F as M}from"./TokyoUINotebook-kt8pWj_a.js";import{F as T}from"./TokyoUINotesWithPad-B-o4vu0Y.js";import{F as U}from"./TokyoUIPhone-CvuBM6jb.js";import{a as V,F as L}from"./TokyoUIUser-Hwg3-lyt.js";import{F}from"./TokyoUITag-CS4uarg6.js";import{g as v}from"./getTokenVar-DU_DEzTd.js";import{c as s}from"./tokens-Di5DrZN4.js";import{o as C}from"./mixins-DZk1Zeoo.js";import"./index-ChsGqxH_.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./text-accent-BMcamJQk.js";import"./classNames-BUL1Zq7e.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./render-icon-Du0nasoi.js";import"./defaults-B1rzzf6M.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./layout-relative.module-CXJ9jc4G--YD8TQc4.js";import"./constants-BgBLeZzp.js";const p=()=>e.useContext(f),I=c.form`
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as i}from"./index-BN6VMYqa.js";import{M as h}from"./index-CN8MkqPu.js";import{r as e}from"./index-Cb9e4tly.js";import{a as f}from"./StorybookGlobalStyle-CQSpwvw3.js";import{d as c}from"./styled-components.browser.esm-BgpGX317.js";import{I as r}from"./Icon-CHBsJKk4.js";import{L as R}from"./LayoutFlex-_zQmW6Xx.js";import{F as y}from"./LibraryExplore-oBYfEgnm.js";import{F as u}from"./TokyoUIClose-thK8sk63.js";import{F as E,a as Z}from"./TokyoUITextShort-B-mpUykT.js";import{F as x}from"./TokyoUIFav-DOVerCtW.js";import{F as b}from"./TokyoUIInfo-DbkQBubr.js";import{F as S}from"./TokyoUILanguage-CLpo5Vdq.js";import{a as H,F as k}from"./TokyoUIMinus-RacYe9uc.js";import{F as M}from"./TokyoUINotebook-kt8pWj_a.js";import{F as T}from"./TokyoUINotesWithPad-B-o4vu0Y.js";import{F as U}from"./TokyoUIPhone-CvuBM6jb.js";import{a as V,F as L}from"./TokyoUIUser-Hwg3-lyt.js";import{F}from"./TokyoUITag-CS4uarg6.js";import{g as v}from"./getTokenVar-DU_DEzTd.js";import{c as s}from"./tokens-Di5DrZN4.js";import{o as C}from"./mixins-DZk1Zeoo.js";import"./index-ChsGqxH_.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./text-accent-DFUImn3_.js";import"./classNames-BUL1Zq7e.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./render-icon-Du0nasoi.js";import"./defaults-B1rzzf6M.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./layout-relative.module-B5e88crD-BmOXkGhY.js";import"./constants-BgBLeZzp.js";const p=()=>e.useContext(f),I=c.form`
2
2
  display: flex;
3
3
  align-items: flex-start;
4
4
  gap: 20px;
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as s}from"./index-BGAhMoqL.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function t(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Installation/Storybook"}),`
1
+ import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as s}from"./index-CN8MkqPu.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function t(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Installation/Storybook"}),`
2
2
  `,o.jsx(e.h1,{id:"installation-storybook",children:"Installation: Storybook"}),`
3
3
  `,o.jsxs(e.p,{children:["This guide applies to Storybook setups that document Preply components libraries, and assumes you have read and followed the steps outlined in the ",o.jsx(e.a,{href:"/story/guides-installation-libraries--page",children:"Installation: Libaries"})," guide."]}),`
4
4
  `,o.jsx(e.h2,{id:"packages",children:"Packages"}),`
@@ -1,4 +1,4 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as l}from"./index-BN6VMYqa.js";import{M as a}from"./index-BGAhMoqL.js";import{L as e}from"./LayoutGrid-BhioG4bL.js";import{d as c}from"./styled-components.browser.esm-BgpGX317.js";import{g as i}from"./getTokenVar-DU_DEzTd.js";import{s as u,c as p}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./classNames-BUL1Zq7e.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-CXJ9jc4G--YD8TQc4.js";import"./constants-DYYVurUY.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./constants-BgBLeZzp.js";const n=["https://static.preply.com/ds/illustrations/tokyo-ui/airplain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/arrows-multiple.svg","https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bar-graph.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/brain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bubbles.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/checkmark.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clock.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/dog.svg","https://static.preply.com/ds/illustrations/tokyo-ui/first-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/game-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started-down.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started.svg","https://static.preply.com/ds/illustrations/tokyo-ui/globe-spot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/great-homework.svg","https://static.preply.com/ds/illustrations/tokyo-ui/growth.svg","https://static.preply.com/ds/illustrations/tokyo-ui/guitar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-1.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/heart.svg","https://static.preply.com/ds/illustrations/tokyo-ui/it-guru.svg","https://static.preply.com/ds/illustrations/tokyo-ui/lamp-and-books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/language-flash-cards.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rising-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/star_coin.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/testing-the-water.svg","https://static.preply.com/ds/illustrations/tokyo-ui/three-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/thumbs-up.svg","https://static.preply.com/ds/illustrations/tokyo-ui/you-did-great-today.svg","https://static.preply.com/ds/illustrations/tokyo-ui/warning.svg"],y=c.div`
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as l}from"./index-BN6VMYqa.js";import{M as a}from"./index-CN8MkqPu.js";import{L as e}from"./LayoutGrid-Czkaijud.js";import{d as c}from"./styled-components.browser.esm-BgpGX317.js";import{g as i}from"./getTokenVar-DU_DEzTd.js";import{s as u,c as p}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./classNames-BUL1Zq7e.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-B5e88crD-BmOXkGhY.js";import"./constants-DYYVurUY.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-UOns5Q7s.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./constants-BgBLeZzp.js";const n=["https://static.preply.com/ds/illustrations/tokyo-ui/airplain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/arrows-multiple.svg","https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bar-graph.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/brain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bubbles.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/checkmark.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clock.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/dog.svg","https://static.preply.com/ds/illustrations/tokyo-ui/first-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/game-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started-down.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started.svg","https://static.preply.com/ds/illustrations/tokyo-ui/globe-spot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/great-homework.svg","https://static.preply.com/ds/illustrations/tokyo-ui/growth.svg","https://static.preply.com/ds/illustrations/tokyo-ui/guitar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-1.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/heart.svg","https://static.preply.com/ds/illustrations/tokyo-ui/it-guru.svg","https://static.preply.com/ds/illustrations/tokyo-ui/lamp-and-books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/language-flash-cards.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rising-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/star_coin.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/testing-the-water.svg","https://static.preply.com/ds/illustrations/tokyo-ui/three-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/thumbs-up.svg","https://static.preply.com/ds/illustrations/tokyo-ui/you-did-great-today.svg","https://static.preply.com/ds/illustrations/tokyo-ui/warning.svg"],y=c.div`
2
2
  padding: ${i(u[12])};
3
3
  -webkit-background-size: 50px 50px;
4
4
  -moz-background-size: 50px 50px;
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as i}from"./index-BGAhMoqL.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-B08s_jqc.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function r(n){const o={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...t(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Installation/Advanced"}),`
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as i}from"./index-CN8MkqPu.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-D9FBaTKu.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function r(n){const o={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...t(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Installation/Advanced"}),`
2
2
  `,e.jsx(o.h1,{id:"installation-advanced",children:"Installation: Advanced"}),`
3
3
  `,e.jsxs(o.p,{children:["This page is about rolling out your own alternative to ",e.jsx(o.code,{children:"<RootProvider/>"})," (advanced usage)."]}),`
4
4
  `,e.jsxs(o.p,{children:["If you are looking for how to install, refer to the ",e.jsx(o.a,{href:"/story/guides-installation-applications--page",children:"installation guides"})," instead."]}),`
@@ -0,0 +1 @@
1
+ @keyframes _overlayShow_n5pax_1{0%{opacity:0}to{opacity:1}}@keyframes _contentShow_n5pax_1{0%{opacity:0;transform:translateY(var(--590b8d))}to{opacity:1;transform:translateY(0)}}._overlay_n5pax_21{background-color:var(--02a0d5);position:fixed;top:0;right:0;bottom:0;left:0}@media (prefers-reduced-motion: no-preference){._overlay_n5pax_21[data-state=open]{animation:_overlayShow_n5pax_1 .15s cubic-bezier(.4,0,.2,1)}}._content_n5pax_31{background-color:var(--3546c3);box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:var(--f1b498);border-radius:var(--fa4b1a);width:90%;max-width:440px;height:fit-content;box-shadow:var(--df7dbb);display:flex;flex-direction:column;gap:var(--558c4c)}@media (prefers-reduced-motion: no-preference){._content_n5pax_31[data-state=open]{animation:_contentShow_n5pax_1 .15s cubic-bezier(.4,0,.2,1)}}._description_n5pax_52{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);margin:0}._actions_n5pax_58{display:flex;flex-direction:column;gap:var(--558c4c)}@media (min-width: 400px){._actions_n5pax_58{flex-direction:row;justify-content:flex-end}}
@@ -1,7 +1,7 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{u as E,w as P,e as N}from"./index-BVDq5o4N.js";import{a as l}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{R as F,P as U,O as q,C as V,T as I,D as W,a as L,A as J,b as X}from"./index-BnaDsecG.js";import{H}from"./Heading-CifnBvGj.js";import{B as s}from"./Button-DqwK0S70.js";import{i as Y}from"./PortalElementProvider-DidBkzFe.js";import{g as z}from"./index-DdzHuZ-Y.js";import{w as G}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-CJrO-Wtu.js";import"./index-B-5rsJjr.js";import"./tslib.es6-BntfKcQG.js";import"./text-accent-CrnHOlvW.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-1sU8-E1D.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D31GBWHv.js";import"./Spinner-Dsa9X0G6.js";import"./defaults-B1rzzf6M.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";const K="_overlay_1tu2x_21",M="_content_1tu2x_31",Q="_description_1tu2x_52",Z="_actions_1tu2x_58",d={overlay:K,content:M,description:Q,actions:Z},R=({children:r})=>e.jsx(X,{asChild:!0,children:i.Children.only(r)}),$=i.forwardRef(function(n,o){return e.jsx(J,{asChild:!0,children:e.jsx(s,{...n,ref:o})})}),ee=i.forwardRef(function(n,o){return e.jsx(L,{asChild:!0,children:e.jsx(s,{...n,ref:o})})}),te=({open:r,title:n,description:o,dataset:a,children:h})=>{const f=Y(),O=z(a,{preplyDsComponent:G.AlertDialog});let A;const C=[];return i.Children.forEach(h,c=>{i.isValidElement(c)&&(c.type===R?A=c:C.push(c))}),e.jsxs(F,{open:r,children:[A,e.jsxs(U,{container:f,children:[e.jsx(q,{className:d.overlay}),e.jsxs(V,{...O,className:d.content,children:[e.jsx(I,{asChild:!0,children:e.jsx(H,{tag:"h3",variant:"medium",children:n})}),e.jsx(W,{asChild:!0,children:e.jsx("p",{className:d.description,children:o})}),e.jsx("div",{className:d.actions,children:C})]})]})]})},t=Object.assign(te,{Trigger:R,Action:$,Cancel:ee});try{t.displayName="AlertDialog",t.__docgenInfo={description:"A modal alertdialog that interrupts the user with important content and expects a response.\n\nUnlike a `Dialog`, it cannot be dismissed by clicking outside or pressing escape.",displayName:"AlertDialog",props:{title:{defaultValue:null,description:"The alert's title, describing what the user needs to confirm",name:"title",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:"Details about the action and its consequences",name:"description",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},children:{defaultValue:null,description:"The AlertDialog actions.\n@see `AlertDialog.Actions` for a common actions convenience wrapper.",name:"children",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},open:{defaultValue:null,description:`Controls the visibility of the alert.
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{u as E,w as P,e as N}from"./index-BVDq5o4N.js";import{a as l}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{R as F,P as U,O as q,C as V,T as I,D as W,a as L,A as J,b as X}from"./index-BnaDsecG.js";import{H}from"./Heading-DJsY9vSm.js";import{B as s}from"./Button-znehaUck.js";import{i as Y}from"./PortalElementProvider-DidBkzFe.js";import{g as z}from"./index-DdzHuZ-Y.js";import{w as G}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-CJrO-Wtu.js";import"./index-B-5rsJjr.js";import"./tslib.es6-BntfKcQG.js";import"./text-accent-BqpJYBrf.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-BvohyNwD.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-DmGBqbEZ.js";import"./Spinner-DNFm01hR.js";import"./defaults-B1rzzf6M.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";const K="_overlay_n5pax_21",M="_content_n5pax_31",Q="_description_n5pax_52",Z="_actions_n5pax_58",d={overlay:K,content:M,description:Q,actions:Z},R=({children:r})=>e.jsx(X,{asChild:!0,children:i.Children.only(r)}),$=i.forwardRef(function(n,a){return e.jsx(J,{asChild:!0,children:e.jsx(s,{...n,ref:a})})}),ee=i.forwardRef(function(n,a){return e.jsx(L,{asChild:!0,children:e.jsx(s,{...n,ref:a})})}),te=({open:r,title:n,description:a,dataset:o,children:h})=>{const f=Y(),O=z(o,{preplyDsComponent:G.AlertDialog});let A;const C=[];return i.Children.forEach(h,c=>{i.isValidElement(c)&&(c.type===R?A=c:C.push(c))}),e.jsxs(F,{open:r,children:[A,e.jsxs(U,{container:f,children:[e.jsx(q,{className:d.overlay}),e.jsxs(V,{...O,className:d.content,children:[e.jsx(I,{asChild:!0,children:e.jsx(H,{tag:"h3",variant:"medium",children:n})}),e.jsx(W,{asChild:!0,children:e.jsx("p",{className:d.description,children:a})}),e.jsx("div",{className:d.actions,children:C})]})]})]})},t=Object.assign(te,{Trigger:R,Action:$,Cancel:ee});try{t.displayName="AlertDialog",t.__docgenInfo={description:"A modal alertdialog that interrupts the user with important content and expects a response.\n\nUnlike a `Dialog`, it cannot be dismissed by clicking outside or pressing escape.",displayName:"AlertDialog",props:{title:{defaultValue:null,description:"The alert's title, describing what the user needs to confirm",name:"title",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:"Details about the action and its consequences",name:"description",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},children:{defaultValue:null,description:"The AlertDialog actions.\n@see `AlertDialog.Actions` for a common actions convenience wrapper.",name:"children",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},open:{defaultValue:null,description:`Controls the visibility of the alert.
2
2
 
3
3
  Alternatively, you can use the \`AlertDialog.Trigger\` subcomponent for
4
- an uncontrolled instance.`,name:"open",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const Be={title:"Components/AlertDialog",component:t,parameters:{docs:{description:{component:"A modal alert dialog for confirming destructive or important actions."},story:{inline:!1,height:300}}},play:async({canvas:r,step:n})=>{await n("Open alert",async()=>(await E.click(r.getByTestId("alert-trigger")),P(()=>{const o=r.getByTestId("alert-dialog");N(o).toBeVisible()})))}},u={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, `Cancel`, and `Action` subcomponents."}}},args:{title:"Confirm",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){return e.jsxs(t,{...n,children:[e.jsx(t.Trigger,{children:e.jsx(s,{dataset:{testid:"alert-trigger"},children:"Action"})}),e.jsx(t.Cancel,{variant:"secondary",onClick:l("cancel"),children:"Cancel"}),e.jsx(t.Action,{onClick:l("confirm"),children:"Confirm"})]})}},p={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, and two `Action` subcomponents.\n\nThe two actions are styled differently to suggest a preferred action to the one the user has requested.\n\nFor example, in this case, the user is prompted to reschedule instead of canceling."}}},args:{title:"Cancel Lesson",description:"Your balance will not be refunded. Would you like to reschedule instead?",dataset:{testid:"alert-dialog"}},render:function(n){return e.jsxs(t,{...n,children:[e.jsx(t.Trigger,{children:e.jsx(s,{variant:"critical",dataset:{testid:"alert-trigger"},children:"Cancel Lesson"})}),e.jsx(t.Action,{variant:"ghost",onClick:l("cancel"),children:"Cancel lesson"}),e.jsx(t.Action,{variant:"secondary",onClick:l("reschedule"),children:"Reschedule"})]})}},g={parameters:{docs:{description:{story:"Fully controlled using custom `Buttons`."}}},args:{title:"Delete Account",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){const[o,a]=i.useState(!1),h=()=>{a(!1),l("account deleted")()},f=()=>{a(!1),l("deletion canceled")()};return e.jsxs(e.Fragment,{children:[e.jsx(s,{onClick:()=>a(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsxs(t,{...n,open:o,children:[e.jsx(t.Cancel,{variant:"secondary",onClick:f,children:"Cancel"}),e.jsx(t.Action,{variant:"critical",onClick:h,children:"Delete"})]})]})}},m={parameters:{docs:{description:{story:"Fully controlled using a single custom `Button`."}}},args:{title:"Payment failed",description:"The page will refresh. Please try again.",dataset:{testid:"alert-dialog"}},render:function(n){const[o,a]=i.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(s,{onClick:()=>a(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsx(t,{...n,open:o,children:e.jsx(t.Action,{onClick:()=>{a(!1),l("page refreshed")()},children:"Refresh"})})]})}};var y,v,D;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`{
4
+ an uncontrolled instance.`,name:"open",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const Be={title:"Components/AlertDialog",component:t,parameters:{docs:{description:{component:"A modal alert dialog for confirming destructive or important actions."},story:{inline:!1,height:300}}},play:async({canvas:r,step:n})=>{await n("Open alert",async()=>(await E.click(r.getByTestId("alert-trigger")),P(()=>{const a=r.getByTestId("alert-dialog");N(a).toBeVisible()})))}},u={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, `Cancel`, and `Action` subcomponents."}}},args:{title:"Confirm",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){return e.jsxs(t,{...n,children:[e.jsx(t.Trigger,{children:e.jsx(s,{dataset:{testid:"alert-trigger"},children:"Action"})}),e.jsx(t.Cancel,{variant:"secondary",onClick:l("cancel"),children:"Cancel"}),e.jsx(t.Action,{onClick:l("confirm"),children:"Confirm"})]})}},p={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, and two `Action` subcomponents.\n\nThe two actions are styled differently to suggest a preferred action to the one the user has requested.\n\nFor example, in this case, the user is prompted to reschedule instead of canceling."}}},args:{title:"Cancel Lesson",description:"Your balance will not be refunded. Would you like to reschedule instead?",dataset:{testid:"alert-dialog"}},render:function(n){return e.jsxs(t,{...n,children:[e.jsx(t.Trigger,{children:e.jsx(s,{variant:"critical",dataset:{testid:"alert-trigger"},children:"Cancel Lesson"})}),e.jsx(t.Action,{variant:"ghost",onClick:l("cancel"),children:"Cancel lesson"}),e.jsx(t.Action,{variant:"secondary",onClick:l("reschedule"),children:"Reschedule"})]})}},g={parameters:{docs:{description:{story:"Fully controlled using custom `Buttons`."}}},args:{title:"Delete Account",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){const[a,o]=i.useState(!1),h=()=>{o(!1),l("account deleted")()},f=()=>{o(!1),l("deletion canceled")()};return e.jsxs(e.Fragment,{children:[e.jsx(s,{onClick:()=>o(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsxs(t,{...n,open:a,children:[e.jsx(t.Cancel,{variant:"secondary",onClick:f,children:"Cancel"}),e.jsx(t.Action,{variant:"critical",onClick:h,children:"Delete"})]})]})}},m={parameters:{docs:{description:{story:"Fully controlled using a single custom `Button`."}}},args:{title:"Payment failed",description:"The page will refresh. Please try again.",dataset:{testid:"alert-dialog"}},render:function(n){const[a,o]=i.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(s,{onClick:()=>o(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsx(t,{...n,open:a,children:e.jsx(t.Action,{onClick:()=>{o(!1),l("page refreshed")()},children:"Refresh"})})]})}};var y,v,D;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`{
5
5
  parameters: {
6
6
  docs: {
7
7
  description: {
@@ -0,0 +1 @@
1
+ ._Avatar_s1305_4{display:inline-block}._Avatar_s1305_4 img{vertical-align:bottom;-o-object-fit:cover;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_s1305_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_s1305_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_s1305_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_s1305_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_s1305_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_s1305_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_s1305_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_s1305_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_s1305_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_s1305_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_s1305_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_s1305_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_s1305_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_s1305_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_s1305_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_s1305_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_s1305_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_s1305_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_s1305_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_s1305_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_s1305_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_s1305_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_s1305_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_s1305_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_s1305_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_s1305_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_s1305_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_s1305_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_s1305_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_s1305_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_s1305_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_s1305_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_s1305_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_s1305_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_s1305_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_s1305_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_s1305_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_s1305_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_s1305_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_s1305_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_s1305_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_s1305_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_s1305_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_s1305_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_s1305_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_s1305_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_s1305_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_s1305_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_s1305_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_s1305_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_s1305_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_s1305_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_s1305_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_s1305_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_s1305_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_s1305_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_s1305_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_s1305_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_s1305_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_s1305_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_s1305_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_s1305_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_s1305_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_s1305_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_s1305_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_s1305_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_s1305_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_s1305_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_s1305_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_s1305_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_s1305_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_s1305_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_s1305_310 img{border-radius:var(--8517a6)}._Avatar_s1305_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
@@ -0,0 +1 @@
1
+ ._Avatar_s1305_4{display:inline-block}._Avatar_s1305_4 img{vertical-align:bottom;object-fit:cover;border-radius:var(--dad9ec)}._Avatar--size-2xs_s1305_12 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--size-xs_s1305_16 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--size-s_s1305_20 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--size-m_s1305_24 img{width:var(--b51334);height:var(--b51334)}._Avatar--size-l_s1305_28 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--size-xl_s1305_32 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--size-24_s1305_36 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--size-32_s1305_40 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--size-48_s1305_44 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--size-64_s1305_48 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--size-96_s1305_52 img{width:var(--796da2);height:var(--796da2)}._Avatar--size-160_s1305_56 img{width:var(--329ba7);height:var(--329ba7)}@media (min-width: 400px){._Avatar--narrow-l--size-2xs_s1305_61 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--narrow-l--size-xs_s1305_65 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--narrow-l--size-s_s1305_69 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--narrow-l--size-m_s1305_73 img{width:var(--b51334);height:var(--b51334)}._Avatar--narrow-l--size-l_s1305_77 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--narrow-l--size-xl_s1305_81 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--narrow-l--size-24_s1305_85 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--narrow-l--size-32_s1305_89 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--narrow-l--size-48_s1305_93 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--narrow-l--size-64_s1305_97 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--narrow-l--size-96_s1305_101 img{width:var(--796da2);height:var(--796da2)}._Avatar--narrow-l--size-160_s1305_105 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 700px){._Avatar--medium-s--size-2xs_s1305_111 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-s--size-xs_s1305_115 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-s--size-s_s1305_119 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-s--size-m_s1305_123 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-s--size-l_s1305_127 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-s--size-xl_s1305_131 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-s--size-24_s1305_135 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-s--size-32_s1305_139 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-s--size-48_s1305_143 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-s--size-64_s1305_147 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-s--size-96_s1305_151 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-s--size-160_s1305_155 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 880px){._Avatar--medium-l--size-2xs_s1305_161 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--medium-l--size-xs_s1305_165 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--medium-l--size-s_s1305_169 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--medium-l--size-m_s1305_173 img{width:var(--b51334);height:var(--b51334)}._Avatar--medium-l--size-l_s1305_177 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--medium-l--size-xl_s1305_181 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--medium-l--size-24_s1305_185 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--medium-l--size-32_s1305_189 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--medium-l--size-48_s1305_193 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--medium-l--size-64_s1305_197 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--medium-l--size-96_s1305_201 img{width:var(--796da2);height:var(--796da2)}._Avatar--medium-l--size-160_s1305_205 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1200px){._Avatar--wide-s--size-2xs_s1305_211 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-s--size-xs_s1305_215 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-s--size-s_s1305_219 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-s--size-m_s1305_223 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-s--size-l_s1305_227 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-s--size-xl_s1305_231 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-s--size-24_s1305_235 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-s--size-32_s1305_239 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-s--size-48_s1305_243 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-s--size-64_s1305_247 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-s--size-96_s1305_251 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-s--size-160_s1305_255 img{width:var(--329ba7);height:var(--329ba7)}}@media (min-width: 1900px){._Avatar--wide-l--size-2xs_s1305_261 img{width:var(--d51f41);height:var(--d51f41)}._Avatar--wide-l--size-xs_s1305_265 img{width:var(--cfdb4f);height:var(--cfdb4f)}._Avatar--wide-l--size-s_s1305_269 img{width:var(--2dafbf);height:var(--2dafbf)}._Avatar--wide-l--size-m_s1305_273 img{width:var(--b51334);height:var(--b51334)}._Avatar--wide-l--size-l_s1305_277 img{width:var(--d318a5);height:var(--d318a5)}._Avatar--wide-l--size-xl_s1305_281 img{width:var(--6eb1c7);height:var(--6eb1c7)}._Avatar--wide-l--size-24_s1305_285 img{width:var(--86aa8e);height:var(--86aa8e)}._Avatar--wide-l--size-32_s1305_289 img{width:var(--32bbec);height:var(--32bbec)}._Avatar--wide-l--size-48_s1305_293 img{width:var(--950ab5);height:var(--950ab5)}._Avatar--wide-l--size-64_s1305_297 img{width:var(--cc5dc7);height:var(--cc5dc7)}._Avatar--wide-l--size-96_s1305_301 img{width:var(--796da2);height:var(--796da2)}._Avatar--wide-l--size-160_s1305_305 img{width:var(--329ba7);height:var(--329ba7)}}._Avatar--round_s1305_310 img{border-radius:var(--8517a6)}._Avatar_s1305_4 img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}
@@ -0,0 +1 @@
1
+ import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Cb9e4tly.js";import{f as o}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as u,s as n,b as x}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-Bwls0I02.js";import{g as p}from"./index-DdzHuZ-Y.js";import{A as f}from"./constants--ewUoBsO.js";import{A as c}from"./defaults-B1rzzf6M.js";const C="_Avatar_s1305_4",N={Avatar:C,"Avatar--size-2xs":"_Avatar--size-2xs_s1305_12","Avatar--size-xs":"_Avatar--size-xs_s1305_16","Avatar--size-s":"_Avatar--size-s_s1305_20","Avatar--size-m":"_Avatar--size-m_s1305_24","Avatar--size-l":"_Avatar--size-l_s1305_28","Avatar--size-xl":"_Avatar--size-xl_s1305_32","Avatar--size-24":"_Avatar--size-24_s1305_36","Avatar--size-32":"_Avatar--size-32_s1305_40","Avatar--size-48":"_Avatar--size-48_s1305_44","Avatar--size-64":"_Avatar--size-64_s1305_48","Avatar--size-96":"_Avatar--size-96_s1305_52","Avatar--size-160":"_Avatar--size-160_s1305_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_s1305_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_s1305_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_s1305_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_s1305_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_s1305_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_s1305_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_s1305_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_s1305_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_s1305_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_s1305_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_s1305_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_s1305_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_s1305_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_s1305_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_s1305_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_s1305_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_s1305_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_s1305_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_s1305_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_s1305_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_s1305_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_s1305_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_s1305_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_s1305_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_s1305_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_s1305_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_s1305_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_s1305_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_s1305_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_s1305_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_s1305_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_s1305_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_s1305_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_s1305_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_s1305_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_s1305_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_s1305_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_s1305_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_s1305_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_s1305_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_s1305_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_s1305_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_s1305_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_s1305_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_s1305_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_s1305_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_s1305_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_s1305_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_s1305_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_s1305_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_s1305_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_s1305_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_s1305_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_s1305_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_s1305_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_s1305_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_s1305_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_s1305_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_s1305_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_s1305_305","Avatar--round":"_Avatar--round_s1305_310"},R=w.forwardRef(function({size:i=c,round:a,src:r,alt:_="",dataset:t,crossOrigin:A,...v},z){const m=a??!0,l=u(N,e.Avatar,[n("size",i),x("round",void 0,m)]),d={...o(v),ref:z,className:l.join(" "),...p(t,{preplyDsComponent:e.Avatar})};return s.jsx("picture",{...d,children:s.jsx("img",{src:r||f,alt:_,crossOrigin:A})})});R.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"'xs'",computed:!1},required:!1},alt:{defaultValue:{value:'""',computed:!1},required:!1}}};export{R as A};
@@ -0,0 +1,6 @@
1
+ import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as n}from"./index-Cb9e4tly.js";import{f as w}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as p,s as x,b as c}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-Bwls0I02.js";import{g as f}from"./index-DdzHuZ-Y.js";import{A as g}from"./constants--ewUoBsO.js";import{A as y}from"./defaults-B1rzzf6M.js";const h="_Avatar_s1305_4",R={Avatar:h,"Avatar--size-2xs":"_Avatar--size-2xs_s1305_12","Avatar--size-xs":"_Avatar--size-xs_s1305_16","Avatar--size-s":"_Avatar--size-s_s1305_20","Avatar--size-m":"_Avatar--size-m_s1305_24","Avatar--size-l":"_Avatar--size-l_s1305_28","Avatar--size-xl":"_Avatar--size-xl_s1305_32","Avatar--size-24":"_Avatar--size-24_s1305_36","Avatar--size-32":"_Avatar--size-32_s1305_40","Avatar--size-48":"_Avatar--size-48_s1305_44","Avatar--size-64":"_Avatar--size-64_s1305_48","Avatar--size-96":"_Avatar--size-96_s1305_52","Avatar--size-160":"_Avatar--size-160_s1305_56","Avatar--narrow-l--size-2xs":"_Avatar--narrow-l--size-2xs_s1305_61","Avatar--narrow-l--size-xs":"_Avatar--narrow-l--size-xs_s1305_65","Avatar--narrow-l--size-s":"_Avatar--narrow-l--size-s_s1305_69","Avatar--narrow-l--size-m":"_Avatar--narrow-l--size-m_s1305_73","Avatar--narrow-l--size-l":"_Avatar--narrow-l--size-l_s1305_77","Avatar--narrow-l--size-xl":"_Avatar--narrow-l--size-xl_s1305_81","Avatar--narrow-l--size-24":"_Avatar--narrow-l--size-24_s1305_85","Avatar--narrow-l--size-32":"_Avatar--narrow-l--size-32_s1305_89","Avatar--narrow-l--size-48":"_Avatar--narrow-l--size-48_s1305_93","Avatar--narrow-l--size-64":"_Avatar--narrow-l--size-64_s1305_97","Avatar--narrow-l--size-96":"_Avatar--narrow-l--size-96_s1305_101","Avatar--narrow-l--size-160":"_Avatar--narrow-l--size-160_s1305_105","Avatar--medium-s--size-2xs":"_Avatar--medium-s--size-2xs_s1305_111","Avatar--medium-s--size-xs":"_Avatar--medium-s--size-xs_s1305_115","Avatar--medium-s--size-s":"_Avatar--medium-s--size-s_s1305_119","Avatar--medium-s--size-m":"_Avatar--medium-s--size-m_s1305_123","Avatar--medium-s--size-l":"_Avatar--medium-s--size-l_s1305_127","Avatar--medium-s--size-xl":"_Avatar--medium-s--size-xl_s1305_131","Avatar--medium-s--size-24":"_Avatar--medium-s--size-24_s1305_135","Avatar--medium-s--size-32":"_Avatar--medium-s--size-32_s1305_139","Avatar--medium-s--size-48":"_Avatar--medium-s--size-48_s1305_143","Avatar--medium-s--size-64":"_Avatar--medium-s--size-64_s1305_147","Avatar--medium-s--size-96":"_Avatar--medium-s--size-96_s1305_151","Avatar--medium-s--size-160":"_Avatar--medium-s--size-160_s1305_155","Avatar--medium-l--size-2xs":"_Avatar--medium-l--size-2xs_s1305_161","Avatar--medium-l--size-xs":"_Avatar--medium-l--size-xs_s1305_165","Avatar--medium-l--size-s":"_Avatar--medium-l--size-s_s1305_169","Avatar--medium-l--size-m":"_Avatar--medium-l--size-m_s1305_173","Avatar--medium-l--size-l":"_Avatar--medium-l--size-l_s1305_177","Avatar--medium-l--size-xl":"_Avatar--medium-l--size-xl_s1305_181","Avatar--medium-l--size-24":"_Avatar--medium-l--size-24_s1305_185","Avatar--medium-l--size-32":"_Avatar--medium-l--size-32_s1305_189","Avatar--medium-l--size-48":"_Avatar--medium-l--size-48_s1305_193","Avatar--medium-l--size-64":"_Avatar--medium-l--size-64_s1305_197","Avatar--medium-l--size-96":"_Avatar--medium-l--size-96_s1305_201","Avatar--medium-l--size-160":"_Avatar--medium-l--size-160_s1305_205","Avatar--wide-s--size-2xs":"_Avatar--wide-s--size-2xs_s1305_211","Avatar--wide-s--size-xs":"_Avatar--wide-s--size-xs_s1305_215","Avatar--wide-s--size-s":"_Avatar--wide-s--size-s_s1305_219","Avatar--wide-s--size-m":"_Avatar--wide-s--size-m_s1305_223","Avatar--wide-s--size-l":"_Avatar--wide-s--size-l_s1305_227","Avatar--wide-s--size-xl":"_Avatar--wide-s--size-xl_s1305_231","Avatar--wide-s--size-24":"_Avatar--wide-s--size-24_s1305_235","Avatar--wide-s--size-32":"_Avatar--wide-s--size-32_s1305_239","Avatar--wide-s--size-48":"_Avatar--wide-s--size-48_s1305_243","Avatar--wide-s--size-64":"_Avatar--wide-s--size-64_s1305_247","Avatar--wide-s--size-96":"_Avatar--wide-s--size-96_s1305_251","Avatar--wide-s--size-160":"_Avatar--wide-s--size-160_s1305_255","Avatar--wide-l--size-2xs":"_Avatar--wide-l--size-2xs_s1305_261","Avatar--wide-l--size-xs":"_Avatar--wide-l--size-xs_s1305_265","Avatar--wide-l--size-s":"_Avatar--wide-l--size-s_s1305_269","Avatar--wide-l--size-m":"_Avatar--wide-l--size-m_s1305_273","Avatar--wide-l--size-l":"_Avatar--wide-l--size-l_s1305_277","Avatar--wide-l--size-xl":"_Avatar--wide-l--size-xl_s1305_281","Avatar--wide-l--size-24":"_Avatar--wide-l--size-24_s1305_285","Avatar--wide-l--size-32":"_Avatar--wide-l--size-32_s1305_289","Avatar--wide-l--size-48":"_Avatar--wide-l--size-48_s1305_293","Avatar--wide-l--size-64":"_Avatar--wide-l--size-64_s1305_297","Avatar--wide-l--size-96":"_Avatar--wide-l--size-96_s1305_301","Avatar--wide-l--size-160":"_Avatar--wide-l--size-160_s1305_305","Avatar--round":"_Avatar--round_s1305_310"},s=n.forwardRef(function({size:r=y,round:t,src:_,alt:v="",dataset:l,crossOrigin:A,...m},d){const z=t??!0,u=p(R,e.Avatar,[x("size",r),c("round",void 0,z)]),o={...w(m),ref:d,className:u.join(" "),...f(l,{preplyDsComponent:e.Avatar})};return a.jsx("picture",{...o,children:a.jsx("img",{src:_||g,alt:v,crossOrigin:A})})});try{s.displayName="Avatar",s.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"xs"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<AvatarSize>"}]}},round:{defaultValue:null,description:"@deprecated this prop is deprecated and has no effect",name:"round",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},src:{defaultValue:null,description:`The avatar image URL.
2
+ If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:{value:""},description:`A description of the image.
3
+ This is recommended for accessibility purposes, specifically for users
4
+ of screen readers.
5
+ @example <Avatar src={...} alt="Foobar's profile" />`,name:"alt",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:`Use this to set data attributes on the DOM element for the purpose of
6
+ e2e tests or integrating with external libraries.`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},crossOrigin:{defaultValue:null,description:"CORS policy for the image.",name:"crossOrigin",required:!1,type:{name:"enum",value:[{value:'""'},{value:'"anonymous"'},{value:'"use-credentials"'}]}}}}}catch{}export{s as A};