@preply/ds-docs 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (228) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-DoLb1LoS.js → 00.LayoutFlex.stories-Dxg48axa.js} +1 -1
  2. package/dist/assets/{00.applications-CodmhfzP.js → 00.applications-CWPvzkb8.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-CB7otDce.js → 00.favicons.guide-CioTS39P.js} +1 -1
  4. package/dist/assets/{00.token-explorer-iUebypoy.js → 00.token-explorer-Ms3A3gKw.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-t2wHUu8m.js → 00.using-responsive-props-B4JXxb8B.js} +1 -1
  6. package/dist/assets/{01.semantic-tokens-BRVBqUiT.js → 01.semantic-tokens-uwEK-alq.js} +1 -1
  7. package/dist/assets/{01.using-shorthand-props-DEJgBvzq.js → 01.using-shorthand-props-DVl924Oz.js} +1 -1
  8. package/dist/assets/{10.Combinations.stories-DLSgJgrw.js → 10.Combinations.stories-BwVik25M.js} +1 -1
  9. package/dist/assets/{10.fonts.guide-D12lSwgH.js → 10.fonts.guide-CPpSTBh5.js} +1 -1
  10. package/dist/assets/{10.ssr-DlFRK64e.js → 10.ssr-nIbsPyxs.js} +1 -1
  11. package/dist/assets/{11.languageFont.explorer-C5k8-Jz1.js → 11.languageFont.explorer-BnJaxOzB.js} +1 -1
  12. package/dist/assets/{11.ssr.app-router-Dhu4kN2c.js → 11.ssr.app-router-D1RtbDN9.js} +1 -1
  13. package/dist/assets/{20.libraries-B0n8gJVD.js → 20.libraries-DROERfkO.js} +1 -1
  14. package/dist/assets/{30.icons.explorer-Crh_uKlY.js → 30.icons.explorer-El51dKM_.js} +2 -2
  15. package/dist/assets/{30.storybook-BAO0l6SZ.js → 30.storybook-DG4_FgeX.js} +1 -1
  16. package/dist/assets/{40.illustrations.explorer-SD9H4gQS.js → 40.illustrations.explorer-BZO-_C_S.js} +1 -1
  17. package/dist/assets/{90.advanced-CeKbZzoq.js → 90.advanced-Bpafg85K.js} +1 -1
  18. package/dist/assets/AlertDialog-C9BEjgkE.css +1 -0
  19. package/dist/assets/{AlertDialog.stories-CqAVOJ5x.js → AlertDialog.stories-DYP2Qbit.js} +1 -1
  20. package/dist/assets/Avatar-DKsRQl4B.js +6 -0
  21. package/dist/assets/Avatar-HtycGal7.js +1 -0
  22. package/dist/assets/Avatar-L-715hiR.css +1 -0
  23. package/dist/assets/Avatar-M4k3pOBX.css +1 -0
  24. package/dist/assets/{Avatar.stories-DPuesOBK.js → Avatar.stories-D7fst3_7.js} +1 -1
  25. package/dist/assets/AvatarWithStatus-Dz0rSSHl.css +1 -0
  26. package/dist/assets/{AvatarWithStatus.stories-CKhKeqbK.js → AvatarWithStatus.stories-NWE-3XEL.js} +4 -4
  27. package/dist/assets/Badge-Ar4YZCqB.css +1 -0
  28. package/dist/assets/{Badge.stories-BY6I7UQ6.js → Badge.stories-DxY6VuVF.js} +2 -2
  29. package/dist/assets/Box-D1WAKfTQ.css +1 -0
  30. package/dist/assets/Box.stories-DFh_1cIr.js +44 -0
  31. package/dist/assets/{Button-CWNujLtP.js → Button-BOyl6fPv.js} +2 -2
  32. package/dist/assets/Button-BwBS3oEP.css +1 -0
  33. package/dist/assets/Button-DTjBNg_z.js +1 -0
  34. package/dist/assets/{Button-NXZW8cHc.css → Button-P9yXDdEf.css} +1 -1
  35. package/dist/assets/{Button.stories-DUHAAHTV.js → Button.stories-H01CJnTv.js} +1 -1
  36. package/dist/assets/ButtonBase-CndTGqQQ.js +8 -0
  37. package/dist/assets/{ButtonBase-ixkzvA2i.css → ButtonBase-Ddw6v5fn.css} +1 -1
  38. package/dist/assets/Chips-CpylpY14.css +1 -0
  39. package/dist/assets/{Chips.stories-C4g0ajtC.js → Chips.stories-B6Md1MMV.js} +7 -7
  40. package/dist/assets/{Color-YHDXOIA2-n0bEiukQ.js → Color-YHDXOIA2-4GAnzwWB.js} +1 -1
  41. package/dist/assets/Dialog-CNTXsWOb.css +1 -0
  42. package/dist/assets/{Dialog.stories-D74D9Tdn.js → Dialog.stories-C7_Fdl3l.js} +16 -16
  43. package/dist/assets/{DocsRenderer-CFRXHY34-BhNva4nY.js → DocsRenderer-CFRXHY34-DEKaLxr5.js} +1 -1
  44. package/dist/assets/{FieldAdditionalText-BiaO_Yss.js → FieldAdditionalText-BbXsXR5V.js} +1 -1
  45. package/dist/assets/FieldAdditionalText-DbuNvJBg.css +1 -0
  46. package/dist/assets/{FieldAdditionalText.stories-CgNnZYRi.js → FieldAdditionalText.stories-BknKG7pn.js} +1 -1
  47. package/dist/assets/{FieldButton-B_tn3Eq6.css → FieldButton-BJQKm6jT.css} +1 -1
  48. package/dist/assets/{FieldButton-D0MgvwIU.js → FieldButton-CLS4hZRO.js} +1 -1
  49. package/dist/assets/{FieldButton.stories-ChS0IeCP.js → FieldButton.stories-8phtWQab.js} +1 -1
  50. package/dist/assets/FieldLayout-DYbPQFAW.css +1 -0
  51. package/dist/assets/{FieldLayout-BbLKeSmh.js → FieldLayout-nD5R7atd.js} +1 -1
  52. package/dist/assets/{FieldLayout.stories-C5bw8Efg.js → FieldLayout.stories-TOLu2AYc.js} +1 -1
  53. package/dist/assets/FieldLayoutBase-B_B5-cjL.css +1 -0
  54. package/dist/assets/{FieldLayoutBase-DhKLFBcH.js → FieldLayoutBase-Ri_bjseH.js} +3 -3
  55. package/dist/assets/Heading-BIzxWDA5.js +2 -0
  56. package/dist/assets/{Heading-Ba64-F3t.css → Heading-DLvxlILX.css} +1 -1
  57. package/dist/assets/{Heading.stories-D9Zye7km.js → Heading.stories-DVOG4eGs.js} +1 -1
  58. package/dist/assets/Icon-BmtvHdpX.js +8 -0
  59. package/dist/assets/Icon-BqDOhmd9.js +1 -0
  60. package/dist/assets/Icon-CQT2GKoH.css +1 -0
  61. package/dist/assets/Icon-CXX0nf3D.css +1 -0
  62. package/dist/assets/{Icon-RSC-YupbVJQy.js → Icon-RSC-BXbRnWp9.js} +1 -1
  63. package/dist/assets/{Icon.stories-jVWnmDlZ.js → Icon.stories-DLdTr5b7.js} +1 -1
  64. package/dist/assets/{IconButton-C3AcGEY7.js → IconButton-LF952PfZ.js} +2 -2
  65. package/dist/assets/InputText-Dtc7LpKa.js +5 -0
  66. package/dist/assets/{LayoutFlex-D2upWEjL.js → LayoutFlex-Bm8v-QkC.js} +1 -1
  67. package/dist/assets/{LayoutFlex-BOiDmozK.js → LayoutFlex-Cc1D09Ei.js} +1 -1
  68. package/dist/assets/LayoutFlexItem-BYTRwx_X.css +1 -0
  69. package/dist/assets/{LayoutFlexItem-Su5RvuQk.js → LayoutFlexItem-C_JBzaw-.js} +1 -1
  70. package/dist/assets/LayoutGrid-DFWk8NB8.css +1 -0
  71. package/dist/assets/LayoutGrid-IDkxjZN1.js +1 -0
  72. package/dist/assets/LayoutGrid-L_40ixqn.css +1 -0
  73. package/dist/assets/{LayoutGrid.stories-DKw5d1ZE.js → LayoutGrid.stories-DPmEZkN1.js} +3 -3
  74. package/dist/assets/LayoutGridItem-DvV7NvZa.js +1 -0
  75. package/dist/assets/LayoutGridItem-DwNHNpvD.css +1 -0
  76. package/dist/assets/Link-xQTG6qM6.css +1 -0
  77. package/dist/assets/{Link.stories-BSLk0Pem.js → Link.stories-EiMcdLab.js} +5 -5
  78. package/dist/assets/Loader-BasFj5cB.css +1 -0
  79. package/dist/assets/{Loader.stories-DUgJSe87.js → Loader.stories-C9NOJXU_.js} +3 -3
  80. package/dist/assets/NumberField.stories-DpEWh-dT.js +203 -0
  81. package/dist/assets/{ObserveIntersection-D396wl1Z.js → ObserveIntersection-Ccn6ggRl.js} +1 -1
  82. package/dist/assets/{ObserveIntersection.stories-DIe0cEvy.js → ObserveIntersection.stories-CK5RwCMK.js} +1 -1
  83. package/dist/assets/OnboardingTooltip-BUE-a7PJ.css +1 -0
  84. package/dist/assets/{OnboardingTooltip-Bl0XDogf.js → OnboardingTooltip-vUAo9ADZ.js} +1 -1
  85. package/dist/assets/{OnboardingTooltip.stories-B0FIL9CU.js → OnboardingTooltip.stories-doNUnMe7.js} +1 -1
  86. package/dist/assets/{OnboardingTooltip.tests.stories-JJZpRwk6.js → OnboardingTooltip.tests.stories-Bv3lHMu_.js} +1 -1
  87. package/dist/assets/{OnboardingTour-DaxzhhRL.css → OnboardingTour-BJaUVtET.css} +1 -1
  88. package/dist/assets/{OnboardingTour-pR_NmiBL.js → OnboardingTour-i4oFa3CL.js} +1 -1
  89. package/dist/assets/{OnboardingTour.stories--g6PQm9S.js → OnboardingTour.stories-CoOA-ga5.js} +1 -1
  90. package/dist/assets/{OnboardingTour.tests.stories-QS0jiTXB.js → OnboardingTour.tests.stories-Bi99nEGK.js} +1 -1
  91. package/dist/assets/{PasswordField.stories-BPdZcEeu.js → PasswordField.stories-DY5ogILG.js} +3 -3
  92. package/dist/assets/PreplyLogo-D50rvD8_.css +1 -0
  93. package/dist/assets/{PreplyLogo.stories-DyGEUhO3.js → PreplyLogo.stories-D2YUc7Xm.js} +1 -1
  94. package/dist/assets/{ProgressBar-BHaYRC97.css → ProgressBar-BoL6q8Gm.css} +1 -1
  95. package/dist/assets/{ProgressBar.stories-C3Hx8JBS.js → ProgressBar.stories-DQ2un511.js} +1 -1
  96. package/dist/assets/{ProgressSteps-7jb0rnSw.js → ProgressSteps-CSu6U8Oh.js} +1 -1
  97. package/dist/assets/ProgressSteps-oRv75ID6.css +1 -0
  98. package/dist/assets/{ProgressSteps.stories-C4sfVcPt.js → ProgressSteps.stories-CbxKZt-6.js} +1 -1
  99. package/dist/assets/SelectField-DdoXEWJk.css +1 -0
  100. package/dist/assets/{SelectField.stories-C3X-5JHt.js → SelectField.stories-DXrTFOq5.js} +10 -10
  101. package/dist/assets/{ShowOnIntersection.stories-BYz5GE4A.js → ShowOnIntersection.stories-D4B8EpSn.js} +1 -1
  102. package/dist/assets/Spinner-WkRCqqWl.css +1 -0
  103. package/dist/assets/{Spinner-Iaah9nUJ.js → Spinner-Yzq6CWfu.js} +1 -1
  104. package/dist/assets/Steps-Cm49GD2O.css +1 -0
  105. package/dist/assets/{Steps-CfdqlU3Q.js → Steps-Drw_J1pN.js} +1 -1
  106. package/dist/assets/{Steps.stories-D3jWUCfp.js → Steps.stories-BhTfb1un.js} +1 -1
  107. package/dist/assets/Text-BbTAW1HU.js +1 -0
  108. package/dist/assets/Text-V4TRyvtW.js +1 -0
  109. package/dist/assets/{Text-CxaHmdy3.css → Text-rF1Oi742.css} +1 -1
  110. package/dist/assets/{Text.stories-MU-T7clI.js → Text.stories-CRxantTh.js} +1 -1
  111. package/dist/assets/TextField-BzR--15O.js +1 -0
  112. package/dist/assets/TextField-DnBkywp4.css +1 -0
  113. package/dist/assets/{TextField.stories-CXDhM8SN.js → TextField.stories-B6ZiRnD3.js} +1 -1
  114. package/dist/assets/TextHighlighted-Be3VqoqU.js +1 -0
  115. package/dist/assets/TextHighlighted-ctAnMXHo.css +1 -0
  116. package/dist/assets/{TextHighlighted.stories-Db5JA9US.js → TextHighlighted.stories-Ccl1UgGr.js} +1 -1
  117. package/dist/assets/TextInline-zyBsYqm3.css +1 -0
  118. package/dist/assets/{TextInline.stories-DGBhhF71.js → TextInline.stories-DjHRpfFb.js} +3 -3
  119. package/dist/assets/{TextareaField.stories-8FWfbQuv.js → TextareaField.stories-ZPt_wlMP.js} +5 -5
  120. package/dist/assets/Toast-9YYei-H6.css +1 -0
  121. package/dist/assets/{Toast.stories-D7QEZPb5.js → Toast.stories-DKkMHs-Q.js} +2 -2
  122. package/dist/assets/Tooltip-CEXdeSMx.css +1 -0
  123. package/dist/assets/{Tooltip-zv_6ckj2.js → Tooltip-Ct-WqDpg.js} +1 -1
  124. package/dist/assets/{Tooltip.stories-qNBQgLBX.js → Tooltip.stories-BWtp4p6F.js} +1 -1
  125. package/dist/assets/{Tooltip.tests.stories-DdHKI1ve.js → Tooltip.tests.stories-C2PZScD4.js} +1 -1
  126. package/dist/assets/{breakpoints-zK4Z5SKD.js → breakpoints-BHfQdcIJ.js} +1 -1
  127. package/dist/assets/{breakpoints-LpH7GcYD.js → breakpoints-DrPPi6ob.js} +1 -1
  128. package/dist/assets/{breakpoints-DTrgfqbR.js → breakpoints-I4FAlX3-.js} +1 -1
  129. package/dist/assets/{changelog-kNvLUHOz.js → changelog-CHKnz4hf.js} +89 -84
  130. package/dist/assets/{entry-preview-DjAFPLGc.js → entry-preview-CJqbxsdd.js} +1 -1
  131. package/dist/assets/{getTokenVar-BIGy16TO.js → getTokenVar-BX_aqC-A.js} +1 -1
  132. package/dist/assets/{hover-CRiTDNhR.js → hover-BcoRLc18.js} +1 -1
  133. package/dist/assets/{hover-CaTImSM4.js → hover-Bn6tz5Uw.js} +1 -1
  134. package/dist/assets/{hover-p3QJEZw5.js → hover-DNMePSJs.js} +1 -1
  135. package/dist/assets/{iframe-9Hj_MNfh.js → iframe-D0mvSgIL.js} +2 -2
  136. package/dist/assets/{index-BXfuwMTe.js → index-4X0Wd6c1.js} +1 -1
  137. package/dist/assets/{index-DRVMKRNe.js → index-BsQc80lu.js} +3 -3
  138. package/dist/assets/{intro-DzWewgwc.js → intro-CBk5iAA3.js} +1 -1
  139. package/dist/assets/layout-relative-Bqi-eQr9.css +1 -0
  140. package/dist/assets/layout-relative-Brg7nCBe.css +1 -0
  141. package/dist/assets/layout-relative-D1P2Swpw.css +1 -0
  142. package/dist/assets/layout-relative-DFrOiWAE.js +1 -0
  143. package/dist/assets/layout-relative.module-BhIMNlTS-HdwEQarE.js +1 -0
  144. package/dist/assets/layout-relative.module-CDUOJ19G.js +1 -0
  145. package/dist/assets/{migrating-from-less-tN-JFjco.js → migrating-from-less-T5R-NRLP.js} +1 -1
  146. package/dist/assets/playground-pPNOw9Oj.css +1 -0
  147. package/dist/assets/{playground.stories-DMK1ZcmP.js → playground.stories-D2vZb5DU.js} +88 -88
  148. package/dist/assets/{preview-BI7kN1TP.js → preview-BBPbRy6B.js} +2 -2
  149. package/dist/assets/{preview-CvW0gOh5.js → preview-DCKor9oC.js} +1 -1
  150. package/dist/assets/{preview-BCYWUPon.js → preview-Vxjmr8F-.js} +1 -1
  151. package/dist/assets/text-accent-BbDxH1tz.css +1 -0
  152. package/dist/assets/text-accent-C7pEavfl.js +1 -0
  153. package/dist/assets/text-accent-Pc_gtAUU.js +1 -0
  154. package/dist/assets/text-centered-Bf8j8BI4.js +1 -0
  155. package/dist/assets/text-centered-BsBBnlcu.css +1 -0
  156. package/dist/assets/text-centered-CCAvmLGC.css +1 -0
  157. package/dist/assets/text-centered-CEVxj3Ji.js +1 -0
  158. package/dist/assets/{tokens-C0oPORlF.js → tokens-BYJD7edf.js} +1 -1
  159. package/dist/assets/{tokens-kLWqWJLR.js → tokens-ChcQAZih.js} +1 -1
  160. package/dist/assets/{tokens-d5jI-VhO.js → tokens-D0BWg3AW.js} +1 -1
  161. package/dist/assets/{usePortalElement-D3vRKAB1.js → usePortalElement-D8YB8wCj.js} +1 -1
  162. package/dist/assets/{welcome-CvEfK4A3.js → welcome-mZ5KeQa-.js} +1 -1
  163. package/dist/assets/{zeroheight-wKcu_QWZ.js → zeroheight-CLcZK6pE.js} +1 -1
  164. package/dist/iframe.html +1 -1
  165. package/dist/preview-stats.json +1446 -1446
  166. package/dist/project.json +1 -1
  167. package/package.json +3 -3
  168. package/dist/assets/AlertDialog-CNsqqwq6.css +0 -1
  169. package/dist/assets/Avatar-BWVdwHlY.js +0 -6
  170. package/dist/assets/Avatar-BaeMEqzB.js +0 -1
  171. package/dist/assets/Avatar-DELee2ui.css +0 -1
  172. package/dist/assets/Avatar-SizFbjOh.css +0 -1
  173. package/dist/assets/AvatarWithStatus-B8ohNruV.css +0 -1
  174. package/dist/assets/Badge-BTktKAv_.css +0 -1
  175. package/dist/assets/Box-Ci4ycgSn.css +0 -1
  176. package/dist/assets/Box.stories-DF2h791P.js +0 -44
  177. package/dist/assets/Button-Cjld0T4n.css +0 -1
  178. package/dist/assets/Button-itdvNgOg.js +0 -1
  179. package/dist/assets/ButtonBase-CJjNfOwu.js +0 -8
  180. package/dist/assets/Chips-2wQm6zLU.css +0 -1
  181. package/dist/assets/Dialog-BKWHIlGs.css +0 -1
  182. package/dist/assets/FieldAdditionalText-tbMWNWhN.css +0 -1
  183. package/dist/assets/FieldLayout-6dPZQnKP.css +0 -1
  184. package/dist/assets/FieldLayoutBase-_Sj6YO8M.css +0 -1
  185. package/dist/assets/Heading-DcJnmvUa.js +0 -2
  186. package/dist/assets/Icon-BQSXaoh3.css +0 -1
  187. package/dist/assets/Icon-ByBuC1kf.css +0 -1
  188. package/dist/assets/Icon-DbIHupWZ.js +0 -8
  189. package/dist/assets/Icon-pHhBCzBO.js +0 -1
  190. package/dist/assets/InputText-CL5Snaht.js +0 -5
  191. package/dist/assets/LayoutFlexItem-BWKgsCDT.css +0 -1
  192. package/dist/assets/LayoutGrid-BG29rjrt.js +0 -1
  193. package/dist/assets/LayoutGrid-BId9Yglz.css +0 -1
  194. package/dist/assets/LayoutGrid-Cw_n5H21.css +0 -1
  195. package/dist/assets/LayoutGridItem-C-iUb7WL.css +0 -1
  196. package/dist/assets/LayoutGridItem-D5Hb9kQy.js +0 -1
  197. package/dist/assets/Link-LMW4jOcv.css +0 -1
  198. package/dist/assets/Loader-Bx87E7sh.css +0 -1
  199. package/dist/assets/NumberField.stories-DzaH3Pwj.js +0 -203
  200. package/dist/assets/OnboardingTooltip-DceGOXFO.css +0 -1
  201. package/dist/assets/PreplyLogo-DnbCD6MN.css +0 -1
  202. package/dist/assets/ProgressSteps-HPd6w_Nr.css +0 -1
  203. package/dist/assets/SelectField-DMcbwWwy.css +0 -1
  204. package/dist/assets/Spinner-CixbAVEL.css +0 -1
  205. package/dist/assets/Steps-CRCACZIC.css +0 -1
  206. package/dist/assets/Text-i5U7-KMF.js +0 -1
  207. package/dist/assets/Text-nWyCR02l.js +0 -1
  208. package/dist/assets/TextField-CVWDg_y4.css +0 -1
  209. package/dist/assets/TextField-DFm3O-Tl.js +0 -1
  210. package/dist/assets/TextHighlighted-CgBvDnFO.css +0 -1
  211. package/dist/assets/TextHighlighted-LVoJ79mt.js +0 -1
  212. package/dist/assets/TextInline-BWC2_5IX.css +0 -1
  213. package/dist/assets/Toast-BrvHWUik.css +0 -1
  214. package/dist/assets/Tooltip-xWfAzqNZ.css +0 -1
  215. package/dist/assets/layout-relative-BCl7bwOR.css +0 -1
  216. package/dist/assets/layout-relative-DIZ6zNub.css +0 -1
  217. package/dist/assets/layout-relative-PI7LimOc.css +0 -1
  218. package/dist/assets/layout-relative-UGlXPWqj.js +0 -1
  219. package/dist/assets/layout-relative.module-C63T27Fr.js +0 -1
  220. package/dist/assets/layout-relative.module-DIaUqnvq-DH_OPu7E.js +0 -1
  221. package/dist/assets/playground-D77Ee-EK.css +0 -1
  222. package/dist/assets/text-accent-BBah0rth.js +0 -1
  223. package/dist/assets/text-accent-BMdpzlaC.js +0 -1
  224. package/dist/assets/text-accent-Co1hrpvA.css +0 -1
  225. package/dist/assets/text-centered-DWGGTNIZ.css +0 -1
  226. package/dist/assets/text-centered-NqfVCsvd.css +0 -1
  227. package/dist/assets/text-centered-VuFsr_qt.js +0 -1
  228. package/dist/assets/text-centered-gMYE7PWw.js +0 -1
