@preply/ds-docs 9.1.0 → 10.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (253) hide show
  1. package/dist/assets/{00.LayoutFlex.stories-BYXnY64p.js → 00.LayoutFlex.stories-DB9Y25qw.js} +1 -1
  2. package/dist/assets/{00.applications-BsH2V3W_.js → 00.applications-C7qyvM1y.js} +1 -1
  3. package/dist/assets/{00.favicons.guide-eBYOUVUH.js → 00.favicons.guide-BmYhSQZH.js} +1 -1
  4. package/dist/assets/{00.token-explorer-B2ulyaA-.js → 00.token-explorer-zaz4V88E.js} +1 -1
  5. package/dist/assets/{00.using-responsive-props-CTjUYXUc.js → 00.using-responsive-props-DKW-uWVH.js} +1 -1
  6. package/dist/assets/01-2pw2iC19.css +1 -0
  7. package/dist/assets/01.semantic-tokens-Qf9qY_Sk.js +11 -0
  8. package/dist/assets/{01.using-shorthand-props-CwDUu5-3.js → 01.using-shorthand-props-BedWZyE3.js} +1 -1
  9. package/dist/assets/{10.Combinations.stories-DyRUlGlL.js → 10.Combinations.stories-DL8TmNJ4.js} +1 -1
  10. package/dist/assets/{10.fonts.guide-DeXmgJeZ.js → 10.fonts.guide-DWCtIfPx.js} +1 -1
  11. package/dist/assets/{10.ssr-Cc4-BW5H.js → 10.ssr-FDyVDtdm.js} +1 -1
  12. package/dist/assets/11.fonts.explorer-Bh_GOQIH.js +2 -0
  13. package/dist/assets/{11.ssr.app-router-D1SE_zWj.js → 11.ssr.app-router-C5TwsO2T.js} +1 -1
  14. package/dist/assets/{20.libraries-DfhUsp74.js → 20.libraries-Cnl2_NKK.js} +1 -1
  15. package/dist/assets/{2025-q4-ds-cleanup-DGnTtnn3.js → 2025-q4-ds-cleanup-Bpa9AZ8j.js} +1 -1
  16. package/dist/assets/{30.icons.explorer-D0CP2r0K.js → 30.icons.explorer-BBtz-vBk.js} +3 -3
  17. package/dist/assets/{30.storybook-fiICi3pf.js → 30.storybook-C9GpdY6w.js} +1 -1
  18. package/dist/assets/{40.illustrations.explorer-BAusB8PF.js → 40.illustrations.explorer-BRtj5sFB.js} +1 -1
  19. package/dist/assets/{90.advanced-DcSeiSZJ.js → 90.advanced-hNSc64rO.js} +1 -1
  20. package/dist/assets/{Accordion-BEPo4ld1.js → Accordion-CedlUpYk.js} +1 -1
  21. package/dist/assets/{Accordion.stories-BQqvv6_w.js → Accordion.stories-K6mzrdt8.js} +1 -1
  22. package/dist/assets/{Accordion.tests.stories-CbPTut9X.js → Accordion.tests.stories-B6lTbT6X.js} +1 -1
  23. package/dist/assets/AlertBanner.primitives.stories-CX03Ob-5.js +14 -0
  24. package/dist/assets/{AlertBanner.stories-CMG9DJ2x.js → AlertBanner.stories-Cla7i7qF.js} +2 -2
  25. package/dist/assets/{AlertBannerText-CmhnTe_E.js → AlertBannerAction-CW-WBC-Q.js} +39 -39
  26. package/dist/assets/{AlertDialog.stories-DizQy7gK.js → AlertDialog.stories-BKmaZZoo.js} +1 -1
  27. package/dist/assets/{Avatar-DooDODLU.js → Avatar-Dlo9b83e.js} +1 -1
  28. package/dist/assets/{Avatar.stories-D7qshDw_.js → Avatar.stories-B27rtxK8.js} +1 -1
  29. package/dist/assets/{AvatarWithStatus.stories-Dj6jZHHV.js → AvatarWithStatus.stories-DBeEaQQL.js} +1 -1
  30. package/dist/assets/{Badge-e3LEfrfi.css → Badge-BVnE8GHY.css} +1 -1
  31. package/dist/assets/Badge-CEZW6Ww4.js +10 -0
  32. package/dist/assets/Badge.stories-ioY8q4d7.js +90 -0
  33. package/dist/assets/{Box.stories-CHbntlOv.js → Box.stories-udfSjNu1.js} +1 -1
  34. package/dist/assets/{BubbleCounter.stories-DTv3QqdJ.js → BubbleCounter.stories-D2G7jKKI.js} +1 -1
  35. package/dist/assets/{Button-KCBOR544.js → Button-DS2bg8PO.js} +3 -3
  36. package/dist/assets/{Button.stories-pEk6dWrs.js → Button.stories-VD5Bx8BA.js} +1 -1
  37. package/dist/assets/{Button-6DthIrMV.css → ButtonBase-Bv11I0L0.css} +1 -1
  38. package/dist/assets/ButtonBase-CPJxprWJ.js +1 -0
  39. package/dist/assets/{ButtonBase-D1x6yeKi.js → ButtonBase-sV1YoG7h.js} +2 -2
  40. package/dist/assets/{CalloutBanner.stories-C-mTLhQp.js → CalloutBanner.stories-Cda3BZCl.js} +23 -23
  41. package/dist/assets/{Checkbox-BpQ-rwun.js → Checkbox-Cmmcg7FL.js} +2 -2
  42. package/dist/assets/{Checkbox.stories-DsN55u_O.js → Checkbox.stories-B0kQw-sr.js} +1 -1
  43. package/dist/assets/{Checkbox.tests.stories-Bep_STbH.js → Checkbox.tests.stories-DDyVlpZg.js} +1 -1
  44. package/dist/assets/{Chips.stories-Da8J7RES.js → Chips.stories-DcxW_jqF.js} +1 -1
  45. package/dist/assets/{Color-ASIRERSW-DWyFOMGN.js → Color-ASIRERSW-9q9Af87o.js} +1 -1
  46. package/dist/assets/{ComposingPopovers.stories-qqCHKKj8.js → ComposingPopovers.stories-Co69SyGH.js} +1 -1
  47. package/dist/assets/{CountryFlag-CSGb4nau.js → CountryFlag-BKEpYyWK.js} +18 -18
  48. package/dist/assets/{CountryFlag.stories-DQpEMYMX.js → CountryFlag.stories-o-8kmOZA.js} +1 -1
  49. package/dist/assets/{CountryFlag.test.stories-CzcCUxia.js → CountryFlag.test.stories-CKkoBStk.js} +1 -1
  50. package/dist/assets/Dialog-DaLOtRn0.js +13 -0
  51. package/dist/assets/{Dialog.primitives.stories-CSDdsj-9.js → Dialog.primitives.stories-CDU4GhAO.js} +1 -1
  52. package/dist/assets/Dialog.stories-N8LTxdNu.js +324 -0
  53. package/dist/assets/{Dialog.test.stories-DngMxsX4.js → Dialog.test.stories-tViVBTuF.js} +6 -6
  54. package/dist/assets/{DialogActions-DTUDyqFX.js → DialogActions-_9FMsJ9P.js} +34 -34
  55. package/dist/assets/{DialogTitle-DJPc1ITB.js → DialogCloseButton-CDDeMFIL.js} +63 -63
  56. package/dist/assets/DialogCloseButton-DXcPNZE4.css +1 -0
  57. package/dist/assets/DismissibleChips-X4A9KOxs.js +1 -0
  58. package/dist/assets/{DismissibleChips.stories-Bi-ob_1G.js → DismissibleChips.stories-DbnvLIw0.js} +1 -1
  59. package/dist/assets/{Divider-CPpmQZmq.js → Divider-WS0wDfQZ.js} +1 -1
  60. package/dist/assets/{Divider.stories-CfHb5qbc.js → Divider.stories-BO1cg142.js} +1 -1
  61. package/dist/assets/{DocsRenderer-GHJI37HO-DtP4EKUP.js → DocsRenderer-GHJI37HO-CzsXSkAO.js} +2 -2
  62. package/dist/assets/{DropdownMenu-N9_otewg.js → DropdownMenu-CB6xg9YD.js} +410 -410
  63. package/dist/assets/{DropdownMenu.stories-CEAGHTed.js → DropdownMenu.stories-E-6mIs-U.js} +2 -2
  64. package/dist/assets/{FieldButton-CCXniKhy.js → FieldButton-CYcQXg37.js} +1 -1
  65. package/dist/assets/{FieldButton.stories-CJM_6H-S.js → FieldButton.stories-UNjMUuGT.js} +1 -1
  66. package/dist/assets/{FormControl-CygcWV_h.js → FormControl-DgD7Nr_L.js} +1 -1
  67. package/dist/assets/{FormControl.stories-C5u8y2E-.js → FormControl.stories-DlqjswdS.js} +1 -1
  68. package/dist/assets/{Heading-Bie8QWaf.js → Heading-BPJGe0Bg.js} +1 -1
  69. package/dist/assets/{Heading.stories-D0fztdY8.js → Heading.stories-B9_Jr0z3.js} +1 -1
  70. package/dist/assets/{Icon-RSC-D3qlB5DK.js → Icon-RSC-BcGoz5Ez.js} +1 -1
  71. package/dist/assets/{Icon-BX3I9JNh.js → Icon-kphbe0CE.js} +2 -2
  72. package/dist/assets/{Icon.stories-By891-S7.js → Icon.stories-CKAjKBCa.js} +1 -1
  73. package/dist/assets/IconButton-D4lbFOKH.js +8 -0
  74. package/dist/assets/{IconTile.stories-Dns_iBHK.js → IconTile.stories-BlATLdyV.js} +1 -1
  75. package/dist/assets/{Input-DwA6-keB.js → Input-Cp2OkxN8.js} +19 -19
  76. package/dist/assets/{InputContainer-BM2ePliH.js → InputContainer-BlXlJbfJ.js} +1 -1
  77. package/dist/assets/{IntegrationWithReactHookForm.stories-mIoeMj7y.js → IntegrationWithReactHookForm.stories-BstJWvGF.js} +1 -1
  78. package/dist/assets/{IntlFormattedCurrency.stories-7qKke3dW.js → IntlFormattedCurrency.stories-CXBsKa8I.js} +9 -9
  79. package/dist/assets/{IntlFormattedDateTime.stories-C2pI0ems.js → IntlFormattedDateTime.stories-m5rFuyxv.js} +7 -7
  80. package/dist/assets/{LayoutFlex-0WdUDfah.js → LayoutFlex-Drgj-jqd.js} +1 -1
  81. package/dist/assets/{LayoutFlex-BnIoY5YK.js → LayoutFlex-p_p7LCCd.js} +1 -1
  82. package/dist/assets/{LayoutFlexItem-9sCC-db-.js → LayoutFlexItem-DrxhQlf5.js} +1 -1
  83. package/dist/assets/{LayoutGrid-DfyCnoOo.js → LayoutGrid-DZv08iKe.js} +1 -1
  84. package/dist/assets/{LayoutGrid-DqPWofJQ.js → LayoutGrid-eROIp1sZ.js} +1 -1
  85. package/dist/assets/{LayoutGrid.stories-CPzyKie2.js → LayoutGrid.stories-DAnbCvD6.js} +1 -1
  86. package/dist/assets/{LayoutGridItem-BhNbXpRk.js → LayoutGridItem-DiU_IdjQ.js} +1 -1
  87. package/dist/assets/{Link-C686zlPi.js → Link-BHV5DCu-.js} +2 -2
  88. package/dist/assets/{Link.stories-NTXG_YAN.js → Link.stories-CFRsbzfM.js} +1 -1
  89. package/dist/assets/{Loader.stories-CobXaiZW.js → Loader.stories-bvaq9oGD.js} +1 -1
  90. package/dist/assets/MultiSelectChips-CVg9kaKd.js +2 -0
  91. package/dist/assets/{MultiSelectChips.stories-D8qk9Xh6.js → MultiSelectChips.stories-DOiIDnhX.js} +1 -1
  92. package/dist/assets/{NativeSelectField.stories-BDO41u_T.js → NativeSelectField.stories-DojmcjvT.js} +23 -23
  93. package/dist/assets/NumberField-FWK2ErPL.js +6 -0
  94. package/dist/assets/{NumberField.stories-Dcw2SaBe.js → NumberField.stories-BEVJXeBn.js} +1 -1
  95. package/dist/assets/{ObserveIntersection-Be6WqdPA.js → ObserveIntersection-MtxhRIzU.js} +2 -2
  96. package/dist/assets/{ObserveIntersection.stories-DZmhDs2t.js → ObserveIntersection.stories-0f-z6V25.js} +1 -1
  97. package/dist/assets/{OnboardingTooltip-CsTure6K.js → OnboardingTooltip-DdKwzkB-.js} +1 -1
  98. package/dist/assets/{OnboardingTooltip.stories-C_B-G4_v.js → OnboardingTooltip.stories-DV2yAiRE.js} +1 -1
  99. package/dist/assets/{OnboardingTooltip.tests.stories-CpZhGhGz.js → OnboardingTooltip.tests.stories-32a4fLzf.js} +1 -1
  100. package/dist/assets/{OnboardingTour-Dsl4caiq.js → OnboardingTour-m4V6QT-X.js} +1 -1
  101. package/dist/assets/{OnboardingTour.stories-DqC8M1Kd.js → OnboardingTour.stories-dLZBYgbr.js} +2 -2
  102. package/dist/assets/{OnboardingTour.tests.stories-DGFSuiWj.js → OnboardingTour.tests.stories-BnPXyzmi.js} +1 -1
  103. package/dist/assets/PasswordField-Bp2beBoD.js +6 -0
  104. package/dist/assets/{PasswordField.stories-CZeXEfzi.js → PasswordField.stories-BxnBBn2_.js} +1 -1
  105. package/dist/assets/{PreplyLogo.stories-shAJfg57.js → PreplyLogo.stories-BuK8vK1R.js} +2 -2
  106. package/dist/assets/{ProgressBar.stories-iYTaP7-a.js → ProgressBar.stories-CwpXa86g.js} +1 -1
  107. package/dist/assets/{ProgressSteps-Dq6mpMpu.js → ProgressSteps-DCVAFT7X.js} +1 -1
  108. package/dist/assets/{ProgressSteps.stories-DHMPLYQI.js → ProgressSteps.stories--reXlzAk.js} +1 -1
  109. package/dist/assets/{PromoDialog-D8vw3Grl.js → PromoDialog-BPWEGGGS.js} +1 -1
  110. package/dist/assets/{RangeSlider-Bhq0kPco.js → RangeSlider-BKIG-XfV.js} +1 -1
  111. package/dist/assets/{RangeSlider.stories-g3pQNpDu.js → RangeSlider.stories-Dr7UfAUm.js} +1 -1
  112. package/dist/assets/{Rating.stories-CjioX0Al.js → Rating.stories-Cmpcr64W.js} +1 -1
  113. package/dist/assets/{RatingInput.stories-D33p4lyo.js → RatingInput.stories-DWxrhIwu.js} +2 -2
  114. package/dist/assets/{SelectField-Dndb8yfM.js → SelectField-BRicVVj7.js} +9 -9
  115. package/dist/assets/{SelectField.stories-CvIWxsEK.js → SelectField.stories-D6sJHBcs.js} +1 -1
  116. package/dist/assets/{ShowOnIntersection.stories-dFG1F9xz.js → ShowOnIntersection.stories-DT94aTYJ.js} +1 -1
  117. package/dist/assets/SingleSelectChips-B1d9MkC-.js +2 -0
  118. package/dist/assets/{SingleSelectChips.stories-CUP8Bkco.js → SingleSelectChips.stories-QdsPQJO8.js} +1 -1
  119. package/dist/assets/{Slider-BECc3Wis.js → Slider-CVM0huNa.js} +1 -1
  120. package/dist/assets/{Slider.stories-DjmgzkjU.js → Slider.stories-UCLuhto1.js} +1 -1
  121. package/dist/assets/{Spinner-lj2QA4al.js → Spinner-BG27lVzS.js} +1 -1
  122. package/dist/assets/{Stars-jpVWvTeN.js → Stars-St7ZRTZK.js} +1 -1
  123. package/dist/assets/{Steps-GOg1wsKY.js → Steps-CBqiqb-6.js} +1 -1
  124. package/dist/assets/{Steps.stories-kIC1j0Ik.js → Steps.stories-DOWMlpTM.js} +1 -1
  125. package/dist/assets/{Switch-7aX4SIla.js → Switch-DJROHOKs.js} +1 -1
  126. package/dist/assets/{Switch.stories-DT7OULK4.js → Switch.stories-C9cCCv8l.js} +1 -1
  127. package/dist/assets/{Text-cq49jjad.js → Text-C8DrHLQF.js} +1 -1
  128. package/dist/assets/{Text-CmJvwKqR.js → Text-FXv4P3JX.js} +1 -1
  129. package/dist/assets/{Text.stories-CS1pqas4.js → Text.stories-Cmn2Kn0h.js} +1 -1
  130. package/dist/assets/TextField--Ctd_eHi.js +6 -0
  131. package/dist/assets/{TextField.stories-CzFG171A.js → TextField.stories-Bly_tLuN.js} +1 -1
  132. package/dist/assets/{TextHighlighted.stories-CLRQJAB8.js → TextHighlighted.stories-CdIzDMMS.js} +1 -1
  133. package/dist/assets/{TextInline.stories-DSzsl_kb.js → TextInline.stories-NWWAzVY1.js} +1 -1
  134. package/dist/assets/{TextareaField-DBMUxHiI.js → TextareaField-DDEIieQg.js} +23 -23
  135. package/dist/assets/{TextareaField.stories-CUD2MBoL.js → TextareaField.stories-CyuOlu4z.js} +1 -1
  136. package/dist/assets/{Toast.stories-DPD668gP.js → Toast.stories-BFWVkg8-.js} +1 -1
  137. package/dist/assets/{TokyoUIAttach-BtX3U917.js → TokyoUIAttach-Bj2xsZ5E.js} +1 -1
  138. package/dist/assets/{TokyoUIAvailability7LateNight-CjHQEFhh.js → TokyoUIAvailability7LateNight-CyPCBR0g.js} +1 -1
  139. package/dist/assets/{TokyoUICheck-DfGyg7qp.js → TokyoUICheck-Cg3ZJnmD.js} +1 -1
  140. package/dist/assets/{TokyoUICheckmark-CittwpP4.js → TokyoUICheckmark-CPDgq6wU.js} +1 -1
  141. package/dist/assets/{TokyoUIChevronDown-D9z1Bocr.js → TokyoUIChevronDown-CqAWFBEe.js} +1 -1
  142. package/dist/assets/{TokyoUIChevronRight-DQBrjC0F.js → TokyoUIChevronRight-UHMBQAxX.js} +1 -1
  143. package/dist/assets/{TokyoUIClose-C1pVTvLz.js → TokyoUIClose-DoJfpCh8.js} +1 -1
  144. package/dist/assets/{TokyoUIEmojiFrowning-D-sR3DAq.js → TokyoUIEmojiFrowning-Bztw_WuD.js} +1 -1
  145. package/dist/assets/{TokyoUIErrorWarning-CDZ53m2_.js → TokyoUIErrorWarning-CE6C7y8g.js} +1 -1
  146. package/dist/assets/{TokyoUIExerciseClosedGapsJumble-DYuDUGYW.js → TokyoUIExerciseClosedGapsJumble-OGZLJcQZ.js} +1 -1
  147. package/dist/assets/{TokyoUIEye-Bgb_ZF1l.js → TokyoUIEye-BRl8T4Ci.js} +1 -1
  148. package/dist/assets/{TokyoUIFav-B1z6F-nK.js → TokyoUIFav-w08HsdRu.js} +1 -1
  149. package/dist/assets/{TokyoUIInfo-CwPA0O_V.js → TokyoUIInfo-BoGHBgEW.js} +1 -1
  150. package/dist/assets/{TokyoUILanguage-Cnby-Siw.js → TokyoUILanguage-Bd98PINi.js} +1 -1
  151. package/dist/assets/{TokyoUILibraryExplore-D3Zqdc29.js → TokyoUILibraryExplore-C-3tnEbW.js} +1 -1
  152. package/dist/assets/{TokyoUILock-BVVVVd2O.js → TokyoUILock-d81cInRU.js} +1 -1
  153. package/dist/assets/{TokyoUIMessages-B0IlDk1q.js → TokyoUIMessages-0is9ybHR.js} +1 -1
  154. package/dist/assets/{TokyoUIMinus-Bev2a7lF.js → TokyoUIMinus-DPJ4shry.js} +1 -1
  155. package/dist/assets/{TokyoUINotebook-BCMFA3qu.js → TokyoUINotebook-DLrYm4si.js} +1 -1
  156. package/dist/assets/{TokyoUINotesWithPad-Bi4bu_3q.js → TokyoUINotesWithPad-D6VO7CbF.js} +1 -1
  157. package/dist/assets/{TokyoUIPhone-CX3CAtW4.js → TokyoUIPhone-bFlwEn-_.js} +1 -1
  158. package/dist/assets/{TokyoUISettings-BlCV0s5R.js → TokyoUISettings-DhHyIlWv.js} +1 -1
  159. package/dist/assets/{TokyoUISparkle-C5euAhof.js → TokyoUISparkle-B1jtDvOV.js} +1 -1
  160. package/dist/assets/{TokyoUIStarFilled-Dm7Rk3-6.js → TokyoUIStarFilled-Cj894376.js} +1 -1
  161. package/dist/assets/{TokyoUITag-CxUsuh1h.js → TokyoUITag-fMAL09F9.js} +1 -1
  162. package/dist/assets/{TokyoUIUpload-C50QSO0I.js → TokyoUIUpload-DM2TbvbX.js} +1 -1
  163. package/dist/assets/{TokyoUIUser-Cb3Rabu0.js → TokyoUIUser-Ba7_NA45.js} +1 -1
  164. package/dist/assets/{Tooltip-Zk6DNyQp.js → Tooltip-DDtzGgNm.js} +1 -1
  165. package/dist/assets/{Tooltip.stories-DvCDg7L5.js → Tooltip.stories-j1bsH2PP.js} +1 -1
  166. package/dist/assets/{Tooltip.tests.stories-DhLZuVsr.js → Tooltip.tests.stories-DFas0O9K.js} +1 -1
  167. package/dist/assets/{VisuallyHidden-lSSiGvdb.js → VisuallyHidden-GZBFKPVs.js} +1 -1
  168. package/dist/assets/{WithTooltip-IO6J4KBT-BXUfDxdY.js → WithTooltip-IO6J4KBT-2Wz16aqd.js} +1 -1
  169. package/dist/assets/{align-self-kXdO3hx1.js → align-self-D0ug8REo.js} +1 -1
  170. package/dist/assets/{axe-D9-qZHEg.js → axe-BcoLkzU-.js} +1 -1
  171. package/dist/assets/{breakpoints-QW-40zGS.js → breakpoints-BBwYud6y.js} +1 -1
  172. package/dist/assets/{breakpoints-C7qnntd1.js → breakpoints-BDFtAvFy.js} +1 -1
  173. package/dist/assets/{breakpoints-Cmpvj56z.js → breakpoints-CIy8w3Dv.js} +1 -1
  174. package/dist/assets/{changelog-BWMxpTM2.js → changelog-DIkUnuOo.js} +23 -1
  175. package/dist/assets/{client-DvDoBCIp.js → client-oIdhQPH3.js} +1 -1
  176. package/dist/assets/{constants-6ClT3n6m.js → constants-Cwb-3GQ_.js} +47 -47
  177. package/dist/assets/{createRequiredContext-63KJmEaI.js → createRequiredContext-5BPDYgIa.js} +87 -87
  178. package/dist/assets/fonts-explorer-B5KcfnOG.css +1 -0
  179. package/dist/assets/fonts-explorer.stories-Bp_9af2z.js +130 -0
  180. package/dist/assets/{formatter-QJ4M4OGQ-kybJ6bB6.js → formatter-QJ4M4OGQ-D2xZe9AO.js} +1 -1
  181. package/dist/assets/{getTokenVar-CszfVUbW.js → getTokenVar-B7BEyIpS.js} +1 -1
  182. package/dist/assets/getTokenVar-B8jDl0Ui.js +1 -0
  183. package/dist/assets/{gradientBorders-DRFre4M2.js → gradientBorders-B12ps1Or.js} +1 -1
  184. package/dist/assets/{hover-DLl5EEx6.js → hover-5BxL9d9v.js} +1 -1
  185. package/dist/assets/{hover-DVoxXiPd.js → hover-CG8OgvC5.js} +1 -1
  186. package/dist/assets/{hover-D3OYWSUH.js → hover-gsGL4vVH.js} +1 -1
  187. package/dist/assets/{iframe-CpMEswOF.js → iframe-DjYTJz7A.js} +8 -8
  188. package/dist/assets/{index-B_7ihsZD.js → index-BII7aPfQ.js} +1 -1
  189. package/dist/assets/{index-DT-MbRPK.js → index-CUvrBGJo.js} +1 -1
  190. package/dist/assets/{index-jLr7d-Kb.js → index-C_O4jEc0.js} +1 -1
  191. package/dist/assets/{index-IVtS1ZoW.js → index-DHDwwoCu.js} +1 -1
  192. package/dist/assets/{index-dUCHvwfu.js → index-DOwxXd3L.js} +1 -1
  193. package/dist/assets/{index-Cc28ZUNU.js → index-cpi3YaXo.js} +1 -1
  194. package/dist/assets/{intro-1RVcci_B.js → intro-BXKxOrdm.js} +1 -1
  195. package/dist/assets/{layout-relative-Bq7IHzTJ.js → layout-relative-DQF7VcUK.js} +1 -1
  196. package/dist/assets/{layout-relative.module-1z75aSwo-B4ha7m6U.js → layout-relative.module-1z75aSwo-CsvB7_pT.js} +1 -1
  197. package/dist/assets/{layout-relative.module-Bhi7U482.js → layout-relative.module-BM7yIsEb.js} +1 -1
  198. package/dist/assets/{mcp-D4dEnAH6.js → mcp-X-VhpP6n.js} +1 -1
  199. package/dist/assets/{message-CTdBLxyt.js → message-DiUVdAQd.js} +1 -1
  200. package/dist/assets/{migrating-from-less-DyPFNe_D.js → migrating-from-less-8Nm2XYdW.js} +1 -1
  201. package/dist/assets/{playground.stories-Cd-KauE2.js → playground.stories-B4hfD_Uq.js} +1 -1
  202. package/dist/assets/{react-18-B6ZQhKaW.js → react-18-B4n119qZ.js} +1 -1
  203. package/dist/assets/{render-icon-c7okze1K.js → render-icon-DZ6hllTG.js} +1 -1
  204. package/dist/assets/{render-icon-CiYBms-s.js → render-icon-DlE4AZJV.js} +1 -1
  205. package/dist/assets/{shared-strings-BChji30Y.js → shared-strings-ZccoNgto.js} +1 -1
  206. package/dist/assets/{styled-components.browser.esm-Cm3dhVk9.js → styled-components.browser.esm-3T8u8x7l.js} +1 -1
  207. package/dist/assets/{styled-components.browser.esm-DsMoKq9m.js → styled-components.browser.esm-DegKtid9.js} +1 -1
  208. package/dist/assets/{syntaxhighlighter-IQDEPFLK-ckmVX3NN.js → syntaxhighlighter-IQDEPFLK-B-ddKj4v.js} +1 -1
  209. package/dist/assets/{text-accent-DZ_ihUdH.js → text-accent-C5-m5mrW.js} +1 -1
  210. package/dist/assets/{text-centered-B26ac1NU.js → text-centered-CqZrbSb_.js} +1 -1
  211. package/dist/assets/{text-centered-DiwR-QSx.js → text-centered-D70wah8Y.js} +1 -1
  212. package/dist/assets/{tokens-DO-XJjoF.js → tokens-BXEYWkXR.js} +1 -1
  213. package/dist/assets/{tokens-B_sXFQpU.js → tokens-CBFYFIpi.js} +1 -1
  214. package/dist/assets/{tokens-5M__FcH-.js → tokens-ChCvx9cz.js} +1 -1
  215. package/dist/assets/{tokens-DTCyqZ0W.js → tokens-Cp4gIGSO.js} +1 -1
  216. package/dist/assets/{useControllableState-ouxkeS_b.js → useControllableState-DQg81cp5.js} +1 -1
  217. package/dist/assets/useHostname-By9vNKnQ.js +1 -0
  218. package/dist/assets/{useMergeRefs-DkQLsYW4.js → useMergeRefs-CL5DIjXV.js} +1 -1
  219. package/dist/assets/{useMergeRefs-BVh7Ch_S.js → useMergeRefs-jFGYKOXz.js} +1 -1
  220. package/dist/assets/{useOpenInteractionType-BBP_TXgz.js → useOpenInteractionType-B976GY1b.js} +1 -1
  221. package/dist/assets/{usePortalElement-Cm2Hqn3J.js → usePortalElement-B3bWjUcx.js} +1 -1
  222. package/dist/assets/{useStableCallback-DHq1eG2Q.js → useStableCallback-662ysKf2.js} +1 -1
  223. package/dist/assets/{useToken-CX1vf7pV.js → useToken-CJ7hsZh9.js} +1 -1
  224. package/dist/assets/{welcome-CNokV_38.js → welcome-bR5y4uLm.js} +1 -1
  225. package/dist/assets/{zeroheight-8zVSToXs.js → zeroheight-D-Xst36e.js} +1 -1
  226. package/dist/iframe.html +1 -1
  227. package/dist/index.json +1 -1
  228. package/dist/preview-stats.json +9392 -9440
  229. package/dist/project.json +1 -1
  230. package/package.json +5 -5
  231. package/dist/assets/01-BEFb1grO.css +0 -1
  232. package/dist/assets/01.semantic-tokens-DaqL26gu.js +0 -11
  233. package/dist/assets/11.fonts.explorer-ZD_-8450.js +0 -2
  234. package/dist/assets/AlertBanner.primitives.stories-B8wM25gx.js +0 -14
  235. package/dist/assets/Badge-BOSHGFZw.js +0 -10
  236. package/dist/assets/Badge.stories-D2WAGDpD.js +0 -72
  237. package/dist/assets/Button-C8B7W2Qo.js +0 -1
  238. package/dist/assets/Dialog-Bmg2gpCM.js +0 -3
  239. package/dist/assets/Dialog.stories-BfS-yGJK.js +0 -248
  240. package/dist/assets/DialogTitle-8iZEMHpI.css +0 -1
  241. package/dist/assets/DismissibleChips-CRFGhm8B.js +0 -1
  242. package/dist/assets/IconButton-DVKNd7ZK.js +0 -8
  243. package/dist/assets/MultiSelectChips-DJ1p23QD.js +0 -2
  244. package/dist/assets/NumberField-DmosE2JM.js +0 -6
  245. package/dist/assets/PasswordField-DQuar8x2.js +0 -6
  246. package/dist/assets/SingleSelectChips-BqEBu1qF.js +0 -2
  247. package/dist/assets/TextField-BkMawuql.js +0 -6
  248. package/dist/assets/fonts-explorer-BKje7Hq_.css +0 -1
  249. package/dist/assets/fonts-explorer.stories-DP7h1C3f.js +0 -130
  250. package/dist/assets/getTokenVar-DntuTYid.js +0 -1
  251. package/dist/assets/index-9rU-ZrVj.js +0 -75
  252. package/dist/assets/useHostname-BVhrcDgi.js +0 -1
  253. /package/dist/assets/{AlertBannerText-Dgo9FikS.css → AlertBannerAction-Dgo9FikS.css} +0 -0