@@ -0,0 +1 @@
1
+ import{j as w}from"./jsx-runtime-BTJTZTIL.js";import{r as x}from"./index-Cb9e4tly.js";import{m as o,b as c,a as g,s as u}from"./classNames-BUL1Zq7e.js";import{B as p}from"./breakpoints-BfMlrtxE.js";import{a as b,b as h,s as A,g as C}from"./layout-relative.module-BhIMNlTS-HdwEQarE.js";import{L as N}from"./constants-DYYVurUY.js";import{k as T,f as v,L as U}from"./defaults-B1rzzf6M.js";import{f as I}from"./filterHTMLAttributes-UOns5Q7s.js";import{g as O}from"./index-DdzHuZ-Y.js";import{w as D}from"./componentNames-Bwls0I02.js";const E="LayoutHide",R=(t,i=N)=>o(b,E,[c("hide",i,t)]),Y="LayoutRelative",$=t=>o(h,Y,[c("relative",void 0,t)]),P="_LayoutGrid_1xr0r_4",G={LayoutGrid:P,"LayoutGrid--justify-content-center":"_LayoutGrid--justify-content-center_1xr0r_14","LayoutGrid--justify-content-start":"_LayoutGrid--justify-content-start_1xr0r_17","LayoutGrid--justify-content-end":"_LayoutGrid--justify-content-end_1xr0r_20","LayoutGrid--justify-content-space-between":"_LayoutGrid--justify-content-space-between_1xr0r_23","LayoutGrid--justify-content-space-around":"_LayoutGrid--justify-content-space-around_1xr0r_26","LayoutGrid--justify-content-space-evenly":"_LayoutGrid--justify-content-space-evenly_1xr0r_29","LayoutGrid--narrow-l--justify-content-center":"_LayoutGrid--narrow-l--justify-content-center_1xr0r_33","LayoutGrid--narrow-l--justify-content-start":"_LayoutGrid--narrow-l--justify-content-start_1xr0r_36","LayoutGrid--narrow-l--justify-content-end":"_LayoutGrid--narrow-l--justify-content-end_1xr0r_39","LayoutGrid--narrow-l--justify-content-space-between":"_LayoutGrid--narrow-l--justify-content-space-between_1xr0r_42","LayoutGrid--narrow-l--justify-content-space-around":"_LayoutGrid--narrow-l--justify-content-space-around_1xr0r_45","LayoutGrid--narrow-l--justify-content-space-evenly":"_LayoutGrid--narrow-l--justify-content-space-evenly_1xr0r_48","LayoutGrid--medium-s--justify-content-center":"_LayoutGrid--medium-s--justify-content-center_1xr0r_53","LayoutGrid--medium-s--justify-content-start":"_LayoutGrid--medium-s--justify-content-start_1xr0r_56","LayoutGrid--medium-s--justify-content-end":"_LayoutGrid--medium-s--justify-content-end_1xr0r_59","LayoutGrid--medium-s--justify-content-space-between":"_LayoutGrid--medium-s--justify-content-space-between_1xr0r_62","LayoutGrid--medium-s--justify-content-space-around":"_LayoutGrid--medium-s--justify-content-space-around_1xr0r_65","LayoutGrid--medium-s--justify-content-space-evenly":"_LayoutGrid--medium-s--justify-content-space-evenly_1xr0r_68","LayoutGrid--medium-l--justify-content-center":"_LayoutGrid--medium-l--justify-content-center_1xr0r_73","LayoutGrid--medium-l--justify-content-start":"_LayoutGrid--medium-l--justify-content-start_1xr0r_76","LayoutGrid--medium-l--justify-content-end":"_LayoutGrid--medium-l--justify-content-end_1xr0r_79","LayoutGrid--medium-l--justify-content-space-between":"_LayoutGrid--medium-l--justify-content-space-between_1xr0r_82","LayoutGrid--medium-l--justify-content-space-around":"_LayoutGrid--medium-l--justify-content-space-around_1xr0r_85","LayoutGrid--medium-l--justify-content-space-evenly":"_LayoutGrid--medium-l--justify-content-space-evenly_1xr0r_88","LayoutGrid--wide-s--justify-content-center":"_LayoutGrid--wide-s--justify-content-center_1xr0r_93","LayoutGrid--wide-s--justify-content-start":"_LayoutGrid--wide-s--justify-content-start_1xr0r_96","LayoutGrid--wide-s--justify-content-end":"_LayoutGrid--wide-s--justify-content-end_1xr0r_99","LayoutGrid--wide-s--justify-content-space-between":"_LayoutGrid--wide-s--justify-content-space-between_1xr0r_102","LayoutGrid--wide-s--justify-content-space-around":"_LayoutGrid--wide-s--justify-content-space-around_1xr0r_105","LayoutGrid--wide-s--justify-content-space-evenly":"_LayoutGrid--wide-s--justify-content-space-evenly_1xr0r_108","LayoutGrid--wide-l--justify-content-center":"_LayoutGrid--wide-l--justify-content-center_1xr0r_113","LayoutGrid--wide-l--justify-content-start":"_LayoutGrid--wide-l--justify-content-start_1xr0r_116","LayoutGrid--wide-l--justify-content-end":"_LayoutGrid--wide-l--justify-content-end_1xr0r_119","LayoutGrid--wide-l--justify-content-space-between":"_LayoutGrid--wide-l--justify-content-space-between_1xr0r_122","LayoutGrid--wide-l--justify-content-space-around":"_LayoutGrid--wide-l--justify-content-space-around_1xr0r_125","LayoutGrid--wide-l--justify-content-space-evenly":"_LayoutGrid--wide-l--justify-content-space-evenly_1xr0r_128","LayoutGrid--align-items-center":"_LayoutGrid--align-items-center_1xr0r_132","LayoutGrid--align-items-start":"_LayoutGrid--align-items-start_1xr0r_135","LayoutGrid--align-items-end":"_LayoutGrid--align-items-end_1xr0r_138","LayoutGrid--align-items-stretch":"_LayoutGrid--align-items-stretch_1xr0r_141","LayoutGrid--align-items-baseline":"_LayoutGrid--align-items-baseline_1xr0r_144","LayoutGrid--narrow-l--align-items-center":"_LayoutGrid--narrow-l--align-items-center_1xr0r_148","LayoutGrid--narrow-l--align-items-start":"_LayoutGrid--narrow-l--align-items-start_1xr0r_151","LayoutGrid--narrow-l--align-items-end":"_LayoutGrid--narrow-l--align-items-end_1xr0r_154","LayoutGrid--narrow-l--align-items-stretch":"_LayoutGrid--narrow-l--align-items-stretch_1xr0r_157","LayoutGrid--narrow-l--align-items-baseline":"_LayoutGrid--narrow-l--align-items-baseline_1xr0r_160","LayoutGrid--medium-s--align-items-center":"_LayoutGrid--medium-s--align-items-center_1xr0r_165","LayoutGrid--medium-s--align-items-start":"_LayoutGrid--medium-s--align-items-start_1xr0r_168","LayoutGrid--medium-s--align-items-end":"_LayoutGrid--medium-s--align-items-end_1xr0r_171","LayoutGrid--medium-s--align-items-stretch":"_LayoutGrid--medium-s--align-items-stretch_1xr0r_174","LayoutGrid--medium-s--align-items-baseline":"_LayoutGrid--medium-s--align-items-baseline_1xr0r_177","LayoutGrid--medium-l--align-items-center":"_LayoutGrid--medium-l--align-items-center_1xr0r_182","LayoutGrid--medium-l--align-items-start":"_LayoutGrid--medium-l--align-items-start_1xr0r_185","LayoutGrid--medium-l--align-items-end":"_LayoutGrid--medium-l--align-items-end_1xr0r_188","LayoutGrid--medium-l--align-items-stretch":"_LayoutGrid--medium-l--align-items-stretch_1xr0r_191","LayoutGrid--medium-l--align-items-baseline":"_LayoutGrid--medium-l--align-items-baseline_1xr0r_194","LayoutGrid--wide-s--align-items-center":"_LayoutGrid--wide-s--align-items-center_1xr0r_199","LayoutGrid--wide-s--align-items-start":"_LayoutGrid--wide-s--align-items-start_1xr0r_202","LayoutGrid--wide-s--align-items-end":"_LayoutGrid--wide-s--align-items-end_1xr0r_205","LayoutGrid--wide-s--align-items-stretch":"_LayoutGrid--wide-s--align-items-stretch_1xr0r_208","LayoutGrid--wide-s--align-items-baseline":"_LayoutGrid--wide-s--align-items-baseline_1xr0r_211","LayoutGrid--wide-l--align-items-center":"_LayoutGrid--wide-l--align-items-center_1xr0r_216","LayoutGrid--wide-l--align-items-start":"_LayoutGrid--wide-l--align-items-start_1xr0r_219","LayoutGrid--wide-l--align-items-end":"_LayoutGrid--wide-l--align-items-end_1xr0r_222","LayoutGrid--wide-l--align-items-stretch":"_LayoutGrid--wide-l--align-items-stretch_1xr0r_225","LayoutGrid--wide-l--align-items-baseline":"_LayoutGrid--wide-l--align-items-baseline_1xr0r_228","LayoutGrid--justify-items-stretch":"_LayoutGrid--justify-items-stretch_1xr0r_232","LayoutGrid--justify-items-center":"_LayoutGrid--justify-items-center_1xr0r_235","LayoutGrid--justify-items-start":"_LayoutGrid--justify-items-start_1xr0r_238","LayoutGrid--justify-items-end":"_LayoutGrid--justify-items-end_1xr0r_241","LayoutGrid--narrow-l--justify-items-stretch":"_LayoutGrid--narrow-l--justify-items-stretch_1xr0r_245","LayoutGrid--narrow-l--justify-items-center":"_LayoutGrid--narrow-l--justify-items-center_1xr0r_248","LayoutGrid--narrow-l--justify-items-start":"_LayoutGrid--narrow-l--justify-items-start_1xr0r_251","LayoutGrid--narrow-l--justify-items-end":"_LayoutGrid--narrow-l--justify-items-end_1xr0r_254","LayoutGrid--medium-s--justify-items-stretch":"_LayoutGrid--medium-s--justify-items-stretch_1xr0r_259","LayoutGrid--medium-s--justify-items-center":"_LayoutGrid--medium-s--justify-items-center_1xr0r_262","LayoutGrid--medium-s--justify-items-start":"_LayoutGrid--medium-s--justify-items-start_1xr0r_265","LayoutGrid--medium-s--justify-items-end":"_LayoutGrid--medium-s--justify-items-end_1xr0r_268","LayoutGrid--medium-l--justify-items-stretch":"_LayoutGrid--medium-l--justify-items-stretch_1xr0r_273","LayoutGrid--medium-l--justify-items-center":"_LayoutGrid--medium-l--justify-items-center_1xr0r_276","LayoutGrid--medium-l--justify-items-start":"_LayoutGrid--medium-l--justify-items-start_1xr0r_279","LayoutGrid--medium-l--justify-items-end":"_LayoutGrid--medium-l--justify-items-end_1xr0r_282","LayoutGrid--wide-s--justify-items-stretch":"_LayoutGrid--wide-s--justify-items-stretch_1xr0r_287","LayoutGrid--wide-s--justify-items-center":"_LayoutGrid--wide-s--justify-items-center_1xr0r_290","LayoutGrid--wide-s--justify-items-start":"_LayoutGrid--wide-s--justify-items-start_1xr0r_293","LayoutGrid--wide-s--justify-items-end":"_LayoutGrid--wide-s--justify-items-end_1xr0r_296","LayoutGrid--wide-l--justify-items-stretch":"_LayoutGrid--wide-l--justify-items-stretch_1xr0r_301","LayoutGrid--wide-l--justify-items-center":"_LayoutGrid--wide-l--justify-items-center_1xr0r_304","LayoutGrid--wide-l--justify-items-start":"_LayoutGrid--wide-l--justify-items-start_1xr0r_307","LayoutGrid--wide-l--justify-items-end":"_LayoutGrid--wide-l--justify-items-end_1xr0r_310","LayoutGrid--columns":"_LayoutGrid--columns_1xr0r_314","LayoutGrid--columns-narrow-l":"_LayoutGrid--columns-narrow-l_1xr0r_318","LayoutGrid--columns-medium-s":"_LayoutGrid--columns-medium-s_1xr0r_323","LayoutGrid--columns-medium-l":"_LayoutGrid--columns-medium-l_1xr0r_328","LayoutGrid--columns-wide-s":"_LayoutGrid--columns-wide-s_1xr0r_333","LayoutGrid--columns-wide-l":"_LayoutGrid--columns-wide-l_1xr0r_338"},F="LayoutGrid",H=Object.keys(p),L=t=>typeof t=="number"?`repeat(${t}, 1fr)`:t.join(" "),z=t=>typeof t=="object"&&!Array.isArray(t)?Object.entries(t).reduce((i,[s,e])=>({...i,...e?{[s]:L(e)}:{}}),{_:L(t._)}):{_:L(t)},S=t=>{if(!t)return{classNames:[],style:{}};const i=z(t),s=H.filter(r=>i[r]),e=g(G,F,["columns",...s.map(r=>`columns-${r}`)]),n=s.reduce((r,a)=>({...r,[`--columns-${a}`]:i[a]}),{"--columns":i._});return{classNames:e,style:n}},k="LayoutGap",K=t=>o(A,k,[u("gap",t)]),V="LayoutGrid",B=(t,i)=>{const{gap:s=T,padding:e=v,justifyContent:n,alignItems:r,justifyItems:a,hide:d,relative:y}=i||{},_=o(G,V,[u("justify-content",n),u("align-items",r),u("justify-items",a)]),m=K(s),l=C(e),f=R(d,"grid"),j=$(y);return[..._,...m,...l,...f,...j]},M=x.forwardRef(function({dataset:i,children:s,...e},n){const{tag:r=U,columns:a}=e,d=B("grid",e),{style:y,classNames:_}=S(a),m=[...d,..._],l={...I(e),ref:n,className:m.join(" "),style:y,...O(i,{preplyDsComponent:D.LayoutGrid})};return w.jsx(r,{...l,children:s})});M.__docgenInfo={description:"",methods:[],displayName:"LayoutGrid"};export{M as L,$ as a,R as g};
@@ -0,0 +1 @@
1
+ ._LayoutGrid_1xr0r_4{list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;margin:0;padding:0;display:grid}._LayoutGrid--justify-content-center_1xr0r_14{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--justify-content-start_1xr0r_17{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--justify-content-end_1xr0r_20{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--justify-content-space-between_1xr0r_23{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--justify-content-space-around_1xr0r_26{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--justify-content-space-evenly_1xr0r_29{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-content-center_1xr0r_33{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--narrow-l--justify-content-start_1xr0r_36{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--narrow-l--justify-content-end_1xr0r_39{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--narrow-l--justify-content-space-between_1xr0r_42{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--narrow-l--justify-content-space-around_1xr0r_45{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--narrow-l--justify-content-space-evenly_1xr0r_48{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-content-center_1xr0r_53{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--medium-s--justify-content-start_1xr0r_56{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--medium-s--justify-content-end_1xr0r_59{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--medium-s--justify-content-space-between_1xr0r_62{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--medium-s--justify-content-space-around_1xr0r_65{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--medium-s--justify-content-space-evenly_1xr0r_68{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-content-center_1xr0r_73{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--medium-l--justify-content-start_1xr0r_76{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--medium-l--justify-content-end_1xr0r_79{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--medium-l--justify-content-space-between_1xr0r_82{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--medium-l--justify-content-space-around_1xr0r_85{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--medium-l--justify-content-space-evenly_1xr0r_88{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-content-center_1xr0r_93{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--wide-s--justify-content-start_1xr0r_96{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--wide-s--justify-content-end_1xr0r_99{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--wide-s--justify-content-space-between_1xr0r_102{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--wide-s--justify-content-space-around_1xr0r_105{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--wide-s--justify-content-space-evenly_1xr0r_108{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-content-center_1xr0r_113{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._LayoutGrid--wide-l--justify-content-start_1xr0r_116{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}._LayoutGrid--wide-l--justify-content-end_1xr0r_119{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}._LayoutGrid--wide-l--justify-content-space-between_1xr0r_122{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._LayoutGrid--wide-l--justify-content-space-around_1xr0r_125{-ms-flex-pack:distribute;justify-content:space-around}._LayoutGrid--wide-l--justify-content-space-evenly_1xr0r_128{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}._LayoutGrid--align-items-center_1xr0r_132{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--align-items-start_1xr0r_135{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--align-items-end_1xr0r_138{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--align-items-stretch_1xr0r_141{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--align-items-baseline_1xr0r_144{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (min-width: 400px){._LayoutGrid--narrow-l--align-items-center_1xr0r_148{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--narrow-l--align-items-start_1xr0r_151{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--narrow-l--align-items-end_1xr0r_154{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--narrow-l--align-items-stretch_1xr0r_157{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--narrow-l--align-items-baseline_1xr0r_160{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 700px){._LayoutGrid--medium-s--align-items-center_1xr0r_165{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--medium-s--align-items-start_1xr0r_168{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--medium-s--align-items-end_1xr0r_171{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--medium-s--align-items-stretch_1xr0r_174{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--medium-s--align-items-baseline_1xr0r_177{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 880px){._LayoutGrid--medium-l--align-items-center_1xr0r_182{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--medium-l--align-items-start_1xr0r_185{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--medium-l--align-items-end_1xr0r_188{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--medium-l--align-items-stretch_1xr0r_191{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--medium-l--align-items-baseline_1xr0r_194{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1200px){._LayoutGrid--wide-s--align-items-center_1xr0r_199{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--wide-s--align-items-start_1xr0r_202{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--wide-s--align-items-end_1xr0r_205{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--wide-s--align-items-stretch_1xr0r_208{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--wide-s--align-items-baseline_1xr0r_211{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media (min-width: 1900px){._LayoutGrid--wide-l--align-items-center_1xr0r_216{-webkit-box-align:center;-ms-flex-align:center;align-items:center}._LayoutGrid--wide-l--align-items-start_1xr0r_219{-webkit-box-align:start;-ms-flex-align:start;align-items:start}._LayoutGrid--wide-l--align-items-end_1xr0r_222{-webkit-box-align:end;-ms-flex-align:end;align-items:end}._LayoutGrid--wide-l--align-items-stretch_1xr0r_225{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}._LayoutGrid--wide-l--align-items-baseline_1xr0r_228{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}._LayoutGrid--justify-items-stretch_1xr0r_232{justify-items:stretch}._LayoutGrid--justify-items-center_1xr0r_235{justify-items:center}._LayoutGrid--justify-items-start_1xr0r_238{justify-items:start}._LayoutGrid--justify-items-end_1xr0r_241{justify-items:end}@media (min-width: 400px){._LayoutGrid--narrow-l--justify-items-stretch_1xr0r_245{justify-items:stretch}._LayoutGrid--narrow-l--justify-items-center_1xr0r_248{justify-items:center}._LayoutGrid--narrow-l--justify-items-start_1xr0r_251{justify-items:start}._LayoutGrid--narrow-l--justify-items-end_1xr0r_254{justify-items:end}}@media (min-width: 700px){._LayoutGrid--medium-s--justify-items-stretch_1xr0r_259{justify-items:stretch}._LayoutGrid--medium-s--justify-items-center_1xr0r_262{justify-items:center}._LayoutGrid--medium-s--justify-items-start_1xr0r_265{justify-items:start}._LayoutGrid--medium-s--justify-items-end_1xr0r_268{justify-items:end}}@media (min-width: 880px){._LayoutGrid--medium-l--justify-items-stretch_1xr0r_273{justify-items:stretch}._LayoutGrid--medium-l--justify-items-center_1xr0r_276{justify-items:center}._LayoutGrid--medium-l--justify-items-start_1xr0r_279{justify-items:start}._LayoutGrid--medium-l--justify-items-end_1xr0r_282{justify-items:end}}@media (min-width: 1200px){._LayoutGrid--wide-s--justify-items-stretch_1xr0r_287{justify-items:stretch}._LayoutGrid--wide-s--justify-items-center_1xr0r_290{justify-items:center}._LayoutGrid--wide-s--justify-items-start_1xr0r_293{justify-items:start}._LayoutGrid--wide-s--justify-items-end_1xr0r_296{justify-items:end}}@media (min-width: 1900px){._LayoutGrid--wide-l--justify-items-stretch_1xr0r_301{justify-items:stretch}._LayoutGrid--wide-l--justify-items-center_1xr0r_304{justify-items:center}._LayoutGrid--wide-l--justify-items-start_1xr0r_307{justify-items:start}._LayoutGrid--wide-l--justify-items-end_1xr0r_310{justify-items:end}}._LayoutGrid--columns_1xr0r_314{grid-template-columns:var(--columns)}@media (min-width: 400px){._LayoutGrid--columns-narrow-l_1xr0r_318{grid-template-columns:var(--columns-narrow-l)}}@media (min-width: 700px){._LayoutGrid--columns-medium-s_1xr0r_323{grid-template-columns:var(--columns-medium-s)}}@media (min-width: 880px){._LayoutGrid--columns-medium-l_1xr0r_328{grid-template-columns:var(--columns-medium-l)}}@media (min-width: 1200px){._LayoutGrid--columns-wide-s_1xr0r_333{grid-template-columns:var(--columns-wide-s)}}@media (min-width: 1900px){._LayoutGrid--columns-wide-l_1xr0r_338{grid-template-columns:var(--columns-wide-l)}}
@@ -1,4 +1,4 @@
1
- import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as N}from"./index-Cb9e4tly.js";import{g as E,a as P,b as R}from"./layout-relative-UGlXPWqj.js";import{f as A}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as w,a as H,s as L}from"./classNames-BUL1Zq7e.js";import{g as T}from"./index-DdzHuZ-Y.js";import{L as V,k as U,f as $}from"./defaults-B1rzzf6M.js";import{w as h}from"./componentNames-Bwls0I02.js";import{B as W}from"./breakpoints-BfMlrtxE.js";import{s as Y,g as M}from"./layout-relative.module-C63T27Fr.js";import{S as o,a as z}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./constants-DYYVurUY.js";const F="_LayoutGridItem_2tq6r_1",B={LayoutGridItem:F},f=N.forwardRef(function({children:i,alignSelf:s,tag:a,hide:r,relative:n,dataset:u,...l},d){const m=w(B,h.LayoutGridItem,[]),y=E(s),v=P(r),G=R(n),g=[...m,...y,...v,...G],O=a??V,D={...A(l),ref:d,className:g.join(" "),...T(u,{preplyDsComponent:h.LayoutGridItem})};return t.jsx(O,{...D,children:i})});try{f.displayName="LayoutGridItem",f.__docgenInfo={description:"",displayName:"LayoutGridItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutAlignSelf>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"p"'},{value:'"span"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const J="_LayoutGrid_f03vv_4",q={LayoutGrid:J,"LayoutGrid--justify-content-center":"_LayoutGrid--justify-content-center_f03vv_14","LayoutGrid--justify-content-start":"_LayoutGrid--justify-content-start_f03vv_17","LayoutGrid--justify-content-end":"_LayoutGrid--justify-content-end_f03vv_20","LayoutGrid--justify-content-space-between":"_LayoutGrid--justify-content-space-between_f03vv_23","LayoutGrid--justify-content-space-around":"_LayoutGrid--justify-content-space-around_f03vv_26","LayoutGrid--justify-content-space-evenly":"_LayoutGrid--justify-content-space-evenly_f03vv_29","LayoutGrid--narrow-l--justify-content-center":"_LayoutGrid--narrow-l--justify-content-center_f03vv_33","LayoutGrid--narrow-l--justify-content-start":"_LayoutGrid--narrow-l--justify-content-start_f03vv_36","LayoutGrid--narrow-l--justify-content-end":"_LayoutGrid--narrow-l--justify-content-end_f03vv_39","LayoutGrid--narrow-l--justify-content-space-between":"_LayoutGrid--narrow-l--justify-content-space-between_f03vv_42","LayoutGrid--narrow-l--justify-content-space-around":"_LayoutGrid--narrow-l--justify-content-space-around_f03vv_45","LayoutGrid--narrow-l--justify-content-space-evenly":"_LayoutGrid--narrow-l--justify-content-space-evenly_f03vv_48","LayoutGrid--medium-s--justify-content-center":"_LayoutGrid--medium-s--justify-content-center_f03vv_53","LayoutGrid--medium-s--justify-content-start":"_LayoutGrid--medium-s--justify-content-start_f03vv_56","LayoutGrid--medium-s--justify-content-end":"_LayoutGrid--medium-s--justify-content-end_f03vv_59","LayoutGrid--medium-s--justify-content-space-between":"_LayoutGrid--medium-s--justify-content-space-between_f03vv_62","LayoutGrid--medium-s--justify-content-space-around":"_LayoutGrid--medium-s--justify-content-space-around_f03vv_65","LayoutGrid--medium-s--justify-content-space-evenly":"_LayoutGrid--medium-s--justify-content-space-evenly_f03vv_68","LayoutGrid--medium-l--justify-content-center":"_LayoutGrid--medium-l--justify-content-center_f03vv_73","LayoutGrid--medium-l--justify-content-start":"_LayoutGrid--medium-l--justify-content-start_f03vv_76","LayoutGrid--medium-l--justify-content-end":"_LayoutGrid--medium-l--justify-content-end_f03vv_79","LayoutGrid--medium-l--justify-content-space-between":"_LayoutGrid--medium-l--justify-content-space-between_f03vv_82","LayoutGrid--medium-l--justify-content-space-around":"_LayoutGrid--medium-l--justify-content-space-around_f03vv_85","LayoutGrid--medium-l--justify-content-space-evenly":"_LayoutGrid--medium-l--justify-content-space-evenly_f03vv_88","LayoutGrid--wide-s--justify-content-center":"_LayoutGrid--wide-s--justify-content-center_f03vv_93","LayoutGrid--wide-s--justify-content-start":"_LayoutGrid--wide-s--justify-content-start_f03vv_96","LayoutGrid--wide-s--justify-content-end":"_LayoutGrid--wide-s--justify-content-end_f03vv_99","LayoutGrid--wide-s--justify-content-space-between":"_LayoutGrid--wide-s--justify-content-space-between_f03vv_102","LayoutGrid--wide-s--justify-content-space-around":"_LayoutGrid--wide-s--justify-content-space-around_f03vv_105","LayoutGrid--wide-s--justify-content-space-evenly":"_LayoutGrid--wide-s--justify-content-space-evenly_f03vv_108","LayoutGrid--wide-l--justify-content-center":"_LayoutGrid--wide-l--justify-content-center_f03vv_113","LayoutGrid--wide-l--justify-content-start":"_LayoutGrid--wide-l--justify-content-start_f03vv_116","LayoutGrid--wide-l--justify-content-end":"_LayoutGrid--wide-l--justify-content-end_f03vv_119","LayoutGrid--wide-l--justify-content-space-between":"_LayoutGrid--wide-l--justify-content-space-between_f03vv_122","LayoutGrid--wide-l--justify-content-space-around":"_LayoutGrid--wide-l--justify-content-space-around_f03vv_125","LayoutGrid--wide-l--justify-content-space-evenly":"_LayoutGrid--wide-l--justify-content-space-evenly_f03vv_128","LayoutGrid--align-items-center":"_LayoutGrid--align-items-center_f03vv_132","LayoutGrid--align-items-start":"_LayoutGrid--align-items-start_f03vv_135","LayoutGrid--align-items-end":"_LayoutGrid--align-items-end_f03vv_138","LayoutGrid--align-items-stretch":"_LayoutGrid--align-items-stretch_f03vv_141","LayoutGrid--align-items-baseline":"_LayoutGrid--align-items-baseline_f03vv_144","LayoutGrid--narrow-l--align-items-center":"_LayoutGrid--narrow-l--align-items-center_f03vv_148","LayoutGrid--narrow-l--align-items-start":"_LayoutGrid--narrow-l--align-items-start_f03vv_151","LayoutGrid--narrow-l--align-items-end":"_LayoutGrid--narrow-l--align-items-end_f03vv_154","LayoutGrid--narrow-l--align-items-stretch":"_LayoutGrid--narrow-l--align-items-stretch_f03vv_157","LayoutGrid--narrow-l--align-items-baseline":"_LayoutGrid--narrow-l--align-items-baseline_f03vv_160","LayoutGrid--medium-s--align-items-center":"_LayoutGrid--medium-s--align-items-center_f03vv_165","LayoutGrid--medium-s--align-items-start":"_LayoutGrid--medium-s--align-items-start_f03vv_168","LayoutGrid--medium-s--align-items-end":"_LayoutGrid--medium-s--align-items-end_f03vv_171","LayoutGrid--medium-s--align-items-stretch":"_LayoutGrid--medium-s--align-items-stretch_f03vv_174","LayoutGrid--medium-s--align-items-baseline":"_LayoutGrid--medium-s--align-items-baseline_f03vv_177","LayoutGrid--medium-l--align-items-center":"_LayoutGrid--medium-l--align-items-center_f03vv_182","LayoutGrid--medium-l--align-items-start":"_LayoutGrid--medium-l--align-items-start_f03vv_185","LayoutGrid--medium-l--align-items-end":"_LayoutGrid--medium-l--align-items-end_f03vv_188","LayoutGrid--medium-l--align-items-stretch":"_LayoutGrid--medium-l--align-items-stretch_f03vv_191","LayoutGrid--medium-l--align-items-baseline":"_LayoutGrid--medium-l--align-items-baseline_f03vv_194","LayoutGrid--wide-s--align-items-center":"_LayoutGrid--wide-s--align-items-center_f03vv_199","LayoutGrid--wide-s--align-items-start":"_LayoutGrid--wide-s--align-items-start_f03vv_202","LayoutGrid--wide-s--align-items-end":"_LayoutGrid--wide-s--align-items-end_f03vv_205","LayoutGrid--wide-s--align-items-stretch":"_LayoutGrid--wide-s--align-items-stretch_f03vv_208","LayoutGrid--wide-s--align-items-baseline":"_LayoutGrid--wide-s--align-items-baseline_f03vv_211","LayoutGrid--wide-l--align-items-center":"_LayoutGrid--wide-l--align-items-center_f03vv_216","LayoutGrid--wide-l--align-items-start":"_LayoutGrid--wide-l--align-items-start_f03vv_219","LayoutGrid--wide-l--align-items-end":"_LayoutGrid--wide-l--align-items-end_f03vv_222","LayoutGrid--wide-l--align-items-stretch":"_LayoutGrid--wide-l--align-items-stretch_f03vv_225","LayoutGrid--wide-l--align-items-baseline":"_LayoutGrid--wide-l--align-items-baseline_f03vv_228","LayoutGrid--justify-items-stretch":"_LayoutGrid--justify-items-stretch_f03vv_232","LayoutGrid--justify-items-center":"_LayoutGrid--justify-items-center_f03vv_235","LayoutGrid--justify-items-start":"_LayoutGrid--justify-items-start_f03vv_238","LayoutGrid--justify-items-end":"_LayoutGrid--justify-items-end_f03vv_241","LayoutGrid--narrow-l--justify-items-stretch":"_LayoutGrid--narrow-l--justify-items-stretch_f03vv_245","LayoutGrid--narrow-l--justify-items-center":"_LayoutGrid--narrow-l--justify-items-center_f03vv_248","LayoutGrid--narrow-l--justify-items-start":"_LayoutGrid--narrow-l--justify-items-start_f03vv_251","LayoutGrid--narrow-l--justify-items-end":"_LayoutGrid--narrow-l--justify-items-end_f03vv_254","LayoutGrid--medium-s--justify-items-stretch":"_LayoutGrid--medium-s--justify-items-stretch_f03vv_259","LayoutGrid--medium-s--justify-items-center":"_LayoutGrid--medium-s--justify-items-center_f03vv_262","LayoutGrid--medium-s--justify-items-start":"_LayoutGrid--medium-s--justify-items-start_f03vv_265","LayoutGrid--medium-s--justify-items-end":"_LayoutGrid--medium-s--justify-items-end_f03vv_268","LayoutGrid--medium-l--justify-items-stretch":"_LayoutGrid--medium-l--justify-items-stretch_f03vv_273","LayoutGrid--medium-l--justify-items-center":"_LayoutGrid--medium-l--justify-items-center_f03vv_276","LayoutGrid--medium-l--justify-items-start":"_LayoutGrid--medium-l--justify-items-start_f03vv_279","LayoutGrid--medium-l--justify-items-end":"_LayoutGrid--medium-l--justify-items-end_f03vv_282","LayoutGrid--wide-s--justify-items-stretch":"_LayoutGrid--wide-s--justify-items-stretch_f03vv_287","LayoutGrid--wide-s--justify-items-center":"_LayoutGrid--wide-s--justify-items-center_f03vv_290","LayoutGrid--wide-s--justify-items-start":"_LayoutGrid--wide-s--justify-items-start_f03vv_293","LayoutGrid--wide-s--justify-items-end":"_LayoutGrid--wide-s--justify-items-end_f03vv_296","LayoutGrid--wide-l--justify-items-stretch":"_LayoutGrid--wide-l--justify-items-stretch_f03vv_301","LayoutGrid--wide-l--justify-items-center":"_LayoutGrid--wide-l--justify-items-center_f03vv_304","LayoutGrid--wide-l--justify-items-start":"_LayoutGrid--wide-l--justify-items-start_f03vv_307","LayoutGrid--wide-l--justify-items-end":"_LayoutGrid--wide-l--justify-items-end_f03vv_310","LayoutGrid--columns":"_LayoutGrid--columns_f03vv_314","LayoutGrid--columns-narrow-l":"_LayoutGrid--columns-narrow-l_f03vv_318","LayoutGrid--columns-medium-s":"_LayoutGrid--columns-medium-s_f03vv_323","LayoutGrid--columns-medium-l":"_LayoutGrid--columns-medium-l_f03vv_328","LayoutGrid--columns-wide-s":"_LayoutGrid--columns-wide-s_f03vv_333","LayoutGrid--columns-wide-l":"_LayoutGrid--columns-wide-l_f03vv_338"},K="LayoutGrid",Q=Object.keys(W),j=e=>typeof e=="number"?`repeat(${e}, 1fr)`:e.join(" "),X=e=>typeof e=="object"&&!Array.isArray(e)?Object.entries(e).reduce((i,[s,a])=>({...i,...a?{[s]:j(a)}:{}}),{_:j(e._)}):{_:j(e)},Z=e=>{if(!e)return{classNames:[],style:{}};const i=X(e),s=Q.filter(n=>i[n]),a=H(q,K,["columns",...s.map(n=>`columns-${n}`)]),r=s.reduce((n,u)=>({...n,[`--columns-${u}`]:i[u]}),{"--columns":i._});return{classNames:a,style:r}},ee="LayoutGap",te=e=>w(Y,ee,[L("gap",e)]),ae="LayoutGrid",ie=(e,i)=>{const{gap:s=U,padding:a=$,justifyContent:r,alignItems:n,justifyItems:u,hide:l,relative:d}=i||{},m=w(q,ae,[L("justify-content",r),L("align-items",n),L("justify-items",u)]),y=te(s),v=M(a),G=P(l,"grid"),g=R(d);return[...m,...y,...v,...G,...g]},p=N.forwardRef(function({dataset:i,children:s,...a},r){const{tag:n=V,columns:u}=a,l=ie("grid",a),{style:d,classNames:m}=Z(u),y=[...l,...m],v={...A(a),ref:r,className:y.join(" "),style:d,...T(i,{preplyDsComponent:h.LayoutGrid})};return t.jsx(n,{...v,children:s})});try{p.displayName="LayoutGrid",p.__docgenInfo={description:"A CSS `grid` wrapper.",displayName:"LayoutGrid",props:{gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:"ResponsiveProp<LayoutGap>"},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"ResponsiveProp<Spacing>"}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"ResponsiveProp<ShortHand<LayoutPadding> | ShortHand<Spacing>>"}]}},columns:{defaultValue:null,description:"The `number` of columns, or a `string[]` of `grid-template-columns`.\n@see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns}",name:"columns",required:!1,type:{name:"enum",value:[{value:"number"},{value:"string[]"},{value:"ResponsiveProp<number | string[]>"}]}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"space-between"'},{value:'"space-around"'},{value:'"space-evenly"'},{value:"ResponsiveProp<LayoutJustifyContent>"}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:'"baseline"'},{value:"ResponsiveProp<LayoutAlignItems>"}]}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutJustifyItems>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"p"'},{value:'"span"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const pe={title:"components/LayoutGrid",component:p,subcomponents:{LayoutGridItem:f},argTypes:{gap:{description:o},padding:{description:z},columns:{description:o},justifyContent:{description:o},alignItems:{description:o},justifyItems:{description:o},hide:{description:o},relative:{description:o}}},c=()=>t.jsxs(p,{columns:4,alignItems:"start",gap:"xs",children:[t.jsx(f,{children:t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem"},children:[t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]})}),t.jsx(f,{alignSelf:"end",children:t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]});c.storyName="LayoutGrid";const _={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:"16",columns:3,alignItems:"start",children:t.jsxs(t.Fragment,{children:[t.jsx("div",{style:{minWidth:"100px",minHeight:50,backgroundColor:"hotpink"},children:" "}),t.jsx("div",{style:{minWidth:"100px",minHeight:75,backgroundColor:"hotpink"},children:" "}),t.jsx("div",{style:{minWidth:"100px",minHeight:100,backgroundColor:"hotpink",textAlign:"center"}})]}),dataset:{qaid:"layout-grid"}},argTypes:{dataset:{control:"object"},columns:{control:"number"},justifyItems:{control:"select"},hide:{control:"boolean"},relative:{control:"boolean"},children:{control:!1}}};var b,C,k;c.parameters={...c.parameters,docs:{...(b=c.parameters)==null?void 0:b.docs,source:{originalSource:`() => <LayoutGrid columns={4} alignItems="start" gap="xs">
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as N}from"./index-Cb9e4tly.js";import{g as E,a as P,b as R}from"./layout-relative-DFrOiWAE.js";import{f as A}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as h,a as H,s as f}from"./classNames-BUL1Zq7e.js";import{g as T}from"./index-DdzHuZ-Y.js";import{L as V,k as U,f as $}from"./defaults-B1rzzf6M.js";import{w as x}from"./componentNames-Bwls0I02.js";import{B as W}from"./breakpoints-BfMlrtxE.js";import{s as Y,g as M}from"./layout-relative.module-CDUOJ19G.js";import{S as o,a as z}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./constants-DYYVurUY.js";const F="_LayoutGridItem_2tq6r_1",B={LayoutGridItem:F},L=N.forwardRef(function({children:i,alignSelf:n,tag:a,hide:u,relative:r,dataset:s,...l},d){const m=h(B,x.LayoutGridItem,[]),y=E(n),c=P(u),G=R(r),g=[...m,...y,...c,...G],O=a??V,D={...A(l),ref:d,className:g.join(" "),...T(s,{preplyDsComponent:x.LayoutGridItem})};return t.jsx(O,{...D,children:i})});try{L.displayName="LayoutGridItem",L.__docgenInfo={description:"",displayName:"LayoutGridItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutAlignSelf>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const J="_LayoutGrid_1xr0r_4",q={LayoutGrid:J,"LayoutGrid--justify-content-center":"_LayoutGrid--justify-content-center_1xr0r_14","LayoutGrid--justify-content-start":"_LayoutGrid--justify-content-start_1xr0r_17","LayoutGrid--justify-content-end":"_LayoutGrid--justify-content-end_1xr0r_20","LayoutGrid--justify-content-space-between":"_LayoutGrid--justify-content-space-between_1xr0r_23","LayoutGrid--justify-content-space-around":"_LayoutGrid--justify-content-space-around_1xr0r_26","LayoutGrid--justify-content-space-evenly":"_LayoutGrid--justify-content-space-evenly_1xr0r_29","LayoutGrid--narrow-l--justify-content-center":"_LayoutGrid--narrow-l--justify-content-center_1xr0r_33","LayoutGrid--narrow-l--justify-content-start":"_LayoutGrid--narrow-l--justify-content-start_1xr0r_36","LayoutGrid--narrow-l--justify-content-end":"_LayoutGrid--narrow-l--justify-content-end_1xr0r_39","LayoutGrid--narrow-l--justify-content-space-between":"_LayoutGrid--narrow-l--justify-content-space-between_1xr0r_42","LayoutGrid--narrow-l--justify-content-space-around":"_LayoutGrid--narrow-l--justify-content-space-around_1xr0r_45","LayoutGrid--narrow-l--justify-content-space-evenly":"_LayoutGrid--narrow-l--justify-content-space-evenly_1xr0r_48","LayoutGrid--medium-s--justify-content-center":"_LayoutGrid--medium-s--justify-content-center_1xr0r_53","LayoutGrid--medium-s--justify-content-start":"_LayoutGrid--medium-s--justify-content-start_1xr0r_56","LayoutGrid--medium-s--justify-content-end":"_LayoutGrid--medium-s--justify-content-end_1xr0r_59","LayoutGrid--medium-s--justify-content-space-between":"_LayoutGrid--medium-s--justify-content-space-between_1xr0r_62","LayoutGrid--medium-s--justify-content-space-around":"_LayoutGrid--medium-s--justify-content-space-around_1xr0r_65","LayoutGrid--medium-s--justify-content-space-evenly":"_LayoutGrid--medium-s--justify-content-space-evenly_1xr0r_68","LayoutGrid--medium-l--justify-content-center":"_LayoutGrid--medium-l--justify-content-center_1xr0r_73","LayoutGrid--medium-l--justify-content-start":"_LayoutGrid--medium-l--justify-content-start_1xr0r_76","LayoutGrid--medium-l--justify-content-end":"_LayoutGrid--medium-l--justify-content-end_1xr0r_79","LayoutGrid--medium-l--justify-content-space-between":"_LayoutGrid--medium-l--justify-content-space-between_1xr0r_82","LayoutGrid--medium-l--justify-content-space-around":"_LayoutGrid--medium-l--justify-content-space-around_1xr0r_85","LayoutGrid--medium-l--justify-content-space-evenly":"_LayoutGrid--medium-l--justify-content-space-evenly_1xr0r_88","LayoutGrid--wide-s--justify-content-center":"_LayoutGrid--wide-s--justify-content-center_1xr0r_93","LayoutGrid--wide-s--justify-content-start":"_LayoutGrid--wide-s--justify-content-start_1xr0r_96","LayoutGrid--wide-s--justify-content-end":"_LayoutGrid--wide-s--justify-content-end_1xr0r_99","LayoutGrid--wide-s--justify-content-space-between":"_LayoutGrid--wide-s--justify-content-space-between_1xr0r_102","LayoutGrid--wide-s--justify-content-space-around":"_LayoutGrid--wide-s--justify-content-space-around_1xr0r_105","LayoutGrid--wide-s--justify-content-space-evenly":"_LayoutGrid--wide-s--justify-content-space-evenly_1xr0r_108","LayoutGrid--wide-l--justify-content-center":"_LayoutGrid--wide-l--justify-content-center_1xr0r_113","LayoutGrid--wide-l--justify-content-start":"_LayoutGrid--wide-l--justify-content-start_1xr0r_116","LayoutGrid--wide-l--justify-content-end":"_LayoutGrid--wide-l--justify-content-end_1xr0r_119","LayoutGrid--wide-l--justify-content-space-between":"_LayoutGrid--wide-l--justify-content-space-between_1xr0r_122","LayoutGrid--wide-l--justify-content-space-around":"_LayoutGrid--wide-l--justify-content-space-around_1xr0r_125","LayoutGrid--wide-l--justify-content-space-evenly":"_LayoutGrid--wide-l--justify-content-space-evenly_1xr0r_128","LayoutGrid--align-items-center":"_LayoutGrid--align-items-center_1xr0r_132","LayoutGrid--align-items-start":"_LayoutGrid--align-items-start_1xr0r_135","LayoutGrid--align-items-end":"_LayoutGrid--align-items-end_1xr0r_138","LayoutGrid--align-items-stretch":"_LayoutGrid--align-items-stretch_1xr0r_141","LayoutGrid--align-items-baseline":"_LayoutGrid--align-items-baseline_1xr0r_144","LayoutGrid--narrow-l--align-items-center":"_LayoutGrid--narrow-l--align-items-center_1xr0r_148","LayoutGrid--narrow-l--align-items-start":"_LayoutGrid--narrow-l--align-items-start_1xr0r_151","LayoutGrid--narrow-l--align-items-end":"_LayoutGrid--narrow-l--align-items-end_1xr0r_154","LayoutGrid--narrow-l--align-items-stretch":"_LayoutGrid--narrow-l--align-items-stretch_1xr0r_157","LayoutGrid--narrow-l--align-items-baseline":"_LayoutGrid--narrow-l--align-items-baseline_1xr0r_160","LayoutGrid--medium-s--align-items-center":"_LayoutGrid--medium-s--align-items-center_1xr0r_165","LayoutGrid--medium-s--align-items-start":"_LayoutGrid--medium-s--align-items-start_1xr0r_168","LayoutGrid--medium-s--align-items-end":"_LayoutGrid--medium-s--align-items-end_1xr0r_171","LayoutGrid--medium-s--align-items-stretch":"_LayoutGrid--medium-s--align-items-stretch_1xr0r_174","LayoutGrid--medium-s--align-items-baseline":"_LayoutGrid--medium-s--align-items-baseline_1xr0r_177","LayoutGrid--medium-l--align-items-center":"_LayoutGrid--medium-l--align-items-center_1xr0r_182","LayoutGrid--medium-l--align-items-start":"_LayoutGrid--medium-l--align-items-start_1xr0r_185","LayoutGrid--medium-l--align-items-end":"_LayoutGrid--medium-l--align-items-end_1xr0r_188","LayoutGrid--medium-l--align-items-stretch":"_LayoutGrid--medium-l--align-items-stretch_1xr0r_191","LayoutGrid--medium-l--align-items-baseline":"_LayoutGrid--medium-l--align-items-baseline_1xr0r_194","LayoutGrid--wide-s--align-items-center":"_LayoutGrid--wide-s--align-items-center_1xr0r_199","LayoutGrid--wide-s--align-items-start":"_LayoutGrid--wide-s--align-items-start_1xr0r_202","LayoutGrid--wide-s--align-items-end":"_LayoutGrid--wide-s--align-items-end_1xr0r_205","LayoutGrid--wide-s--align-items-stretch":"_LayoutGrid--wide-s--align-items-stretch_1xr0r_208","LayoutGrid--wide-s--align-items-baseline":"_LayoutGrid--wide-s--align-items-baseline_1xr0r_211","LayoutGrid--wide-l--align-items-center":"_LayoutGrid--wide-l--align-items-center_1xr0r_216","LayoutGrid--wide-l--align-items-start":"_LayoutGrid--wide-l--align-items-start_1xr0r_219","LayoutGrid--wide-l--align-items-end":"_LayoutGrid--wide-l--align-items-end_1xr0r_222","LayoutGrid--wide-l--align-items-stretch":"_LayoutGrid--wide-l--align-items-stretch_1xr0r_225","LayoutGrid--wide-l--align-items-baseline":"_LayoutGrid--wide-l--align-items-baseline_1xr0r_228","LayoutGrid--justify-items-stretch":"_LayoutGrid--justify-items-stretch_1xr0r_232","LayoutGrid--justify-items-center":"_LayoutGrid--justify-items-center_1xr0r_235","LayoutGrid--justify-items-start":"_LayoutGrid--justify-items-start_1xr0r_238","LayoutGrid--justify-items-end":"_LayoutGrid--justify-items-end_1xr0r_241","LayoutGrid--narrow-l--justify-items-stretch":"_LayoutGrid--narrow-l--justify-items-stretch_1xr0r_245","LayoutGrid--narrow-l--justify-items-center":"_LayoutGrid--narrow-l--justify-items-center_1xr0r_248","LayoutGrid--narrow-l--justify-items-start":"_LayoutGrid--narrow-l--justify-items-start_1xr0r_251","LayoutGrid--narrow-l--justify-items-end":"_LayoutGrid--narrow-l--justify-items-end_1xr0r_254","LayoutGrid--medium-s--justify-items-stretch":"_LayoutGrid--medium-s--justify-items-stretch_1xr0r_259","LayoutGrid--medium-s--justify-items-center":"_LayoutGrid--medium-s--justify-items-center_1xr0r_262","LayoutGrid--medium-s--justify-items-start":"_LayoutGrid--medium-s--justify-items-start_1xr0r_265","LayoutGrid--medium-s--justify-items-end":"_LayoutGrid--medium-s--justify-items-end_1xr0r_268","LayoutGrid--medium-l--justify-items-stretch":"_LayoutGrid--medium-l--justify-items-stretch_1xr0r_273","LayoutGrid--medium-l--justify-items-center":"_LayoutGrid--medium-l--justify-items-center_1xr0r_276","LayoutGrid--medium-l--justify-items-start":"_LayoutGrid--medium-l--justify-items-start_1xr0r_279","LayoutGrid--medium-l--justify-items-end":"_LayoutGrid--medium-l--justify-items-end_1xr0r_282","LayoutGrid--wide-s--justify-items-stretch":"_LayoutGrid--wide-s--justify-items-stretch_1xr0r_287","LayoutGrid--wide-s--justify-items-center":"_LayoutGrid--wide-s--justify-items-center_1xr0r_290","LayoutGrid--wide-s--justify-items-start":"_LayoutGrid--wide-s--justify-items-start_1xr0r_293","LayoutGrid--wide-s--justify-items-end":"_LayoutGrid--wide-s--justify-items-end_1xr0r_296","LayoutGrid--wide-l--justify-items-stretch":"_LayoutGrid--wide-l--justify-items-stretch_1xr0r_301","LayoutGrid--wide-l--justify-items-center":"_LayoutGrid--wide-l--justify-items-center_1xr0r_304","LayoutGrid--wide-l--justify-items-start":"_LayoutGrid--wide-l--justify-items-start_1xr0r_307","LayoutGrid--wide-l--justify-items-end":"_LayoutGrid--wide-l--justify-items-end_1xr0r_310","LayoutGrid--columns":"_LayoutGrid--columns_1xr0r_314","LayoutGrid--columns-narrow-l":"_LayoutGrid--columns-narrow-l_1xr0r_318","LayoutGrid--columns-medium-s":"_LayoutGrid--columns-medium-s_1xr0r_323","LayoutGrid--columns-medium-l":"_LayoutGrid--columns-medium-l_1xr0r_328","LayoutGrid--columns-wide-s":"_LayoutGrid--columns-wide-s_1xr0r_333","LayoutGrid--columns-wide-l":"_LayoutGrid--columns-wide-l_1xr0r_338"},K="LayoutGrid",Q=Object.keys(W),j=e=>typeof e=="number"?`repeat(${e}, 1fr)`:e.join(" "),X=e=>typeof e=="object"&&!Array.isArray(e)?Object.entries(e).reduce((i,[n,a])=>({...i,...a?{[n]:j(a)}:{}}),{_:j(e._)}):{_:j(e)},Z=e=>{if(!e)return{classNames:[],style:{}};const i=X(e),n=Q.filter(r=>i[r]),a=H(q,K,["columns",...n.map(r=>`columns-${r}`)]),u=n.reduce((r,s)=>({...r,[`--columns-${s}`]:i[s]}),{"--columns":i._});return{classNames:a,style:u}},ee="LayoutGap",te=e=>h(Y,ee,[f("gap",e)]),ae="LayoutGrid",ie=(e,i)=>{const{gap:n=U,padding:a=$,justifyContent:u,alignItems:r,justifyItems:s,hide:l,relative:d}=i||{},m=h(q,ae,[f("justify-content",u),f("align-items",r),f("justify-items",s)]),y=te(n),c=M(a),G=P(l,"grid"),g=R(d);return[...m,...y,...c,...G,...g]},v=N.forwardRef(function({dataset:i,children:n,...a},u){const{tag:r=V,columns:s}=a,l=ie("grid",a),{style:d,classNames:m}=Z(s),y=[...l,...m],c={...A(a),ref:u,className:y.join(" "),style:d,...T(i,{preplyDsComponent:x.LayoutGrid})};return t.jsx(r,{...c,children:n})});try{v.displayName="LayoutGrid",v.__docgenInfo={description:"A CSS `grid` wrapper.",displayName:"LayoutGrid",props:{gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:"ResponsiveProp<LayoutGap>"},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"ResponsiveProp<Spacing>"}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"ResponsiveProp<ShortHand<LayoutPadding> | ShortHand<Spacing>>"}]}},columns:{defaultValue:null,description:"The `number` of columns, or a `string[]` of `grid-template-columns`.\n@see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns}",name:"columns",required:!1,type:{name:"enum",value:[{value:"number"},{value:"string[]"},{value:"ResponsiveProp<number | string[]>"}]}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"space-between"'},{value:'"space-around"'},{value:'"space-evenly"'},{value:"ResponsiveProp<LayoutJustifyContent>"}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:'"baseline"'},{value:"ResponsiveProp<LayoutAlignItems>"}]}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutJustifyItems>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ve={title:"components/LayoutGrid",component:v,subcomponents:{LayoutGridItem:L},argTypes:{gap:{description:o},padding:{description:z},columns:{description:o},justifyContent:{description:o},alignItems:{description:o},justifyItems:{description:o},hide:{description:o},relative:{description:o}}},_=()=>t.jsxs(v,{columns:4,alignItems:"start",gap:"xs",children:[t.jsx(L,{children:t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem"},children:[t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]})}),t.jsx(L,{alignSelf:"end",children:t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]});_.storyName="LayoutGrid";const p={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:"16",columns:3,alignItems:"start",children:t.jsxs(t.Fragment,{children:[t.jsx("div",{style:{minWidth:"100px",minHeight:50,backgroundColor:"hotpink"},children:" "}),t.jsx("div",{style:{minWidth:"100px",minHeight:75,backgroundColor:"hotpink"},children:" "}),t.jsx("div",{style:{minWidth:"100px",minHeight:100,backgroundColor:"hotpink",textAlign:"center"}})]}),dataset:{qaid:"layout-grid"}},argTypes:{dataset:{control:"object"},columns:{control:"number"},justifyItems:{control:"select"},hide:{control:"boolean"},relative:{control:"boolean"},children:{control:!1}}};var w,b,C;_.parameters={..._.parameters,docs:{...(w=_.parameters)==null?void 0:w.docs,source:{originalSource:`() => <LayoutGrid columns={4} alignItems="start" gap="xs">
2
2
  <LayoutGridItem>
3
3
  <div style={{
4
4
  display: 'flex',
@@ -29,7 +29,7 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as N}from"./index-Cb9e4tl
29
29
  height: '2ch',
30
30
  backgroundColor: 'hotpink'
31
31
  }} />
32
- </LayoutGrid>`,...(k=(C=c.parameters)==null?void 0:C.docs)==null?void 0:k.source}}};var S,x,I;_.parameters={..._.parameters,docs:{...(S=_.parameters)==null?void 0:S.docs,source:{originalSource:`{
32
+ </LayoutGrid>`,...(C=(b=_.parameters)==null?void 0:b.docs)==null?void 0:C.source}}};var k,S,I;p.parameters={...p.parameters,docs:{...(k=p.parameters)==null?void 0:k.docs,source:{originalSource:`{
33
33
  parameters: {
34
34
  chromatic: {
35
35
  disableSnapshot: true
@@ -85,4 +85,4 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as N}from"./index-Cb9e4tl
85
85
  control: false
86
86
  }
87
87
  }
88
- }`,...(I=(x=_.parameters)==null?void 0:x.docs)==null?void 0:I.source}}};const Ge=["Base","Playground"];export{c as Base,_ as Playground,Ge as __namedExportsOrder,pe as default};
88
+ }`,...(I=(S=p.parameters)==null?void 0:S.docs)==null?void 0:I.source}}};const Ge=["Base","Playground"];export{_ as Base,p as Playground,Ge as __namedExportsOrder,ve as default};
@@ -0,0 +1 @@
1
+ import{j as w}from"./jsx-runtime-BTJTZTIL.js";import{r as p}from"./index-Cb9e4tly.js";import{m as n,s as L}from"./classNames-BUL1Zq7e.js";import{g as h,a as y}from"./LayoutGrid-IDkxjZN1.js";import{f as C}from"./filterHTMLAttributes-UOns5Q7s.js";import{w as s}from"./componentNames-Bwls0I02.js";import{g as N}from"./index-DdzHuZ-Y.js";import{L as G}from"./defaults-B1rzzf6M.js";const I="_AlignSelf_1us84_2",x={AlignSelf:I,"AlignSelf--align-self-start":"_AlignSelf--align-self-start_1us84_2","AlignSelf--align-self-center":"_AlignSelf--align-self-center_1us84_5","AlignSelf--align-self-end":"_AlignSelf--align-self-end_1us84_8","AlignSelf--align-self-stretch":"_AlignSelf--align-self-stretch_1us84_11","AlignSelf--narrow-l--align-self-start":"_AlignSelf--narrow-l--align-self-start_1us84_15","AlignSelf--narrow-l--align-self-center":"_AlignSelf--narrow-l--align-self-center_1us84_18","AlignSelf--narrow-l--align-self-end":"_AlignSelf--narrow-l--align-self-end_1us84_21","AlignSelf--narrow-l--align-self-stretch":"_AlignSelf--narrow-l--align-self-stretch_1us84_24","AlignSelf--medium-s--align-self-start":"_AlignSelf--medium-s--align-self-start_1us84_29","AlignSelf--medium-s--align-self-center":"_AlignSelf--medium-s--align-self-center_1us84_32","AlignSelf--medium-s--align-self-end":"_AlignSelf--medium-s--align-self-end_1us84_35","AlignSelf--medium-s--align-self-stretch":"_AlignSelf--medium-s--align-self-stretch_1us84_38","AlignSelf--medium-l--align-self-start":"_AlignSelf--medium-l--align-self-start_1us84_43","AlignSelf--medium-l--align-self-center":"_AlignSelf--medium-l--align-self-center_1us84_46","AlignSelf--medium-l--align-self-end":"_AlignSelf--medium-l--align-self-end_1us84_49","AlignSelf--medium-l--align-self-stretch":"_AlignSelf--medium-l--align-self-stretch_1us84_52","AlignSelf--wide-s--align-self-start":"_AlignSelf--wide-s--align-self-start_1us84_57","AlignSelf--wide-s--align-self-center":"_AlignSelf--wide-s--align-self-center_1us84_60","AlignSelf--wide-s--align-self-end":"_AlignSelf--wide-s--align-self-end_1us84_63","AlignSelf--wide-s--align-self-stretch":"_AlignSelf--wide-s--align-self-stretch_1us84_66","AlignSelf--wide-l--align-self-start":"_AlignSelf--wide-l--align-self-start_1us84_71","AlignSelf--wide-l--align-self-center":"_AlignSelf--wide-l--align-self-center_1us84_74","AlignSelf--wide-l--align-self-end":"_AlignSelf--wide-l--align-self-end_1us84_77","AlignSelf--wide-l--align-self-stretch":"_AlignSelf--wide-l--align-self-stretch_1us84_80"},T="AlignSelf",j=l=>n(x,T,[L("align-self",l)]),E="_LayoutGridItem_2tq6r_1",D={LayoutGridItem:E},R=p.forwardRef(function({children:i,alignSelf:t,tag:e,hide:a,relative:f,dataset:g,...r},_){const m=n(D,s.LayoutGridItem,[]),o=j(t),d=h(a),u=y(f),A=[...m,...o,...d,...u],S=e??G,c={...C(r),ref:_,className:A.join(" "),...N(g,{preplyDsComponent:s.LayoutGridItem})};return w.jsx(S,{...c,children:i})});R.__docgenInfo={description:"",methods:[],displayName:"LayoutGridItem"};export{R as L,j as g};
@@ -0,0 +1 @@
1
+ ._AlignSelf_1us84_2._AlignSelf--align-self-start_1us84_2{-ms-flex-item-align:start;align-self:start}._AlignSelf_1us84_2._AlignSelf--align-self-center_1us84_5{-ms-flex-item-align:center;align-self:center}._AlignSelf_1us84_2._AlignSelf--align-self-end_1us84_8{-ms-flex-item-align:end;align-self:end}._AlignSelf_1us84_2._AlignSelf--align-self-stretch_1us84_11{-ms-flex-item-align:stretch;align-self:stretch}@media (min-width: 400px){._AlignSelf_1us84_2._AlignSelf--narrow-l--align-self-start_1us84_15{-ms-flex-item-align:start;align-self:start}._AlignSelf_1us84_2._AlignSelf--narrow-l--align-self-center_1us84_18{-ms-flex-item-align:center;align-self:center}._AlignSelf_1us84_2._AlignSelf--narrow-l--align-self-end_1us84_21{-ms-flex-item-align:end;align-self:end}._AlignSelf_1us84_2._AlignSelf--narrow-l--align-self-stretch_1us84_24{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 700px){._AlignSelf_1us84_2._AlignSelf--medium-s--align-self-start_1us84_29{-ms-flex-item-align:start;align-self:start}._AlignSelf_1us84_2._AlignSelf--medium-s--align-self-center_1us84_32{-ms-flex-item-align:center;align-self:center}._AlignSelf_1us84_2._AlignSelf--medium-s--align-self-end_1us84_35{-ms-flex-item-align:end;align-self:end}._AlignSelf_1us84_2._AlignSelf--medium-s--align-self-stretch_1us84_38{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 880px){._AlignSelf_1us84_2._AlignSelf--medium-l--align-self-start_1us84_43{-ms-flex-item-align:start;align-self:start}._AlignSelf_1us84_2._AlignSelf--medium-l--align-self-center_1us84_46{-ms-flex-item-align:center;align-self:center}._AlignSelf_1us84_2._AlignSelf--medium-l--align-self-end_1us84_49{-ms-flex-item-align:end;align-self:end}._AlignSelf_1us84_2._AlignSelf--medium-l--align-self-stretch_1us84_52{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1200px){._AlignSelf_1us84_2._AlignSelf--wide-s--align-self-start_1us84_57{-ms-flex-item-align:start;align-self:start}._AlignSelf_1us84_2._AlignSelf--wide-s--align-self-center_1us84_60{-ms-flex-item-align:center;align-self:center}._AlignSelf_1us84_2._AlignSelf--wide-s--align-self-end_1us84_63{-ms-flex-item-align:end;align-self:end}._AlignSelf_1us84_2._AlignSelf--wide-s--align-self-stretch_1us84_66{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1900px){._AlignSelf_1us84_2._AlignSelf--wide-l--align-self-start_1us84_71{-ms-flex-item-align:start;align-self:start}._AlignSelf_1us84_2._AlignSelf--wide-l--align-self-center_1us84_74{-ms-flex-item-align:center;align-self:center}._AlignSelf_1us84_2._AlignSelf--wide-l--align-self-end_1us84_77{-ms-flex-item-align:end;align-self:end}._AlignSelf_1us84_2._AlignSelf--wide-l--align-self-stretch_1us84_80{-ms-flex-item-align:stretch;align-self:stretch}}._LayoutGridItem_2tq6r_1{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;padding:0}
@@ -0,0 +1 @@
1
+ ._Link_p4f2q_4{display:inline-block;border-radius:var(--5eeb28);text-decoration:var(--f13872);cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._Link_p4f2q_4:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._Link--inline_p4f2q_20{display:inline}._Link--noUnderline_p4f2q_23{text-decoration:none}._Link--variant-accentDark_p4f2q_26{color:var(--c6b68f)}._Link--variant-accentDark_p4f2q_26:hover,._Link--variant-accentDark--dsInternalSimulation-hover_p4f2q_30{color:var(--65e1ef)}._Link--variant-accentDark_p4f2q_26:active,._Link--variant-accentDark--dsInternalSimulation-active_p4f2q_34{color:var(--179b80)}._Link--variant-accentDarkInverted_p4f2q_37{color:var(--7cbffc)}._Link--variant-accentDarkInverted_p4f2q_37:hover,._Link--variant-accentDarkInverted--dsInternalSimulation-hover_p4f2q_41{color:var(--47fcde)}._Link--variant-accentDarkInverted_p4f2q_37:active,._Link--variant-accentDarkInverted--dsInternalSimulation-active_p4f2q_45{color:var(--1253e2)}._Link--variant-neutral_p4f2q_48{color:var(--19fdf0)}._Link--variant-neutral_p4f2q_48:hover,._Link--variant-neutral--dsInternalSimulation-hover_p4f2q_52{color:var(--ce5fb9)}._Link--variant-neutral_p4f2q_48:active,._Link--variant-neutral--dsInternalSimulation-active_p4f2q_56{color:var(--1d39ac)}._Link--variant-neutralInverted_p4f2q_59{color:var(--883d0f)}._Link--variant-neutralInverted_p4f2q_59:hover,._Link--variant-neutralInverted--dsInternalSimulation-hover_p4f2q_63{color:var(--065570)}._Link--variant-neutralInverted_p4f2q_59:active,._Link--variant-neutralInverted--dsInternalSimulation-active_p4f2q_67{color:var(--be41c4)}._Link--variant-unsetColors_p4f2q_70{color:var(--e66f2a)}._Link--variant-unsetColors_p4f2q_70:hover,._Link--variant-unsetColors--dsInternalSimulation-hover_p4f2q_74{color:var(--468ceb)}._Link--variant-unsetColors_p4f2q_70:active,._Link--variant-unsetColors--dsInternalSimulation-active_p4f2q_78{color:var(--a5fc76)}
@@ -1,10 +1,10 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{T as n}from"./Text-nWyCR02l.js";import{r as k}from"./index-Cb9e4tly.js";import{f as Y}from"./filterHTMLAttributes-DYdLqcvH.js";import{g as Z}from"./defaults-B1rzzf6M.js";import{u as ee}from"./useHostname-Y3PlXofY.js";import{m as te,s as f,b as x}from"./classNames-BUL1Zq7e.js";import{w as y}from"./componentNames-Bwls0I02.js";import{a as ne,g as ae}from"./index-DdzHuZ-Y.js";import{g as d}from"./getTokenVar-DU_DEzTd.js";import{c as u}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./text-accent-BMdpzlaC.js";import"./text-centered-VuFsr_qt.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./constants-BgBLeZzp.js";const re="_Link_1tkj3_4",ie={Link:re,"Link--inline":"_Link--inline_1tkj3_20","Link--noUnderline":"_Link--noUnderline_1tkj3_23","Link--variant-accentDark":"_Link--variant-accentDark_1tkj3_26","Link--variant-accentDark--dsInternalSimulation-hover":"_Link--variant-accentDark--dsInternalSimulation-hover_1tkj3_30","Link--variant-accentDark--dsInternalSimulation-active":"_Link--variant-accentDark--dsInternalSimulation-active_1tkj3_34","Link--variant-accentDarkInverted":"_Link--variant-accentDarkInverted_1tkj3_37","Link--variant-accentDarkInverted--dsInternalSimulation-hover":"_Link--variant-accentDarkInverted--dsInternalSimulation-hover_1tkj3_41","Link--variant-accentDarkInverted--dsInternalSimulation-active":"_Link--variant-accentDarkInverted--dsInternalSimulation-active_1tkj3_45","Link--variant-neutral":"_Link--variant-neutral_1tkj3_48","Link--variant-neutral--dsInternalSimulation-hover":"_Link--variant-neutral--dsInternalSimulation-hover_1tkj3_52","Link--variant-neutral--dsInternalSimulation-active":"_Link--variant-neutral--dsInternalSimulation-active_1tkj3_56","Link--variant-neutralInverted":"_Link--variant-neutralInverted_1tkj3_59","Link--variant-neutralInverted--dsInternalSimulation-hover":"_Link--variant-neutralInverted--dsInternalSimulation-hover_1tkj3_63","Link--variant-neutralInverted--dsInternalSimulation-active":"_Link--variant-neutralInverted--dsInternalSimulation-active_1tkj3_67","Link--variant-unsetColors":"_Link--variant-unsetColors_1tkj3_70","Link--variant-unsetColors--dsInternalSimulation-hover":"_Link--variant-unsetColors--dsInternalSimulation-hover_1tkj3_74","Link--variant-unsetColors--dsInternalSimulation-active":"_Link--variant-unsetColors--dsInternalSimulation-active_1tkj3_78"},t=k.forwardRef(function(E,P){const{variant:p=Z,href:A,download:R,opensInNewTab:H,nofollow:M,assistiveText:O,onClick:$,as:v,url:z,dataset:F,children:m,inline:J,dsInternalSimulation:K,noUnderline:W,...X}=E,B=ee(),G=te(ie,y.Link,[f(`variant-${p}--dsInternalSimulation`,K),f("variant",p),x("inline",void 0,J),x("noUnderline",void 0,W)]),c=A||z,Q=c?ne(B,c,H,M):{},h={...Y(X),ref:P,href:c,download:R,"aria-label":O,onClick:$,className:G.join(" "),...ae(F,{preplyDsComponent:y.Link})};return v?k.cloneElement(v,{...h},m):e.jsx("a",{...h,...Q,children:m})});try{t.displayName="Link",t.__docgenInfo={description:`This is an inline element and will inherit font-size, line-height and
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{T as a}from"./Text-V4TRyvtW.js";import{r as k}from"./index-Cb9e4tly.js";import{f as Y}from"./filterHTMLAttributes-DYdLqcvH.js";import{g as Z}from"./defaults-B1rzzf6M.js";import{u as ee}from"./useHostname-Y3PlXofY.js";import{m as ne,s as f,b as x}from"./classNames-BUL1Zq7e.js";import{w as y}from"./componentNames-Bwls0I02.js";import{a as ae,g as te}from"./index-DdzHuZ-Y.js";import{g as d}from"./getTokenVar-DU_DEzTd.js";import{c as u}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./text-accent-Pc_gtAUU.js";import"./text-centered-Bf8j8BI4.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./constants-BgBLeZzp.js";const re="_Link_p4f2q_4",ie={Link:re,"Link--inline":"_Link--inline_p4f2q_20","Link--noUnderline":"_Link--noUnderline_p4f2q_23","Link--variant-accentDark":"_Link--variant-accentDark_p4f2q_26","Link--variant-accentDark--dsInternalSimulation-hover":"_Link--variant-accentDark--dsInternalSimulation-hover_p4f2q_30","Link--variant-accentDark--dsInternalSimulation-active":"_Link--variant-accentDark--dsInternalSimulation-active_p4f2q_34","Link--variant-accentDarkInverted":"_Link--variant-accentDarkInverted_p4f2q_37","Link--variant-accentDarkInverted--dsInternalSimulation-hover":"_Link--variant-accentDarkInverted--dsInternalSimulation-hover_p4f2q_41","Link--variant-accentDarkInverted--dsInternalSimulation-active":"_Link--variant-accentDarkInverted--dsInternalSimulation-active_p4f2q_45","Link--variant-neutral":"_Link--variant-neutral_p4f2q_48","Link--variant-neutral--dsInternalSimulation-hover":"_Link--variant-neutral--dsInternalSimulation-hover_p4f2q_52","Link--variant-neutral--dsInternalSimulation-active":"_Link--variant-neutral--dsInternalSimulation-active_p4f2q_56","Link--variant-neutralInverted":"_Link--variant-neutralInverted_p4f2q_59","Link--variant-neutralInverted--dsInternalSimulation-hover":"_Link--variant-neutralInverted--dsInternalSimulation-hover_p4f2q_63","Link--variant-neutralInverted--dsInternalSimulation-active":"_Link--variant-neutralInverted--dsInternalSimulation-active_p4f2q_67","Link--variant-unsetColors":"_Link--variant-unsetColors_p4f2q_70","Link--variant-unsetColors--dsInternalSimulation-hover":"_Link--variant-unsetColors--dsInternalSimulation-hover_p4f2q_74","Link--variant-unsetColors--dsInternalSimulation-active":"_Link--variant-unsetColors--dsInternalSimulation-active_p4f2q_78"},n=k.forwardRef(function(E,P){const{variant:p=Z,href:A,download:R,opensInNewTab:H,nofollow:M,assistiveText:O,onClick:$,as:v,url:z,dataset:F,children:m,inline:J,dsInternalSimulation:K,noUnderline:W,...X}=E,B=ee(),G=ne(ie,y.Link,[f(`variant-${p}--dsInternalSimulation`,K),f("variant",p),x("inline",void 0,J),x("noUnderline",void 0,W)]),c=A||z,Q=c?ae(B,c,H,M):{},h={...Y(X),ref:P,href:c,download:R,"aria-label":O,onClick:$,className:G.join(" "),...te(F,{preplyDsComponent:y.Link})};return v?k.cloneElement(v,{...h},m):e.jsx("a",{...h,...Q,children:m})});try{n.displayName="Link",n.__docgenInfo={description:`This is an inline element and will inherit font-size, line-height and
2
2
  font-weight from the parent context. If you need to customise any of these
3
3
  styles, all you have to do is wrap the <Link> in a Text or TextInline
4
- component.`,displayName:"Link",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"neutral"'},{value:'"accentDark"'},{value:'"accentDarkInverted"'},{value:'"neutralInverted"'},{value:'"unsetColors"'}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:`When provided, instructs the browser to download the target (the file
4
+ component.`,displayName:"Link",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"accentDark"'},{value:'"accentDarkInverted"'},{value:'"neutral"'},{value:'"neutralInverted"'},{value:'"unsetColors"'}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:`When provided, instructs the browser to download the target (the file
5
5
  specified in the href attribute) when a user clicks on the hyperlink,
6
6
  rather than display it in the browser.`,name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"If `true`, forces internal link to open in a new tab.",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"Provide an `aria-label` to the link.\nThis is useful if the link wraps non-textual elements, eg. an `img`.",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:`Provide dataset to set data attributes on the DOM element for the purpose
7
- of e2e tests or integrating with external libraries.`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inline:{defaultValue:null,description:"If `true`, allows the link to wrap within text.",name:"inline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},noUnderline:{defaultValue:null,description:"",name:"noUnderline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | null) => void"},{value:"RefObject<HTMLAnchorElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Ie={title:"components/Link",component:t},r=()=>{const a=d(u.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(t,{href:"https://preply.com",variant:"neutral",children:"neutral"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(t,{href:"https://preply.com",variant:"neutralInverted",children:"neutralInverted"})}),e.jsx(t,{href:"https://preply.com",variant:"accentDark",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(t,{href:"https://preply.com",variant:"accentDarkInverted",children:"accentDarkInverted"})}),e.jsx(t,{href:"https://preply.com",variant:"unsetColors",children:"unsetColors"})]})},i=()=>{const a=d(u.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(n,{variant:"default-regular-italic",children:"(use the `unsetColors` variant)"}),e.jsxs("div",{children:[e.jsx(n,{variant:"large-semibold-italic",children:"primary"}),e.jsx(n,{variant:"default-regular-italic",children:"normal"}),e.jsxs(n,{accent:"primary",children:["Lorem ipsum ",e.jsx(t,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(n,{variant:"default-regular-italic",children:"active"}),e.jsxs(n,{accent:"primary",children:["Lorem ipsum"," ",e.jsx(t,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]}),e.jsxs("div",{style:{backgroundColor:a},children:[e.jsx(n,{variant:"large-semibold-italic",accent:"inverted",children:"inverted"}),e.jsx(n,{variant:"default-regular-italic",accent:"inverted",children:"normal"}),e.jsxs(n,{accent:"inverted",children:["Lorem ipsum ",e.jsx(t,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(n,{variant:"default-regular-italic",accent:"inverted",children:"active"}),e.jsxs(n,{accent:"inverted",children:["Lorem ipsum"," ",e.jsx(t,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]}),e.jsxs("div",{children:[e.jsx(n,{variant:"large-semibold-italic",children:"positive"}),e.jsx(n,{variant:"default-regular-italic",children:"normal"}),e.jsxs(n,{accent:"positive",children:["Lorem ipsum ",e.jsx(t,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(n,{variant:"default-regular-italic",children:"active"}),e.jsxs(n,{accent:"positive",children:["Lorem ipsum"," ",e.jsx(t,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]}),e.jsxs("div",{children:[e.jsx(n,{variant:"large-semibold-italic",children:"critical"}),e.jsx(n,{variant:"default-regular-italic",children:"normal"}),e.jsxs(n,{accent:"critical",children:["Lorem ipsum ",e.jsx(t,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(n,{variant:"default-regular-italic",children:"active"}),e.jsxs(n,{accent:"critical",children:["Lorem ipsum"," ",e.jsx(t,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]})]})},l=()=>{const a=d(u.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(n,{variant:"default-regular-italic",children:"normal"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(t,{href:"https://preply.com",variant:"neutral",children:"neutral"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(t,{href:"https://preply.com",variant:"neutralInverted",children:"neutralInverted"})}),e.jsx(t,{href:"https://preply.com",variant:"accentDark",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(t,{href:"https://preply.com",variant:"accentDarkInverted",children:"accentDarkInverted"})}),e.jsx(t,{href:"https://preply.com",variant:"unsetColors",children:"unsetColors"})]}),e.jsx(n,{variant:"default-regular-italic",children:"hover"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(t,{href:"https://preply.com",variant:"neutral",dsInternalSimulation:"hover",children:"neutral"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(t,{href:"https://preply.com",variant:"neutralInverted",dsInternalSimulation:"hover",children:"neutralInverted"})}),e.jsx(t,{href:"https://preply.com",variant:"accentDark",dsInternalSimulation:"hover",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(t,{href:"https://preply.com",variant:"accentDarkInverted",dsInternalSimulation:"hover",children:"accentDarkInverted"})}),e.jsx(t,{href:"https://preply.com",variant:"unsetColors",dsInternalSimulation:"hover",children:"unsetColors"})]}),e.jsx(n,{variant:"default-regular-italic",children:"active"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(t,{href:"https://preply.com",variant:"neutral",dsInternalSimulation:"active",children:"neutral"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(t,{href:"https://preply.com",variant:"neutralInverted",dsInternalSimulation:"active",children:"neutralInverted"})}),e.jsx(t,{href:"https://preply.com",variant:"accentDark",dsInternalSimulation:"active",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(t,{href:"https://preply.com",variant:"accentDarkInverted",dsInternalSimulation:"active",children:"accentDarkInverted"})}),e.jsx(t,{href:"https://preply.com",variant:"unsetColors",dsInternalSimulation:"active",children:"unsetColors"})]})]})},o=()=>e.jsxs("p",{style:{width:"12ch"},children:["Unlock your potential;"," ",e.jsx(t,{href:"https://preply.com",variant:"unsetColors",inline:!0,children:"visit Preply"}),"."]}),s={parameters:{chromatic:{disableSnapshot:!0}},args:{children:"Click me",href:"https://preply.com",variant:"neutral",dataset:{qaid:"link"}},argTypes:{dataset:{control:"object"},inline:{control:"boolean"},noUnderline:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},download:{control:"boolean"},assistiveText:{control:"text"},href:{control:"text"},url:{table:{disable:!0}}}};var g,L,I;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`() => {
7
+ of e2e tests or integrating with external libraries.`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inline:{defaultValue:null,description:"If `true`, allows the link to wrap within text.",name:"inline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},noUnderline:{defaultValue:null,description:"",name:"noUnderline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | null) => void"},{value:"RefObject<HTMLAnchorElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Ie={title:"components/Link",component:n},r=()=>{const t=d(u.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(n,{href:"https://preply.com",variant:"neutral",children:"neutral"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(n,{href:"https://preply.com",variant:"neutralInverted",children:"neutralInverted"})}),e.jsx(n,{href:"https://preply.com",variant:"accentDark",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(n,{href:"https://preply.com",variant:"accentDarkInverted",children:"accentDarkInverted"})}),e.jsx(n,{href:"https://preply.com",variant:"unsetColors",children:"unsetColors"})]})},i=()=>{const t=d(u.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(a,{variant:"default-regular-italic",children:"(use the `unsetColors` variant)"}),e.jsxs("div",{children:[e.jsx(a,{variant:"large-semibold-italic",children:"primary"}),e.jsx(a,{variant:"default-regular-italic",children:"normal"}),e.jsxs(a,{accent:"primary",children:["Lorem ipsum ",e.jsx(n,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(a,{variant:"default-regular-italic",children:"active"}),e.jsxs(a,{accent:"primary",children:["Lorem ipsum"," ",e.jsx(n,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]}),e.jsxs("div",{style:{backgroundColor:t},children:[e.jsx(a,{variant:"large-semibold-italic",accent:"inverted",children:"inverted"}),e.jsx(a,{variant:"default-regular-italic",accent:"inverted",children:"normal"}),e.jsxs(a,{accent:"inverted",children:["Lorem ipsum ",e.jsx(n,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(a,{variant:"default-regular-italic",accent:"inverted",children:"active"}),e.jsxs(a,{accent:"inverted",children:["Lorem ipsum"," ",e.jsx(n,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]}),e.jsxs("div",{children:[e.jsx(a,{variant:"large-semibold-italic",children:"positive"}),e.jsx(a,{variant:"default-regular-italic",children:"normal"}),e.jsxs(a,{accent:"positive",children:["Lorem ipsum ",e.jsx(n,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(a,{variant:"default-regular-italic",children:"active"}),e.jsxs(a,{accent:"positive",children:["Lorem ipsum"," ",e.jsx(n,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]}),e.jsxs("div",{children:[e.jsx(a,{variant:"large-semibold-italic",children:"critical"}),e.jsx(a,{variant:"default-regular-italic",children:"normal"}),e.jsxs(a,{accent:"critical",children:["Lorem ipsum ",e.jsx(n,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(a,{variant:"default-regular-italic",children:"active"}),e.jsxs(a,{accent:"critical",children:["Lorem ipsum"," ",e.jsx(n,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]})]})},l=()=>{const t=d(u.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(a,{variant:"default-regular-italic",children:"normal"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(n,{href:"https://preply.com",variant:"neutral",children:"neutral"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(n,{href:"https://preply.com",variant:"neutralInverted",children:"neutralInverted"})}),e.jsx(n,{href:"https://preply.com",variant:"accentDark",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(n,{href:"https://preply.com",variant:"accentDarkInverted",children:"accentDarkInverted"})}),e.jsx(n,{href:"https://preply.com",variant:"unsetColors",children:"unsetColors"})]}),e.jsx(a,{variant:"default-regular-italic",children:"hover"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(n,{href:"https://preply.com",variant:"neutral",dsInternalSimulation:"hover",children:"neutral"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(n,{href:"https://preply.com",variant:"neutralInverted",dsInternalSimulation:"hover",children:"neutralInverted"})}),e.jsx(n,{href:"https://preply.com",variant:"accentDark",dsInternalSimulation:"hover",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(n,{href:"https://preply.com",variant:"accentDarkInverted",dsInternalSimulation:"hover",children:"accentDarkInverted"})}),e.jsx(n,{href:"https://preply.com",variant:"unsetColors",dsInternalSimulation:"hover",children:"unsetColors"})]}),e.jsx(a,{variant:"default-regular-italic",children:"active"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(n,{href:"https://preply.com",variant:"neutral",dsInternalSimulation:"active",children:"neutral"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(n,{href:"https://preply.com",variant:"neutralInverted",dsInternalSimulation:"active",children:"neutralInverted"})}),e.jsx(n,{href:"https://preply.com",variant:"accentDark",dsInternalSimulation:"active",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(n,{href:"https://preply.com",variant:"accentDarkInverted",dsInternalSimulation:"active",children:"accentDarkInverted"})}),e.jsx(n,{href:"https://preply.com",variant:"unsetColors",dsInternalSimulation:"active",children:"unsetColors"})]})]})},o=()=>e.jsxs("p",{style:{width:"12ch"},children:["Unlock your potential;"," ",e.jsx(n,{href:"https://preply.com",variant:"unsetColors",inline:!0,children:"visit Preply"}),"."]}),s={parameters:{chromatic:{disableSnapshot:!0}},args:{children:"Click me",href:"https://preply.com",variant:"neutral",dataset:{qaid:"link"}},argTypes:{dataset:{control:"object"},inline:{control:"boolean"},noUnderline:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},download:{control:"boolean"},assistiveText:{control:"text"},href:{control:"text"},url:{table:{disable:!0}}}};var g,L,I;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`() => {
8
8
  const grey = getTokenVar(color.background.primaryInverted);
9
9
  return <div style={{
10
10
  display: 'flex',
@@ -214,7 +214,7 @@ of e2e tests or integrating with external libraries.`,name:"dataset",required:!1
214
214
  </Link>
215
215
  </div>
216
216
  </div>;
217
- }`,...(S=(_=l.parameters)==null?void 0:_.docs)==null?void 0:S.source}}};var D,w,V;o.parameters={...o.parameters,docs:{...(D=o.parameters)==null?void 0:D.docs,source:{originalSource:`() => <p style={{
217
+ }`,...(S=(_=l.parameters)==null?void 0:_.docs)==null?void 0:S.source}}};var D,w,q;o.parameters={...o.parameters,docs:{...(D=o.parameters)==null?void 0:D.docs,source:{originalSource:`() => <p style={{
218
218
  width: '12ch'
219
219
  }}>
220
220
  Unlock your potential;{' '}
@@ -222,7 +222,7 @@ of e2e tests or integrating with external libraries.`,name:"dataset",required:!1
222
222
  visit Preply
223
223
  </Link>
224
224
  .
225
- </p>`,...(V=(w=o.parameters)==null?void 0:w.docs)==null?void 0:V.source}}};var q,N,U;s.parameters={...s.parameters,docs:{...(q=s.parameters)==null?void 0:q.docs,source:{originalSource:`{
225
+ </p>`,...(q=(w=o.parameters)==null?void 0:w.docs)==null?void 0:q.source}}};var V,N,U;s.parameters={...s.parameters,docs:{...(V=s.parameters)==null?void 0:V.docs,source:{originalSource:`{
226
226
  parameters: {
227
227
  chromatic: {
228
228
  disableSnapshot: true
@@ -0,0 +1 @@
1
+ ._Loader_o58s3_2{display:inline-flex;width:fit-content;height:fit-content}._Loader--normal_o58s3_7{color:var(--19bcb6)}._Loader--inverted_o58s3_10{color:var(--38413d)}
@@ -1,11 +1,11 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as x}from"./index-Cb9e4tly.js";import{f as j}from"./filterHTMLAttributes-DYdLqcvH.js";import{S as z}from"./Spinner-Iaah9nUJ.js";import{m as k,b as C}from"./classNames-BUL1Zq7e.js";import{w as l}from"./componentNames-Bwls0I02.js";import{g as E}from"./index-DdzHuZ-Y.js";import{S as N}from"./consts-KAYct7Gj.js";import{g as R}from"./getTokenVar-DU_DEzTd.js";import{c as T}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./defaults-B1rzzf6M.js";import"./constants-BgBLeZzp.js";const V="_Loader_5yfhg_2",q={Loader:V,"Loader--normal":"_Loader--normal_5yfhg_7","Loader--inverted":"_Loader--inverted_5yfhg_10"},r=x.forwardRef(function({size:t,inverted:y=!1,dataset:L,..._},b){const h=k(q,l.Loader,[C("inverted","normal",y)]),S={...j(_),ref:b,className:h.join(" "),...E(L,{preplyDsComponent:l.Loader})};return e.jsx("span",{...S,children:e.jsx(z,{size:t})})});try{r.displayName="Loader",r.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"default"'},{value:"ResponsiveProp<SpinnerSize>"}]}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const K={title:"components/Loader",component:r,argTypes:{size:{description:N}}},o=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"8px"},children:[e.jsx(r,{size:"default"}),e.jsx(r,{size:"large"})]}),n=()=>e.jsx(r,{inverted:!0});n.decorators=[a=>{const t=R(T.background.primaryInverted);return e.jsx("div",{style:{backgroundColor:t},children:a()})}];const s={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(a,{args:t})=>e.jsx("div",{style:{backgroundColor:t.inverted?"black":void 0},children:a()})],args:{size:"default",inverted:!1,dataset:{qaid:"loader"}},argTypes:{dataset:{control:"object"},size:{control:"select"},inverted:{control:"boolean"}}};var d,i,c;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`() => <div style={{
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as h}from"./index-Cb9e4tly.js";import{f as j}from"./filterHTMLAttributes-DYdLqcvH.js";import{S as z}from"./Spinner-Yzq6CWfu.js";import{m as k,b as C}from"./classNames-BUL1Zq7e.js";import{w as l}from"./componentNames-Bwls0I02.js";import{g as E}from"./index-DdzHuZ-Y.js";import{S as N}from"./consts-KAYct7Gj.js";import{g as R}from"./getTokenVar-DU_DEzTd.js";import{c as T}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./defaults-B1rzzf6M.js";import"./constants-BgBLeZzp.js";const V="_Loader_o58s3_2",q={Loader:V,"Loader--normal":"_Loader--normal_o58s3_7","Loader--inverted":"_Loader--inverted_o58s3_10"},r=h.forwardRef(function({size:t,inverted:y=!1,dataset:L,..._},b){const S=k(q,l.Loader,[C("inverted","normal",y)]),x={...j(_),ref:b,className:S.join(" "),...E(L,{preplyDsComponent:l.Loader})};return e.jsx("span",{...x,children:e.jsx(z,{size:t})})});try{r.displayName="Loader",r.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"default"'},{value:"ResponsiveProp<SpinnerSize>"}]}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const K={title:"components/Loader",component:r,argTypes:{size:{description:N}}},n=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"8px"},children:[e.jsx(r,{size:"default"}),e.jsx(r,{size:"large"})]}),o=()=>e.jsx(r,{inverted:!0});o.decorators=[a=>{const t=R(T.background.primaryInverted);return e.jsx("div",{style:{backgroundColor:t},children:a()})}];const s={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(a,{args:t})=>e.jsx("div",{style:{backgroundColor:t.inverted?"black":void 0},children:a()})],args:{size:"default",inverted:!1,dataset:{qaid:"loader"}},argTypes:{dataset:{control:"object"},size:{control:"select"},inverted:{control:"boolean"}}};var d,i,c;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`() => <div style={{
2
2
  display: 'flex',
3
3
  alignItems: 'end',
4
4
  gap: '8px'
5
5
  }}>
6
6
  <Loader size="default" />
7
7
  <Loader size="large" />
8
- </div>`,...(c=(i=o.parameters)==null?void 0:i.docs)==null?void 0:c.source}}};var u,m,p;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:"() => <Loader inverted />",...(p=(m=n.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var f,v,g;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
8
+ </div>`,...(c=(i=n.parameters)==null?void 0:i.docs)==null?void 0:c.source}}};var u,m,p;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"() => <Loader inverted />",...(p=(m=o.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var f,v,g;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
9
9
  parameters: {
10
10
  chromatic: {
11
11
  disableSnapshot: true
@@ -34,4 +34,4 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as x}from"./index-Cb9e4tl
34
34
  control: 'boolean'
35
35
  }
36
36
  }
37
- }`,...(g=(v=s.parameters)==null?void 0:v.docs)==null?void 0:g.source}}};const Q=["Sizes","Inverted","Playground"];export{n as Inverted,s as Playground,o as Sizes,Q as __namedExportsOrder,K as default};
37
+ }`,...(g=(v=s.parameters)==null?void 0:v.docs)==null?void 0:g.source}}};const Q=["Sizes","Inverted","Playground"];export{o as Inverted,s as Playground,n as Sizes,Q as __namedExportsOrder,K as default};