@@ -1,4 +1,4 @@
1
- import{j as e,r as Y}from"./iframe-CpMEswOF.js";import{S as t,u as G}from"./Steps-GOg1wsKY.js";import{L as h}from"./LayoutFlex-BnIoY5YK.js";import"./preload-helper-Dp1pzeXC.js";import"./Button-KCBOR544.js";import"./render-icon-c7okze1K.js";import"./ButtonBase-D1x6yeKi.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-lj2QA4al.js";import"./useMergeRefs-DkQLsYW4.js";import"./useHostname-BVhrcDgi.js";import"./index-CC6DAVyL.js";import"./componentNames-hc9KR2nX.js";import"./index-DT-MbRPK.js";import"./Heading-Bie8QWaf.js";import"./text-accent-DZ_ihUdH.js";import"./text-centered-DiwR-QSx.js";import"./ProgressSteps-Dq6mpMpu.js";import"./Text-cq49jjad.js";import"./message-CTdBLxyt.js";import"./layout-relative.module-Bhi7U482.js";const{expect:a,userEvent:r,waitFor:n}=__STORYBOOK_MODULE_TEST__,me={title:"Components/Steps",component:t,decorators:[s=>e.jsx("div",{style:{padding:"32px"},children:e.jsx(s,{})})]},i=e.jsx("div",{style:{width:"100%",height:"300px",backgroundColor:"#e0e0e0",marginBottom:"16px"}}),c={parameters:{docs:{description:{story:"Basic usage with header, controls, and content per step."}}},render:()=>e.jsxs(t,{dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"This is the description for step 1.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"This is the description for step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the description for step 3.",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]}),play:async({canvas:s})=>{a(s.getByText("Step 1")).toBeVisible(),await r.click(s.getByText("Next")),await n(()=>{a(s.getByText("Step 2")).toBeVisible()}),await r.click(s.getByText("Previous")),await n(()=>{a(s.getByText("Step 1")).toBeVisible()})}},d={parameters:{docs:{description:{story:"Example with hidden headers and only content per step."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 2",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 3",hideHeader:!0,children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},l={parameters:{docs:{description:{story:"Example demonstrating the use of a custom `initialStep`."}}},render:()=>e.jsxs(t,{initialStep:2,"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Step 1 is skipped.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Starting at step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the third step.",children:i})]})},S={parameters:{docs:{description:{story:"Example with only navigation controls, no headers or content."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",children:i}),e.jsx(t.Step,{title:"Step 2",children:i}),e.jsx(t.Step,{title:"Step 3",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},u={parameters:{docs:{description:{story:`Example with a 1-second async delay between steps.
1
+ import{j as e,r as Y}from"./iframe-DjYTJz7A.js";import{S as t,u as G}from"./Steps-CBqiqb-6.js";import{L as h}from"./LayoutFlex-p_p7LCCd.js";import"./preload-helper-Dp1pzeXC.js";import"./Button-DS2bg8PO.js";import"./render-icon-DZ6hllTG.js";import"./ButtonBase-sV1YoG7h.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-BG27lVzS.js";import"./useMergeRefs-CL5DIjXV.js";import"./useHostname-By9vNKnQ.js";import"./index-CC6DAVyL.js";import"./componentNames-hc9KR2nX.js";import"./index-CUvrBGJo.js";import"./Heading-BPJGe0Bg.js";import"./text-accent-C5-m5mrW.js";import"./text-centered-D70wah8Y.js";import"./ProgressSteps-DCVAFT7X.js";import"./Text-C8DrHLQF.js";import"./message-DiUVdAQd.js";import"./layout-relative.module-BM7yIsEb.js";const{expect:a,userEvent:r,waitFor:n}=__STORYBOOK_MODULE_TEST__,me={title:"Components/Steps",component:t,decorators:[s=>e.jsx("div",{style:{padding:"32px"},children:e.jsx(s,{})})]},i=e.jsx("div",{style:{width:"100%",height:"300px",backgroundColor:"#e0e0e0",marginBottom:"16px"}}),c={parameters:{docs:{description:{story:"Basic usage with header, controls, and content per step."}}},render:()=>e.jsxs(t,{dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"This is the description for step 1.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"This is the description for step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the description for step 3.",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]}),play:async({canvas:s})=>{a(s.getByText("Step 1")).toBeVisible(),await r.click(s.getByText("Next")),await n(()=>{a(s.getByText("Step 2")).toBeVisible()}),await r.click(s.getByText("Previous")),await n(()=>{a(s.getByText("Step 1")).toBeVisible()})}},d={parameters:{docs:{description:{story:"Example with hidden headers and only content per step."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 2",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 3",hideHeader:!0,children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},l={parameters:{docs:{description:{story:"Example demonstrating the use of a custom `initialStep`."}}},render:()=>e.jsxs(t,{initialStep:2,"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Step 1 is skipped.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Starting at step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the third step.",children:i})]})},S={parameters:{docs:{description:{story:"Example with only navigation controls, no headers or content."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",children:i}),e.jsx(t.Step,{title:"Step 2",children:i}),e.jsx(t.Step,{title:"Step 3",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},u={parameters:{docs:{description:{story:`Example with a 1-second async delay between steps.
2
2
 
3
3
  Navigation controls are disabled during transitions, with a cursor loading indicator.`}}},render:()=>{const s=async(p,o)=>(await new Promise(g=>setTimeout(g,1e3)),o);return e.jsxs(t,{onStepChange:s,dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Navigation has a 1s delay",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Each navigation has async validation",children:i}),e.jsx(t.Step,{title:"Step 3",description:"Buttons are disabled during validation",children:i}),e.jsx(t.Step,{title:"Step 4",description:"Final step",children:i}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between"},children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},play:async({canvas:s})=>{const p=s.getByTestId("steps");a(s.getByText("Step 1")).toBeVisible(),await r.click(s.getByText("Next")),await n(async()=>{await a(p).toContainHTML('aria-busy="true"')}),await n(async()=>{await a(p).toContainHTML('aria-busy="false"')}),a(s.getByText("Step 2")).toBeVisible()}},y={parameters:{docs:{description:{story:"You can override the navigation flow using `onStepChange`.\n\nThe following example skips step 3 and goes directly to step 4."}}},render:()=>{const s=async(p,o)=>o===3?p<3?4:2:o;return e.jsxs(t,{onStepChange:s,dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Next goes to step 2",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Step 3 will always be skipped",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This step is not accessible",children:i}),e.jsx(t.Step,{title:"Step 4",description:"Previous goes to step 2",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},play:async({canvas:s})=>{a(s.getByText("Step 1")).toBeVisible(),await r.click(s.getByText("Next")),await n(()=>{a(s.getByText("Step 2")).toBeVisible()}),await r.click(s.getByText("Next")),await n(()=>{a(s.getByText("Step 4")).toBeVisible()}),await r.click(s.getByText("Previous")),await n(()=>{a(s.getByText("Step 2")).toBeVisible()})}},x={parameters:{docs:{description:{story:"Although not a great UX, you can customize the placement of the navigation buttons."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Custom Buttons Location",description:"Navigation buttons can be placed anywhere",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx(t.Previous,{variant:"secondary"}),e.jsx(t.Next,{})]}),i]})}),e.jsxs(t.Step,{title:"Customized Navigation",description:"Buttons can have custom text and styles",children:[i,e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"8px"},children:[e.jsx(t.Next,{variant:"secondary",children:"Continue"}),e.jsx(t.Previous,{variant:"tertiary",children:"Go Back"})]})]}),e.jsxs(t.Step,{title:"Final Step",description:"Only previous button is needed here",children:[i,e.jsx("div",{children:e.jsx(t.Previous,{children:"Return to previous step"})})]})]})},X=()=>{const{goToPreviousStep:s,goToNextStep:p,goToStep:o,totalSteps:g,isNavigating:v}=G();return Y.useEffect(()=>{const w=z=>{if(!v)switch(z.key){case"ArrowLeft":s();break;case"ArrowRight":p();break;case"1":o(1);break;case"2":o(2);break;case"3":o(3);break}};return window.addEventListener("keydown",w),()=>window.removeEventListener("keydown",w)},[s,p,o,g,v]),e.jsxs("div",{style:{padding:"16px",backgroundColor:"#f5f5f5",borderRadius:"4px"},children:[e.jsxs("p",{children:[e.jsx("strong",{children:"Keyboard Navigation:"})," Click here to focus, then use:"]}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("kbd",{children:"←"})," Previous step"]}),e.jsxs("li",{children:[e.jsx("kbd",{children:"→"})," Next step"]}),e.jsxs("li",{children:[e.jsx("kbd",{children:"1"})," - ",e.jsx("kbd",{children:"3"})," Jump to step"]})]})]})},m={parameters:{docs:{description:{story:`This example demonstrates controlled navigation using the Steps context.
4
4
 
@@ -1,4 +1,4 @@
1
- import{r,j as u,g as b}from"./iframe-CpMEswOF.js";import{w}from"./componentNames-hc9KR2nX.js";const y="Switch__mFYAU",k="thumb__IEKpQ",c={Switch:y,thumb:k};function g(l){const e={};return Object.entries(l).forEach(([t,a])=>{switch(t){case"id":case"disabled":case"aria-label":case"aria-labelledby":case"aria-describedby":case"aria-invalid":case"aria-errormessage":e[t]=a}}),e}const d=r.forwardRef(function({checked:e,defaultChecked:t,onCheckedChange:a,dataset:o,...h},m){const[f,p]=r.useState(t??!1),n=e!==void 0,i=n?e:f,v=()=>{const s=!i;n||p(s),a==null||a(s)};return u.jsx("button",{...g(h),...b(o,{preplyDsComponent:w.Switch}),ref:m,role:"switch","aria-checked":i,className:c.Switch,onClick:v,children:u.jsx("span",{className:c.thumb})})});try{d.displayName="Switch",d.__docgenInfo={description:"",displayName:"Switch",props:{checked:{defaultValue:null,description:`The state of the switch.
1
+ import{r,j as u,g as b}from"./iframe-DjYTJz7A.js";import{w}from"./componentNames-hc9KR2nX.js";const y="Switch__mFYAU",k="thumb__IEKpQ",c={Switch:y,thumb:k};function g(l){const e={};return Object.entries(l).forEach(([t,a])=>{switch(t){case"id":case"disabled":case"aria-label":case"aria-labelledby":case"aria-describedby":case"aria-invalid":case"aria-errormessage":e[t]=a}}),e}const d=r.forwardRef(function({checked:e,defaultChecked:t,onCheckedChange:a,dataset:o,...h},m){const[f,p]=r.useState(t??!1),n=e!==void 0,i=n?e:f,v=()=>{const s=!i;n||p(s),a==null||a(s)};return u.jsx("button",{...g(h),...b(o,{preplyDsComponent:w.Switch}),ref:m,role:"switch","aria-checked":i,className:c.Switch,onClick:v,children:u.jsx("span",{className:c.thumb})})});try{d.displayName="Switch",d.__docgenInfo={description:"",displayName:"Switch",props:{checked:{defaultValue:null,description:`The state of the switch.
2
2
  Use this for a controlled switch.
3
3
  @example const [checked, setChecked] = useState(initialChecked);
4
4
  <Switch
@@ -1,4 +1,4 @@
1
- import{j as o,r as te}from"./iframe-CpMEswOF.js";import{S as r}from"./Switch-7aX4SIla.js";import{L as k}from"./LayoutFlex-BnIoY5YK.js";import{T as ae}from"./Text-cq49jjad.js";import"./preload-helper-Dp1pzeXC.js";import"./componentNames-hc9KR2nX.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-Bhi7U482.js";import"./text-accent-DZ_ihUdH.js";import"./text-centered-DiwR-QSx.js";const{expect:t,fn:ne,userEvent:s,within:m}=__STORYBOOK_MODULE_TEST__,{action:ce}=__STORYBOOK_MODULE_ACTIONS__,ye={title:"Components/Switch",component:r,args:{onCheckedChange:ne(ce("checked")),"aria-label":"Switch"},parameters:{layout:"padded"}},v={async play({args:c,canvasElement:a,step:n}){const e=m(a).getByRole("switch");await n("Switch on via click",async()=>{await s.click(e),t(c.onCheckedChange).toHaveBeenNthCalledWith(1,!0),t(e).toHaveAttribute("aria-checked","true")}),await n("Switch off via click",async()=>{await s.click(e),t(c.onCheckedChange).toHaveBeenNthCalledWith(2,!1),t(e).toHaveAttribute("aria-checked","false")}),await n("Switch on via Enter key",async()=>{e.focus(),t(e).toHaveFocus(),await s.keyboard("[Enter]"),t(c.onCheckedChange).toHaveBeenNthCalledWith(3,!0),t(e).toHaveAttribute("aria-checked","true")}),await n("Switch off via Enter key",async()=>{e.focus(),t(e).toHaveFocus(),await s.keyboard("[Enter]"),t(c.onCheckedChange).toHaveBeenNthCalledWith(4,!1),t(e).toHaveAttribute("aria-checked","false")}),await n("Switch on via Space key",async()=>{e.focus(),t(e).toHaveFocus(),await s.keyboard("[Space]"),t(c.onCheckedChange).toHaveBeenNthCalledWith(5,!0),t(e).toHaveAttribute("aria-checked","true")}),await n("Switch off via Space key",async()=>{e.focus(),t(e).toHaveFocus(),await s.keyboard("[Space]"),t(c.onCheckedChange).toHaveBeenNthCalledWith(6,!1),t(e).toHaveAttribute("aria-checked","false")})}},d={render:function(a){return o.jsxs(k,{gap:"12",children:[o.jsx(r,{...a}),o.jsx(r,{...a,defaultChecked:!0}),o.jsx(r,{...a,defaultChecked:!1})]})}},u={render:function(a){const n=({checked:i,...e})=>{const[$,ee]=te.useState(i);return o.jsx(r,{...e,checked:$,onCheckedChange:ee})};return o.jsxs(k,{gap:"12",children:[o.jsx(n,{...a}),o.jsx(n,{...a,checked:!0}),o.jsx(n,{...a,checked:!1})]})}},l={args:{checked:!1},async play({canvasElement:c,step:a}){const i=m(c).getByRole("switch");await a("switch does not change state",async()=>{await s.click(i),t(i).toHaveAttribute("aria-checked","false")})}},y={args:{disabled:!0},render:function(a){return o.jsxs(k,{gap:"12",children:[o.jsx(r,{...a,disabled:!0}),o.jsx(r,{...a,defaultChecked:!0,disabled:!0})]})},async play({args:c,canvasElement:a,step:n}){const e=m(a).getAllByRole("switch")[0];await n("switch cannot be focused",()=>{e.focus(),t(e).not.toHaveFocus()}),await n("switch cannot be checked",async()=>{await s.click(e),t(c.onCheckedChange).not.toHaveBeenCalled(),t(e).toHaveAttribute("aria-checked","false")})}},h={parameters:{chromatic:{modes:{TouchDevice:{hasTouch:!0}}}}},w={tags:["!autodocs"],async play({canvasElement:c}){const n=m(c).getByRole("switch");n.focus(),t(n).toHaveFocus()}},p={render:function(a){return o.jsx("div",{style:{width:"500px"},children:o.jsxs(k,{nowrap:!0,gap:"8",direction:"row",alignItems:"center",justifyContent:"space-between",children:[o.jsx(ae,{variant:"default-regular",children:"Allow Preply to use your answers to improve your learning experience."}),o.jsx(r,{...a})]})})}};var b,f,C;v.parameters={...v.parameters,docs:{...(b=v.parameters)==null?void 0:b.docs,source:{originalSource:`{
1
+ import{j as o,r as te}from"./iframe-DjYTJz7A.js";import{S as r}from"./Switch-DJROHOKs.js";import{L as k}from"./LayoutFlex-p_p7LCCd.js";import{T as ae}from"./Text-C8DrHLQF.js";import"./preload-helper-Dp1pzeXC.js";import"./componentNames-hc9KR2nX.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-BM7yIsEb.js";import"./text-accent-C5-m5mrW.js";import"./text-centered-D70wah8Y.js";const{expect:t,fn:ne,userEvent:s,within:m}=__STORYBOOK_MODULE_TEST__,{action:ce}=__STORYBOOK_MODULE_ACTIONS__,ye={title:"Components/Switch",component:r,args:{onCheckedChange:ne(ce("checked")),"aria-label":"Switch"},parameters:{layout:"padded"}},v={async play({args:c,canvasElement:a,step:n}){const e=m(a).getByRole("switch");await n("Switch on via click",async()=>{await s.click(e),t(c.onCheckedChange).toHaveBeenNthCalledWith(1,!0),t(e).toHaveAttribute("aria-checked","true")}),await n("Switch off via click",async()=>{await s.click(e),t(c.onCheckedChange).toHaveBeenNthCalledWith(2,!1),t(e).toHaveAttribute("aria-checked","false")}),await n("Switch on via Enter key",async()=>{e.focus(),t(e).toHaveFocus(),await s.keyboard("[Enter]"),t(c.onCheckedChange).toHaveBeenNthCalledWith(3,!0),t(e).toHaveAttribute("aria-checked","true")}),await n("Switch off via Enter key",async()=>{e.focus(),t(e).toHaveFocus(),await s.keyboard("[Enter]"),t(c.onCheckedChange).toHaveBeenNthCalledWith(4,!1),t(e).toHaveAttribute("aria-checked","false")}),await n("Switch on via Space key",async()=>{e.focus(),t(e).toHaveFocus(),await s.keyboard("[Space]"),t(c.onCheckedChange).toHaveBeenNthCalledWith(5,!0),t(e).toHaveAttribute("aria-checked","true")}),await n("Switch off via Space key",async()=>{e.focus(),t(e).toHaveFocus(),await s.keyboard("[Space]"),t(c.onCheckedChange).toHaveBeenNthCalledWith(6,!1),t(e).toHaveAttribute("aria-checked","false")})}},d={render:function(a){return o.jsxs(k,{gap:"12",children:[o.jsx(r,{...a}),o.jsx(r,{...a,defaultChecked:!0}),o.jsx(r,{...a,defaultChecked:!1})]})}},u={render:function(a){const n=({checked:i,...e})=>{const[$,ee]=te.useState(i);return o.jsx(r,{...e,checked:$,onCheckedChange:ee})};return o.jsxs(k,{gap:"12",children:[o.jsx(n,{...a}),o.jsx(n,{...a,checked:!0}),o.jsx(n,{...a,checked:!1})]})}},l={args:{checked:!1},async play({canvasElement:c,step:a}){const i=m(c).getByRole("switch");await a("switch does not change state",async()=>{await s.click(i),t(i).toHaveAttribute("aria-checked","false")})}},y={args:{disabled:!0},render:function(a){return o.jsxs(k,{gap:"12",children:[o.jsx(r,{...a,disabled:!0}),o.jsx(r,{...a,defaultChecked:!0,disabled:!0})]})},async play({args:c,canvasElement:a,step:n}){const e=m(a).getAllByRole("switch")[0];await n("switch cannot be focused",()=>{e.focus(),t(e).not.toHaveFocus()}),await n("switch cannot be checked",async()=>{await s.click(e),t(c.onCheckedChange).not.toHaveBeenCalled(),t(e).toHaveAttribute("aria-checked","false")})}},h={parameters:{chromatic:{modes:{TouchDevice:{hasTouch:!0}}}}},w={tags:["!autodocs"],async play({canvasElement:c}){const n=m(c).getByRole("switch");n.focus(),t(n).toHaveFocus()}},p={render:function(a){return o.jsx("div",{style:{width:"500px"},children:o.jsxs(k,{nowrap:!0,gap:"8",direction:"row",alignItems:"center",justifyContent:"space-between",children:[o.jsx(ae,{variant:"default-regular",children:"Allow Preply to use your answers to improve your learning experience."}),o.jsx(r,{...a})]})})}};var b,f,C;v.parameters={...v.parameters,docs:{...(b=v.parameters)==null?void 0:b.docs,source:{originalSource:`{
2
2
  async play({
3
3
  args,
4
4
  canvasElement,
@@ -1 +1 @@
1
- import{r as w,u as p,v as y,w as V,g as h,j as A,x as N,y as q}from"./iframe-CpMEswOF.js";import{g as C}from"./text-accent-DZ_ihUdH.js";import{g as D}from"./text-centered-DiwR-QSx.js";import{f as F}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as l}from"./componentNames-hc9KR2nX.js";const j="Text__BD7-C",R={Text:j,"Text--variant-caption-regular":"Text--variant-caption-regular__-ndGs","Text--variant-caption-semibold":"Text--variant-caption-semibold__-q81F","Text--variant-small-regular":"Text--variant-small-regular__V98UM","Text--variant-small-regular-italic":"Text--variant-small-regular-italic__Ii9YT","Text--variant-small-semibold":"Text--variant-small-semibold__mTXWU","Text--variant-small-semibold-italic":"Text--variant-small-semibold-italic__N2bGq","Text--variant-default-regular":"Text--variant-default-regular__GBkvP","Text--variant-default-regular-italic":"Text--variant-default-regular-italic__h8iGC","Text--variant-default-semibold":"Text--variant-default-semibold__BREV0","Text--variant-default-semibold-italic":"Text--variant-default-semibold-italic__0qH9S","Text--variant-large-regular":"Text--variant-large-regular__IFXFs","Text--variant-large-regular-italic":"Text--variant-large-regular-italic__PBExC","Text--variant-large-semibold":"Text--variant-large-semibold__iyV1O","Text--variant-large-semibold-italic":"Text--variant-large-semibold-italic__wKF6g","Text--narrow-l--variant-caption-regular":"Text--narrow-l--variant-caption-regular__nznL0","Text--narrow-l--variant-caption-semibold":"Text--narrow-l--variant-caption-semibold__l0VQQ","Text--narrow-l--variant-small-regular":"Text--narrow-l--variant-small-regular__VMmD6","Text--narrow-l--variant-small-regular-italic":"Text--narrow-l--variant-small-regular-italic__nGADF","Text--narrow-l--variant-small-semibold":"Text--narrow-l--variant-small-semibold__BQ1W4","Text--narrow-l--variant-small-semibold-italic":"Text--narrow-l--variant-small-semibold-italic__7UUeq","Text--narrow-l--variant-default-regular":"Text--narrow-l--variant-default-regular__pVzcT","Text--narrow-l--variant-default-regular-italic":"Text--narrow-l--variant-default-regular-italic__RPEsW","Text--narrow-l--variant-default-semibold":"Text--narrow-l--variant-default-semibold__AHeOG","Text--narrow-l--variant-default-semibold-italic":"Text--narrow-l--variant-default-semibold-italic__Dhmq4","Text--narrow-l--variant-large-regular":"Text--narrow-l--variant-large-regular__vY6mg","Text--narrow-l--variant-large-regular-italic":"Text--narrow-l--variant-large-regular-italic__Jypdh","Text--narrow-l--variant-large-semibold":"Text--narrow-l--variant-large-semibold__XaN0f","Text--narrow-l--variant-large-semibold-italic":"Text--narrow-l--variant-large-semibold-italic__5DrpP","Text--medium-s--variant-caption-regular":"Text--medium-s--variant-caption-regular__QIFIm","Text--medium-s--variant-caption-semibold":"Text--medium-s--variant-caption-semibold__qA3XV","Text--medium-s--variant-small-regular":"Text--medium-s--variant-small-regular__Fujae","Text--medium-s--variant-small-regular-italic":"Text--medium-s--variant-small-regular-italic__jaDXd","Text--medium-s--variant-small-semibold":"Text--medium-s--variant-small-semibold__9pYQr","Text--medium-s--variant-small-semibold-italic":"Text--medium-s--variant-small-semibold-italic__-ac-Q","Text--medium-s--variant-default-regular":"Text--medium-s--variant-default-regular__jyyg6","Text--medium-s--variant-default-regular-italic":"Text--medium-s--variant-default-regular-italic__FzmWH","Text--medium-s--variant-default-semibold":"Text--medium-s--variant-default-semibold__zfein","Text--medium-s--variant-default-semibold-italic":"Text--medium-s--variant-default-semibold-italic__pwAKv","Text--medium-s--variant-large-regular":"Text--medium-s--variant-large-regular__UQstF","Text--medium-s--variant-large-regular-italic":"Text--medium-s--variant-large-regular-italic__BGPjz","Text--medium-s--variant-large-semibold":"Text--medium-s--variant-large-semibold__ZTsh3","Text--medium-s--variant-large-semibold-italic":"Text--medium-s--variant-large-semibold-italic__QsDHO","Text--medium-l--variant-caption-regular":"Text--medium-l--variant-caption-regular__neFtF","Text--medium-l--variant-caption-semibold":"Text--medium-l--variant-caption-semibold__96Bxj","Text--medium-l--variant-small-regular":"Text--medium-l--variant-small-regular__q832t","Text--medium-l--variant-small-regular-italic":"Text--medium-l--variant-small-regular-italic__rh-C-","Text--medium-l--variant-small-semibold":"Text--medium-l--variant-small-semibold__NyQYA","Text--medium-l--variant-small-semibold-italic":"Text--medium-l--variant-small-semibold-italic__D8qtH","Text--medium-l--variant-default-regular":"Text--medium-l--variant-default-regular__AZhpM","Text--medium-l--variant-default-regular-italic":"Text--medium-l--variant-default-regular-italic__zLCku","Text--medium-l--variant-default-semibold":"Text--medium-l--variant-default-semibold__3FVwk","Text--medium-l--variant-default-semibold-italic":"Text--medium-l--variant-default-semibold-italic__dmKNV","Text--medium-l--variant-large-regular":"Text--medium-l--variant-large-regular__4JxNh","Text--medium-l--variant-large-regular-italic":"Text--medium-l--variant-large-regular-italic__wwnsG","Text--medium-l--variant-large-semibold":"Text--medium-l--variant-large-semibold__WR7vo","Text--medium-l--variant-large-semibold-italic":"Text--medium-l--variant-large-semibold-italic__lLaF0","Text--wide-s--variant-caption-regular":"Text--wide-s--variant-caption-regular__tfrra","Text--wide-s--variant-caption-semibold":"Text--wide-s--variant-caption-semibold__pcHWg","Text--wide-s--variant-small-regular":"Text--wide-s--variant-small-regular__qVuSz","Text--wide-s--variant-small-regular-italic":"Text--wide-s--variant-small-regular-italic__paUwS","Text--wide-s--variant-small-semibold":"Text--wide-s--variant-small-semibold__--T3V","Text--wide-s--variant-small-semibold-italic":"Text--wide-s--variant-small-semibold-italic__YLx3p","Text--wide-s--variant-default-regular":"Text--wide-s--variant-default-regular__7nbdM","Text--wide-s--variant-default-regular-italic":"Text--wide-s--variant-default-regular-italic__ohsSu","Text--wide-s--variant-default-semibold":"Text--wide-s--variant-default-semibold__-Q2Gu","Text--wide-s--variant-default-semibold-italic":"Text--wide-s--variant-default-semibold-italic__v6oao","Text--wide-s--variant-large-regular":"Text--wide-s--variant-large-regular__lrWEc","Text--wide-s--variant-large-regular-italic":"Text--wide-s--variant-large-regular-italic__v55x9","Text--wide-s--variant-large-semibold":"Text--wide-s--variant-large-semibold__FV1hE","Text--wide-s--variant-large-semibold-italic":"Text--wide-s--variant-large-semibold-italic__8Xjhy","Text--wide-l--variant-caption-regular":"Text--wide-l--variant-caption-regular__RmVMU","Text--wide-l--variant-caption-semibold":"Text--wide-l--variant-caption-semibold__nWA4i","Text--wide-l--variant-small-regular":"Text--wide-l--variant-small-regular__jofJW","Text--wide-l--variant-small-regular-italic":"Text--wide-l--variant-small-regular-italic__vt9vP","Text--wide-l--variant-small-semibold":"Text--wide-l--variant-small-semibold__jSimt","Text--wide-l--variant-small-semibold-italic":"Text--wide-l--variant-small-semibold-italic__CPy01","Text--wide-l--variant-default-regular":"Text--wide-l--variant-default-regular__zGDH3","Text--wide-l--variant-default-regular-italic":"Text--wide-l--variant-default-regular-italic__pj89w","Text--wide-l--variant-default-semibold":"Text--wide-l--variant-default-semibold__AzL9L","Text--wide-l--variant-default-semibold-italic":"Text--wide-l--variant-default-semibold-italic__4AXL6","Text--wide-l--variant-large-regular":"Text--wide-l--variant-large-regular__iIUQK","Text--wide-l--variant-large-regular-italic":"Text--wide-l--variant-large-regular-italic__OtyLZ","Text--wide-l--variant-large-semibold":"Text--wide-l--variant-large-semibold__ZTrU9","Text--wide-l--variant-large-semibold-italic":"Text--wide-l--variant-large-semibold-italic__UNwvX","Text--strong":"Text--strong__ig9qo"},t=w.forwardRef(function({children:r,variant:a,tag:n=N,accent:e,strong:s,centered:m,dataset:u,className:d,...v},o){const T=a||q,x=a?void 0:s,_=p(R,l.Text,[y("variant",T),V("strong",void 0,x)]),c=C(!e,e),g=D(m),b=[..._,...c,...g,d],f={...F(v),ref:o,className:b.join(" "),...h(u,{preplyDsComponent:l.Text})};return A.jsx(n,{...f,children:r})});try{t.displayName="Text",t.__docgenInfo={description:"",displayName:"Text",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"caption-regular"'},{value:'"caption-semibold"'},{value:'"small-regular"'},{value:'"small-regular-italic"'},{value:'"small-semibold"'},{value:'"small-semibold-italic"'},{value:'"default-regular"'},{value:'"default-regular-italic"'},{value:'"default-semibold"'},{value:'"default-semibold-italic"'},{value:'"large-regular"'},{value:'"large-regular-italic"'},{value:'"large-semibold"'},{value:'"large-semibold-italic"'},{value:"ResponsiveProp<TextVariant>"}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"inverted"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"critical"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"accentDark"'},{value:'"placeholder"'}]}},strong:{defaultValue:null,description:"",name:"strong",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:{value:"p"},description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLParagraphElement | null) => void"},{value:"RefObject<HTMLParagraphElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as T};
1
+ import{r as w,u as p,v as y,w as V,g as h,j as A,x as N,y as q}from"./iframe-DjYTJz7A.js";import{g as C}from"./text-accent-C5-m5mrW.js";import{g as D}from"./text-centered-D70wah8Y.js";import{f as F}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as l}from"./componentNames-hc9KR2nX.js";const j="Text__BD7-C",R={Text:j,"Text--variant-caption-regular":"Text--variant-caption-regular__-ndGs","Text--variant-caption-semibold":"Text--variant-caption-semibold__-q81F","Text--variant-small-regular":"Text--variant-small-regular__V98UM","Text--variant-small-regular-italic":"Text--variant-small-regular-italic__Ii9YT","Text--variant-small-semibold":"Text--variant-small-semibold__mTXWU","Text--variant-small-semibold-italic":"Text--variant-small-semibold-italic__N2bGq","Text--variant-default-regular":"Text--variant-default-regular__GBkvP","Text--variant-default-regular-italic":"Text--variant-default-regular-italic__h8iGC","Text--variant-default-semibold":"Text--variant-default-semibold__BREV0","Text--variant-default-semibold-italic":"Text--variant-default-semibold-italic__0qH9S","Text--variant-large-regular":"Text--variant-large-regular__IFXFs","Text--variant-large-regular-italic":"Text--variant-large-regular-italic__PBExC","Text--variant-large-semibold":"Text--variant-large-semibold__iyV1O","Text--variant-large-semibold-italic":"Text--variant-large-semibold-italic__wKF6g","Text--narrow-l--variant-caption-regular":"Text--narrow-l--variant-caption-regular__nznL0","Text--narrow-l--variant-caption-semibold":"Text--narrow-l--variant-caption-semibold__l0VQQ","Text--narrow-l--variant-small-regular":"Text--narrow-l--variant-small-regular__VMmD6","Text--narrow-l--variant-small-regular-italic":"Text--narrow-l--variant-small-regular-italic__nGADF","Text--narrow-l--variant-small-semibold":"Text--narrow-l--variant-small-semibold__BQ1W4","Text--narrow-l--variant-small-semibold-italic":"Text--narrow-l--variant-small-semibold-italic__7UUeq","Text--narrow-l--variant-default-regular":"Text--narrow-l--variant-default-regular__pVzcT","Text--narrow-l--variant-default-regular-italic":"Text--narrow-l--variant-default-regular-italic__RPEsW","Text--narrow-l--variant-default-semibold":"Text--narrow-l--variant-default-semibold__AHeOG","Text--narrow-l--variant-default-semibold-italic":"Text--narrow-l--variant-default-semibold-italic__Dhmq4","Text--narrow-l--variant-large-regular":"Text--narrow-l--variant-large-regular__vY6mg","Text--narrow-l--variant-large-regular-italic":"Text--narrow-l--variant-large-regular-italic__Jypdh","Text--narrow-l--variant-large-semibold":"Text--narrow-l--variant-large-semibold__XaN0f","Text--narrow-l--variant-large-semibold-italic":"Text--narrow-l--variant-large-semibold-italic__5DrpP","Text--medium-s--variant-caption-regular":"Text--medium-s--variant-caption-regular__QIFIm","Text--medium-s--variant-caption-semibold":"Text--medium-s--variant-caption-semibold__qA3XV","Text--medium-s--variant-small-regular":"Text--medium-s--variant-small-regular__Fujae","Text--medium-s--variant-small-regular-italic":"Text--medium-s--variant-small-regular-italic__jaDXd","Text--medium-s--variant-small-semibold":"Text--medium-s--variant-small-semibold__9pYQr","Text--medium-s--variant-small-semibold-italic":"Text--medium-s--variant-small-semibold-italic__-ac-Q","Text--medium-s--variant-default-regular":"Text--medium-s--variant-default-regular__jyyg6","Text--medium-s--variant-default-regular-italic":"Text--medium-s--variant-default-regular-italic__FzmWH","Text--medium-s--variant-default-semibold":"Text--medium-s--variant-default-semibold__zfein","Text--medium-s--variant-default-semibold-italic":"Text--medium-s--variant-default-semibold-italic__pwAKv","Text--medium-s--variant-large-regular":"Text--medium-s--variant-large-regular__UQstF","Text--medium-s--variant-large-regular-italic":"Text--medium-s--variant-large-regular-italic__BGPjz","Text--medium-s--variant-large-semibold":"Text--medium-s--variant-large-semibold__ZTsh3","Text--medium-s--variant-large-semibold-italic":"Text--medium-s--variant-large-semibold-italic__QsDHO","Text--medium-l--variant-caption-regular":"Text--medium-l--variant-caption-regular__neFtF","Text--medium-l--variant-caption-semibold":"Text--medium-l--variant-caption-semibold__96Bxj","Text--medium-l--variant-small-regular":"Text--medium-l--variant-small-regular__q832t","Text--medium-l--variant-small-regular-italic":"Text--medium-l--variant-small-regular-italic__rh-C-","Text--medium-l--variant-small-semibold":"Text--medium-l--variant-small-semibold__NyQYA","Text--medium-l--variant-small-semibold-italic":"Text--medium-l--variant-small-semibold-italic__D8qtH","Text--medium-l--variant-default-regular":"Text--medium-l--variant-default-regular__AZhpM","Text--medium-l--variant-default-regular-italic":"Text--medium-l--variant-default-regular-italic__zLCku","Text--medium-l--variant-default-semibold":"Text--medium-l--variant-default-semibold__3FVwk","Text--medium-l--variant-default-semibold-italic":"Text--medium-l--variant-default-semibold-italic__dmKNV","Text--medium-l--variant-large-regular":"Text--medium-l--variant-large-regular__4JxNh","Text--medium-l--variant-large-regular-italic":"Text--medium-l--variant-large-regular-italic__wwnsG","Text--medium-l--variant-large-semibold":"Text--medium-l--variant-large-semibold__WR7vo","Text--medium-l--variant-large-semibold-italic":"Text--medium-l--variant-large-semibold-italic__lLaF0","Text--wide-s--variant-caption-regular":"Text--wide-s--variant-caption-regular__tfrra","Text--wide-s--variant-caption-semibold":"Text--wide-s--variant-caption-semibold__pcHWg","Text--wide-s--variant-small-regular":"Text--wide-s--variant-small-regular__qVuSz","Text--wide-s--variant-small-regular-italic":"Text--wide-s--variant-small-regular-italic__paUwS","Text--wide-s--variant-small-semibold":"Text--wide-s--variant-small-semibold__--T3V","Text--wide-s--variant-small-semibold-italic":"Text--wide-s--variant-small-semibold-italic__YLx3p","Text--wide-s--variant-default-regular":"Text--wide-s--variant-default-regular__7nbdM","Text--wide-s--variant-default-regular-italic":"Text--wide-s--variant-default-regular-italic__ohsSu","Text--wide-s--variant-default-semibold":"Text--wide-s--variant-default-semibold__-Q2Gu","Text--wide-s--variant-default-semibold-italic":"Text--wide-s--variant-default-semibold-italic__v6oao","Text--wide-s--variant-large-regular":"Text--wide-s--variant-large-regular__lrWEc","Text--wide-s--variant-large-regular-italic":"Text--wide-s--variant-large-regular-italic__v55x9","Text--wide-s--variant-large-semibold":"Text--wide-s--variant-large-semibold__FV1hE","Text--wide-s--variant-large-semibold-italic":"Text--wide-s--variant-large-semibold-italic__8Xjhy","Text--wide-l--variant-caption-regular":"Text--wide-l--variant-caption-regular__RmVMU","Text--wide-l--variant-caption-semibold":"Text--wide-l--variant-caption-semibold__nWA4i","Text--wide-l--variant-small-regular":"Text--wide-l--variant-small-regular__jofJW","Text--wide-l--variant-small-regular-italic":"Text--wide-l--variant-small-regular-italic__vt9vP","Text--wide-l--variant-small-semibold":"Text--wide-l--variant-small-semibold__jSimt","Text--wide-l--variant-small-semibold-italic":"Text--wide-l--variant-small-semibold-italic__CPy01","Text--wide-l--variant-default-regular":"Text--wide-l--variant-default-regular__zGDH3","Text--wide-l--variant-default-regular-italic":"Text--wide-l--variant-default-regular-italic__pj89w","Text--wide-l--variant-default-semibold":"Text--wide-l--variant-default-semibold__AzL9L","Text--wide-l--variant-default-semibold-italic":"Text--wide-l--variant-default-semibold-italic__4AXL6","Text--wide-l--variant-large-regular":"Text--wide-l--variant-large-regular__iIUQK","Text--wide-l--variant-large-regular-italic":"Text--wide-l--variant-large-regular-italic__OtyLZ","Text--wide-l--variant-large-semibold":"Text--wide-l--variant-large-semibold__ZTrU9","Text--wide-l--variant-large-semibold-italic":"Text--wide-l--variant-large-semibold-italic__UNwvX","Text--strong":"Text--strong__ig9qo"},t=w.forwardRef(function({children:r,variant:a,tag:n=N,accent:e,strong:s,centered:m,dataset:u,className:d,...v},o){const T=a||q,x=a?void 0:s,_=p(R,l.Text,[y("variant",T),V("strong",void 0,x)]),c=C(!e,e),g=D(m),b=[..._,...c,...g,d],f={...F(v),ref:o,className:b.join(" "),...h(u,{preplyDsComponent:l.Text})};return A.jsx(n,{...f,children:r})});try{t.displayName="Text",t.__docgenInfo={description:"",displayName:"Text",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"caption-regular"'},{value:'"caption-semibold"'},{value:'"small-regular"'},{value:'"small-regular-italic"'},{value:'"small-semibold"'},{value:'"small-semibold-italic"'},{value:'"default-regular"'},{value:'"default-regular-italic"'},{value:'"default-semibold"'},{value:'"default-semibold-italic"'},{value:'"large-regular"'},{value:'"large-regular-italic"'},{value:'"large-semibold"'},{value:'"large-semibold-italic"'},{value:"ResponsiveProp<TextVariant>"}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"accentDark"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"positive"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"placeholder"'},{value:'"inverted"'}]}},strong:{defaultValue:null,description:"",name:"strong",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:{value:"p"},description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"p"'},{value:'"span"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLParagraphElement | null) => void"},{value:"RefObject<HTMLParagraphElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as T};
@@ -1 +1 @@
1
- import{r as b,u as w,v as f,w as p,y as C,g as y,j as N,x as A}from"./iframe-CpMEswOF.js";import{g as q,a as E}from"./text-centered-B26ac1NU.js";import{f as J}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as i}from"./componentNames-hc9KR2nX.js";const O="Text__uVacy",V={Text:O,"Text--variant-caption-regular":"Text--variant-caption-regular__Qv2Ax","Text--variant-caption-semibold":"Text--variant-caption-semibold__qycaB","Text--variant-small-regular":"Text--variant-small-regular__YFauL","Text--variant-small-regular-italic":"Text--variant-small-regular-italic__sGPGa","Text--variant-small-semibold":"Text--variant-small-semibold__wY3fp","Text--variant-small-semibold-italic":"Text--variant-small-semibold-italic__ydWgK","Text--variant-default-regular":"Text--variant-default-regular__d6Rfb","Text--variant-default-regular-italic":"Text--variant-default-regular-italic__adOeM","Text--variant-default-semibold":"Text--variant-default-semibold__UlmHo","Text--variant-default-semibold-italic":"Text--variant-default-semibold-italic__9WbJJ","Text--variant-large-regular":"Text--variant-large-regular__zzp2H","Text--variant-large-regular-italic":"Text--variant-large-regular-italic__gGcEV","Text--variant-large-semibold":"Text--variant-large-semibold__4S-U4","Text--variant-large-semibold-italic":"Text--variant-large-semibold-italic__ZrpZw","Text--narrow-l--variant-caption-regular":"Text--narrow-l--variant-caption-regular__62qXj","Text--narrow-l--variant-caption-semibold":"Text--narrow-l--variant-caption-semibold__niLxy","Text--narrow-l--variant-small-regular":"Text--narrow-l--variant-small-regular__JI9Mz","Text--narrow-l--variant-small-regular-italic":"Text--narrow-l--variant-small-regular-italic__h38Hy","Text--narrow-l--variant-small-semibold":"Text--narrow-l--variant-small-semibold__jqUJO","Text--narrow-l--variant-small-semibold-italic":"Text--narrow-l--variant-small-semibold-italic__XCXW6","Text--narrow-l--variant-default-regular":"Text--narrow-l--variant-default-regular__nCPnt","Text--narrow-l--variant-default-regular-italic":"Text--narrow-l--variant-default-regular-italic__dKZEJ","Text--narrow-l--variant-default-semibold":"Text--narrow-l--variant-default-semibold__6VGIy","Text--narrow-l--variant-default-semibold-italic":"Text--narrow-l--variant-default-semibold-italic__giyrw","Text--narrow-l--variant-large-regular":"Text--narrow-l--variant-large-regular__7uObP","Text--narrow-l--variant-large-regular-italic":"Text--narrow-l--variant-large-regular-italic__iW3Nb","Text--narrow-l--variant-large-semibold":"Text--narrow-l--variant-large-semibold__-R2qZ","Text--narrow-l--variant-large-semibold-italic":"Text--narrow-l--variant-large-semibold-italic__VISYL","Text--medium-s--variant-caption-regular":"Text--medium-s--variant-caption-regular__XEVQe","Text--medium-s--variant-caption-semibold":"Text--medium-s--variant-caption-semibold__f0rdW","Text--medium-s--variant-small-regular":"Text--medium-s--variant-small-regular__2dml2","Text--medium-s--variant-small-regular-italic":"Text--medium-s--variant-small-regular-italic__GUOiJ","Text--medium-s--variant-small-semibold":"Text--medium-s--variant-small-semibold__uQZGO","Text--medium-s--variant-small-semibold-italic":"Text--medium-s--variant-small-semibold-italic__5Jqrk","Text--medium-s--variant-default-regular":"Text--medium-s--variant-default-regular__jLGVH","Text--medium-s--variant-default-regular-italic":"Text--medium-s--variant-default-regular-italic__meFSk","Text--medium-s--variant-default-semibold":"Text--medium-s--variant-default-semibold__V4BoL","Text--medium-s--variant-default-semibold-italic":"Text--medium-s--variant-default-semibold-italic__wNC52","Text--medium-s--variant-large-regular":"Text--medium-s--variant-large-regular__0WQ9H","Text--medium-s--variant-large-regular-italic":"Text--medium-s--variant-large-regular-italic__-lOJl","Text--medium-s--variant-large-semibold":"Text--medium-s--variant-large-semibold__qbJdo","Text--medium-s--variant-large-semibold-italic":"Text--medium-s--variant-large-semibold-italic__OwChG","Text--medium-l--variant-caption-regular":"Text--medium-l--variant-caption-regular__mT3--","Text--medium-l--variant-caption-semibold":"Text--medium-l--variant-caption-semibold__8-hkD","Text--medium-l--variant-small-regular":"Text--medium-l--variant-small-regular__HO15d","Text--medium-l--variant-small-regular-italic":"Text--medium-l--variant-small-regular-italic__i92C6","Text--medium-l--variant-small-semibold":"Text--medium-l--variant-small-semibold__CjiKc","Text--medium-l--variant-small-semibold-italic":"Text--medium-l--variant-small-semibold-italic__PJHhp","Text--medium-l--variant-default-regular":"Text--medium-l--variant-default-regular__bWryq","Text--medium-l--variant-default-regular-italic":"Text--medium-l--variant-default-regular-italic__eWPQy","Text--medium-l--variant-default-semibold":"Text--medium-l--variant-default-semibold__DlFqw","Text--medium-l--variant-default-semibold-italic":"Text--medium-l--variant-default-semibold-italic__1UrvG","Text--medium-l--variant-large-regular":"Text--medium-l--variant-large-regular__Ur-1P","Text--medium-l--variant-large-regular-italic":"Text--medium-l--variant-large-regular-italic__sZ7If","Text--medium-l--variant-large-semibold":"Text--medium-l--variant-large-semibold__BPxlV","Text--medium-l--variant-large-semibold-italic":"Text--medium-l--variant-large-semibold-italic__vTWZt","Text--wide-s--variant-caption-regular":"Text--wide-s--variant-caption-regular__45qL-","Text--wide-s--variant-caption-semibold":"Text--wide-s--variant-caption-semibold__ybSD2","Text--wide-s--variant-small-regular":"Text--wide-s--variant-small-regular__pnI1L","Text--wide-s--variant-small-regular-italic":"Text--wide-s--variant-small-regular-italic__zbEZJ","Text--wide-s--variant-small-semibold":"Text--wide-s--variant-small-semibold__pBKrO","Text--wide-s--variant-small-semibold-italic":"Text--wide-s--variant-small-semibold-italic__5xaMk","Text--wide-s--variant-default-regular":"Text--wide-s--variant-default-regular__DEbnG","Text--wide-s--variant-default-regular-italic":"Text--wide-s--variant-default-regular-italic__QPvW9","Text--wide-s--variant-default-semibold":"Text--wide-s--variant-default-semibold__eOf2n","Text--wide-s--variant-default-semibold-italic":"Text--wide-s--variant-default-semibold-italic__52kF0","Text--wide-s--variant-large-regular":"Text--wide-s--variant-large-regular__nkIe1","Text--wide-s--variant-large-regular-italic":"Text--wide-s--variant-large-regular-italic__Z9BlJ","Text--wide-s--variant-large-semibold":"Text--wide-s--variant-large-semibold__hnlmr","Text--wide-s--variant-large-semibold-italic":"Text--wide-s--variant-large-semibold-italic__-E52C","Text--wide-l--variant-caption-regular":"Text--wide-l--variant-caption-regular__A-258","Text--wide-l--variant-caption-semibold":"Text--wide-l--variant-caption-semibold__Fkrc2","Text--wide-l--variant-small-regular":"Text--wide-l--variant-small-regular__jxxVQ","Text--wide-l--variant-small-regular-italic":"Text--wide-l--variant-small-regular-italic__m4Blo","Text--wide-l--variant-small-semibold":"Text--wide-l--variant-small-semibold__xpw7Q","Text--wide-l--variant-small-semibold-italic":"Text--wide-l--variant-small-semibold-italic__AYnvO","Text--wide-l--variant-default-regular":"Text--wide-l--variant-default-regular__ZB6T-","Text--wide-l--variant-default-regular-italic":"Text--wide-l--variant-default-regular-italic__-kppq","Text--wide-l--variant-default-semibold":"Text--wide-l--variant-default-semibold__-4aqX","Text--wide-l--variant-default-semibold-italic":"Text--wide-l--variant-default-semibold-italic__aju5z","Text--wide-l--variant-large-regular":"Text--wide-l--variant-large-regular__2LL-6","Text--wide-l--variant-large-regular-italic":"Text--wide-l--variant-large-regular-italic__TIX-D","Text--wide-l--variant-large-semibold":"Text--wide-l--variant-large-semibold__taO1N","Text--wide-l--variant-large-semibold-italic":"Text--wide-l--variant-large-semibold-italic__7iaxB","Text--strong":"Text--strong__SiU3Y"},D=b.forwardRef(function({children:t,variant:a,tag:l=A,accent:e,strong:r,centered:m,dataset:n,className:s,...d},u){const x=a||C,T=a?void 0:r,o=w(V,i.Text,[f("variant",x),p("strong",void 0,T)]),_=q(!e,e),v=E(m),g=[...o,..._,...v,s],c={...J(d),ref:u,className:g.join(" "),...y(n,{preplyDsComponent:i.Text})};return N.jsx(l,{...c,children:t})});D.__docgenInfo={description:"",methods:[],displayName:"Text",props:{tag:{defaultValue:{value:"'p'",computed:!1},required:!1}}};export{D as T};
1
+ import{r as b,u as w,v as f,w as p,y as C,g as y,j as N,x as A}from"./iframe-DjYTJz7A.js";import{g as q,a as E}from"./text-centered-CqZrbSb_.js";import{f as J}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as i}from"./componentNames-hc9KR2nX.js";const O="Text__uVacy",V={Text:O,"Text--variant-caption-regular":"Text--variant-caption-regular__Qv2Ax","Text--variant-caption-semibold":"Text--variant-caption-semibold__qycaB","Text--variant-small-regular":"Text--variant-small-regular__YFauL","Text--variant-small-regular-italic":"Text--variant-small-regular-italic__sGPGa","Text--variant-small-semibold":"Text--variant-small-semibold__wY3fp","Text--variant-small-semibold-italic":"Text--variant-small-semibold-italic__ydWgK","Text--variant-default-regular":"Text--variant-default-regular__d6Rfb","Text--variant-default-regular-italic":"Text--variant-default-regular-italic__adOeM","Text--variant-default-semibold":"Text--variant-default-semibold__UlmHo","Text--variant-default-semibold-italic":"Text--variant-default-semibold-italic__9WbJJ","Text--variant-large-regular":"Text--variant-large-regular__zzp2H","Text--variant-large-regular-italic":"Text--variant-large-regular-italic__gGcEV","Text--variant-large-semibold":"Text--variant-large-semibold__4S-U4","Text--variant-large-semibold-italic":"Text--variant-large-semibold-italic__ZrpZw","Text--narrow-l--variant-caption-regular":"Text--narrow-l--variant-caption-regular__62qXj","Text--narrow-l--variant-caption-semibold":"Text--narrow-l--variant-caption-semibold__niLxy","Text--narrow-l--variant-small-regular":"Text--narrow-l--variant-small-regular__JI9Mz","Text--narrow-l--variant-small-regular-italic":"Text--narrow-l--variant-small-regular-italic__h38Hy","Text--narrow-l--variant-small-semibold":"Text--narrow-l--variant-small-semibold__jqUJO","Text--narrow-l--variant-small-semibold-italic":"Text--narrow-l--variant-small-semibold-italic__XCXW6","Text--narrow-l--variant-default-regular":"Text--narrow-l--variant-default-regular__nCPnt","Text--narrow-l--variant-default-regular-italic":"Text--narrow-l--variant-default-regular-italic__dKZEJ","Text--narrow-l--variant-default-semibold":"Text--narrow-l--variant-default-semibold__6VGIy","Text--narrow-l--variant-default-semibold-italic":"Text--narrow-l--variant-default-semibold-italic__giyrw","Text--narrow-l--variant-large-regular":"Text--narrow-l--variant-large-regular__7uObP","Text--narrow-l--variant-large-regular-italic":"Text--narrow-l--variant-large-regular-italic__iW3Nb","Text--narrow-l--variant-large-semibold":"Text--narrow-l--variant-large-semibold__-R2qZ","Text--narrow-l--variant-large-semibold-italic":"Text--narrow-l--variant-large-semibold-italic__VISYL","Text--medium-s--variant-caption-regular":"Text--medium-s--variant-caption-regular__XEVQe","Text--medium-s--variant-caption-semibold":"Text--medium-s--variant-caption-semibold__f0rdW","Text--medium-s--variant-small-regular":"Text--medium-s--variant-small-regular__2dml2","Text--medium-s--variant-small-regular-italic":"Text--medium-s--variant-small-regular-italic__GUOiJ","Text--medium-s--variant-small-semibold":"Text--medium-s--variant-small-semibold__uQZGO","Text--medium-s--variant-small-semibold-italic":"Text--medium-s--variant-small-semibold-italic__5Jqrk","Text--medium-s--variant-default-regular":"Text--medium-s--variant-default-regular__jLGVH","Text--medium-s--variant-default-regular-italic":"Text--medium-s--variant-default-regular-italic__meFSk","Text--medium-s--variant-default-semibold":"Text--medium-s--variant-default-semibold__V4BoL","Text--medium-s--variant-default-semibold-italic":"Text--medium-s--variant-default-semibold-italic__wNC52","Text--medium-s--variant-large-regular":"Text--medium-s--variant-large-regular__0WQ9H","Text--medium-s--variant-large-regular-italic":"Text--medium-s--variant-large-regular-italic__-lOJl","Text--medium-s--variant-large-semibold":"Text--medium-s--variant-large-semibold__qbJdo","Text--medium-s--variant-large-semibold-italic":"Text--medium-s--variant-large-semibold-italic__OwChG","Text--medium-l--variant-caption-regular":"Text--medium-l--variant-caption-regular__mT3--","Text--medium-l--variant-caption-semibold":"Text--medium-l--variant-caption-semibold__8-hkD","Text--medium-l--variant-small-regular":"Text--medium-l--variant-small-regular__HO15d","Text--medium-l--variant-small-regular-italic":"Text--medium-l--variant-small-regular-italic__i92C6","Text--medium-l--variant-small-semibold":"Text--medium-l--variant-small-semibold__CjiKc","Text--medium-l--variant-small-semibold-italic":"Text--medium-l--variant-small-semibold-italic__PJHhp","Text--medium-l--variant-default-regular":"Text--medium-l--variant-default-regular__bWryq","Text--medium-l--variant-default-regular-italic":"Text--medium-l--variant-default-regular-italic__eWPQy","Text--medium-l--variant-default-semibold":"Text--medium-l--variant-default-semibold__DlFqw","Text--medium-l--variant-default-semibold-italic":"Text--medium-l--variant-default-semibold-italic__1UrvG","Text--medium-l--variant-large-regular":"Text--medium-l--variant-large-regular__Ur-1P","Text--medium-l--variant-large-regular-italic":"Text--medium-l--variant-large-regular-italic__sZ7If","Text--medium-l--variant-large-semibold":"Text--medium-l--variant-large-semibold__BPxlV","Text--medium-l--variant-large-semibold-italic":"Text--medium-l--variant-large-semibold-italic__vTWZt","Text--wide-s--variant-caption-regular":"Text--wide-s--variant-caption-regular__45qL-","Text--wide-s--variant-caption-semibold":"Text--wide-s--variant-caption-semibold__ybSD2","Text--wide-s--variant-small-regular":"Text--wide-s--variant-small-regular__pnI1L","Text--wide-s--variant-small-regular-italic":"Text--wide-s--variant-small-regular-italic__zbEZJ","Text--wide-s--variant-small-semibold":"Text--wide-s--variant-small-semibold__pBKrO","Text--wide-s--variant-small-semibold-italic":"Text--wide-s--variant-small-semibold-italic__5xaMk","Text--wide-s--variant-default-regular":"Text--wide-s--variant-default-regular__DEbnG","Text--wide-s--variant-default-regular-italic":"Text--wide-s--variant-default-regular-italic__QPvW9","Text--wide-s--variant-default-semibold":"Text--wide-s--variant-default-semibold__eOf2n","Text--wide-s--variant-default-semibold-italic":"Text--wide-s--variant-default-semibold-italic__52kF0","Text--wide-s--variant-large-regular":"Text--wide-s--variant-large-regular__nkIe1","Text--wide-s--variant-large-regular-italic":"Text--wide-s--variant-large-regular-italic__Z9BlJ","Text--wide-s--variant-large-semibold":"Text--wide-s--variant-large-semibold__hnlmr","Text--wide-s--variant-large-semibold-italic":"Text--wide-s--variant-large-semibold-italic__-E52C","Text--wide-l--variant-caption-regular":"Text--wide-l--variant-caption-regular__A-258","Text--wide-l--variant-caption-semibold":"Text--wide-l--variant-caption-semibold__Fkrc2","Text--wide-l--variant-small-regular":"Text--wide-l--variant-small-regular__jxxVQ","Text--wide-l--variant-small-regular-italic":"Text--wide-l--variant-small-regular-italic__m4Blo","Text--wide-l--variant-small-semibold":"Text--wide-l--variant-small-semibold__xpw7Q","Text--wide-l--variant-small-semibold-italic":"Text--wide-l--variant-small-semibold-italic__AYnvO","Text--wide-l--variant-default-regular":"Text--wide-l--variant-default-regular__ZB6T-","Text--wide-l--variant-default-regular-italic":"Text--wide-l--variant-default-regular-italic__-kppq","Text--wide-l--variant-default-semibold":"Text--wide-l--variant-default-semibold__-4aqX","Text--wide-l--variant-default-semibold-italic":"Text--wide-l--variant-default-semibold-italic__aju5z","Text--wide-l--variant-large-regular":"Text--wide-l--variant-large-regular__2LL-6","Text--wide-l--variant-large-regular-italic":"Text--wide-l--variant-large-regular-italic__TIX-D","Text--wide-l--variant-large-semibold":"Text--wide-l--variant-large-semibold__taO1N","Text--wide-l--variant-large-semibold-italic":"Text--wide-l--variant-large-semibold-italic__7iaxB","Text--strong":"Text--strong__SiU3Y"},D=b.forwardRef(function({children:t,variant:a,tag:l=A,accent:e,strong:r,centered:m,dataset:n,className:s,...d},u){const x=a||C,T=a?void 0:r,o=w(V,i.Text,[f("variant",x),p("strong",void 0,T)]),_=q(!e,e),v=E(m),g=[...o,..._,...v,s],c={...J(d),ref:u,className:g.join(" "),...y(n,{preplyDsComponent:i.Text})};return N.jsx(l,{...c,children:t})});D.__docgenInfo={description:"",methods:[],displayName:"Text",props:{tag:{defaultValue:{value:"'p'",computed:!1},required:!1}}};export{D as T};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./iframe-CpMEswOF.js";import{T as c}from"./Text-cq49jjad.js";import{g as f}from"./getTokenVar-DntuTYid.js";import{T as k,a as V}from"./options-jUub4JL1.js";import{c as _,t as E}from"./tokens-DTCyqZ0W.js";import{u as O}from"./useToken-CX1vf7pV.js";import{S as i}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-DZ_ihUdH.js";import"./text-centered-DiwR-QSx.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";const F={title:"components/Text",component:c,argTypes:{variant:{description:i},centered:{description:i}}},n=()=>e.jsx(c,{children:"Lorem ipsum"});n.tags=["!test"];n.parameters={chromatic:{disableSnapshot:!0}};const a=()=>{const r=f(_.background.primaryInverted);return e.jsx(e.Fragment,{children:k.map(({id:t})=>e.jsx("div",{style:{backgroundColor:["inverted","branded","selected"].includes(t)?r:void 0},children:e.jsx(c,{accent:t,children:t})},t))})},o=()=>e.jsxs("table",{style:{borderCollapse:"separate",borderSpacing:"16px"},children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Variant"}),e.jsx("th",{children:"font-size"})]})}),V.map(({id:r})=>e.jsx(A,{variant:r},r))]});function A({variant:r}){const[t,j]=r.split("-"),v=O(E[t][j].body.fontSize);return e.jsxs("tr",{children:[e.jsx("td",{style:{paddingRight:16,whiteSpace:"nowrap",textAlign:"right"},children:e.jsx(c,{variant:r,children:r},r)}),e.jsx("td",{children:v})]})}const s={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(r,{args:t})=>e.jsx("div",{style:{backgroundColor:t.accent==="inverted"?"black":void 0},children:r()})],args:{children:"Lorem ipsum dolor sit amet",variant:"default-regular",dataset:{qaid:"text"}},argTypes:{dataset:{control:"object"},children:{control:"text"},variant:{control:"select"},accent:{control:"select"},centered:{control:"boolean"},strong:{table:{disable:!0}}}};var d,l,p;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:"() => <Text>Lorem ipsum</Text>",...(p=(l=n.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};var m,u,g;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./iframe-DjYTJz7A.js";import{T as c}from"./Text-C8DrHLQF.js";import{g as f}from"./getTokenVar-B8jDl0Ui.js";import{T as k,a as V}from"./options-jUub4JL1.js";import{c as _,t as E}from"./tokens-Cp4gIGSO.js";import{u as O}from"./useToken-CJ7hsZh9.js";import{S as i}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-C5-m5mrW.js";import"./text-centered-D70wah8Y.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";const F={title:"components/Text",component:c,argTypes:{variant:{description:i},centered:{description:i}}},n=()=>e.jsx(c,{children:"Lorem ipsum"});n.tags=["!test"];n.parameters={chromatic:{disableSnapshot:!0}};const a=()=>{const r=f(_.background.primaryInverted);return e.jsx(e.Fragment,{children:k.map(({id:t})=>e.jsx("div",{style:{backgroundColor:["inverted","branded","selected"].includes(t)?r:void 0},children:e.jsx(c,{accent:t,children:t})},t))})},o=()=>e.jsxs("table",{style:{borderCollapse:"separate",borderSpacing:"16px"},children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Variant"}),e.jsx("th",{children:"font-size"})]})}),V.map(({id:r})=>e.jsx(A,{variant:r},r))]});function A({variant:r}){const[t,j]=r.split("-"),v=O(E[t][j].body.fontSize);return e.jsxs("tr",{children:[e.jsx("td",{style:{paddingRight:16,whiteSpace:"nowrap",textAlign:"right"},children:e.jsx(c,{variant:r,children:r},r)}),e.jsx("td",{children:v})]})}const s={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(r,{args:t})=>e.jsx("div",{style:{backgroundColor:t.accent==="inverted"?"black":void 0},children:r()})],args:{children:"Lorem ipsum dolor sit amet",variant:"default-regular",dataset:{qaid:"text"}},argTypes:{dataset:{control:"object"},children:{control:"text"},variant:{control:"select"},accent:{control:"select"},centered:{control:"boolean"},strong:{table:{disable:!0}}}};var d,l,p;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:"() => <Text>Lorem ipsum</Text>",...(p=(l=n.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};var m,u,g;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
2
2
  const grey = getTokenVar(color.background.primaryInverted);
3
3
  return <>
4
4
  {TEXT_ACCENT_OPTIONS.map(({
@@ -0,0 +1,6 @@
1
+ import{r as h,j as e}from"./iframe-DjYTJz7A.js";import{F as b}from"./FormControl-DgD7Nr_L.js";import{w as q}from"./componentNames-hc9KR2nX.js";import{I as g}from"./Input-Cp2OkxN8.js";const a=h.forwardRef(function({id:n,label:u,description:t,error:r,required:i,type:d="text",inputDataset:s,dataset:o,hideLabel:m,onClick:p,hasError:v,useLegacyRequiredLabel:f,className:E,style:V,...c},y){return e.jsx(b,{id:n,label:u,description:t,error:r,hasError:v,required:i,dataset:o,hideLabel:m,onClick:p,useLegacyRequiredLabel:f,preplyDsComponent:q.TextField,children:e.jsx(g,{...c,type:d,ref:y,dataset:s})})});try{a.displayName="TextField",a.__docgenInfo={description:"",displayName:"TextField",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement> & MouseEventHandler<HTMLInputElement>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},id:{defaultValue:null,description:`The id to be passed to the input element.
2
+ If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to explicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
3
+ indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
4
+ to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},useLegacyRequiredLabel:{defaultValue:null,description:`When true, adds a "Required" indicator next to the label for the required fields.
5
+ When false, adds a "Optional" indicator next to the label for the optional fields instead.
6
+ @deprecated This is a temporary solution for gradual migration to the "Optional" label.`,name:"useLegacyRequiredLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLInputElement>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"email"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"on"'},{value:'"tel"'},{value:'"email"'},{value:'"username"'},{value:'"language"'}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{a as T};
@@ -1,4 +1,4 @@
1
- import{j as x,r as oe}from"./iframe-CpMEswOF.js";import{T as te}from"./TextField-BkMawuql.js";import{F as ne}from"./TokyoUIUser-Cb3Rabu0.js";import{F as se}from"./TokyoUIAttach-BtX3U917.js";import{I as re}from"./Icon-BX3I9JNh.js";import{F as le}from"./FieldButton-CCXniKhy.js";import"./preload-helper-Dp1pzeXC.js";import"./FormControl-CygcWV_h.js";import"./index-DT-MbRPK.js";import"./message-CTdBLxyt.js";import"./componentNames-hc9KR2nX.js";import"./Input-DwA6-keB.js";import"./InputContainer-BM2ePliH.js";import"./text-accent-DZ_ihUdH.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-c7okze1K.js";const{action:ie}=__STORYBOOK_MODULE_ACTIONS__,{expect:n,userEvent:b,within:T,fn:s}=__STORYBOOK_MODULE_TEST__,He={title:"components/TextField",component:te,args:{name:"fullName",label:"Full name",defaultValue:"",placeholder:"John Doe",dataset:{testid:"field",foo:"bar"},inputDataset:{testid:"input",foo:"bar"},onChange:s(),onValueChange:s(),onBlur:s(),onFocus:s(),onClick:s(),onCopy:s(),onKeyDown:s(),onKeyUp:s(),onPaste:s()}},i={play:async({canvasElement:a,step:e,args:t})=>{const o=T(a),l=o.getByTestId("field"),r=o.getByTestId("input");await e("it should render correct label",async()=>{const ae=T(l).getByTestId("label");n(ae).toHaveTextContent("Full name • Optional"),n(r).toHaveAccessibleName("Full name")}),await e("it should call onFocus when the input is focused",async()=>{r.focus(),n(t.onFocus).toHaveBeenCalled()}),await e("it should call callback when the value changes",async()=>{await b.type(r,"John Doe"),n(t.onValueChange).toHaveBeenCalledWith("John Doe"),n(t.onChange).toHaveBeenCalled()}),await e("it should call onBlur when the input is blurred",async()=>{await b.keyboard("{tab}"),n(t.onBlur).toHaveBeenCalled()}),await e("it should render the dataset props",async()=>{n(l).toHaveAttribute("data-testid","field"),n(l).toHaveAttribute("data-foo","bar"),n(r).toHaveAttribute("data-testid","input"),n(r).toHaveAttribute("data-foo","bar")})}},c={render:function(e){const[t,o]=oe.useState(e.value);return x.jsx(te,{...e,value:t,onChange:l=>{var r;o(l.target.value),(r=e.onChange)==null||r.call(e,l)}})},args:{label:"Controlled TextField",placeholder:"Type something...",value:"Initial value",defaultValue:void 0},play:async({canvas:a,step:e})=>{await e("it should render the correct initial value",async()=>{const t=a.getByTestId("input");await n(t).toHaveValue("Initial value")}),await e("it should update the value when the user types",async()=>{const t=a.getByTestId("input");await b.type(t," - New controlled value"),n(t).toHaveValue("Initial value - New controlled value")})}},d={args:{icon:x.jsx(re,{svg:ne,dataset:{testid:"icon"}})},play:async({canvas:a,step:e})=>{await e("it should render the icon",async()=>{const t=a.getByTestId("icon");n(t).toBeInTheDocument()})}},u={args:{description:"Enter your full legal name"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("description");await e("it should render the description",async()=>{n(t).toHaveAccessibleDescription("Enter your full legal name"),n(o).toHaveTextContent("Enter your full legal name")})}},p={args:{required:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("label");await e("it should render correct label",async()=>{n(t).toHaveAccessibleName("Full name"),n(o).toHaveTextContent("Full name")}),await e("it should render required attribute",async()=>{n(t).toHaveAttribute("required")})}},h={args:{hideLabel:!0},play:async({canvas:a,step:e})=>{await e("it should render correct a11y label",async()=>{const t=a.getByTestId("input");n(t).toHaveAccessibleName("Full name")})}},y={args:{error:"This is an error message"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("error");await e("it should render the error message",async()=>{n(t).toHaveAccessibleErrorMessage("This is an error message"),n(o).toHaveTextContent("This is an error message")})}},m={args:{disabled:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the disabled input",async()=>{n(t).toHaveAttribute("disabled")})}},g={args:{readOnly:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the read only input",async()=>{n(t).toHaveAttribute("readonly")})}},v={parameters:{chromatic:{disableSnapshot:!0}},args:{label:"Full name",placeholder:"John Doe",description:"Enter your full legal name"},argTypes:{label:{control:"text"},placeholder:{control:"text"},description:{control:"text"},error:{control:"text"},value:{control:"text"},defaultValue:{control:"text"},inputDataset:{control:"object"},dataset:{control:"object"},id:{control:"text"},required:{control:"boolean"},hideLabel:{control:"boolean"},name:{control:"text"},disabled:{control:"boolean"},icon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":ne},control:"select"},button:{options:["None","With Button"],mapping:{None:void 0,"With Button":x.jsx(le,{svg:se,assistiveText:"Do the thing",onClick:ie("field button clicked")})},control:"select"},readOnly:{control:"boolean"},maxLength:{control:"number"},hasError:{table:{disable:!0}}}};var w,B,f,I,H;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{
1
+ import{j as x,r as oe}from"./iframe-DjYTJz7A.js";import{T as te}from"./TextField--Ctd_eHi.js";import{F as ne}from"./TokyoUIUser-Ba7_NA45.js";import{F as se}from"./TokyoUIAttach-Bj2xsZ5E.js";import{I as re}from"./Icon-kphbe0CE.js";import{F as le}from"./FieldButton-CYcQXg37.js";import"./preload-helper-Dp1pzeXC.js";import"./FormControl-DgD7Nr_L.js";import"./index-CUvrBGJo.js";import"./message-DiUVdAQd.js";import"./componentNames-hc9KR2nX.js";import"./Input-Cp2OkxN8.js";import"./InputContainer-BlXlJbfJ.js";import"./text-accent-C5-m5mrW.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-DZ6hllTG.js";const{action:ie}=__STORYBOOK_MODULE_ACTIONS__,{expect:n,userEvent:b,within:T,fn:s}=__STORYBOOK_MODULE_TEST__,He={title:"components/TextField",component:te,args:{name:"fullName",label:"Full name",defaultValue:"",placeholder:"John Doe",dataset:{testid:"field",foo:"bar"},inputDataset:{testid:"input",foo:"bar"},onChange:s(),onValueChange:s(),onBlur:s(),onFocus:s(),onClick:s(),onCopy:s(),onKeyDown:s(),onKeyUp:s(),onPaste:s()}},i={play:async({canvasElement:a,step:e,args:t})=>{const o=T(a),l=o.getByTestId("field"),r=o.getByTestId("input");await e("it should render correct label",async()=>{const ae=T(l).getByTestId("label");n(ae).toHaveTextContent("Full name • Optional"),n(r).toHaveAccessibleName("Full name")}),await e("it should call onFocus when the input is focused",async()=>{r.focus(),n(t.onFocus).toHaveBeenCalled()}),await e("it should call callback when the value changes",async()=>{await b.type(r,"John Doe"),n(t.onValueChange).toHaveBeenCalledWith("John Doe"),n(t.onChange).toHaveBeenCalled()}),await e("it should call onBlur when the input is blurred",async()=>{await b.keyboard("{tab}"),n(t.onBlur).toHaveBeenCalled()}),await e("it should render the dataset props",async()=>{n(l).toHaveAttribute("data-testid","field"),n(l).toHaveAttribute("data-foo","bar"),n(r).toHaveAttribute("data-testid","input"),n(r).toHaveAttribute("data-foo","bar")})}},c={render:function(e){const[t,o]=oe.useState(e.value);return x.jsx(te,{...e,value:t,onChange:l=>{var r;o(l.target.value),(r=e.onChange)==null||r.call(e,l)}})},args:{label:"Controlled TextField",placeholder:"Type something...",value:"Initial value",defaultValue:void 0},play:async({canvas:a,step:e})=>{await e("it should render the correct initial value",async()=>{const t=a.getByTestId("input");await n(t).toHaveValue("Initial value")}),await e("it should update the value when the user types",async()=>{const t=a.getByTestId("input");await b.type(t," - New controlled value"),n(t).toHaveValue("Initial value - New controlled value")})}},d={args:{icon:x.jsx(re,{svg:ne,dataset:{testid:"icon"}})},play:async({canvas:a,step:e})=>{await e("it should render the icon",async()=>{const t=a.getByTestId("icon");n(t).toBeInTheDocument()})}},u={args:{description:"Enter your full legal name"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("description");await e("it should render the description",async()=>{n(t).toHaveAccessibleDescription("Enter your full legal name"),n(o).toHaveTextContent("Enter your full legal name")})}},p={args:{required:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("label");await e("it should render correct label",async()=>{n(t).toHaveAccessibleName("Full name"),n(o).toHaveTextContent("Full name")}),await e("it should render required attribute",async()=>{n(t).toHaveAttribute("required")})}},h={args:{hideLabel:!0},play:async({canvas:a,step:e})=>{await e("it should render correct a11y label",async()=>{const t=a.getByTestId("input");n(t).toHaveAccessibleName("Full name")})}},y={args:{error:"This is an error message"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),o=a.getByTestId("error");await e("it should render the error message",async()=>{n(t).toHaveAccessibleErrorMessage("This is an error message"),n(o).toHaveTextContent("This is an error message")})}},m={args:{disabled:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the disabled input",async()=>{n(t).toHaveAttribute("disabled")})}},g={args:{readOnly:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the read only input",async()=>{n(t).toHaveAttribute("readonly")})}},v={parameters:{chromatic:{disableSnapshot:!0}},args:{label:"Full name",placeholder:"John Doe",description:"Enter your full legal name"},argTypes:{label:{control:"text"},placeholder:{control:"text"},description:{control:"text"},error:{control:"text"},value:{control:"text"},defaultValue:{control:"text"},inputDataset:{control:"object"},dataset:{control:"object"},id:{control:"text"},required:{control:"boolean"},hideLabel:{control:"boolean"},name:{control:"text"},disabled:{control:"boolean"},icon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":ne},control:"select"},button:{options:["None","With Button"],mapping:{None:void 0,"With Button":x.jsx(le,{svg:se,assistiveText:"Do the thing",onClick:ie("field button clicked")})},control:"select"},readOnly:{control:"boolean"},maxLength:{control:"number"},hasError:{table:{disable:!0}}}};var w,B,f,I,H;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{
2
2
  play: async ({
3
3
  canvasElement,
4
4
  step,
@@ -1,4 +1,4 @@
1
- import{r as j,u as E,v as L,g as w,j as i,ar as I,as as N}from"./iframe-CpMEswOF.js";import{f as S}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as h}from"./componentNames-hc9KR2nX.js";import{T as D}from"./Text-cq49jjad.js";import{b as O}from"./options-jUub4JL1.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-DZ_ihUdH.js";import"./text-centered-DiwR-QSx.js";const q="TextHighlighted__ErxU-",A={TextHighlighted:q,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__3H-tS","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__PXiKm","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__cKWhc","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__24A04","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__gkbLj","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__DsZKF","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__Tag8x","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__Qqv0l","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__--U9g","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__D9jbb"},a=j.forwardRef(function({children:T,highlight:x=N,tag:H=I,dataset:f,..._},v){const y=E(A,h.TextHighlighted,[L("highlight",x)]),b={...S(_),ref:v,className:y.join(" "),...w(f,{preplyDsComponent:h.TextHighlighted})};return i.jsx(H,{...b,children:T})});try{a.displayName="TextHighlighted",a.__docgenInfo={description:"",displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"green"},description:"",name:"highlight",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"critical"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"blue"'},{value:'"green"'}]}},tag:{defaultValue:{value:"span"},description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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 B={title:"components/TextHighlighted",component:a},t=()=>i.jsx(a,{children:"Lorem ipsum"});t.tags=["!test"];t.parameters={chromatic:{disableSnapshot:!0}};const l=()=>i.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",width:"fit-content"},children:O.map(({id:e})=>i.jsx(a,{highlight:e,children:e},e))}),r={parameters:{chromatic:{disableSnapshot:!0}},render:e=>i.jsxs(D,{children:["Lorem ipsum ",i.jsx(a,{...e})]}),args:{children:"dolor sit amet",dataset:{qaid:"text-highlighted"}},argTypes:{dataset:{control:"object"}}};var n,g,s;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"() => <TextHighlighted>Lorem ipsum</TextHighlighted>",...(s=(g=t.parameters)==null?void 0:g.docs)==null?void 0:s.source}}};var o,d,c;l.parameters={...l.parameters,docs:{...(o=l.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
1
+ import{r as j,u as E,v as L,g as w,j as i,ar as I,as as N}from"./iframe-DjYTJz7A.js";import{f as S}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as h}from"./componentNames-hc9KR2nX.js";import{T as D}from"./Text-C8DrHLQF.js";import{b as O}from"./options-jUub4JL1.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-C5-m5mrW.js";import"./text-centered-D70wah8Y.js";const q="TextHighlighted__ErxU-",A={TextHighlighted:q,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__3H-tS","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__PXiKm","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__cKWhc","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__24A04","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__gkbLj","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__DsZKF","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__Tag8x","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__Qqv0l","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__--U9g","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__D9jbb"},a=j.forwardRef(function({children:T,highlight:x=N,tag:H=I,dataset:f,..._},v){const y=E(A,h.TextHighlighted,[L("highlight",x)]),b={...S(_),ref:v,className:y.join(" "),...w(f,{preplyDsComponent:h.TextHighlighted})};return i.jsx(H,{...b,children:T})});try{a.displayName="TextHighlighted",a.__docgenInfo={description:"",displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"green"},description:"",name:"highlight",required:!1,type:{name:"enum",value:[{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"positive"'},{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"blue"'},{value:'"green"'}]}},tag:{defaultValue:{value:"span"},description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"em"'},{value:'"span"'},{value:'"strong"'}]}},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 B={title:"components/TextHighlighted",component:a},t=()=>i.jsx(a,{children:"Lorem ipsum"});t.tags=["!test"];t.parameters={chromatic:{disableSnapshot:!0}};const l=()=>i.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",width:"fit-content"},children:O.map(({id:e})=>i.jsx(a,{highlight:e,children:e},e))}),r={parameters:{chromatic:{disableSnapshot:!0}},render:e=>i.jsxs(D,{children:["Lorem ipsum ",i.jsx(a,{...e})]}),args:{children:"dolor sit amet",dataset:{qaid:"text-highlighted"}},argTypes:{dataset:{control:"object"}}};var n,g,s;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"() => <TextHighlighted>Lorem ipsum</TextHighlighted>",...(s=(g=t.parameters)==null?void 0:g.docs)==null?void 0:s.source}}};var o,d,c;l.parameters={...l.parameters,docs:{...(o=l.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
2
2
  display: 'flex',
3
3
  flexDirection: 'column',
4
4
  gap: '0.25rem',
@@ -1,4 +1,4 @@
1
- import{u as b,v as S,r as V,w as R,g as M,j as e,ar as O,aE as P}from"./iframe-CpMEswOF.js";import{g as F}from"./text-accent-DZ_ihUdH.js";import{f as G}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as u}from"./componentNames-hc9KR2nX.js";import{T as o}from"./Text-cq49jjad.js";import{g as X}from"./getTokenVar-DntuTYid.js";import{T as H}from"./options-jUub4JL1.js";import{c as B}from"./tokens-DTCyqZ0W.js";import"./preload-helper-Dp1pzeXC.js";import"./text-centered-DiwR-QSx.js";const U="TextWeight__tMRbd",$={TextWeight:U,"TextWeight--weight-normal":"TextWeight--weight-normal__M5PxM","TextWeight--weight-medium":"TextWeight--weight-medium__8f3CD","TextWeight--weight-bold":"TextWeight--weight-bold__MG-yF"},Q="TextWeight",z=t=>b($,Q,[S("weight",t)]),J="TextInline__fMaqi",K={TextInline:J,"TextInline--italic":"TextInline--italic__yG-Qj"},a=V.forwardRef(function({children:n,accent:c,italic:j=!1,weight:w=P,tag:N=O,dataset:C,...E},k){const D=b(K,u.TextInline,[R("italic",void 0,j)]),A=F(!c,c),L=z(w),W=[...D,...A,...L],q={...G(E),ref:k,className:W.join(" "),...M(C,{preplyDsComponent:u.TextInline})};return e.jsx(N,{...q,children:n})});try{a.displayName="TextInline",a.__docgenInfo={description:"",displayName:"TextInline",props:{accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"inverted"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"critical"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"accentDark"'},{value:'"placeholder"'}]}},weight:{defaultValue:{value:"normal"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"bold"'},{value:'"normal"'}]}},italic:{defaultValue:{value:"false"},description:"",name:"italic",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},tag:{defaultValue:{value:"span"},description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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 ce={title:"components/TextInline",component:a},r=()=>e.jsxs("p",{children:["Lorem ",e.jsx(a,{children:"ipsum"})]});r.storyName="TextInline";const s=()=>{const t=X(B.background.primaryInverted);return e.jsx(e.Fragment,{children:H.map(({id:n})=>e.jsx("div",{style:{backgroundColor:["inverted","branded","selected"].includes(n)?t:void 0},children:e.jsxs(o,{accent:["inverted","branded","selected"].includes(n)?"accentDark":void 0,children:["Lorem ipsum ",e.jsx(a,{accent:n,children:n})]})},n))})},l=()=>e.jsx(e.Fragment,{children:e.jsxs(o,{children:["Lorem ipsum ",e.jsx(a,{italic:!0,children:"dolor sit amet"}),"."]})}),i={parameters:{chromatic:{disableSnapshot:!0}},render:t=>e.jsxs(o,{children:["Lorem ipsum ",e.jsx(a,{...t})]}),args:{children:"dolor sit amet",accent:"accentDark",tag:"span",dataset:{qaid:"text-inline"}},argTypes:{dataset:{control:"object"},children:{control:"text"},italic:{control:"boolean"}}};var d,m,p;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`() => <p>
1
+ import{u as b,v as S,r as V,w as R,g as M,j as e,ar as O,aE as P}from"./iframe-DjYTJz7A.js";import{g as F}from"./text-accent-C5-m5mrW.js";import{f as G}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as u}from"./componentNames-hc9KR2nX.js";import{T as o}from"./Text-C8DrHLQF.js";import{g as X}from"./getTokenVar-B8jDl0Ui.js";import{T as H}from"./options-jUub4JL1.js";import{c as B}from"./tokens-Cp4gIGSO.js";import"./preload-helper-Dp1pzeXC.js";import"./text-centered-D70wah8Y.js";const U="TextWeight__tMRbd",$={TextWeight:U,"TextWeight--weight-normal":"TextWeight--weight-normal__M5PxM","TextWeight--weight-medium":"TextWeight--weight-medium__8f3CD","TextWeight--weight-bold":"TextWeight--weight-bold__MG-yF"},Q="TextWeight",z=t=>b($,Q,[S("weight",t)]),J="TextInline__fMaqi",K={TextInline:J,"TextInline--italic":"TextInline--italic__yG-Qj"},a=V.forwardRef(function({children:n,accent:c,italic:j=!1,weight:w=P,tag:N=O,dataset:C,...E},k){const D=b(K,u.TextInline,[R("italic",void 0,j)]),A=F(!c,c),L=z(w),W=[...D,...A,...L],q={...G(E),ref:k,className:W.join(" "),...M(C,{preplyDsComponent:u.TextInline})};return e.jsx(N,{...q,children:n})});try{a.displayName="TextInline",a.__docgenInfo={description:"",displayName:"TextInline",props:{accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"accentDark"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"positive"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"placeholder"'},{value:'"inverted"'}]}},weight:{defaultValue:{value:"normal"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:'"bold"'},{value:'"medium"'},{value:'"normal"'}]}},italic:{defaultValue:{value:"false"},description:"",name:"italic",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},tag:{defaultValue:{value:"span"},description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"em"'},{value:'"span"'},{value:'"strong"'}]}},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 ce={title:"components/TextInline",component:a},r=()=>e.jsxs("p",{children:["Lorem ",e.jsx(a,{children:"ipsum"})]});r.storyName="TextInline";const s=()=>{const t=X(B.background.primaryInverted);return e.jsx(e.Fragment,{children:H.map(({id:n})=>e.jsx("div",{style:{backgroundColor:["inverted","branded","selected"].includes(n)?t:void 0},children:e.jsxs(o,{accent:["inverted","branded","selected"].includes(n)?"accentDark":void 0,children:["Lorem ipsum ",e.jsx(a,{accent:n,children:n})]})},n))})},l=()=>e.jsx(e.Fragment,{children:e.jsxs(o,{children:["Lorem ipsum ",e.jsx(a,{italic:!0,children:"dolor sit amet"}),"."]})}),i={parameters:{chromatic:{disableSnapshot:!0}},render:t=>e.jsxs(o,{children:["Lorem ipsum ",e.jsx(a,{...t})]}),args:{children:"dolor sit amet",accent:"accentDark",tag:"span",dataset:{qaid:"text-inline"}},argTypes:{dataset:{control:"object"},children:{control:"text"},italic:{control:"boolean"}}};var d,m,p;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`() => <p>
2
2
  Lorem <TextInline>ipsum</TextInline>
3
3
  </p>`,...(p=(m=r.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var g,T,x;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`() => {
4
4
  const grey = getTokenVar(color.background.primaryInverted);