@okta/odyssey-react-mui 1.47.1 → 1.48.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 (724) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/README.md +21 -0
  3. package/dist/assets/{Accordion-BUumLSm9.js → Accordion-MTHvu5cR.js} +1 -1
  4. package/dist/assets/{Accordion.stories-CaMgAnYN.js → Accordion.stories-DniSJ38i.js} +3 -3
  5. package/dist/assets/{AccordionSummary-0jrOTJTD.js → AccordionSummary-Byc6MkHu.js} +1 -1
  6. package/dist/assets/{AlertTitle-BbBpDTwd.js → AlertTitle-BDkgiA29.js} +1 -1
  7. package/dist/assets/{AppSwitcher-B7j0xavZ.js → AppSwitcher-mUx_f1r6.js} +1 -1
  8. package/dist/assets/{AppSwitcher.stories-BqeExztr.js → AppSwitcher.stories-CENgxWSC.js} +3 -3
  9. package/dist/assets/AppTile _labs_.stories-B5BjKm0o.js +136 -0
  10. package/dist/assets/ArrowDropDown-Dnrg-0Q8.js +1 -0
  11. package/dist/assets/{ArrowRight-Bi2Pswgc.js → ArrowRight-BquvVn3D.js} +1 -1
  12. package/dist/assets/{Autocomplete-DD8JT6Eb.js → Autocomplete-Bh3XRXMy.js} +1 -1
  13. package/dist/assets/Autocomplete-CknstIK_.js +1 -0
  14. package/dist/assets/{Autocomplete.stories-DjkuAafz.js → Autocomplete.stories-DNDWoB5E.js} +3 -3
  15. package/dist/assets/{Badge-C6SBtLt7.js → Badge-DFZYqSZN.js} +1 -1
  16. package/dist/assets/{Banner-itG3HAaL.js → Banner-25ZggH76.js} +1 -1
  17. package/dist/assets/{Banner.stories-o2KYQ49p.js → Banner.stories-Dz37neYC.js} +3 -3
  18. package/dist/assets/{BaseButton-COF38VLB.js → BaseButton-Cd1oZPsh.js} +1 -1
  19. package/dist/assets/BaseMenuButton-DCwowxQ6.js +1 -0
  20. package/dist/assets/{Box-BGpAHVQV.js → Box-B-R2QRDU.js} +1 -1
  21. package/dist/assets/{Box-CWTB5xfE.js → Box-B6KmU4_J.js} +1 -1
  22. package/dist/assets/Box-B92Cdrku.js +11 -0
  23. package/dist/assets/{Box.stories-Bl1v2MtQ.js → Box.stories-BCtoarqr.js} +1 -1
  24. package/dist/assets/Breadcrumbs-BGJJeoxM.js +6 -0
  25. package/dist/assets/Breadcrumbs.stories-BTEZLo9U.js +79 -0
  26. package/dist/assets/{Bug-CF8uTmAI.js → Bug-Z3X3t5xp.js} +1 -1
  27. package/dist/assets/{Button-CdPi1pZc.js → Button-BvUGu5Sm.js} +1 -1
  28. package/dist/assets/{Button-DGmXZ3jw.js → Button-DPUOjyZy.js} +1 -1
  29. package/dist/assets/{Button.stories-DDHyMQ1_.js → Button.stories-CLRsJ0J2.js} +2 -2
  30. package/dist/assets/ButtonBase-CrcIXP69.js +74 -0
  31. package/dist/assets/{Calendar-DjJqG0qe.js → Calendar-DnwsjheN.js} +1 -1
  32. package/dist/assets/{Callout-DyDdgWdc.js → Callout-qkeUDNKn.js} +1 -1
  33. package/dist/assets/Callout.stories-DVWATUoj.js +105 -0
  34. package/dist/assets/Card-DL97TZJd.js +1 -0
  35. package/dist/assets/Card-DqLPNu4w.js +8 -0
  36. package/dist/assets/{Card.stories-B_l3D6T0.js → Card.stories-ROWJyBI0.js} +1 -1
  37. package/dist/assets/{CardActionArea-BTMPt80M.js → CardActionArea-BaL2GhSM.js} +1 -1
  38. package/dist/assets/CardActions-C1bW_Jqo.js +1 -0
  39. package/dist/assets/{Checkbox-BVTNXOF7.js → Checkbox-OauVZWc5.js} +1 -1
  40. package/dist/assets/Checkbox-eGdyySzm.js +1 -0
  41. package/dist/assets/Checkbox.stories-DwmuFw2j.js +96 -0
  42. package/dist/assets/{CheckboxGroup-D-ykWUnV.js → CheckboxGroup-BQ5GiUey.js} +1 -1
  43. package/dist/assets/CheckboxGroup.stories-BbHNliqq.js +92 -0
  44. package/dist/assets/{ChevronRight-DkL07pJu.js → ChevronRight-BLkvXBUf.js} +1 -1
  45. package/dist/assets/{ChevronUp-DBzjQ0Vq.js → ChevronUp-Br-QC-XK.js} +1 -1
  46. package/dist/assets/Chip-B9WkuA4b.js +1 -0
  47. package/dist/assets/{CircularProgress-B5_VbcVt.js → CircularProgress-AX8KCiV6.js} +4 -4
  48. package/dist/assets/{CircularProgress-Dfpt5LAz.js → CircularProgress-DxY3QwHW.js} +1 -1
  49. package/dist/assets/{CircularProgress.stories-Daf0R9vA.js → CircularProgress.stories-a_Rse-5m.js} +1 -1
  50. package/dist/assets/{Clock-Cs7_WjUp.js → Clock-8HOQy_d4.js} +1 -1
  51. package/dist/assets/{Close-ATS01D1v.js → Close-BjXKhBr_.js} +1 -1
  52. package/dist/assets/{Code Styling Guidelines-KEouIK7B.js → Code Styling Guidelines-BkGO8zp-.js } +1 -1
  53. package/dist/assets/{Collapse-COoe3Qtd.js → Collapse-DtQCvyEw.js} +1 -1
  54. package/dist/assets/{Color-YHDXOIA2-DQdRRXzu.js → Color-YHDXOIA2-CcoN0wsl.js} +1 -1
  55. package/dist/assets/{CssBaseline-D-vAj66q.js → CssBaseline-CI1_OCUX.js} +1 -1
  56. package/dist/assets/{CssBaseline.stories-BOhXBF5h.js → CssBaseline.stories-BSLs5ScZ.js} +1 -1
  57. package/dist/assets/{Custom Theming-DmPtfg8b.js → Custom Theming-WlDJkwzT.js } +5 -6
  58. package/dist/assets/Custom Theming.stories-Kx3noLIn.js +95 -0
  59. package/dist/assets/{DataFilters _labs_-blW_3eFm.js → DataFilters _labs_-BIYE5QJU.js } +2 -2
  60. package/dist/assets/{DataFilters _labs_.stories-D2qt9BDz.js → DataFilters _labs_.stories-BdV81MCI.js } +1 -1
  61. package/dist/assets/{DataFilters-49CUFFBF.js → DataFilters-KxLw7hL5.js} +1 -1
  62. package/dist/assets/DataTable _labs_-D_W9CY5T.js +41 -0
  63. package/dist/assets/{DataTable _labs_.stories-DrwT0H9g.js → DataTable _labs_.stories-CTl54dDN.js } +2 -2
  64. package/dist/assets/{DataTable-DeujVhYp.js → DataTable-BJQ8WkUd.js} +3 -3
  65. package/dist/assets/{DataTable-Ka-SCcOh.js → DataTable-bZz790ci.js} +2 -2
  66. package/dist/assets/{DataTable.stories-CaSfkouk.js → DataTable.stories-9eBclyx2.js} +1 -1
  67. package/dist/assets/{DataView _labs_-CqZlEyu1.js → DataView _labs_-AutzTAhE.js } +2 -2
  68. package/dist/assets/{DataView _labs_.stories-CXjSXDeF.js → DataView _labs_.stories-CO0XGhOV.js } +1 -1
  69. package/dist/assets/{DataView-CYkwjPzk.js → DataView-CHGdxu-Z.js} +6 -6
  70. package/dist/assets/{DataView.stories-DT0ROHOs.js → DataView.stories-6cnSmpm3.js} +148 -65
  71. package/dist/assets/DatePicker-BGoHW8Is.js +1 -0
  72. package/dist/assets/{DatePicker-C9sNy4fj.js → DatePicker-C6TIvuN7.js} +2 -2
  73. package/dist/assets/DatePicker.stories-DldeVOlB.js +133 -0
  74. package/dist/assets/DateTimePicker-DKGE8593.js +1 -0
  75. package/dist/assets/{DateTimePicker.stories-B2SaI9OL.js → DateTimePicker.stories-TBpe3AjQ.js} +6 -6
  76. package/dist/assets/Design Tokens-BnlBB5OL.js +4 -0
  77. package/dist/assets/Dialog-BkOLgyLu.js +1 -0
  78. package/dist/assets/Dialog.stories-BQZpS-f5.js +201 -0
  79. package/dist/assets/{DialogContent-_oGbCJT8.js → DialogContent-B-pM1DP1.js} +1 -1
  80. package/dist/assets/DialogTitle-DA2nrmUc.js +1 -0
  81. package/dist/assets/{Divider-DsFAYUeD.js → Divider-CAwVs6Y1.js} +1 -1
  82. package/dist/assets/{DocsRenderer-CFRXHY34-IKzmQUB4.js → DocsRenderer-CFRXHY34-kO-n-5EB.js} +1 -1
  83. package/dist/assets/{Documentation-BrTRsPbe.js → Documentation-CBbHUjXC.js} +1 -1
  84. package/dist/assets/{Download-CnpAgqy2.js → Download-VHpUH0as.js} +1 -1
  85. package/dist/assets/Drawer-C9M8pytV.js +33 -0
  86. package/dist/assets/Drawer.stories-DpNTQVxG.js +95 -0
  87. package/dist/assets/{EmptyState-9pxLjmqH.js → EmptyState-FpIKkMpd.js} +2 -2
  88. package/dist/assets/EmptyState.stories-CkUF2dIR.js +11 -0
  89. package/dist/assets/ExampleButton.stories-CbAFs20l.js +320 -0
  90. package/dist/assets/{Extending Translations-DW0F3Xxk.js → Extending Translations-mp_vyXoH.js } +1 -1
  91. package/dist/assets/{ExternalLink-BZ-Yczsk.js → ExternalLink-lox07hAR.js} +1 -1
  92. package/dist/assets/Fade-CHnXmzFb.js +1 -0
  93. package/dist/assets/{Field-lyECanzU.js → Field-BxkyNVQW.js} +1 -1
  94. package/dist/assets/{FieldHint-C3tXb7u4.js → FieldHint-D5VttvwL.js} +1 -1
  95. package/dist/assets/{Fieldset-C2nSfkpl.js → Fieldset-Dp9uCwiB.js} +2 -2
  96. package/dist/assets/Fieldset.stories-Wa9hG8Z0.js +15 -0
  97. package/dist/assets/{FileUploader.stories-C8jSeElw.js → FileUploader.stories-CxYwF2DZ.js} +5 -5
  98. package/dist/assets/{Filter-Dx8z3DNi.js → Filter-BiREetkX.js} +1 -1
  99. package/dist/assets/{Folder-BfxqGqvt.js → Folder-8esChg_E.js} +1 -1
  100. package/dist/assets/{Form Field Accessibility-Bk715sxq.js → Form Field Accessibility-BCFouYXt.js } +1 -1
  101. package/dist/assets/{Form-BFqw21k4.js → Form-CJrxMkwr.js} +1 -1
  102. package/dist/assets/Form.stories-Bc84FwlQ.js +69 -0
  103. package/dist/assets/{FormControlLabel-BKhSSavj.js → FormControlLabel-CoGABX1G.js} +1 -1
  104. package/dist/assets/{FormGroup-Cuk9jkbL.js → FormGroup-D2d8E3Cw.js} +1 -1
  105. package/dist/assets/{FormHelperText-qF3DX-zz.js → FormHelperText-Ca69g4Je.js} +1 -1
  106. package/dist/assets/{FormLabel-BLj3hKkg.js → FormLabel-EOlXQpGp.js} +1 -1
  107. package/dist/assets/{FullScreenOverlay-D_QtB3Yt.js → FullScreenOverlay-Bujsxbxh.js} +1 -1
  108. package/dist/assets/{Generating Icons-DU5C85Nu.js → Generating Icons-pN6RBs4J.js } +1 -1
  109. package/dist/assets/{Globe-Brrqdlv8.js → Globe-BHk1B5d7.js} +1 -1
  110. package/dist/assets/{Grid-CZMVE6qU.js → Grid-B7XSvQ_X.js} +1 -1
  111. package/dist/assets/{Group-B6q-i_C2.js → Group-DWmiPyzE.js} +1 -1
  112. package/dist/assets/GroupPicker _labs_.stories-D0PDtKKA.js +33 -0
  113. package/dist/assets/Grow-6R6cTzr4.js +1 -0
  114. package/dist/assets/{Hide-DlEWsxsn.js → Hide-Bvhl5PVN.js} +1 -1
  115. package/dist/assets/Hint-DTEjQAxl.js +11 -0
  116. package/dist/assets/{Home-BiP4Mg1h.js → Home-CUQc6tB8.js} +1 -1
  117. package/dist/assets/Icon _icons_.stories-S2muaIBP.js +16 -0
  118. package/dist/assets/{IconButton-OY9nJWpv.js → IconButton-Wwvz84xG.js} +1 -1
  119. package/dist/assets/IconWithTooltip _icons_.stories-BiiIBhOv.js +19 -0
  120. package/dist/assets/{InformationCircle-CE8ruoYu.js → InformationCircle-DYQV39lt.js} +1 -1
  121. package/dist/assets/{InputAdornment-D4SsBOPe.js → InputAdornment-Dj-8HF_1.js} +1 -1
  122. package/dist/assets/{InputBase-DSZ9ZgyW.js → InputBase-6reb9B7r.js} +1 -1
  123. package/dist/assets/{Installing odyssey-react-mui-XtugTFlz.js → Installing odyssey-react-mui-DuIfuEaw.js } +24 -3
  124. package/dist/assets/{Introduction-Bt8Bd0mz.js → Introduction-BTH-MnwV.js} +1 -1
  125. package/dist/assets/{Layout-BduWITqf.js → Layout-BndkhA1_.js} +1 -1
  126. package/dist/assets/{Layout.stories-BaeIV62G.js → Layout.stories-BwMtW-cW.js} +1 -1
  127. package/dist/assets/{Legacy Migrations-DZ-fx_Jl.js → Legacy Migrations-BfDwGUg3.js } +1 -1
  128. package/dist/assets/{Link-DI6v1ROk.js → Link-BQo2zH0c.js} +1 -1
  129. package/dist/assets/Link-C5sM1_ZF.js +11 -0
  130. package/dist/assets/{Link-BnBknBcu.js → Link-DcsndbPK.js} +1 -1
  131. package/dist/assets/{Link.stories-BY0xRfX5.js → Link.stories-DiVQZsn1.js} +1 -1
  132. package/dist/assets/{List-DsAZFSEg.js → List-CNCQEpRl.js} +1 -1
  133. package/dist/assets/{List-Be7fhh4_.js → List-_p0jkXPM.js} +1 -1
  134. package/dist/assets/{ListItem-C8ebNPnP.js → ListItem-BLYwuKOG.js} +1 -1
  135. package/dist/assets/{ListSubheader-Bwc0JItn.js → ListSubheader-DO359rMr.js} +1 -1
  136. package/dist/assets/Menu-CU_mHT7L.js +1 -0
  137. package/dist/assets/MenuButton-CGRa_Y2p.js +9 -0
  138. package/dist/assets/{MenuButton-Dr4RJoKG.js → MenuButton-DvVmjwMC.js} +1 -1
  139. package/dist/assets/{MenuButton.stories-B5Ron3HG.js → MenuButton.stories-rLpv4nq1.js} +1 -1
  140. package/dist/assets/{MenuItem-n-UKDxiu.js → MenuItem-DoUaLmgU.js} +1 -1
  141. package/dist/assets/{MenuItem-B0_vCuIq.js → MenuItem-oi_JaUho.js} +1 -1
  142. package/dist/assets/MenuItem.stories-Ba6BR5kj.js +29 -0
  143. package/dist/assets/{MenuList-CW8ri5AI.js → MenuList-0OHGr5AC.js} +1 -1
  144. package/dist/assets/Modal-B12sS2Yh.js +1 -0
  145. package/dist/assets/{More-D1qrtSvt.js → More-BgQrTkKM.js} +1 -1
  146. package/dist/assets/NativeSelect.stories-CYtg4GGs.js +173 -0
  147. package/dist/assets/{OdysseyProvider-2xjMTEu6.js → OdysseyProvider-BPLFYiwr.js} +5 -5
  148. package/dist/assets/{OdysseyStorybookThemeDecorator-BRjYVaUu.js → OdysseyStorybookThemeDecorator-CGH8visK.js} +1 -1
  149. package/dist/assets/{OdysseyThemeProvider-BBwjgzn2.js → OdysseyThemeProvider-BykOaJq8.js} +1 -1
  150. package/dist/assets/PageHeader.stories-Cg0XA0p_.js +57 -0
  151. package/dist/assets/{PageHeader.stories-q0-kxFNT.js → PageHeader.stories-DHDJTskZ.js} +2 -2
  152. package/dist/assets/PageTemplate _labs_-Bi3xwFV2.js +8 -0
  153. package/dist/assets/{PageTemplate _labs_.stories-DtJtMC5B.js → PageTemplate _labs_.stories-DdUcW43S.js } +1 -1
  154. package/dist/assets/{PageTemplate-mNUP99LO.js → PageTemplate-mjLVQesI.js} +2 -2
  155. package/dist/assets/PageTemplate.stories-BD8Hafdu.js +197 -0
  156. package/dist/assets/{PaginatedTable _labs_.stories--9YveFu7.js → PaginatedTable _labs_.stories-Lt6yWTDo.js } +3 -3
  157. package/dist/assets/{Pagination-D6myvUfo.js → Pagination-BTycGMV-.js} +2 -2
  158. package/dist/assets/Pagination.stories-rN3x32X9.js +17 -0
  159. package/dist/assets/{Paper-XsV8SWR9.js → Paper-DwBg74qy.js} +1 -1
  160. package/dist/assets/PasswordField.stories-BdnDY-tl.js +129 -0
  161. package/dist/assets/Picker _labs_.stories-D3FvB-m5.js +18 -0
  162. package/dist/assets/{PickerWithOptionAdornment _labs_.stories-DZ_mcN9y.js → PickerWithOptionAdornment _labs_.stories-BxW5XACd.js } +3 -3
  163. package/dist/assets/Popper-CSwIGEpk.js +1 -0
  164. package/dist/assets/Portal-CsPQSHsR.js +1 -0
  165. package/dist/assets/{Radio-BimAm2in.js → Radio-7iHx2pBU.js} +1 -1
  166. package/dist/assets/Radio-AD-L5UNl.js +1 -0
  167. package/dist/assets/{Radio.stories-BIH7UBMO.js → Radio.stories-eZmvoamt.js} +3 -3
  168. package/dist/assets/RadioGroup-C_zn6OtS.js +1 -0
  169. package/dist/assets/{RadioGroup-DhVJQTpS.js → RadioGroup-Mx_cTqVX.js} +1 -1
  170. package/dist/assets/RadioGroup-yPcOJn0w.js +10 -0
  171. package/dist/assets/RadioGroup.stories-CackbN0d.js +138 -0
  172. package/dist/assets/{Refresh-GVzSl4pN.js → Refresh-CgZVXlSy.js} +1 -1
  173. package/dist/assets/ResourceAccessPolicyComponentsStorybookThemeDecorator-Xen2vDro.js +212 -0
  174. package/dist/assets/{Right-to-Left (RTL)-DyJ58shp.js → Right-to-Left (RTL)-CALRs8aM.js } +1 -1
  175. package/dist/assets/{ScreenReaderText-CqMaDm6f.js → ScreenReaderText-D9dVDvYs.js} +1 -1
  176. package/dist/assets/{ScreenReaderText-CM78bF1y.js → ScreenReaderText-DbrZU7M5.js} +1 -1
  177. package/dist/assets/{ScreenReaderText.stories-CpsTRHeF.js → ScreenReaderText.stories-CuVJmeWD.js} +1 -1
  178. package/dist/assets/{Search-CkfJXFe5.js → Search-BSlcf4bB.js} +1 -1
  179. package/dist/assets/{SearchDropdown _labs_.stories-BQPhsSku.js → SearchDropdown _labs_.stories-CQype98o.js } +3 -3
  180. package/dist/assets/{SearchField-CYM6nbh5.js → SearchField-glDE5e-X.js} +1 -1
  181. package/dist/assets/SearchField.stories-B_myC5_S.js +37 -0
  182. package/dist/assets/{Select-DJ071lNE.js → Select-BWJ6-p1Z.js} +2 -2
  183. package/dist/assets/Select-VvpDulqk.js +1 -0
  184. package/dist/assets/{Select.stories-Dv7mWYvh.js → Select.stories-BXXrgt5o.js} +2 -2
  185. package/dist/assets/{Server-DjXPiVgb.js → Server-DS5iERo2.js} +1 -1
  186. package/dist/assets/{Settings-CjXK8-N1.js → Settings-SRsJGOHl.js} +1 -1
  187. package/dist/assets/{Setup-C5eWg4Hp.js → Setup-Ri7IU42o.js} +1 -1
  188. package/dist/assets/{Shadow DOM-CwtnF89G.js → Shadow DOM-DK_1Epv_.js } +1 -1
  189. package/dist/assets/{Show-BmUFIvXd.js → Show-DXIrBgNq.js} +1 -1
  190. package/dist/assets/{SideNav-Bks9RS2j.js → SideNav-CUpwLG1e.js} +3 -3
  191. package/dist/assets/{SideNav-CJ4qafJJ.js → SideNav-QMiST_j6.js} +13 -13
  192. package/dist/assets/{SideNav.stories-C1fpy9wN.js → SideNav.stories-l5XPKDfB.js} +1 -1
  193. package/dist/assets/{Skeleton-dfR0DjWP.js → Skeleton-DAUyPclv.js} +4 -4
  194. package/dist/assets/Snackbar-DWLMI8Az.js +1 -0
  195. package/dist/assets/{Stack-DKhviX3e.js → Stack-t9yXrJ7r.js} +1 -1
  196. package/dist/assets/{Stack.stories-BDHo9eFa.js → Stack.stories-zmhDXY_k.js} +1 -1
  197. package/dist/assets/{StaticTable _labs_.stories-Dxpy5sLd.js → StaticTable _labs_.stories-DJCAtW2q.js } +3 -3
  198. package/dist/assets/{Status-BpzpxYZ-.js → Status-CdgTiE4c.js} +1 -1
  199. package/dist/assets/{Status.stories-DLINjRQE.js → Status.stories-D5tSpO2F.js} +2 -2
  200. package/dist/assets/{Surface-3Y97A1O8.js → Surface-BCTO1YR-.js} +1 -1
  201. package/dist/assets/{Switch.stories-pYIYfkr3.js → Switch.stories-r3bYAZpt.js} +1 -1
  202. package/dist/assets/{SwitchBase-D-uzeIbM.js → SwitchBase-CWdXZnig.js} +1 -1
  203. package/dist/assets/{Sync-DFFNrTTV.js → Sync-CCP_JZB8.js} +1 -1
  204. package/dist/assets/{Tabs-SRLNy8_X.js → Tabs-DCV9oDtT.js} +6 -6
  205. package/dist/assets/Tabs-Dxt5P3aJ.js +1 -0
  206. package/dist/assets/Tabs.stories-CmjPJB02.js +100 -0
  207. package/dist/assets/{Tag-BgjQI7VM.js → Tag-C_iW2sj3.js} +1 -1
  208. package/dist/assets/Tag.stories-uilRDgPB.js +96 -0
  209. package/dist/assets/{TagList-DGN86KvF.js → TagList-cWni94xt.js} +1 -1
  210. package/dist/assets/{TextField-BuwBI2RX.js → TextField-BIepBlYn.js} +1 -1
  211. package/dist/assets/{TextField.stories-DL7enA3k.js → TextField.stories-DkCMFN0S.js} +2 -2
  212. package/dist/assets/Toast.stories-BgAm1BNQ.js +134 -0
  213. package/dist/assets/ToastManager.stories-DToM8bFE.js +196 -0
  214. package/dist/assets/{Tooltip-XQJL1Byd.js → Tooltip-DQDBPKMu.js} +1 -1
  215. package/dist/assets/Tooltip-D_pBGtcj.js +1 -0
  216. package/dist/assets/Tooltip.stories-CgIybZDx.js +68 -0
  217. package/dist/assets/{TopNav-dZWiR_bv.js → TopNav-Dwo-KfAw.js} +1 -1
  218. package/dist/assets/TopNav.stories-z9mNMFB3.js +13 -0
  219. package/dist/assets/TransitionGroupContext-DAL84N7p.js +1 -0
  220. package/dist/assets/{Typography-DfSdXC7o.js → Typography-B7ktrxCD.js} +1 -1
  221. package/dist/assets/Typography-CQfngSjD.js +1 -0
  222. package/dist/assets/{Typography-Yf1Zkad_.js → Typography-CSpPZFTF.js} +1 -1
  223. package/dist/assets/{Typography-CORddEdk.js → Typography-DBt3ajUl.js} +1 -1
  224. package/dist/assets/Typography.stories-CitS-iTX.js +73 -0
  225. package/dist/assets/{Typography.stories-D-TscJaP.js → Typography.stories-dzT0O_H3.js} +1 -1
  226. package/dist/assets/{UiShell.stories-BRpnZ7zi.js → UiShell.stories-BV5mK0Oz.js} +3 -3
  227. package/dist/assets/{UiShellProvider-BOM87LOZ.js → UiShellProvider-Bm9plvoZ.js} +1 -1
  228. package/dist/assets/{Upload-CXJBKzcC.js → Upload-DH1T10x5.js} +1 -1
  229. package/dist/assets/{User-D6db-Gy0.js → User-CvYTA860.js} +1 -1
  230. package/dist/assets/{UserProfile-DqokqHU1.js → UserProfile-DrnAMPM1.js} +1 -1
  231. package/dist/assets/{UserProfile.stories-BbvzhbPD.js → UserProfile.stories-C4EJFTV8.js} +1 -1
  232. package/dist/assets/{UserProfileMenuButton.stories-CKErfTVM.js → UserProfileMenuButton.stories-Dhe9t4Oh.js} +3 -3
  233. package/dist/assets/{Video-B1Csvrbu.js → Video-D8qbHdF4.js} +1 -1
  234. package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-DJR9iMBt.js +197 -0
  235. package/dist/assets/assertThisInitialized-B9jnkVVz.js +1 -0
  236. package/dist/assets/{colorManipulator-CjGkpVfF.js → colorManipulator-C6C6_xuT.js} +1 -1
  237. package/dist/assets/{createStyled-D0LG5-qz.js → createStyled-B0CJenTX.js} +1 -1
  238. package/dist/assets/{createSvgIcon-DsUj6UQo.js → createSvgIcon-Bv_3NNsK.js} +1 -1
  239. package/dist/assets/{dialogActionsClasses-BWrWITLY.js → dialogActionsClasses-d6kliu8x.js} +1 -1
  240. package/dist/assets/{emotion-react-jsx-runtime.browser.esm-DcYOMKFp.js → emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js} +1 -1
  241. package/dist/assets/{entry-preview-CklzQ6bB.js → entry-preview-Bi6MTClg.js} +1 -1
  242. package/dist/assets/getReactElementRef-Bs64nbeG.js +1 -0
  243. package/dist/assets/i18next-7SyOfhCu.js +1 -0
  244. package/dist/assets/{iconUtils-B6sV00nC.js → iconUtils-C1HBA-0w.js} +1 -1
  245. package/dist/assets/{iframe-CXLAql3E.js → iframe-C7GWUW76.js} +2 -2
  246. package/dist/assets/index-6QUE-j0v.js +1 -0
  247. package/dist/assets/{index-BqmbiZ7T.js → index-DfE121Jj.js} +3 -3
  248. package/dist/assets/{index-Dj8r1U9U.js → index-DkrUiDVY.js} +1 -1
  249. package/dist/assets/{index-DRboDwvZ.js → index-DoKqiSdS.js} +1 -1
  250. package/dist/assets/index.esm-BliC9-aw.js +1 -0
  251. package/dist/assets/{index.esm-CaIA2ztV.js → index.esm-XFhSJO0s.js} +1 -1
  252. package/dist/assets/inheritsLoose-DTTkq0Su.js +1 -0
  253. package/dist/assets/{personData-zrA1iJih.js → personData-BOnk54P3.js} +1 -1
  254. package/dist/assets/{personData-vW3mumD1.js → personData-L8dJyb3X.js} +1 -1
  255. package/dist/assets/{pickerComponentPropsMetadata-P9x80E4R.js → pickerComponentPropsMetadata-CozVRRyR.js} +3 -3
  256. package/dist/assets/popper-aiaZgC6t.js +1 -0
  257. package/dist/assets/{preview-BprB3Yzd.js → preview-DXRUsonv.js} +2 -2
  258. package/dist/assets/{preview-_inBJXZG.js → preview-NdtsJkHc.js} +1 -1
  259. package/dist/assets/renderUiShell.stories-Pp6_Iqzc.js +866 -0
  260. package/dist/assets/{resolveComponentProps-BzfJewMt.js → resolveComponentProps-TTQVZ4OZ.js} +1 -1
  261. package/dist/assets/{tableSortLabelClasses-DtOYtU1J.js → tableSortLabelClasses-C7INAE6Y.js} +1 -1
  262. package/dist/assets/{useAutocomplete-DwWveFvJ.js → useAutocomplete-CD_GwhMI.js} +1 -1
  263. package/dist/assets/{useMobilePicker-5I3ooa1D.js → useMobilePicker-CRiGjvfW.js} +1 -1
  264. package/dist/assets/useOdysseyDateFields-D1TYF4ew.js +61 -0
  265. package/dist/assets/{useScrollIndication-C4t86M0g.js → useScrollIndication-Dq_i6CX-.js} +1 -1
  266. package/dist/assets/{useSlot-CaOQD_17.js → useSlot-VN2O4BOA.js} +1 -1
  267. package/dist/assets/{useThemeProps-D4857Xca.js → useThemeProps-BgDANuN6.js} +1 -1
  268. package/dist/assets/useThemeProps-DJ3F4KkW.js +1 -0
  269. package/dist/assets/utils-BdcLUgCD.js +1 -0
  270. package/dist/cjs/DataTable/DataTable.cjs +18 -16
  271. package/dist/cjs/DataTable/DataTable.cjs.map +1 -1
  272. package/dist/cjs/DataTable/DataTableRowActions.cjs +13 -12
  273. package/dist/cjs/DataTable/DataTableRowActions.cjs.map +1 -1
  274. package/dist/cjs/DataTable/DataTableSettings.cjs +9 -8
  275. package/dist/cjs/DataTable/DataTableSettings.cjs.map +1 -1
  276. package/dist/cjs/DatePickers/DateFieldActionBar.cjs +3 -3
  277. package/dist/cjs/DatePickers/DateFieldActionBar.cjs.map +1 -1
  278. package/dist/cjs/DatePickers/DatePicker.cjs +2 -2
  279. package/dist/cjs/DatePickers/DatePicker.cjs.map +1 -1
  280. package/dist/cjs/DatePickers/datePickerTheme.cjs +2 -2
  281. package/dist/cjs/DatePickers/datePickerTheme.cjs.map +1 -1
  282. package/dist/cjs/Dialog.cjs +4 -4
  283. package/dist/cjs/Dialog.cjs.map +1 -1
  284. package/dist/cjs/Drawer.cjs +29 -18
  285. package/dist/cjs/Drawer.cjs.map +1 -1
  286. package/dist/cjs/{Checkbox.cjs → Fields/Checkbox.cjs} +7 -16
  287. package/dist/cjs/Fields/Checkbox.cjs.map +1 -0
  288. package/dist/cjs/{CheckboxGroup.cjs → Fields/CheckboxGroup.cjs} +1 -1
  289. package/dist/cjs/Fields/CheckboxGroup.cjs.map +1 -0
  290. package/dist/cjs/Fields/Hint.cjs +31 -0
  291. package/dist/cjs/Fields/Hint.cjs.map +1 -0
  292. package/dist/cjs/{Radio.cjs → Fields/Radio.cjs} +5 -14
  293. package/dist/cjs/Fields/Radio.cjs.map +1 -0
  294. package/dist/cjs/{RadioGroup.cjs → Fields/RadioGroup.cjs} +2 -2
  295. package/dist/cjs/Fields/RadioGroup.cjs.map +1 -0
  296. package/dist/cjs/FileUploader/FileUploader.cjs +6 -6
  297. package/dist/cjs/FileUploader/FileUploader.cjs.map +1 -1
  298. package/dist/cjs/Form.cjs.map +1 -1
  299. package/dist/cjs/OdysseyThemeProvider.cjs +2 -2
  300. package/dist/cjs/OdysseyThemeProvider.cjs.map +1 -1
  301. package/dist/cjs/OdysseyThemeProviderPropsContext.cjs.map +1 -1
  302. package/dist/cjs/Pagination/Pagination.cjs +7 -7
  303. package/dist/cjs/Pagination/Pagination.cjs.map +1 -1
  304. package/dist/cjs/Toast.cjs +4 -4
  305. package/dist/cjs/Toast.cjs.map +1 -1
  306. package/dist/cjs/__internal.cjs +143 -0
  307. package/dist/cjs/__internal.cjs.map +1 -1
  308. package/dist/cjs/index.cjs +685 -613
  309. package/dist/cjs/index.cjs.map +1 -1
  310. package/dist/cjs/labs/AppTile.cjs +2 -2
  311. package/dist/cjs/labs/AppTile.cjs.map +1 -1
  312. package/dist/cjs/labs/DataFilters.cjs +16 -16
  313. package/dist/cjs/labs/DataFilters.cjs.map +1 -1
  314. package/dist/cjs/labs/DataTablePagination.cjs +7 -7
  315. package/dist/cjs/labs/DataTablePagination.cjs.map +1 -1
  316. package/dist/cjs/labs/DataView/BulkActionsMenu.cjs +7 -6
  317. package/dist/cjs/labs/DataView/BulkActionsMenu.cjs.map +1 -1
  318. package/dist/cjs/labs/DataView/DataView.cjs +8 -7
  319. package/dist/cjs/labs/DataView/DataView.cjs.map +1 -1
  320. package/dist/cjs/labs/DataView/LayoutSwitcher.cjs +4 -3
  321. package/dist/cjs/labs/DataView/LayoutSwitcher.cjs.map +1 -1
  322. package/dist/cjs/labs/DataView/RowActions.cjs +10 -10
  323. package/dist/cjs/labs/DataView/RowActions.cjs.map +1 -1
  324. package/dist/cjs/labs/DataView/TableLayoutContent.cjs +11 -10
  325. package/dist/cjs/labs/DataView/TableLayoutContent.cjs.map +1 -1
  326. package/dist/cjs/labs/DataView/TableSettings.cjs +9 -8
  327. package/dist/cjs/labs/DataView/TableSettings.cjs.map +1 -1
  328. package/dist/cjs/labs/DataView/componentTypes.cjs.map +1 -1
  329. package/dist/cjs/labs/DataView/useFilterConversion.cjs.map +1 -1
  330. package/dist/cjs/labs/DatePickers/DateTimePicker.cjs +7 -7
  331. package/dist/cjs/labs/DatePickers/DateTimePicker.cjs.map +1 -1
  332. package/dist/cjs/labs/DatePickers/dateTimePickerTheme.cjs +3 -3
  333. package/dist/cjs/labs/DatePickers/dateTimePickerTheme.cjs.map +1 -1
  334. package/dist/cjs/labs/OdysseyPickers/PickerWithOptionAdornment.cjs +2 -2
  335. package/dist/cjs/labs/OdysseyPickers/PickerWithOptionAdornment.cjs.map +1 -1
  336. package/dist/cjs/labs/index.cjs +156 -28
  337. package/dist/cjs/labs/index.cjs.map +1 -1
  338. package/dist/cjs/ui-shell/SideNav/NavAccordion.cjs +2 -0
  339. package/dist/cjs/ui-shell/SideNav/NavAccordion.cjs.map +1 -1
  340. package/dist/cjs/ui-shell/SideNav/SideNav.cjs +5 -3
  341. package/dist/cjs/ui-shell/SideNav/SideNav.cjs.map +1 -1
  342. package/dist/cjs/ui-shell/SideNav/types.cjs.map +1 -1
  343. package/dist/cjs/ui-shell/WideUiShellContent.cjs +9 -9
  344. package/dist/cjs/ui-shell/WideUiShellContent.cjs.map +1 -1
  345. package/dist/cjs/ui-shell/index.cjs +24 -12
  346. package/dist/cjs/ui-shell/index.cjs.map +1 -1
  347. package/dist/cjs/ui-shell/renderUiShell.cjs +4 -2
  348. package/dist/cjs/ui-shell/renderUiShell.cjs.map +1 -1
  349. package/dist/cjs/web-component/createShadowDomElements.cjs +2 -2
  350. package/dist/cjs/web-component/createShadowDomElements.cjs.map +1 -1
  351. package/dist/cjs/web-component/{removeGlobalStylesFromShadowDom.cjs → encapsulateShadowDomFromGlobalStyles.cjs} +4 -4
  352. package/dist/cjs/web-component/encapsulateShadowDomFromGlobalStyles.cjs.map +1 -0
  353. package/dist/cjs/web-component/index.cjs +4 -4
  354. package/dist/cjs/web-component/index.cjs.map +1 -1
  355. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs +1 -1
  356. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map +1 -1
  357. package/dist/cjs/web-component/renderReactInWebComponent.cjs +12 -8
  358. package/dist/cjs/web-component/renderReactInWebComponent.cjs.map +1 -1
  359. package/dist/esm/DataTable/DataTable.js +4 -2
  360. package/dist/esm/DataTable/DataTable.js.map +1 -1
  361. package/dist/esm/DataTable/DataTableRowActions.js +2 -1
  362. package/dist/esm/DataTable/DataTableRowActions.js.map +1 -1
  363. package/dist/esm/DataTable/DataTableSettings.js +2 -1
  364. package/dist/esm/DataTable/DataTableSettings.js.map +1 -1
  365. package/dist/esm/DatePickers/DateFieldActionBar.js +1 -1
  366. package/dist/esm/DatePickers/DateFieldActionBar.js.map +1 -1
  367. package/dist/esm/DatePickers/DatePicker.js +1 -1
  368. package/dist/esm/DatePickers/DatePicker.js.map +1 -1
  369. package/dist/esm/DatePickers/datePickerTheme.js +1 -1
  370. package/dist/esm/DatePickers/datePickerTheme.js.map +1 -1
  371. package/dist/esm/Dialog.js +1 -1
  372. package/dist/esm/Dialog.js.map +1 -1
  373. package/dist/esm/Drawer.js +26 -15
  374. package/dist/esm/Drawer.js.map +1 -1
  375. package/dist/esm/{Checkbox.js → Fields/Checkbox.js} +6 -16
  376. package/dist/esm/Fields/Checkbox.js.map +1 -0
  377. package/dist/esm/{CheckboxGroup.js → Fields/CheckboxGroup.js} +1 -1
  378. package/dist/esm/Fields/CheckboxGroup.js.map +1 -0
  379. package/dist/esm/Fields/Hint.js +24 -0
  380. package/dist/esm/Fields/Hint.js.map +1 -0
  381. package/dist/esm/{Radio.js → Fields/Radio.js} +4 -14
  382. package/dist/esm/Fields/Radio.js.map +1 -0
  383. package/dist/esm/{RadioGroup.js → Fields/RadioGroup.js} +2 -2
  384. package/dist/esm/Fields/RadioGroup.js.map +1 -0
  385. package/dist/esm/FileUploader/FileUploader.js +2 -3
  386. package/dist/esm/FileUploader/FileUploader.js.map +1 -1
  387. package/dist/esm/Form.js.map +1 -1
  388. package/dist/esm/OdysseyThemeProvider.js +1 -1
  389. package/dist/esm/OdysseyThemeProvider.js.map +1 -1
  390. package/dist/esm/OdysseyThemeProviderPropsContext.js.map +1 -1
  391. package/dist/esm/Pagination/Pagination.js +1 -1
  392. package/dist/esm/Pagination/Pagination.js.map +1 -1
  393. package/dist/esm/Toast.js +1 -1
  394. package/dist/esm/Toast.js.map +1 -1
  395. package/dist/esm/__internal.js +13 -0
  396. package/dist/esm/__internal.js.map +1 -1
  397. package/dist/esm/index.js +62 -54
  398. package/dist/esm/index.js.map +1 -1
  399. package/dist/esm/labs/AppTile.js +1 -1
  400. package/dist/esm/labs/AppTile.js.map +1 -1
  401. package/dist/esm/labs/DataFilters.js +5 -5
  402. package/dist/esm/labs/DataFilters.js.map +1 -1
  403. package/dist/esm/labs/DataTablePagination.js +1 -1
  404. package/dist/esm/labs/DataTablePagination.js.map +1 -1
  405. package/dist/esm/labs/DataView/BulkActionsMenu.js +2 -1
  406. package/dist/esm/labs/DataView/BulkActionsMenu.js.map +1 -1
  407. package/dist/esm/labs/DataView/DataView.js +3 -2
  408. package/dist/esm/labs/DataView/DataView.js.map +1 -1
  409. package/dist/esm/labs/DataView/LayoutSwitcher.js +2 -1
  410. package/dist/esm/labs/DataView/LayoutSwitcher.js.map +1 -1
  411. package/dist/esm/labs/DataView/RowActions.js +1 -1
  412. package/dist/esm/labs/DataView/RowActions.js.map +1 -1
  413. package/dist/esm/labs/DataView/TableLayoutContent.js +2 -1
  414. package/dist/esm/labs/DataView/TableLayoutContent.js.map +1 -1
  415. package/dist/esm/labs/DataView/TableSettings.js +2 -1
  416. package/dist/esm/labs/DataView/TableSettings.js.map +1 -1
  417. package/dist/esm/labs/DataView/componentTypes.js.map +1 -1
  418. package/dist/esm/labs/DataView/useFilterConversion.js.map +1 -1
  419. package/dist/esm/labs/DatePickers/DateTimePicker.js +2 -2
  420. package/dist/esm/labs/DatePickers/DateTimePicker.js.map +1 -1
  421. package/dist/esm/labs/DatePickers/dateTimePickerTheme.js +1 -1
  422. package/dist/esm/labs/DatePickers/dateTimePickerTheme.js.map +1 -1
  423. package/dist/esm/labs/OdysseyPickers/PickerWithOptionAdornment.js +1 -1
  424. package/dist/esm/labs/OdysseyPickers/PickerWithOptionAdornment.js.map +1 -1
  425. package/dist/esm/labs/index.js +18 -7
  426. package/dist/esm/labs/index.js.map +1 -1
  427. package/dist/esm/ui-shell/SideNav/NavAccordion.js +2 -0
  428. package/dist/esm/ui-shell/SideNav/NavAccordion.js.map +1 -1
  429. package/dist/esm/ui-shell/SideNav/SideNav.js +4 -2
  430. package/dist/esm/ui-shell/SideNav/SideNav.js.map +1 -1
  431. package/dist/esm/ui-shell/SideNav/types.js.map +1 -1
  432. package/dist/esm/ui-shell/WideUiShellContent.js +3 -3
  433. package/dist/esm/ui-shell/WideUiShellContent.js.map +1 -1
  434. package/dist/esm/ui-shell/index.js +4 -3
  435. package/dist/esm/ui-shell/index.js.map +1 -1
  436. package/dist/esm/ui-shell/renderUiShell.js +4 -2
  437. package/dist/esm/ui-shell/renderUiShell.js.map +1 -1
  438. package/dist/esm/web-component/createShadowDomElements.js +2 -2
  439. package/dist/esm/web-component/createShadowDomElements.js.map +1 -1
  440. package/dist/esm/web-component/{removeGlobalStylesFromShadowDom.js → encapsulateShadowDomFromGlobalStyles.js} +2 -2
  441. package/dist/esm/web-component/encapsulateShadowDomFromGlobalStyles.js.map +1 -0
  442. package/dist/esm/web-component/index.js +1 -1
  443. package/dist/esm/web-component/index.js.map +1 -1
  444. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js +1 -1
  445. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js.map +1 -1
  446. package/dist/esm/web-component/renderReactInWebComponent.js +12 -8
  447. package/dist/esm/web-component/renderReactInWebComponent.js.map +1 -1
  448. package/dist/iframe.html +1 -1
  449. package/dist/index.cjs +1 -1
  450. package/dist/index.d.ts +21 -232
  451. package/dist/index.es.js +3173 -0
  452. package/dist/index.es.js.map +1 -0
  453. package/dist/index.iife.js +9 -0
  454. package/dist/index.iife.js.map +1 -0
  455. package/dist/index.json +1 -1
  456. package/dist/index.mjs +1 -1
  457. package/dist/index.scss +1 -1
  458. package/dist/index.umd.cjs +9 -0
  459. package/dist/index.umd.cjs.map +1 -0
  460. package/dist/project.json +1 -1
  461. package/dist/sb-addons/storybook-13/manager-bundle.js +1 -1
  462. package/dist/tsconfig.production.tsbuildinfo +1 -1
  463. package/dist/tsconfig.tsbuildinfo +1 -1
  464. package/dist/types/DataTable/DataTable.d.ts +3 -3
  465. package/dist/types/DataTable/DataTable.d.ts.map +1 -1
  466. package/dist/types/DataTable/DataTableRowActions.d.ts +2 -1
  467. package/dist/types/DataTable/DataTableRowActions.d.ts.map +1 -1
  468. package/dist/types/DataTable/DataTableSettings.d.ts.map +1 -1
  469. package/dist/types/Dialog.d.ts +1 -1
  470. package/dist/types/Dialog.d.ts.map +1 -1
  471. package/dist/types/Drawer.d.ts +1 -1
  472. package/dist/types/Drawer.d.ts.map +1 -1
  473. package/dist/types/{Checkbox.d.ts → Fields/Checkbox.d.ts} +4 -4
  474. package/dist/types/Fields/Checkbox.d.ts.map +1 -0
  475. package/dist/types/{CheckboxGroup.d.ts → Fields/CheckboxGroup.d.ts} +2 -2
  476. package/dist/types/Fields/CheckboxGroup.d.ts.map +1 -0
  477. package/dist/{esm/DatePickers/index.js → types/Fields/Hint.d.ts} +9 -6
  478. package/dist/types/Fields/Hint.d.ts.map +1 -0
  479. package/dist/types/{Radio.d.ts → Fields/Radio.d.ts} +3 -3
  480. package/dist/types/Fields/Radio.d.ts.map +1 -0
  481. package/dist/types/{RadioGroup.d.ts → Fields/RadioGroup.d.ts} +2 -2
  482. package/dist/types/Fields/RadioGroup.d.ts.map +1 -0
  483. package/dist/types/FileUploader/FileUploader.d.ts +1 -2
  484. package/dist/types/FileUploader/FileUploader.d.ts.map +1 -1
  485. package/dist/types/Form.d.ts +1 -1
  486. package/dist/types/Form.d.ts.map +1 -1
  487. package/dist/types/OdysseyThemeProviderPropsContext.d.ts +1 -1
  488. package/dist/types/__internal.d.ts +13 -0
  489. package/dist/types/__internal.d.ts.map +1 -1
  490. package/dist/types/getTranslationServices.browser.test.d.ts +1 -0
  491. package/dist/types/getTranslationServices.browser.test.js +88 -0
  492. package/dist/types/getTranslationServices.browser.test.js.map +1 -0
  493. package/dist/types/getTranslationServices.d.ts +91 -0
  494. package/dist/types/getTranslationServices.js +77 -0
  495. package/dist/types/getTranslationServices.js.map +1 -0
  496. package/dist/types/getTypedObjectEntries.d.ts +1 -0
  497. package/dist/types/getTypedObjectEntries.js +2 -0
  498. package/dist/types/getTypedObjectEntries.js.map +1 -0
  499. package/dist/types/index.d.ts +65 -54
  500. package/dist/types/index.d.ts.map +1 -1
  501. package/dist/types/index.js +3 -0
  502. package/dist/types/index.js.map +1 -0
  503. package/dist/types/labs/DataView/BulkActionsMenu.d.ts.map +1 -1
  504. package/dist/types/labs/DataView/DataView.d.ts.map +1 -1
  505. package/dist/types/labs/DataView/LayoutSwitcher.d.ts.map +1 -1
  506. package/dist/types/labs/DataView/RowActions.d.ts +2 -1
  507. package/dist/types/labs/DataView/RowActions.d.ts.map +1 -1
  508. package/dist/types/labs/DataView/TableLayoutContent.d.ts.map +1 -1
  509. package/dist/types/labs/DataView/TableSettings.d.ts.map +1 -1
  510. package/dist/types/labs/DataView/componentTypes.d.ts +1 -1
  511. package/dist/types/labs/DataView/componentTypes.d.ts.map +1 -1
  512. package/dist/types/labs/index.d.ts +19 -7
  513. package/dist/types/labs/index.d.ts.map +1 -1
  514. package/dist/types/translationServices.types.d.ts +2 -0
  515. package/dist/types/translationServices.types.js +34 -0
  516. package/dist/types/translationServices.types.js.map +1 -0
  517. package/dist/types/tsconfig.tsbuildinfo +1 -0
  518. package/dist/types/ui-shell/SideNav/NavAccordion.d.ts +1 -1
  519. package/dist/types/ui-shell/SideNav/NavAccordion.d.ts.map +1 -1
  520. package/dist/types/ui-shell/SideNav/SideNav.d.ts +0 -2
  521. package/dist/types/ui-shell/SideNav/SideNav.d.ts.map +1 -1
  522. package/dist/types/ui-shell/SideNav/types.d.ts +4 -0
  523. package/dist/types/ui-shell/SideNav/types.d.ts.map +1 -1
  524. package/dist/types/ui-shell/index.d.ts +4 -3
  525. package/dist/types/ui-shell/index.d.ts.map +1 -1
  526. package/dist/types/ui-shell/renderUiShell.d.ts +5 -1
  527. package/dist/types/ui-shell/renderUiShell.d.ts.map +1 -1
  528. package/dist/types/web-component/{removeGlobalStylesFromShadowDom.d.ts → encapsulateShadowDomFromGlobalStyles.d.ts} +2 -2
  529. package/dist/types/web-component/encapsulateShadowDomFromGlobalStyles.d.ts.map +1 -0
  530. package/dist/types/web-component/index.d.ts +1 -1
  531. package/dist/types/web-component/index.d.ts.map +1 -1
  532. package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts +1 -1
  533. package/dist/types/web-component/renderReactInWebComponent.d.ts +8 -2
  534. package/dist/types/web-component/renderReactInWebComponent.d.ts.map +1 -1
  535. package/ok.yaml +1 -0
  536. package/package.json +9 -9
  537. package/src/getTranslationServices.browser.test.tsx +173 -0
  538. package/src/getTranslationServices.tsx +286 -0
  539. package/src/getTypedObjectEntries.ts +3 -0
  540. package/src/index.ts +2 -0
  541. package/src/translationServices.types.ts +36 -0
  542. package/src/tsconfig.json +7 -0
  543. package/tsconfig.json +41 -0
  544. package/vite.config.project.ts +61 -0
  545. package/vite.config.ts +21 -0
  546. package/vite.config.ts.bak +33 -0
  547. package/{dist/esm/ui-shell/AppSwitcher/index.js → vitest-browser-setup.ts} +2 -2
  548. package/{dist/esm/theme/index.js → vitest-jsdom-setup.ts} +2 -3
  549. package/{dist/esm/ui-shell/TopNav/index.js → vitest-node-setup.ts} +1 -2
  550. package/{dist/esm/Pagination/index.js → vitest.config.project.ts} +5 -5
  551. package/vitest.config.ts +27 -0
  552. package/vitest.config.ts.bak +27 -0
  553. package/dist/assets/AdapterLuxon-0NB_ajTr.js +0 -1
  554. package/dist/assets/AppTile _labs_.stories-uDhyBCfD.js +0 -136
  555. package/dist/assets/ArrowDropDown-LYMnJjPD.js +0 -1
  556. package/dist/assets/Autocomplete-CXy6JKKy.js +0 -1
  557. package/dist/assets/BaseMenuButton-pigMBOEp.js +0 -1
  558. package/dist/assets/Box-D2NdOYc2.js +0 -11
  559. package/dist/assets/Breadcrumbs-6BEAV_iX.js +0 -1
  560. package/dist/assets/Breadcrumbs-C2ZpdmyC.js +0 -6
  561. package/dist/assets/Breadcrumbs.stories-WwSpw0c-.js +0 -79
  562. package/dist/assets/Button-B6KDXfay.js +0 -41
  563. package/dist/assets/ButtonBase-BAQsCgRq.js +0 -74
  564. package/dist/assets/Callout.stories-nPexHuaO.js +0 -105
  565. package/dist/assets/Card-2fiTHibU.js +0 -8
  566. package/dist/assets/Card-CaY-V3Lt.js +0 -1
  567. package/dist/assets/CardActions-X5bUcMdJ.js +0 -1
  568. package/dist/assets/Checkbox-BCh8HZ37.js +0 -1
  569. package/dist/assets/Checkbox.stories-CQ5I8O9l.js +0 -96
  570. package/dist/assets/CheckboxGroup.stories-B4ljyQRV.js +0 -81
  571. package/dist/assets/Chip-DXaMeATb.js +0 -1
  572. package/dist/assets/Custom Theming.stories-t0y6qbUN.js +0 -95
  573. package/dist/assets/DataTable _labs_-CJnucUaL.js +0 -41
  574. package/dist/assets/DatePicker-txjKmLSi.js +0 -1
  575. package/dist/assets/DatePicker.stories-VLeccVga.js +0 -133
  576. package/dist/assets/DateTimePicker-LSjVE-IM.js +0 -1
  577. package/dist/assets/Design Tokens-DrLUPXCc.js +0 -4
  578. package/dist/assets/Dialog-CRuld07G.js +0 -1
  579. package/dist/assets/Dialog.stories-Bm_j9j63.js +0 -201
  580. package/dist/assets/DialogContentText-DU3-VV7L.js +0 -1
  581. package/dist/assets/DialogTitle-DyO9kr6R.js +0 -1
  582. package/dist/assets/Drawer-CwxKxBTE.js +0 -27
  583. package/dist/assets/Drawer-DEqB4KYp.js +0 -1
  584. package/dist/assets/Drawer.stories-Dvgnp9yd.js +0 -95
  585. package/dist/assets/EmptyState.stories-DK1ZE36w.js +0 -11
  586. package/dist/assets/ExampleButton.stories-C51QbMy5.js +0 -11
  587. package/dist/assets/Fade-CVbWKXvx.js +0 -1
  588. package/dist/assets/Fieldset.stories-BU8d3fia.js +0 -15
  589. package/dist/assets/Form.stories-Clfikd2x.js +0 -69
  590. package/dist/assets/GroupPicker _labs_.stories-CFJvoMQP.js +0 -33
  591. package/dist/assets/Grow-DacPmog-.js +0 -1
  592. package/dist/assets/Icon _icons_.stories-BQr18gG9.js +0 -16
  593. package/dist/assets/IconWithTooltip _icons_.stories-Ct7hQD2g.js +0 -19
  594. package/dist/assets/IgaComponentsLegacyOdysseyDecorator-28myx5I9.js +0 -175
  595. package/dist/assets/Link-BH0CiguI.js +0 -11
  596. package/dist/assets/Menu-CHod3UUY.js +0 -1
  597. package/dist/assets/MenuButton-CMGgaZPh.js +0 -9
  598. package/dist/assets/MenuItem.stories-YEtPNOwc.js +0 -29
  599. package/dist/assets/Modal-B1-40kNg.js +0 -1
  600. package/dist/assets/NativeSelect.stories-BIRwQlHa.js +0 -173
  601. package/dist/assets/OdysseyProvider-CLb8psrs.js +0 -197
  602. package/dist/assets/PageHeader.stories-fXDR4T37.js +0 -17
  603. package/dist/assets/PageTemplate _labs_-D3SkGEbG.js +0 -8
  604. package/dist/assets/PageTemplate.stories-H4WnNBj4.js +0 -487
  605. package/dist/assets/Pagination.stories-CB4pOr9i.js +0 -17
  606. package/dist/assets/PasswordField.stories-D5ZRplSl.js +0 -129
  607. package/dist/assets/Picker _labs_.stories-CyZs7sOo.js +0 -18
  608. package/dist/assets/Popper-DjhYeJJy.js +0 -1
  609. package/dist/assets/Portal-GAJY6Au9.js +0 -1
  610. package/dist/assets/Radio-tkNaA8vy.js +0 -1
  611. package/dist/assets/RadioGroup-DP-BtKDw.js +0 -10
  612. package/dist/assets/RadioGroup-DRNCKA-f.js +0 -1
  613. package/dist/assets/RadioGroup.stories-DRXPUU0H.js +0 -127
  614. package/dist/assets/ResourceAccessPolicyComponentsStorybookThemeDecorator-IgdZHick.js +0 -1
  615. package/dist/assets/SearchField.stories-C95LqZ5d.js +0 -37
  616. package/dist/assets/Select-9yKLDVKS.js +0 -1
  617. package/dist/assets/Snackbar-Cn_gMSEK.js +0 -1
  618. package/dist/assets/TabPanel-XF64c5rR.js +0 -1
  619. package/dist/assets/Tabs-DzeBYjfY.js +0 -1
  620. package/dist/assets/Tabs.stories-Dtlm8Y9N.js +0 -100
  621. package/dist/assets/Tag.stories-DIlHCDGk.js +0 -96
  622. package/dist/assets/Toast.stories-DO1V8pyh.js +0 -134
  623. package/dist/assets/ToastManager.stories-CmZGqHye.js +0 -22
  624. package/dist/assets/Tooltip-D4AWrTBw.js +0 -1
  625. package/dist/assets/Tooltip.stories-s36iDmFy.js +0 -68
  626. package/dist/assets/TopNav.stories-Dg27-0zA.js +0 -13
  627. package/dist/assets/TransitionGroupContext-DLI0IzWy.js +0 -1
  628. package/dist/assets/Typography-D01yctPx.js +0 -607
  629. package/dist/assets/Typography.stories-Cr7YbFxb.js +0 -73
  630. package/dist/assets/WorkflowsComponentsStorybookThemeDecorator-COYvO4K8.js +0 -1
  631. package/dist/assets/index-BsDcV5Kh.js +0 -1
  632. package/dist/assets/index.esm-HelN6IAt.js +0 -1
  633. package/dist/assets/renderUiShell.stories-ILWjsAQY.js +0 -854
  634. package/dist/assets/useOdysseyDateFields-Cq2BZNiB.js +0 -61
  635. package/dist/assets/useThemeProps-Bfa1XAV-.js +0 -1
  636. package/dist/assets/utils-DkZjDCLm.js +0 -1
  637. package/dist/cjs/Buttons/index.cjs +0 -93
  638. package/dist/cjs/Buttons/index.cjs.map +0 -1
  639. package/dist/cjs/Checkbox.cjs.map +0 -1
  640. package/dist/cjs/CheckboxGroup.cjs.map +0 -1
  641. package/dist/cjs/DataTable/index.cjs +0 -20
  642. package/dist/cjs/DataTable/index.cjs.map +0 -1
  643. package/dist/cjs/DatePickers/index.cjs +0 -39
  644. package/dist/cjs/DatePickers/index.cjs.map +0 -1
  645. package/dist/cjs/FileUploader/index.cjs +0 -17
  646. package/dist/cjs/FileUploader/index.cjs.map +0 -1
  647. package/dist/cjs/Pagination/index.cjs +0 -36
  648. package/dist/cjs/Pagination/index.cjs.map +0 -1
  649. package/dist/cjs/Radio.cjs.map +0 -1
  650. package/dist/cjs/RadioGroup.cjs.map +0 -1
  651. package/dist/cjs/labs/DataView/index.cjs +0 -60
  652. package/dist/cjs/labs/DataView/index.cjs.map +0 -1
  653. package/dist/cjs/labs/DatePickers/index.cjs +0 -17
  654. package/dist/cjs/labs/DatePickers/index.cjs.map +0 -1
  655. package/dist/cjs/labs/OdysseyPickers/index.cjs +0 -48
  656. package/dist/cjs/labs/OdysseyPickers/index.cjs.map +0 -1
  657. package/dist/cjs/labs/PageTemplate/index.cjs +0 -28
  658. package/dist/cjs/labs/PageTemplate/index.cjs.map +0 -1
  659. package/dist/cjs/theme/index.cjs +0 -17
  660. package/dist/cjs/theme/index.cjs.map +0 -1
  661. package/dist/cjs/ui-shell/AppSwitcher/index.cjs +0 -17
  662. package/dist/cjs/ui-shell/AppSwitcher/index.cjs.map +0 -1
  663. package/dist/cjs/ui-shell/SideNav/index.cjs +0 -40
  664. package/dist/cjs/ui-shell/SideNav/index.cjs.map +0 -1
  665. package/dist/cjs/ui-shell/TopNav/index.cjs +0 -17
  666. package/dist/cjs/ui-shell/TopNav/index.cjs.map +0 -1
  667. package/dist/cjs/web-component/removeGlobalStylesFromShadowDom.cjs.map +0 -1
  668. package/dist/esm/Buttons/index.js +0 -19
  669. package/dist/esm/Buttons/index.js.map +0 -1
  670. package/dist/esm/Checkbox.js.map +0 -1
  671. package/dist/esm/CheckboxGroup.js.map +0 -1
  672. package/dist/esm/DataTable/index.js +0 -15
  673. package/dist/esm/DataTable/index.js.map +0 -1
  674. package/dist/esm/DatePickers/index.js.map +0 -1
  675. package/dist/esm/FileUploader/index.js +0 -14
  676. package/dist/esm/FileUploader/index.js.map +0 -1
  677. package/dist/esm/Pagination/index.js.map +0 -1
  678. package/dist/esm/Radio.js.map +0 -1
  679. package/dist/esm/RadioGroup.js.map +0 -1
  680. package/dist/esm/labs/DataView/index.js +0 -18
  681. package/dist/esm/labs/DataView/index.js.map +0 -1
  682. package/dist/esm/labs/DatePickers/index.js +0 -14
  683. package/dist/esm/labs/DatePickers/index.js.map +0 -1
  684. package/dist/esm/labs/OdysseyPickers/index.js +0 -17
  685. package/dist/esm/labs/OdysseyPickers/index.js.map +0 -1
  686. package/dist/esm/labs/PageTemplate/index.js +0 -15
  687. package/dist/esm/labs/PageTemplate/index.js.map +0 -1
  688. package/dist/esm/theme/index.js.map +0 -1
  689. package/dist/esm/ui-shell/AppSwitcher/index.js.map +0 -1
  690. package/dist/esm/ui-shell/SideNav/index.js +0 -16
  691. package/dist/esm/ui-shell/SideNav/index.js.map +0 -1
  692. package/dist/esm/ui-shell/TopNav/index.js.map +0 -1
  693. package/dist/esm/web-component/removeGlobalStylesFromShadowDom.js.map +0 -1
  694. package/dist/types/Buttons/index.d.ts +0 -18
  695. package/dist/types/Buttons/index.d.ts.map +0 -1
  696. package/dist/types/Checkbox.d.ts.map +0 -1
  697. package/dist/types/CheckboxGroup.d.ts.map +0 -1
  698. package/dist/types/DataTable/index.d.ts +0 -15
  699. package/dist/types/DataTable/index.d.ts.map +0 -1
  700. package/dist/types/DatePickers/index.d.ts +0 -15
  701. package/dist/types/DatePickers/index.d.ts.map +0 -1
  702. package/dist/types/FileUploader/index.d.ts +0 -13
  703. package/dist/types/FileUploader/index.d.ts.map +0 -1
  704. package/dist/types/Pagination/index.d.ts +0 -15
  705. package/dist/types/Pagination/index.d.ts.map +0 -1
  706. package/dist/types/Radio.d.ts.map +0 -1
  707. package/dist/types/RadioGroup.d.ts.map +0 -1
  708. package/dist/types/labs/DataView/index.d.ts +0 -18
  709. package/dist/types/labs/DataView/index.d.ts.map +0 -1
  710. package/dist/types/labs/DatePickers/index.d.ts +0 -13
  711. package/dist/types/labs/DatePickers/index.d.ts.map +0 -1
  712. package/dist/types/labs/OdysseyPickers/index.d.ts +0 -16
  713. package/dist/types/labs/OdysseyPickers/index.d.ts.map +0 -1
  714. package/dist/types/labs/PageTemplate/index.d.ts +0 -14
  715. package/dist/types/labs/PageTemplate/index.d.ts.map +0 -1
  716. package/dist/types/theme/index.d.ts +0 -13
  717. package/dist/types/theme/index.d.ts.map +0 -1
  718. package/dist/types/ui-shell/AppSwitcher/index.d.ts +0 -13
  719. package/dist/types/ui-shell/AppSwitcher/index.d.ts.map +0 -1
  720. package/dist/types/ui-shell/SideNav/index.d.ts +0 -15
  721. package/dist/types/ui-shell/SideNav/index.d.ts.map +0 -1
  722. package/dist/types/ui-shell/TopNav/index.d.ts +0 -13
  723. package/dist/types/ui-shell/TopNav/index.d.ts.map +0 -1
  724. package/dist/types/web-component/removeGlobalStylesFromShadowDom.d.ts.map +0 -1
@@ -0,0 +1,19 @@
1
+ import{j as a}from"./jsx-runtime-CnH95YSl.js";import{w as x,u as p}from"./index-BJMTVygn.js";import{a as T}from"./axeRun-B-LchFqf.js";import{O as b}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{u as I,h as w}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as v}from"./index-NdkWRN8K.js";import{u as O}from"./MuiPropsContext-DhRylJZk.js";import{T as C}from"./Tooltip-D_pBGtcj.js";import{M}from"./InformationCircle-DYQV39lt.js";import{M as j}from"./Group-DWmiPyzE.js";import"./axe-4JP0vCEZ.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";const E=w.span(({odysseyDesignTokens:t})=>({display:"inline-flex",transitionProperty:"border-color, box-shadow, outline",transitionDuration:t.TransitionDurationMain,border:"1px solid transparent","&:focus, &:focus-visible":{borderColor:t.FocusOutlineColorPrimary,boxShadow:`0 0 0 1px ${t.FocusOutlineColorPrimary}`,outline:`${t.FocusOutlineWidthMain} ${t.FocusOutlineStyle} transparent`,outlineOffset:t.FocusOutlineOffsetTight},svg:{display:"flex"}})),W=({IconComponent:t=a.jsx(M,{}),placement:o="right",testId:n,tooltipText:s,translate:e})=>{const y=O(),g=I();return a.jsx(C,{"data-se":n,describeChild:!0,placement:o,tabIndex:0,title:s,translate:e,children:a.jsx(E,{odysseyDesignTokens:g,...y,children:t})})},f=v.memo(W);f.displayName="IconWithTooltip";const nt={component:f,decorators:[b],tags:["autodocs"],argTypes:{IconComponent:{description:"The icon to render",table:{type:{summary:"ReactNode"},defaultValue:{summary:"<InformationCircleIcon />"}},type:{required:!0,name:"string"}},tooltipText:{control:"text",description:"The text to display in the tooltip",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},placement:{options:["top","right","bottom","left"],control:{type:"radio"},description:"The placement of the tooltip",table:{type:{summary:"top | right | bottom | left"},defaultValue:{summary:"right"}}}},args:{testId:"tooltip"}},F=({canvasElement:t,step:o})=>async n=>{await o("show the tooltip on hover",async()=>{const e=x(t).getByTitle("Use the `i` icon to give details that might not be critical but are 'good to know'");await p.hover(e),await T(n),await p.unhover(e)})},r={args:{tooltipText:"Use the `i` icon to give details that might not be critical but are 'good to know'"},play:async({canvasElement:t,step:o})=>{await F({canvasElement:t,step:o})("IconWithTooltip")}},i={args:{IconComponent:a.jsx(j,{}),tooltipText:"This is a group of people"}};var m,c,l;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{
2
+ args: {
3
+ tooltipText: "Use the \`i\` icon to give details that might not be critical but are 'good to know'"
4
+ },
5
+ play: async ({
6
+ canvasElement,
7
+ step
8
+ }) => {
9
+ await showTooltip({
10
+ canvasElement,
11
+ step
12
+ })("IconWithTooltip");
13
+ }
14
+ }`,...(l=(c=r.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var u,d,h;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:`{
15
+ args: {
16
+ IconComponent: <GroupIcon />,
17
+ tooltipText: "This is a group of people"
18
+ }
19
+ }`,...(h=(d=i.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};const st=["Default","AnyIcon"];export{i as AnyIcon,r as Default,st as __namedExportsOrder,nt as default};
@@ -1 +1 @@
1
- import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as i}from"./OdysseyThemeProvider-BBwjgzn2.js";const t=r.forwardRef((e,n)=>o.jsx(i,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11-3.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1 2.75a1 1 0 1 0-2 0v6h2v-6Z",fill:"currentColor",fillRule:"evenodd"})})})),m=r.memo(t);m.displayName="InformationCircleIcon";export{m as M};
1
+ import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as i}from"./OdysseyThemeProvider-BykOaJq8.js";const t=r.forwardRef((e,n)=>o.jsx(i,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11-3.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm1 2.75a1 1 0 1 0-2 0v6h2v-6Z",fill:"currentColor",fillRule:"evenodd"})})})),m=r.memo(t);m.displayName="InformationCircleIcon";export{m as M};
@@ -1 +1 @@
1
- import{c as y,_ as j,b as c,d as C,e as I,f as m,g as A,h as L,i as f}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as b}from"./index-NdkWRN8K.js";import{u as R,F as z}from"./useFormControl-BMISTZuX.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{T as F}from"./Typography-Yf1Zkad_.js";var x;const T=["children","className","component","disablePointerEvents","disableTypography","position","variant"],_=(o,t)=>{const{ownerState:e}=o;return[t.root,t[`position${m(e.position)}`],e.disablePointerEvents===!0&&t.disablePointerEvents,t[e.variant]]},$=o=>{const{classes:t,disablePointerEvents:e,hiddenLabel:n,position:s,size:r,variant:l}=o,p={root:["root",e&&"disablePointerEvents",s&&`position${m(s)}`,l,n&&"hiddenLabel",r&&`size${m(r)}`]};return A(p,L,t)},N=C("div",{name:"MuiInputAdornment",slot:"Root",overridesResolver:_})(({theme:o,ownerState:t})=>c({display:"flex",height:"0.01em",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap",color:(o.vars||o).palette.action.active},t.variant==="filled"&&{[`&.${f.positionStart}&:not(.${f.hiddenLabel})`]:{marginTop:16}},t.position==="start"&&{marginRight:8},t.position==="end"&&{marginLeft:8},t.disablePointerEvents===!0&&{pointerEvents:"none"})),S=b.forwardRef(function(t,e){const n=y({props:t,name:"MuiInputAdornment"}),{children:s,className:r,component:l="div",disablePointerEvents:p=!1,disableTypography:g=!1,position:u,variant:v}=n,P=j(n,T),i=R()||{};let d=v;v&&i.variant,i&&!d&&(d=i.variant);const h=c({},n,{hiddenLabel:i.hiddenLabel,size:i.size,disablePointerEvents:p,position:u,variant:d}),E=$(h);return a.jsx(z.Provider,{value:null,children:a.jsx(N,c({as:l,ownerState:h,className:I(E.root,r),ref:e},P,{children:typeof s=="string"&&!g?a.jsx(F,{color:"text.secondary",children:s}):a.jsxs(b.Fragment,{children:[u==="start"?x||(x=a.jsx("span",{className:"notranslate",children:"​"})):null,s]})}))})});export{S as I};
1
+ import{c as y,_ as j,b as c,s as C,d as I,e as m,f as A,g as L,i as f}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as b}from"./index-NdkWRN8K.js";import{u as R,F as z}from"./useFormControl-BMISTZuX.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{T as F}from"./Typography-CSpPZFTF.js";var x;const T=["children","className","component","disablePointerEvents","disableTypography","position","variant"],_=(o,t)=>{const{ownerState:e}=o;return[t.root,t[`position${m(e.position)}`],e.disablePointerEvents===!0&&t.disablePointerEvents,t[e.variant]]},$=o=>{const{classes:t,disablePointerEvents:e,hiddenLabel:n,position:s,size:r,variant:l}=o,p={root:["root",e&&"disablePointerEvents",s&&`position${m(s)}`,l,n&&"hiddenLabel",r&&`size${m(r)}`]};return A(p,L,t)},N=C("div",{name:"MuiInputAdornment",slot:"Root",overridesResolver:_})(({theme:o,ownerState:t})=>c({display:"flex",height:"0.01em",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap",color:(o.vars||o).palette.action.active},t.variant==="filled"&&{[`&.${f.positionStart}&:not(.${f.hiddenLabel})`]:{marginTop:16}},t.position==="start"&&{marginRight:8},t.position==="end"&&{marginLeft:8},t.disablePointerEvents===!0&&{pointerEvents:"none"})),S=b.forwardRef(function(t,e){const n=y({props:t,name:"MuiInputAdornment"}),{children:s,className:r,component:l="div",disablePointerEvents:p=!1,disableTypography:g=!1,position:u,variant:v}=n,P=j(n,T),i=R()||{};let d=v;v&&i.variant,i&&!d&&(d=i.variant);const h=c({},n,{hiddenLabel:i.hiddenLabel,size:i.size,disablePointerEvents:p,position:u,variant:d}),E=$(h);return a.jsx(z.Provider,{value:null,children:a.jsx(N,c({as:l,ownerState:h,className:I(E.root,r),ref:e},P,{children:typeof s=="string"&&!g?a.jsx(F,{color:"text.secondary",children:s}):a.jsxs(b.Fragment,{children:[u==="start"?x||(x=a.jsx("span",{className:"notranslate",children:"​"})):null,s]})}))})});export{S as I};
@@ -1,2 +1,2 @@
1
- import{_ as he,a as Y,b as d,c as Fe,d as be,e as ce,f as ee,g as Ae,ab as Be,ac as te,ad as Ie,P as He}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as a}from"./index-NdkWRN8K.js";import{u as Ee,f as Pe,F as We}from"./useFormControl-BMISTZuX.js";import{i as Te}from"./utils-iop7lDec.js";import{j as C}from"./jsx-runtime-CnH95YSl.js";import{u as ge}from"./useIsFocusVisible-DH0qxT5e.js";import{o as pe}from"./ownerWindow-HkKU3E4x.js";import{u as Me}from"./TransitionGroupContext-DLI0IzWy.js";import{d as Oe}from"./debounce-Be36O1Ab.js";import{i as fe}from"./isHostComponent-DVu5iVWx.js";const Le=["onChange","maxRows","minRows","style","value"];function $(t){return parseInt(t,10)||0}const Ne={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function je(t){for(const e in t)return!1;return!0}function me(t){return je(t)||t.outerHeightStyle===0&&!t.overflowing}const $e=a.forwardRef(function(e,o){const{onChange:p,maxRows:u,minRows:c=1,style:k,value:F}=e,E=he(e,Le),{current:w}=a.useRef(F!=null),f=a.useRef(null),A=ge(o,f),m=a.useRef(null),R=a.useRef(null),y=a.useCallback(()=>{const l=f.current,n=R.current;if(!l||!n)return;const s=pe(l).getComputedStyle(l);if(s.width==="0px")return{outerHeightStyle:0,overflowing:!1};n.style.width=s.width,n.value=l.value||e.placeholder||"x",n.value.slice(-1)===`
1
+ import{_ as he,a as Y,b as d,c as Fe,s as be,d as ce,e as ee,f as Ae,aa as Be,ab as te,ac as Ie,P as He}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as a}from"./index-NdkWRN8K.js";import{u as Ee,f as Pe,F as We}from"./useFormControl-BMISTZuX.js";import{i as Te}from"./utils-iop7lDec.js";import{j as C}from"./jsx-runtime-CnH95YSl.js";import{u as ge}from"./useIsFocusVisible-DH0qxT5e.js";import{o as pe}from"./ownerWindow-HkKU3E4x.js";import{u as Me}from"./inheritsLoose-DTTkq0Su.js";import{d as Oe}from"./debounce-Be36O1Ab.js";import{i as fe}from"./isHostComponent-DVu5iVWx.js";const Le=["onChange","maxRows","minRows","style","value"];function $(t){return parseInt(t,10)||0}const Ne={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function je(t){for(const e in t)return!1;return!0}function me(t){return je(t)||t.outerHeightStyle===0&&!t.overflowing}const $e=a.forwardRef(function(e,o){const{onChange:p,maxRows:u,minRows:c=1,style:k,value:F}=e,E=he(e,Le),{current:w}=a.useRef(F!=null),f=a.useRef(null),A=ge(o,f),m=a.useRef(null),R=a.useRef(null),y=a.useCallback(()=>{const l=f.current,n=R.current;if(!l||!n)return;const s=pe(l).getComputedStyle(l);if(s.width==="0px")return{outerHeightStyle:0,overflowing:!1};n.style.width=s.width,n.value=l.value||e.placeholder||"x",n.value.slice(-1)===`
2
2
  `&&(n.value+=" ");const D=s.boxSizing,z=$(s.paddingBottom)+$(s.paddingTop),O=$(s.borderBottomWidth)+$(s.borderTopWidth),W=n.scrollHeight;n.value="x";const I=n.scrollHeight;let x=W;c&&(x=Math.max(Number(c)*I,x)),u&&(x=Math.min(Number(u)*I,x)),x=Math.max(x,I);const _=x+(D==="border-box"?z+O:0),q=Math.abs(x-W)<=1;return{outerHeightStyle:_,overflowing:q}},[u,c,e.placeholder]),B=Me(()=>{const l=f.current,n=y();if(!l||!n||me(n))return!1;const g=n.outerHeightStyle;return m.current!=null&&m.current!==g}),S=a.useCallback(()=>{const l=f.current,n=y();if(!l||!n||me(n))return;const g=n.outerHeightStyle;m.current!==g&&(m.current=g,l.style.height=`${g}px`),l.style.overflow=n.overflowing?"hidden":""},[y]),P=a.useRef(-1);Y(()=>{const l=Oe(S),n=f==null?void 0:f.current;if(!n)return;const g=pe(n);g.addEventListener("resize",l);let s;return typeof ResizeObserver<"u"&&(s=new ResizeObserver(()=>{B()&&(s.unobserve(n),cancelAnimationFrame(P.current),S(),P.current=requestAnimationFrame(()=>{s.observe(n)}))}),s.observe(n)),()=>{l.clear(),cancelAnimationFrame(P.current),g.removeEventListener("resize",l),s&&s.disconnect()}},[y,S,B]),Y(()=>{S()});const h=l=>{w||S(),p&&p(l)};return C.jsxs(a.Fragment,{children:[C.jsx("textarea",d({value:F,onChange:h,ref:A,rows:c,style:k},E)),C.jsx("textarea",{"aria-hidden":!0,className:e.className,readOnly:!0,ref:R,tabIndex:-1,style:d({},Ne.shadow,k,{paddingTop:0,paddingBottom:0})})]})}),De=["aria-describedby","autoComplete","autoFocus","className","color","components","componentsProps","defaultValue","disabled","disableInjectingGlobalStyles","endAdornment","error","fullWidth","id","inputComponent","inputProps","inputRef","margin","maxRows","minRows","multiline","name","onBlur","onChange","onClick","onFocus","onKeyDown","onKeyUp","placeholder","readOnly","renderSuffix","rows","size","slotProps","slots","startAdornment","type","value"],_e=(t,e)=>{const{ownerState:o}=t;return[e.root,o.formControl&&e.formControl,o.startAdornment&&e.adornedStart,o.endAdornment&&e.adornedEnd,o.error&&e.error,o.size==="small"&&e.sizeSmall,o.multiline&&e.multiline,o.color&&e[`color${ee(o.color)}`],o.fullWidth&&e.fullWidth,o.hiddenLabel&&e.hiddenLabel]},qe=(t,e)=>{const{ownerState:o}=t;return[e.input,o.size==="small"&&e.inputSizeSmall,o.multiline&&e.inputMultiline,o.type==="search"&&e.inputTypeSearch,o.startAdornment&&e.inputAdornedStart,o.endAdornment&&e.inputAdornedEnd,o.hiddenLabel&&e.inputHiddenLabel]},Ge=t=>{const{classes:e,color:o,disabled:p,error:u,endAdornment:c,focused:k,formControl:F,fullWidth:E,hiddenLabel:w,multiline:f,readOnly:A,size:m,startAdornment:R,type:y}=t,B={root:["root",`color${ee(o)}`,p&&"disabled",u&&"error",E&&"fullWidth",k&&"focused",F&&"formControl",m&&m!=="medium"&&`size${ee(m)}`,f&&"multiline",R&&"adornedStart",c&&"adornedEnd",w&&"hiddenLabel",A&&"readOnly"],input:["input",p&&"disabled",y==="search"&&"inputTypeSearch",f&&"inputMultiline",m==="small"&&"inputSizeSmall",w&&"inputHiddenLabel",R&&"inputAdornedStart",c&&"inputAdornedEnd",A&&"readOnly"]};return Ae(B,Be,e)},Ke=be("div",{name:"MuiInputBase",slot:"Root",overridesResolver:_e})(({theme:t,ownerState:e})=>d({},t.typography.body1,{color:(t.vars||t).palette.text.primary,lineHeight:"1.4375em",boxSizing:"border-box",position:"relative",cursor:"text",display:"inline-flex",alignItems:"center",[`&.${te.disabled}`]:{color:(t.vars||t).palette.text.disabled,cursor:"default"}},e.multiline&&d({padding:"4px 0 5px"},e.size==="small"&&{paddingTop:1}),e.fullWidth&&{width:"100%"})),Ue=be("input",{name:"MuiInputBase",slot:"Input",overridesResolver:qe})(({theme:t,ownerState:e})=>{const o=t.palette.mode==="light",p=d({color:"currentColor"},t.vars?{opacity:t.vars.opacity.inputPlaceholder}:{opacity:o?.42:.5},{transition:t.transitions.create("opacity",{duration:t.transitions.duration.shorter})}),u={opacity:"0 !important"},c=t.vars?{opacity:t.vars.opacity.inputPlaceholder}:{opacity:o?.42:.5};return d({font:"inherit",letterSpacing:"inherit",color:"currentColor",padding:"4px 0 5px",border:0,boxSizing:"content-box",background:"none",height:"1.4375em",margin:0,WebkitTapHighlightColor:"transparent",display:"block",minWidth:0,width:"100%",animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&::-webkit-input-placeholder":p,"&::-moz-placeholder":p,"&:-ms-input-placeholder":p,"&::-ms-input-placeholder":p,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{WebkitAppearance:"none"},[`label[data-shrink=false] + .${te.formControl} &`]:{"&::-webkit-input-placeholder":u,"&::-moz-placeholder":u,"&:-ms-input-placeholder":u,"&::-ms-input-placeholder":u,"&:focus::-webkit-input-placeholder":c,"&:focus::-moz-placeholder":c,"&:focus:-ms-input-placeholder":c,"&:focus::-ms-input-placeholder":c},[`&.${te.disabled}`]:{opacity:1,WebkitTextFillColor:(t.vars||t).palette.text.disabled},"&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}},e.size==="small"&&{paddingTop:1},e.multiline&&{height:"auto",resize:"none",padding:0,paddingTop:0},e.type==="search"&&{MozAppearance:"textfield"})}),Ve=C.jsx(Ie,{styles:{"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}}),it=a.forwardRef(function(e,o){var p;const u=Fe({props:e,name:"MuiInputBase"}),{"aria-describedby":c,autoComplete:k,autoFocus:F,className:E,components:w={},componentsProps:f={},defaultValue:A,disabled:m,disableInjectingGlobalStyles:R,endAdornment:y,fullWidth:B=!1,id:S,inputComponent:P="input",inputProps:h={},inputRef:l,maxRows:n,minRows:g,multiline:s=!1,name:D,onBlur:z,onChange:O,onClick:W,onFocus:I,onKeyDown:x,onKeyUp:_,placeholder:q,readOnly:G,renderSuffix:oe,rows:L,slotProps:ne={},slots:re={},startAdornment:T,type:ie="text",value:xe}=u,ye=he(u,De),N=h.value!=null?h.value:xe,{current:K}=a.useRef(N!=null),H=a.useRef(),ve=a.useCallback(r=>{},[]),Ce=ge(H,l,h.ref,ve),[U,V]=a.useState(!1),i=Ee(),b=Pe({props:u,muiFormControl:i,states:["color","disabled","error","hiddenLabel","size","required","filled"]});b.focused=i?i.focused:U,a.useEffect(()=>{!i&&m&&U&&(V(!1),z&&z())},[i,m,U,z]);const Z=i&&i.onFilled,J=i&&i.onEmpty,M=a.useCallback(r=>{Te(r)?Z&&Z():J&&J()},[Z,J]);Y(()=>{K&&M({value:N})},[N,M,K]);const we=r=>{if(b.disabled){r.stopPropagation();return}I&&I(r),h.onFocus&&h.onFocus(r),i&&i.onFocus?i.onFocus(r):V(!0)},Re=r=>{z&&z(r),h.onBlur&&h.onBlur(r),i&&i.onBlur?i.onBlur(r):V(!1)},Se=(r,...ue)=>{if(!K){const de=r.target||H.current;if(de==null)throw new Error(He(1));M({value:de.value})}h.onChange&&h.onChange(r,...ue),O&&O(r,...ue)};a.useEffect(()=>{M(H.current)},[]);const ze=r=>{H.current&&r.currentTarget===r.target&&H.current.focus(),W&&W(r)};let Q=P,v=h;s&&Q==="input"&&(L?v=d({type:void 0,minRows:L,maxRows:L},v):v=d({type:void 0,maxRows:n,minRows:g},v),Q=$e);const ke=r=>{M(r.animationName==="mui-auto-fill-cancel"?H.current:{value:"x"})};a.useEffect(()=>{i&&i.setAdornedStart(!!T)},[i,T]);const j=d({},u,{color:b.color||"primary",disabled:b.disabled,endAdornment:y,error:b.error,focused:b.focused,formControl:i,fullWidth:B,hiddenLabel:b.hiddenLabel,multiline:s,size:b.size,startAdornment:T,type:ie}),ae=Ge(j),le=re.root||w.Root||Ke,X=ne.root||f.root||{},se=re.input||w.Input||Ue;return v=d({},v,(p=ne.input)!=null?p:f.input),C.jsxs(a.Fragment,{children:[!R&&Ve,C.jsxs(le,d({},X,!fe(le)&&{ownerState:d({},j,X.ownerState)},{ref:o,onClick:ze},ye,{className:ce(ae.root,X.className,E,G&&"MuiInputBase-readOnly"),children:[T,C.jsx(We.Provider,{value:null,children:C.jsx(se,d({ownerState:j,"aria-invalid":b.error,"aria-describedby":c,autoComplete:k,autoFocus:F,defaultValue:A,disabled:b.disabled,id:S,onAnimationStart:ke,name:D,placeholder:q,readOnly:G,required:b.required,rows:L,value:N,onKeyDown:x,onKeyUp:_,type:ie},v,!fe(se)&&{as:Q,ownerState:d({},j,v.ownerState)},{ref:Ce,className:ce(ae.input,v.className,G&&"MuiInputBase-readOnly"),onBlur:Re,onChange:Se,onFocus:we}))}),y,oe?oe(d({},b,{startAdornment:T})):null]}))]})});export{it as I,Ke as a,Ue as b,qe as i,_e as r};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as s}from"./index-BeeV6X6A.js";import{M as r}from"./index-BqmbiZ7T.js";import{M as a}from"./index.modern-CkASn_bb.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-CXLAql3E.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";const i=`# @okta/odyssey-react-mui
1
+ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as s}from"./index-BeeV6X6A.js";import{M as a}from"./index-DfE121Jj.js";import{M as r}from"./index.modern-CkASn_bb.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-C7GWUW76.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";const i=`# @okta/odyssey-react-mui
2
2
 
3
3
  ## Production Readiness
4
4
 
@@ -143,6 +143,27 @@ Follow these steps for local [Odyssey development](https://odyssey-storybook.okt
143
143
 
144
144
  ## Downstream Testing
145
145
 
146
+ ### Remote
147
+
148
+ Remote downstream tests run the entire bacon suite for a target repo with the latest version of odyssey
149
+ published from your branch.
150
+
151
+ The script used for this is the \`scripts/downstream-bacon.sh\` file, which is used by the \`Init * Downstream\` bacon suites.
152
+ It performs the commits and triggers bacon suites using the \`update-ui-packages\` script found here: https://github.com/atko-eng/update-ui-packages.
153
+ The version to be tested is determined using the \`ok-ui artifacts\` command, which is implemented here: https://github.com/atko-eng/ui-build-tools/blob/master/packages/clis/ok-ui/src/commands/artifacts.ts
154
+
155
+ However, these bacon suites will only report a success/failure of whether the downstream tests were initiated, not if they actually succeeded.
156
+ It's up to the developer merging their changes to ensure that the downstream suites have passed.
157
+
158
+ Each downstream suite will display custom messages to show:
159
+
160
+ - A link to the created commit in Bacon
161
+ - Information about the artifact/commit being tests
162
+
163
+ Check these messages and make sure the artifact being tested is the one you expect. And whether the downstream test suites are passing.
164
+
165
+ ### Local
166
+
146
167
  Local changes can be tested in various other okta packages using the \`yarn ok-ui downstream\` command, which will clone
147
168
  the specified repos, applies the changes from your local version via linking, and then run the build and test commands
148
169
  for the specified packages. Logs for the output of these individual commands can be found under \`ok-ui-logs/downstream\`.
@@ -191,5 +212,5 @@ downstream:
191
212
  This library is community supported and is maintained by members of the Okta team for developers and IT professionals.
192
213
  This library is not an official Okta product and does not qualify for any Okta support. Anyone who chooses to use this
193
214
  library must ensure that their implementation meets any applicable legal obligations including any Okta terms and conditions.
194
- `;function t(n){return e.jsxs(e.Fragment,{children:[e.jsx(r,{}),`
195
- `,e.jsx(a,{children:i})]})}function b(n={}){const{wrapper:o}={...s(),...n.components};return o?e.jsx(o,{...n,children:e.jsx(t,{...n})}):t()}export{b as default};
215
+ `;function o(n){return e.jsxs(e.Fragment,{children:[e.jsx(a,{}),`
216
+ `,e.jsx(r,{children:i})]})}function v(n={}){const{wrapper:t}={...s(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(o,{...n})}):o()}export{v as default};
@@ -1,4 +1,4 @@
1
- import{j as s}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as t}from"./index-BeeV6X6A.js";import{M as r}from"./index-BqmbiZ7T.js";import{M as i}from"./index.modern-CkASn_bb.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-CXLAql3E.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";const a=`Welcome to your new repo, odyssey-design-system!
1
+ import{j as s}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as t}from"./index-BeeV6X6A.js";import{M as r}from"./index-DfE121Jj.js";import{M as i}from"./index.modern-CkASn_bb.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-C7GWUW76.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";const a=`Welcome to your new repo, odyssey-design-system!
2
2
 
3
3
  # Odyssey Design System
4
4
 
@@ -1,4 +1,4 @@
1
- import{u as t,s as m}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as a}from"./index-NdkWRN8K.js";import{M as p}from"./Box-BGpAHVQV.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";/*!
1
+ import{u as t,h as m}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as a}from"./index-NdkWRN8K.js";import{M as p}from"./Box-B-R2QRDU.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";/*!
2
2
  * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
3
3
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
4
4
  *
@@ -1,4 +1,4 @@
1
- import{j as n}from"./jsx-runtime-CnH95YSl.js";import{s as x}from"./OdysseyThemeProvider-BBwjgzn2.js";import{O as Q}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{M as o}from"./Layout-BduWITqf.js";import{c as U}from"./Typography-DfSdXC7o.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Box-BGpAHVQV.js";import"./Box-CWTB5xfE.js";import"./Typography-Yf1Zkad_.js";const e=x.div({display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",border:"1px dashed #cbcbcb"}),i=x.h3({margin:0}),X=x.div({maxWidth:"55ch",marginBlockEnd:"8px"}),Y=()=>n.jsx(X,{children:n.jsxs(U,{children:[n.jsx("strong",{children:"NOTE:"})," Dashed border and padding are applied to show region boundries in Storybook only. They will not be present when you are using Layout"]})}),g=x.div({"& + &":{marginBlockStart:"16px"}}),Rn={component:o,decorators:[s=>n.jsxs(n.Fragment,{children:[n.jsx(Y,{}),n.jsx(s,{})]}),Q],argTypes:{regions:{control:"text",description:"The supported region ratios for the `Layout`. Each number is a fractional unit that is mapped to the 'fr' CSS unit. For example: [2, 1] defines a 2/3, 1/3 layout and [1, 1, 1] defines a 1/3, 1/3, 1/3 layout",table:{type:{summary:"SupportedRegionRatios"}}},children:{description:"The content of the `Layout`. May be a `string` or any other `ReactNode` or array of `ReactNode`s. Will often be either a single `Surface` or multiple `Surface's",table:{type:{summary:"ReactNode"}}}}},a={args:{regions:[1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsx(o,{...r,children:n.jsx(e,{children:n.jsx(i,{children:"Region"})})})}},l={args:{regions:[1,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},t={args:{regions:[2,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},c={args:{regions:[1,2]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},R={args:{regions:[3,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},d={args:{regions:[1,3]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},b={args:{regions:[1,1,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},h={args:{regions:[1,1,1,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},j={args:{regions:[1,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},u={render:function(){return n.jsxs(n.Fragment,{children:[n.jsx(g,{children:n.jsx(o,{regions:[1],children:n.jsx(e,{children:n.jsx(i,{children:"Region"})})})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[2,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,2],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[3,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,3],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,1,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,1,1,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})})]})}};var L,p,V;a.parameters={...a.parameters,docs:{...(L=a.parameters)==null?void 0:L.docs,source:{originalSource:`{
1
+ import{j as n}from"./jsx-runtime-CnH95YSl.js";import{h as x}from"./OdysseyThemeProvider-BykOaJq8.js";import{O as Q}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as o}from"./Layout-BndkhA1_.js";import{c as U}from"./Typography-B7ktrxCD.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./Typography-CSpPZFTF.js";const e=x.div({display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",border:"1px dashed #cbcbcb"}),i=x.h3({margin:0}),X=x.div({maxWidth:"55ch",marginBlockEnd:"8px"}),Y=()=>n.jsx(X,{children:n.jsxs(U,{children:[n.jsx("strong",{children:"NOTE:"})," Dashed border and padding are applied to show region boundries in Storybook only. They will not be present when you are using Layout"]})}),g=x.div({"& + &":{marginBlockStart:"16px"}}),Rn={component:o,decorators:[s=>n.jsxs(n.Fragment,{children:[n.jsx(Y,{}),n.jsx(s,{})]}),Q],argTypes:{regions:{control:"text",description:"The supported region ratios for the `Layout`. Each number is a fractional unit that is mapped to the 'fr' CSS unit. For example: [2, 1] defines a 2/3, 1/3 layout and [1, 1, 1] defines a 1/3, 1/3, 1/3 layout",table:{type:{summary:"SupportedRegionRatios"}}},children:{description:"The content of the `Layout`. May be a `string` or any other `ReactNode` or array of `ReactNode`s. Will often be either a single `Surface` or multiple `Surface's",table:{type:{summary:"ReactNode"}}}}},a={args:{regions:[1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsx(o,{...r,children:n.jsx(e,{children:n.jsx(i,{children:"Region"})})})}},l={args:{regions:[1,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},t={args:{regions:[2,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},c={args:{regions:[1,2]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},R={args:{regions:[3,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},d={args:{regions:[1,3]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},b={args:{regions:[1,1,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},h={args:{regions:[1,1,1,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},j={args:{regions:[1,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},u={render:function(){return n.jsxs(n.Fragment,{children:[n.jsx(g,{children:n.jsx(o,{regions:[1],children:n.jsx(e,{children:n.jsx(i,{children:"Region"})})})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[2,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,2],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[3,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,3],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,1,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,1,1,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})})]})}};var L,p,V;a.parameters={...a.parameters,docs:{...(L=a.parameters)==null?void 0:L.docs,source:{originalSource:`{
2
2
  args: {
3
3
  regions: [1]
4
4
  },
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as d}from"./index-BeeV6X6A.js";import{M as o}from"./index-BqmbiZ7T.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-CXLAql3E.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function i(s){const n={code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...d(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{}),`
1
+ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as d}from"./index-BeeV6X6A.js";import{M as o}from"./index-DfE121Jj.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-C7GWUW76.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function i(s){const n={code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...d(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{}),`
2
2
  `,e.jsx(n.h1,{id:"migrations",children:"Migrations"}),`
3
3
  `,e.jsxs(n.h2,{id:"v021x-️-v023x",children:[e.jsx(n.code,{children:"v0.21.x"})," ➡️ ",e.jsx(n.code,{children:"v0.23.x"})]}),`
4
4
  `,e.jsx(n.h3,{id:"new-components",children:"New Components"}),`
@@ -1 +1 @@
1
- import{r as a}from"./index-NdkWRN8K.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{L as d}from"./Link-BnBknBcu.js";import{M as x}from"./ExternalLink-BZ-Yczsk.js";const R=["default","monochrome"],L=({ariaLabel:i,children:t,href:l,icon:n,linkRef:m,rel:c,target:r,testId:p,translate:f,variant:k,onClick:u})=>{const s=a.useRef(null);return a.useImperativeHandle(m,()=>({focus:()=>{var o;(o=s.current)==null||o.focus()}}),[]),e.jsxs(d,{"aria-label":i,"data-se":p,href:l,onClick:u,ref:s,rel:c,target:r,translate:f,variant:k,children:[n&&e.jsx("span",{className:"Link-icon",children:n}),t,r==="_blank"&&e.jsx("span",{className:"Link-indicator",role:"presentation",children:e.jsx(x,{})})]})},j=a.memo(L);j.displayName="Link";export{j as M,R as l};
1
+ import{r as a}from"./index-NdkWRN8K.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{L as d}from"./Link-DcsndbPK.js";import{M as x}from"./ExternalLink-lox07hAR.js";const R=["default","monochrome"],L=({ariaLabel:i,children:t,href:l,icon:n,linkRef:m,rel:c,target:r,testId:p,translate:f,variant:k,onClick:u})=>{const s=a.useRef(null);return a.useImperativeHandle(m,()=>({focus:()=>{var o;(o=s.current)==null||o.focus()}}),[]),e.jsxs(d,{"aria-label":i,"data-se":p,href:l,onClick:u,ref:s,rel:c,target:r,translate:f,variant:k,children:[n&&e.jsx("span",{className:"Link-icon",children:n}),t,r==="_blank"&&e.jsx("span",{className:"Link-indicator",role:"presentation",children:e.jsx(x,{})})]})},j=a.memo(L);j.displayName="Link";export{j as M,R as l};
@@ -0,0 +1,11 @@
1
+ import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as e,T as n,S as s,D as a,P as l,a as c,b as x}from"./index-DfE121Jj.js";import{L as i}from"./Link.stories-DiVQZsn1.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./iconUtils-C1HBA-0w.js";import"./index-DkrUiDVY.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./Server-DS5iERo2.js";import"./List-CNCQEpRl.js";import"./ArrowRight-BquvVn3D.js";import"./Bug-Z3X3t5xp.js";import"./Calendar-DnwsjheN.js";import"./ChevronRight-BLkvXBUf.js";import"./ChevronUp-Br-QC-XK.js";import"./Clock-8HOQy_d4.js";import"./Upload-DH1T10x5.js";import"./Documentation-CBbHUjXC.js";import"./Download-VHpUH0as.js";import"./ExternalLink-lox07hAR.js";import"./Filter-BiREetkX.js";import"./Folder-8esChg_E.js";import"./Globe-BHk1B5d7.js";import"./Grid-B7XSvQ_X.js";import"./Group-DWmiPyzE.js";import"./Hide-Bvhl5PVN.js";import"./Home-CUQc6tB8.js";import"./InformationCircle-DYQV39lt.js";import"./More-BgQrTkKM.js";import"./Refresh-CgZVXlSy.js";import"./Search-BSlcf4bB.js";import"./Settings-SRsJGOHl.js";import"./Show-DXIrBgNq.js";import"./Sync-CCP_JZB8.js";import"./User-CvYTA860.js";import"./Video-D8qbHdF4.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-CSpPZFTF.js";function m(r){const t={a:"a",h2:"h2",li:"li",ul:"ul",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(e,{of:i}),`
2
+ `,o.jsx(n,{of:i}),`
3
+ `,o.jsx(s,{of:i}),`
4
+ `,o.jsx(a,{of:i}),`
5
+ `,o.jsx(l,{of:i}),`
6
+ `,o.jsx(c,{}),`
7
+ `,o.jsx(x,{}),`
8
+ `,o.jsx(t.h2,{id:"references",children:"References"}),`
9
+ `,o.jsxs(t.ul,{children:[`
10
+ `,o.jsxs(t.li,{children:[o.jsx(t.a,{href:"https://developers.google.com/web/tools/lighthouse/audits/noopener",rel:"nofollow",children:"Google's Developer Documentation"})," provides backgrounds on security and performance considerations when using external links"]}),`
11
+ `]})]})}function uo(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{uo as default};
@@ -1 +1 @@
1
- import{V as M,U as $,at as y,p as j,c as U,_ as N,b as a,d as P,e as _,f as h,g as z}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as x}from"./index-NdkWRN8K.js";import{j as E}from"./jsx-runtime-CnH95YSl.js";import{b as W,u as H}from"./useIsFocusVisible-DH0qxT5e.js";import{T as I}from"./Typography-Yf1Zkad_.js";function O(e){return $("MuiLink",e)}const q=M("MuiLink",["root","underlineNone","underlineHover","underlineAlways","button","focusVisible"]),g={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},w=e=>g[e]||e,G=({theme:e,ownerState:o})=>{const n=w(o.color),r=y(e,`palette.${n}`,!1)||o.color,s=y(e,`palette.${n}Channel`);return"vars"in e&&s?`rgba(${s} / 0.4)`:j.alpha(r,.4)},J=["className","color","component","onBlur","onFocus","TypographyClasses","underline","variant","sx"],K=e=>{const{classes:o,component:n,focusVisible:r,underline:s}=e,t={root:["root",`underline${h(s)}`,n==="button"&&"button",r&&"focusVisible"]};return z(t,O,o)},Q=P(I,{name:"MuiLink",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:n}=e;return[o.root,o[`underline${h(n.underline)}`],n.component==="button"&&o.button]}})(({theme:e,ownerState:o})=>a({},o.underline==="none"&&{textDecoration:"none"},o.underline==="hover"&&{textDecoration:"none","&:hover":{textDecoration:"underline"}},o.underline==="always"&&a({textDecoration:"underline"},o.color!=="inherit"&&{textDecorationColor:G({theme:e,ownerState:o})},{"&:hover":{textDecorationColor:"inherit"}}),o.component==="button"&&{position:"relative",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none","&::-moz-focus-inner":{borderStyle:"none"},[`&.${q.focusVisible}`]:{outline:"auto"}})),eo=x.forwardRef(function(o,n){const r=U({props:o,name:"MuiLink"}),{className:s,color:t="primary",component:c="a",onBlur:u,onFocus:p,TypographyClasses:C,underline:k="always",variant:d="inherit",sx:l}=r,V=N(r,J),{isFocusVisibleRef:f,onBlur:F,onFocus:L,ref:R}=W(),[v,m]=x.useState(!1),D=H(n,R),T=i=>{F(i),f.current===!1&&m(!1),u&&u(i)},A=i=>{L(i),f.current===!0&&m(!0),p&&p(i)},b=a({},r,{color:t,component:c,focusVisible:v,underline:k,variant:d}),B=K(b);return E.jsx(Q,a({color:t,className:_(B.root,s),classes:C,component:c,onBlur:T,onFocus:A,ref:D,ownerState:b,variant:d,sx:[...Object.keys(g).includes(t)?[]:[{color:t}],...Array.isArray(l)?l:[l]]},V))});export{eo as L};
1
+ import{V as M,U as $,as as y,n as j,c as U,_ as N,b as a,s as P,d as _,e as h,f as z}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as x}from"./index-NdkWRN8K.js";import{j as E}from"./jsx-runtime-CnH95YSl.js";import{b as W,u as H}from"./useIsFocusVisible-DH0qxT5e.js";import{T as I}from"./Typography-CSpPZFTF.js";function O(e){return $("MuiLink",e)}const q=M("MuiLink",["root","underlineNone","underlineHover","underlineAlways","button","focusVisible"]),C={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},w=e=>C[e]||e,G=({theme:e,ownerState:o})=>{const n=w(o.color),r=y(e,`palette.${n}`,!1)||o.color,s=y(e,`palette.${n}Channel`);return"vars"in e&&s?`rgba(${s} / 0.4)`:j.alpha(r,.4)},J=["className","color","component","onBlur","onFocus","TypographyClasses","underline","variant","sx"],K=e=>{const{classes:o,component:n,focusVisible:r,underline:s}=e,t={root:["root",`underline${h(s)}`,n==="button"&&"button",r&&"focusVisible"]};return z(t,O,o)},Q=P(I,{name:"MuiLink",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:n}=e;return[o.root,o[`underline${h(n.underline)}`],n.component==="button"&&o.button]}})(({theme:e,ownerState:o})=>a({},o.underline==="none"&&{textDecoration:"none"},o.underline==="hover"&&{textDecoration:"none","&:hover":{textDecoration:"underline"}},o.underline==="always"&&a({textDecoration:"underline"},o.color!=="inherit"&&{textDecorationColor:G({theme:e,ownerState:o})},{"&:hover":{textDecorationColor:"inherit"}}),o.component==="button"&&{position:"relative",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none","&::-moz-focus-inner":{borderStyle:"none"},[`&.${q.focusVisible}`]:{outline:"auto"}})),eo=x.forwardRef(function(o,n){const r=U({props:o,name:"MuiLink"}),{className:s,color:t="primary",component:c="a",onBlur:u,onFocus:p,TypographyClasses:g,underline:k="always",variant:d="inherit",sx:l}=r,V=N(r,J),{isFocusVisibleRef:f,onBlur:F,onFocus:L,ref:R}=W(),[v,m]=x.useState(!1),D=H(n,R),T=i=>{F(i),f.current===!1&&m(!1),u&&u(i)},A=i=>{L(i),f.current===!0&&m(!0),p&&p(i)},b=a({},r,{color:t,component:c,focusVisible:v,underline:k,variant:d}),B=K(b);return E.jsx(Q,a({color:t,className:_(B.root,s),classes:g,component:c,onBlur:T,onFocus:A,ref:D,ownerState:b,variant:d,sx:[...Object.keys(C).includes(t)?[]:[{color:t}],...Array.isArray(l)?l:[l]]},V))});export{eo as L};
@@ -1,4 +1,4 @@
1
- import{j as w}from"./jsx-runtime-CnH95YSl.js";import{w as A,e as i}from"./index-BJMTVygn.js";import{i as s}from"./iconUtils-B6sV00nC.js";import{O as E}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{l as c,M as I}from"./Link-DI6v1ROk.js";import{a4 as _}from"./OdysseyThemeProvider-BBwjgzn2.js";const M={component:I,decorators:[E],argTypes:{children:{control:"text",description:"<b>Required.</b>",table:{type:{summary:"ReactNode"}},type:{required:!0}},href:{control:"text",description:"<b>Required.</b>",table:{type:{summary:"string"}},type:{required:!0}},icon:{control:{type:"select"},options:Object.keys(s),mapping:s,description:"An optional icon to display at the start of the Link",table:{type:{summary:"<Icon />"}}},rel:{control:"text",table:{type:{summary:"string"}}},target:{control:"text",description:"If set to `_blank`, the Link will display an external icon.",table:{type:{summary:"string"}},type:{required:!0}},variant:{control:{type:"radio"},options:c,table:{type:{summary:c.join(" | ")},defaultValue:{summary:"default"}}},onClick:{action:!0,description:"Callback fired when the link is clicked",table:{type:{summary:"(() => void)"},defaultValue:""}}}},e={args:{href:"#anchor",variant:"default",children:"Anchor link"}},r={args:{href:"#anchor",variant:"monochrome",children:"Monochrome link"}},t={args:{href:"#anchor",children:"Info link",icon:w.jsx(_,{})}},n={args:{href:"https://www.okta.com",children:"Visit okta.com",rel:"noopener",target:"_blank",ariaLabel:"External Link"},play:async({canvasElement:v,step:L})=>{await L("Link Aria-Label",({args:a})=>{const o=A(v).getByRole("link",{name:"External Link"});i(o).toHaveAttribute("href",a.href),i(o).toHaveAttribute("rel",a.rel),i(o).toHaveAttribute("target",a.target)})}};var l,m,p;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`{
1
+ import{j as w}from"./jsx-runtime-CnH95YSl.js";import{w as A,e as i}from"./index-BJMTVygn.js";import{i as s}from"./iconUtils-C1HBA-0w.js";import{O as E}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{l as c,M as I}from"./Link-BQo2zH0c.js";import{a3 as _}from"./OdysseyThemeProvider-BykOaJq8.js";const M={component:I,decorators:[E],argTypes:{children:{control:"text",description:"<b>Required.</b>",table:{type:{summary:"ReactNode"}},type:{required:!0}},href:{control:"text",description:"<b>Required.</b>",table:{type:{summary:"string"}},type:{required:!0}},icon:{control:{type:"select"},options:Object.keys(s),mapping:s,description:"An optional icon to display at the start of the Link",table:{type:{summary:"<Icon />"}}},rel:{control:"text",table:{type:{summary:"string"}}},target:{control:"text",description:"If set to `_blank`, the Link will display an external icon.",table:{type:{summary:"string"}},type:{required:!0}},variant:{control:{type:"radio"},options:c,table:{type:{summary:c.join(" | ")},defaultValue:{summary:"default"}}},onClick:{action:!0,description:"Callback fired when the link is clicked",table:{type:{summary:"(() => void)"},defaultValue:""}}}},e={args:{href:"#anchor",variant:"default",children:"Anchor link"}},r={args:{href:"#anchor",variant:"monochrome",children:"Monochrome link"}},t={args:{href:"#anchor",children:"Info link",icon:w.jsx(_,{})}},n={args:{href:"https://www.okta.com",children:"Visit okta.com",rel:"noopener",target:"_blank",ariaLabel:"External Link"},play:async({canvasElement:v,step:L})=>{await L("Link Aria-Label",({args:a})=>{const o=A(v).getByRole("link",{name:"External Link"});i(o).toHaveAttribute("href",a.href),i(o).toHaveAttribute("rel",a.rel),i(o).toHaveAttribute("target",a.target)})}};var l,m,p;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`{
2
2
  args: {
3
3
  href: "#anchor",
4
4
  variant: "default",
@@ -1 +1 @@
1
- import{r as e}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as l}from"./OdysseyThemeProvider-BBwjgzn2.js";const t=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M12 13.334H4v1.334h8v-1.334Zm-.195-4.195-3.098 3.098a1 1 0 0 1-1.414 0L4.195 9.139l.943-.943 2.195 2.195V3.334h1.334v7.057l2.195-2.195.943.943Z",fill:"currentColor",fillRule:"evenodd"})})})),d=e.memo(t);d.displayName="ArrowBottomIcon";const s=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M13 15.586V5h-2v10.586l-3.293-3.293-1.414 1.414 4.646 4.647a1.5 1.5 0 0 0 2.122 0l4.646-4.647-1.414-1.414L13 15.586Z",fill:"currentColor",fillRule:"evenodd"})})})),i=e.memo(s);i.displayName="ArrowDownIcon";const a=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M4 2.667h8V1.334H4v1.333Zm.195 4.196 3.098-3.098a1 1 0 0 1 1.414 0l3.098 3.098-.943.942L8.667 5.61v7.057H7.333V5.61L5.138 7.805l-.943-.942Z",fill:"currentColor",fillRule:"evenodd"})})})),c=e.memo(a);c.displayName="ArrowTopIcon";const m=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M17 15.586V5h-2v10.586l-2.293-2.293-1.414 1.414 3.646 3.646a1.5 1.5 0 0 0 2.122 0l3.646-3.646-1.414-1.414L17 15.586ZM6.94 5.646 3.292 9.293l1.414 1.414L7 8.414V19h2V8.414l2.293 2.293 1.414-1.414-3.646-3.647a1.5 1.5 0 0 0-2.122 0Z",fill:"currentColor",fillRule:"evenodd"})})})),w=e.memo(m);w.displayName="ArrowUnsortedIcon";const f=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"m10.94 5.646-4.647 4.647 1.414 1.414L11 8.414V19h2V8.414l3.293 3.293 1.414-1.414-4.646-4.647a1.5 1.5 0 0 0-2.122 0Z",fill:"currentColor",fillRule:"evenodd"})})})),v=e.memo(f);v.displayName="ArrowUpIcon";const p=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M9 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 5.667a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 4.166a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-9-11.333a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9 14.833a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",fill:"currentColor",fillRule:"evenodd"})})})),x=e.memo(p);x.displayName="DragIndicatorIcon";const h=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M5 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-2 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm5-7h15v-2H8v2Zm15-6H8V5h15v2ZM8 19h15v-2H8v2Z",fill:"currentColor",fillRule:"evenodd"})})})),u=e.memo(h);u.displayName="ListIcon";export{c as M,v as a,i as b,d as c,u as d,x as e,w as f};
1
+ import{r as e}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as l}from"./OdysseyThemeProvider-BykOaJq8.js";const t=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M12 13.334H4v1.334h8v-1.334Zm-.195-4.195-3.098 3.098a1 1 0 0 1-1.414 0L4.195 9.139l.943-.943 2.195 2.195V3.334h1.334v7.057l2.195-2.195.943.943Z",fill:"currentColor",fillRule:"evenodd"})})})),d=e.memo(t);d.displayName="ArrowBottomIcon";const s=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M13 15.586V5h-2v10.586l-3.293-3.293-1.414 1.414 4.646 4.647a1.5 1.5 0 0 0 2.122 0l4.646-4.647-1.414-1.414L13 15.586Z",fill:"currentColor",fillRule:"evenodd"})})})),i=e.memo(s);i.displayName="ArrowDownIcon";const a=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M4 2.667h8V1.334H4v1.333Zm.195 4.196 3.098-3.098a1 1 0 0 1 1.414 0l3.098 3.098-.943.942L8.667 5.61v7.057H7.333V5.61L5.138 7.805l-.943-.942Z",fill:"currentColor",fillRule:"evenodd"})})})),c=e.memo(a);c.displayName="ArrowTopIcon";const m=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M17 15.586V5h-2v10.586l-2.293-2.293-1.414 1.414 3.646 3.646a1.5 1.5 0 0 0 2.122 0l3.646-3.646-1.414-1.414L17 15.586ZM6.94 5.646 3.292 9.293l1.414 1.414L7 8.414V19h2V8.414l2.293 2.293 1.414-1.414-3.646-3.647a1.5 1.5 0 0 0-2.122 0Z",fill:"currentColor",fillRule:"evenodd"})})})),w=e.memo(m);w.displayName="ArrowUnsortedIcon";const f=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"m10.94 5.646-4.647 4.647 1.414 1.414L11 8.414V19h2V8.414l3.293 3.293 1.414-1.414-4.646-4.647a1.5 1.5 0 0 0-2.122 0Z",fill:"currentColor",fillRule:"evenodd"})})})),v=e.memo(f);v.displayName="ArrowUpIcon";const p=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M9 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 5.667a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 4.166a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-9-11.333a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9 14.833a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",fill:"currentColor",fillRule:"evenodd"})})})),x=e.memo(p);x.displayName="DragIndicatorIcon";const h=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M5 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-2 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm5-7h15v-2H8v2Zm15-6H8V5h15v2ZM8 19h15v-2H8v2Z",fill:"currentColor",fillRule:"evenodd"})})})),u=e.memo(h);u.displayName="ListIcon";export{c as M,v as a,i as b,d as c,u as d,x as e,w as f};
@@ -1 +1 @@
1
- import{U as x,V as L,c as f,_ as P,b as i,d as C,e as j,g as v}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as d}from"./index-NdkWRN8K.js";import{j as u}from"./jsx-runtime-CnH95YSl.js";const M=d.createContext({});function R(s){return x("MuiList",s)}L("MuiList",["root","padding","dense","subheader"]);const U=["children","className","component","dense","disablePadding","subheader"],_=s=>{const{classes:e,disablePadding:t,dense:o,subheader:a}=s;return v({root:["root",!t&&"padding",o&&"dense",a&&"subheader"]},R,e)},y=C("ul",{name:"MuiList",slot:"Root",overridesResolver:(s,e)=>{const{ownerState:t}=s;return[e.root,!t.disablePadding&&e.padding,t.dense&&e.dense,t.subheader&&e.subheader]}})(({ownerState:s})=>i({listStyle:"none",margin:0,padding:0,position:"relative"},!s.disablePadding&&{paddingTop:8,paddingBottom:8},s.subheader&&{paddingTop:0})),S=d.forwardRef(function(e,t){const o=f({props:e,name:"MuiList"}),{children:a,className:r,component:l="ul",dense:n=!1,disablePadding:p=!1,subheader:m}=o,g=P(o,U),b=d.useMemo(()=>({dense:n}),[n]),c=i({},o,{component:l,dense:n,disablePadding:p}),h=_(c);return u.jsx(M.Provider,{value:b,children:u.jsxs(y,i({as:l,className:j(h.root,r),ref:t,ownerState:c},g,{children:[m,a]}))})});export{S as L,M as a};
1
+ import{U as x,V as f,c as L,_ as P,b as i,s as C,d as j,f as v}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as d}from"./index-NdkWRN8K.js";import{j as u}from"./jsx-runtime-CnH95YSl.js";const M=d.createContext({});function R(s){return x("MuiList",s)}f("MuiList",["root","padding","dense","subheader"]);const U=["children","className","component","dense","disablePadding","subheader"],_=s=>{const{classes:e,disablePadding:t,dense:o,subheader:a}=s;return v({root:["root",!t&&"padding",o&&"dense",a&&"subheader"]},R,e)},y=C("ul",{name:"MuiList",slot:"Root",overridesResolver:(s,e)=>{const{ownerState:t}=s;return[e.root,!t.disablePadding&&e.padding,t.dense&&e.dense,t.subheader&&e.subheader]}})(({ownerState:s})=>i({listStyle:"none",margin:0,padding:0,position:"relative"},!s.disablePadding&&{paddingTop:8,paddingBottom:8},s.subheader&&{paddingTop:0})),S=d.forwardRef(function(e,t){const o=L({props:e,name:"MuiList"}),{children:a,className:r,component:l="ul",dense:n=!1,disablePadding:p=!1,subheader:m}=o,g=P(o,U),b=d.useMemo(()=>({dense:n}),[n]),c=i({},o,{component:l,dense:n,disablePadding:p}),h=_(c);return u.jsx(M.Provider,{value:b,children:u.jsxs(y,i({as:l,className:j(h.root,r),ref:t,ownerState:c},g,{children:[m,a]}))})});export{S as L,M as a};
@@ -1 +1 @@
1
- import{U as q,V as z,c as D,_ as M,b as a,d as O,e as k,f as K,g as T,r as ot,x as st,a as at,p as U}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as l}from"./index-NdkWRN8K.js";import{a as nt,i as Z}from"./utils-iop7lDec.js";import{F as rt,u as it,f as lt}from"./useFormControl-BMISTZuX.js";import{j as b}from"./jsx-runtime-CnH95YSl.js";import{F as ct}from"./FormLabel-BLj3hKkg.js";import{a as _}from"./List-Be7fhh4_.js";import{u as dt}from"./useIsFocusVisible-DH0qxT5e.js";import{i as tt}from"./isHostComponent-DVu5iVWx.js";import{B as ut}from"./ButtonBase-BAQsCgRq.js";function V(t,e){var o,s;return l.isValidElement(t)&&e.indexOf((o=t.type.muiName)!=null?o:(s=t.type)==null||(s=s._payload)==null||(s=s.value)==null?void 0:s.muiName)!==-1}function pt(t){return q("MuiFormControl",t)}z("MuiFormControl",["root","marginNone","marginNormal","marginDense","fullWidth","disabled"]);const mt=["children","className","color","component","disabled","error","focused","fullWidth","hiddenLabel","margin","required","size","variant"],ft=t=>{const{classes:e,margin:o,fullWidth:s}=t,r={root:["root",o!=="none"&&`margin${K(o)}`,s&&"fullWidth"]};return T(r,pt,e)},bt=O("div",{name:"MuiFormControl",slot:"Root",overridesResolver:({ownerState:t},e)=>a({},e.root,e[`margin${K(t.margin)}`],t.fullWidth&&e.fullWidth)})(({ownerState:t})=>a({display:"inline-flex",flexDirection:"column",position:"relative",minWidth:0,padding:0,margin:0,border:0,verticalAlign:"top"},t.margin==="normal"&&{marginTop:16,marginBottom:8},t.margin==="dense"&&{marginTop:8,marginBottom:4},t.fullWidth&&{width:"100%"})),Vt=l.forwardRef(function(e,o){const s=D({props:e,name:"MuiFormControl"}),{children:r,className:d,color:c="primary",component:u="div",disabled:n=!1,error:i=!1,focused:m,fullWidth:g=!1,hiddenLabel:v=!1,margin:w="none",required:I=!1,size:L="medium",variant:x="outlined"}=s,H=M(s,mt),W=a({},s,{color:c,component:u,disabled:n,error:i,fullWidth:g,hiddenLabel:v,margin:w,required:I,size:L,variant:x}),Y=ft(W),[R,J]=l.useState(()=>{let p=!1;return r&&l.Children.forEach(r,f=>{if(!V(f,["Input","Select"]))return;const C=V(f,["Select"])?f.props.input:f;C&&nt(C.props)&&(p=!0)}),p}),[E,j]=l.useState(()=>{let p=!1;return r&&l.Children.forEach(r,f=>{V(f,["Input","Select"])&&(Z(f.props,!0)||Z(f.props.inputProps,!0))&&(p=!0)}),p}),[G,S]=l.useState(!1);n&&G&&S(!1);const $=m!==void 0&&!n?m:G;let A;const N=l.useMemo(()=>({adornedStart:R,setAdornedStart:J,color:c,disabled:n,error:i,filled:E,focused:$,fullWidth:g,hiddenLabel:v,size:L,onBlur:()=>{S(!1)},onEmpty:()=>{j(!1)},onFilled:()=>{j(!0)},onFocus:()=>{S(!0)},registerEffect:A,required:I,variant:x}),[R,c,n,i,E,$,g,v,A,I,L,x]);return b.jsx(rt.Provider,{value:N,children:b.jsx(bt,a({as:u,ownerState:W,className:k(Y.root,d),ref:o},H,{children:r}))})});function gt(t){return q("MuiInputLabel",t)}z("MuiInputLabel",["root","focused","disabled","error","required","asterisk","formControl","sizeSmall","shrink","animated","standard","filled","outlined"]);const vt=["disableAnimation","margin","shrink","variant","className"],xt=t=>{const{classes:e,formControl:o,size:s,shrink:r,disableAnimation:d,variant:c,required:u}=t,n={root:["root",o&&"formControl",!d&&"animated",r&&"shrink",s&&s!=="normal"&&`size${K(s)}`,c],asterisk:[u&&"asterisk"]},i=T(n,gt,e);return a({},e,i)},Ct=O(ct,{shouldForwardProp:t=>ot(t)||t==="classes",name:"MuiInputLabel",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:o}=t;return[{[`& .${st.asterisk}`]:e.asterisk},e.root,o.formControl&&e.formControl,o.size==="small"&&e.sizeSmall,o.shrink&&e.shrink,!o.disableAnimation&&e.animated,o.focused&&e.focused,e[o.variant]]}})(({theme:t,ownerState:e})=>a({display:"block",transformOrigin:"top left",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},e.formControl&&{position:"absolute",left:0,top:0,transform:"translate(0, 20px) scale(1)"},e.size==="small"&&{transform:"translate(0, 17px) scale(1)"},e.shrink&&{transform:"translate(0, -1.5px) scale(0.75)",transformOrigin:"top left",maxWidth:"133%"},!e.disableAnimation&&{transition:t.transitions.create(["color","transform","max-width"],{duration:t.transitions.duration.shorter,easing:t.transitions.easing.easeOut})},e.variant==="filled"&&a({zIndex:1,pointerEvents:"none",transform:"translate(12px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"},e.size==="small"&&{transform:"translate(12px, 13px) scale(1)"},e.shrink&&a({userSelect:"none",pointerEvents:"auto",transform:"translate(12px, 7px) scale(0.75)",maxWidth:"calc(133% - 24px)"},e.size==="small"&&{transform:"translate(12px, 4px) scale(0.75)"})),e.variant==="outlined"&&a({zIndex:1,pointerEvents:"none",transform:"translate(14px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"},e.size==="small"&&{transform:"translate(14px, 9px) scale(1)"},e.shrink&&{userSelect:"none",pointerEvents:"auto",maxWidth:"calc(133% - 32px)",transform:"translate(14px, -9px) scale(0.75)"}))),qt=l.forwardRef(function(e,o){const s=D({name:"MuiInputLabel",props:e}),{disableAnimation:r=!1,shrink:d,className:c}=s,u=M(s,vt),n=it();let i=d;typeof i>"u"&&n&&(i=n.filled||n.focused||n.adornedStart);const m=lt({props:s,muiFormControl:n,states:["size","variant","required","focused"]}),g=a({},s,{disableAnimation:r,formControl:n,shrink:i,size:m.size,variant:m.variant,required:m.required,focused:m.focused}),v=xt(g);return b.jsx(Ct,a({"data-shrink":i,ownerState:g,ref:o,className:k(v.root,c)},u,{classes:v}))});function ht(t){return q("MuiListItem",t)}const F=z("MuiListItem",["root","container","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","padding","button","secondaryAction","selected"]),yt=z("MuiListItemButton",["root","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","selected"]);function It(t){return q("MuiListItemSecondaryAction",t)}z("MuiListItemSecondaryAction",["root","disableGutters"]);const Lt=["className"],At=t=>{const{disableGutters:e,classes:o}=t;return T({root:["root",e&&"disableGutters"]},It,o)},Ft=O("div",{name:"MuiListItemSecondaryAction",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:o}=t;return[e.root,o.disableGutters&&e.disableGutters]}})(({ownerState:t})=>a({position:"absolute",right:16,top:"50%",transform:"translateY(-50%)"},t.disableGutters&&{right:0})),et=l.forwardRef(function(e,o){const s=D({props:e,name:"MuiListItemSecondaryAction"}),{className:r}=s,d=M(s,Lt),c=l.useContext(_),u=a({},s,{disableGutters:c.disableGutters}),n=At(u);return b.jsx(Ft,a({className:k(n.root,r),ownerState:u,ref:o},d))});et.muiName="ListItemSecondaryAction";const kt=["className"],Rt=["alignItems","autoFocus","button","children","className","component","components","componentsProps","ContainerComponent","ContainerProps","dense","disabled","disableGutters","disablePadding","divider","focusVisibleClassName","secondaryAction","selected","slotProps","slots"],St=(t,e)=>{const{ownerState:o}=t;return[e.root,o.dense&&e.dense,o.alignItems==="flex-start"&&e.alignItemsFlexStart,o.divider&&e.divider,!o.disableGutters&&e.gutters,!o.disablePadding&&e.padding,o.button&&e.button,o.hasSecondaryAction&&e.secondaryAction]},$t=t=>{const{alignItems:e,button:o,classes:s,dense:r,disabled:d,disableGutters:c,disablePadding:u,divider:n,hasSecondaryAction:i,selected:m}=t;return T({root:["root",r&&"dense",!c&&"gutters",!u&&"padding",n&&"divider",d&&"disabled",o&&"button",e==="flex-start"&&"alignItemsFlexStart",i&&"secondaryAction",m&&"selected"],container:["container"]},ht,s)},Nt=O("div",{name:"MuiListItem",slot:"Root",overridesResolver:St})(({theme:t,ownerState:e})=>a({display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",width:"100%",boxSizing:"border-box",textAlign:"left"},!e.disablePadding&&a({paddingTop:8,paddingBottom:8},e.dense&&{paddingTop:4,paddingBottom:4},!e.disableGutters&&{paddingLeft:16,paddingRight:16},!!e.secondaryAction&&{paddingRight:48}),!!e.secondaryAction&&{[`& > .${yt.root}`]:{paddingRight:48}},{[`&.${F.focusVisible}`]:{backgroundColor:(t.vars||t).palette.action.focus},[`&.${F.selected}`]:{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})`:U.alpha(t.palette.primary.main,t.palette.action.selectedOpacity),[`&.${F.focusVisible}`]:{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))`:U.alpha(t.palette.primary.main,t.palette.action.selectedOpacity+t.palette.action.focusOpacity)}},[`&.${F.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}},e.alignItems==="flex-start"&&{alignItems:"flex-start"},e.divider&&{borderBottom:`1px solid ${(t.vars||t).palette.divider}`,backgroundClip:"padding-box"},e.button&&{transition:t.transitions.create("background-color",{duration:t.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:(t.vars||t).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${F.selected}:hover`]:{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))`:U.alpha(t.palette.primary.main,t.palette.action.selectedOpacity+t.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})`:U.alpha(t.palette.primary.main,t.palette.action.selectedOpacity)}}},e.hasSecondaryAction&&{paddingRight:48})),Pt=O("li",{name:"MuiListItem",slot:"Container",overridesResolver:(t,e)=>e.container})({position:"relative"}),Dt=l.forwardRef(function(e,o){const s=D({props:e,name:"MuiListItem"}),{alignItems:r="center",autoFocus:d=!1,button:c=!1,children:u,className:n,component:i,components:m={},componentsProps:g={},ContainerComponent:v="li",ContainerProps:{className:w}={},dense:I=!1,disabled:L=!1,disableGutters:x=!1,disablePadding:H=!1,divider:W=!1,focusVisibleClassName:Y,secondaryAction:R,selected:J=!1,slotProps:E={},slots:j={}}=s,G=M(s.ContainerProps,kt),S=M(s,Rt),$=l.useContext(_),A=l.useMemo(()=>({dense:I||$.dense||!1,alignItems:r,disableGutters:x}),[r,$.dense,I,x]),N=l.useRef(null);at(()=>{d&&N.current&&N.current.focus()},[d]);const p=l.Children.toArray(u),f=p.length&&V(p[p.length-1],["ListItemSecondaryAction"]),C=a({},s,{alignItems:r,autoFocus:d,button:c,dense:A.dense,disabled:L,disableGutters:x,disablePadding:H,divider:W,hasSecondaryAction:f,selected:J}),Q=$t(C),X=dt(N,o),B=j.root||m.Root||Nt,P=E.root||g.root||{},h=a({className:k(Q.root,P.className,n),disabled:L},S);let y=i||"li";return c&&(h.component=i||"div",h.focusVisibleClassName=k(F.focusVisible,Y),y=ut),f?(y=!h.component&&!i?"div":y,v==="li"&&(y==="li"?y="div":h.component==="li"&&(h.component="div")),b.jsx(_.Provider,{value:A,children:b.jsxs(Pt,a({as:v,className:k(Q.container,w),ref:X,ownerState:C},G,{children:[b.jsx(B,a({},P,!tt(B)&&{as:y,ownerState:a({},C,P.ownerState)},h,{children:p})),p.pop()]}))})):b.jsx(_.Provider,{value:A,children:b.jsxs(B,a({},P,{as:y,ref:X},!tt(B)&&{ownerState:a({},C,P.ownerState)},h,{children:[p,R&&b.jsx(et,{children:R})]}))})});export{Vt as F,qt as I,et as L,Dt as a,V as i};
1
+ import{U as q,V as z,c as D,_ as M,b as a,s as O,d as k,e as K,f as T,r as ot,x as st,a as at,n as U}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as l}from"./index-NdkWRN8K.js";import{a as nt,i as Z}from"./utils-iop7lDec.js";import{F as rt,u as it,f as lt}from"./useFormControl-BMISTZuX.js";import{j as b}from"./jsx-runtime-CnH95YSl.js";import{F as ct}from"./FormLabel-EOlXQpGp.js";import{a as _}from"./List-_p0jkXPM.js";import{u as dt}from"./useIsFocusVisible-DH0qxT5e.js";import{i as tt}from"./isHostComponent-DVu5iVWx.js";import{B as ut}from"./ButtonBase-CrcIXP69.js";function V(t,e){var o,s;return l.isValidElement(t)&&e.indexOf((o=t.type.muiName)!=null?o:(s=t.type)==null||(s=s._payload)==null||(s=s.value)==null?void 0:s.muiName)!==-1}function pt(t){return q("MuiFormControl",t)}z("MuiFormControl",["root","marginNone","marginNormal","marginDense","fullWidth","disabled"]);const mt=["children","className","color","component","disabled","error","focused","fullWidth","hiddenLabel","margin","required","size","variant"],ft=t=>{const{classes:e,margin:o,fullWidth:s}=t,r={root:["root",o!=="none"&&`margin${K(o)}`,s&&"fullWidth"]};return T(r,pt,e)},bt=O("div",{name:"MuiFormControl",slot:"Root",overridesResolver:({ownerState:t},e)=>a({},e.root,e[`margin${K(t.margin)}`],t.fullWidth&&e.fullWidth)})(({ownerState:t})=>a({display:"inline-flex",flexDirection:"column",position:"relative",minWidth:0,padding:0,margin:0,border:0,verticalAlign:"top"},t.margin==="normal"&&{marginTop:16,marginBottom:8},t.margin==="dense"&&{marginTop:8,marginBottom:4},t.fullWidth&&{width:"100%"})),Vt=l.forwardRef(function(e,o){const s=D({props:e,name:"MuiFormControl"}),{children:r,className:d,color:c="primary",component:u="div",disabled:n=!1,error:i=!1,focused:m,fullWidth:g=!1,hiddenLabel:v=!1,margin:w="none",required:I=!1,size:L="medium",variant:x="outlined"}=s,H=M(s,mt),W=a({},s,{color:c,component:u,disabled:n,error:i,fullWidth:g,hiddenLabel:v,margin:w,required:I,size:L,variant:x}),Y=ft(W),[R,J]=l.useState(()=>{let p=!1;return r&&l.Children.forEach(r,f=>{if(!V(f,["Input","Select"]))return;const C=V(f,["Select"])?f.props.input:f;C&&nt(C.props)&&(p=!0)}),p}),[E,j]=l.useState(()=>{let p=!1;return r&&l.Children.forEach(r,f=>{V(f,["Input","Select"])&&(Z(f.props,!0)||Z(f.props.inputProps,!0))&&(p=!0)}),p}),[G,S]=l.useState(!1);n&&G&&S(!1);const $=m!==void 0&&!n?m:G;let A;const N=l.useMemo(()=>({adornedStart:R,setAdornedStart:J,color:c,disabled:n,error:i,filled:E,focused:$,fullWidth:g,hiddenLabel:v,size:L,onBlur:()=>{S(!1)},onEmpty:()=>{j(!1)},onFilled:()=>{j(!0)},onFocus:()=>{S(!0)},registerEffect:A,required:I,variant:x}),[R,c,n,i,E,$,g,v,A,I,L,x]);return b.jsx(rt.Provider,{value:N,children:b.jsx(bt,a({as:u,ownerState:W,className:k(Y.root,d),ref:o},H,{children:r}))})});function gt(t){return q("MuiInputLabel",t)}z("MuiInputLabel",["root","focused","disabled","error","required","asterisk","formControl","sizeSmall","shrink","animated","standard","filled","outlined"]);const vt=["disableAnimation","margin","shrink","variant","className"],xt=t=>{const{classes:e,formControl:o,size:s,shrink:r,disableAnimation:d,variant:c,required:u}=t,n={root:["root",o&&"formControl",!d&&"animated",r&&"shrink",s&&s!=="normal"&&`size${K(s)}`,c],asterisk:[u&&"asterisk"]},i=T(n,gt,e);return a({},e,i)},Ct=O(ct,{shouldForwardProp:t=>ot(t)||t==="classes",name:"MuiInputLabel",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:o}=t;return[{[`& .${st.asterisk}`]:e.asterisk},e.root,o.formControl&&e.formControl,o.size==="small"&&e.sizeSmall,o.shrink&&e.shrink,!o.disableAnimation&&e.animated,o.focused&&e.focused,e[o.variant]]}})(({theme:t,ownerState:e})=>a({display:"block",transformOrigin:"top left",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},e.formControl&&{position:"absolute",left:0,top:0,transform:"translate(0, 20px) scale(1)"},e.size==="small"&&{transform:"translate(0, 17px) scale(1)"},e.shrink&&{transform:"translate(0, -1.5px) scale(0.75)",transformOrigin:"top left",maxWidth:"133%"},!e.disableAnimation&&{transition:t.transitions.create(["color","transform","max-width"],{duration:t.transitions.duration.shorter,easing:t.transitions.easing.easeOut})},e.variant==="filled"&&a({zIndex:1,pointerEvents:"none",transform:"translate(12px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"},e.size==="small"&&{transform:"translate(12px, 13px) scale(1)"},e.shrink&&a({userSelect:"none",pointerEvents:"auto",transform:"translate(12px, 7px) scale(0.75)",maxWidth:"calc(133% - 24px)"},e.size==="small"&&{transform:"translate(12px, 4px) scale(0.75)"})),e.variant==="outlined"&&a({zIndex:1,pointerEvents:"none",transform:"translate(14px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"},e.size==="small"&&{transform:"translate(14px, 9px) scale(1)"},e.shrink&&{userSelect:"none",pointerEvents:"auto",maxWidth:"calc(133% - 32px)",transform:"translate(14px, -9px) scale(0.75)"}))),qt=l.forwardRef(function(e,o){const s=D({name:"MuiInputLabel",props:e}),{disableAnimation:r=!1,shrink:d,className:c}=s,u=M(s,vt),n=it();let i=d;typeof i>"u"&&n&&(i=n.filled||n.focused||n.adornedStart);const m=lt({props:s,muiFormControl:n,states:["size","variant","required","focused"]}),g=a({},s,{disableAnimation:r,formControl:n,shrink:i,size:m.size,variant:m.variant,required:m.required,focused:m.focused}),v=xt(g);return b.jsx(Ct,a({"data-shrink":i,ownerState:g,ref:o,className:k(v.root,c)},u,{classes:v}))});function ht(t){return q("MuiListItem",t)}const F=z("MuiListItem",["root","container","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","padding","button","secondaryAction","selected"]),yt=z("MuiListItemButton",["root","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","selected"]);function It(t){return q("MuiListItemSecondaryAction",t)}z("MuiListItemSecondaryAction",["root","disableGutters"]);const Lt=["className"],At=t=>{const{disableGutters:e,classes:o}=t;return T({root:["root",e&&"disableGutters"]},It,o)},Ft=O("div",{name:"MuiListItemSecondaryAction",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:o}=t;return[e.root,o.disableGutters&&e.disableGutters]}})(({ownerState:t})=>a({position:"absolute",right:16,top:"50%",transform:"translateY(-50%)"},t.disableGutters&&{right:0})),et=l.forwardRef(function(e,o){const s=D({props:e,name:"MuiListItemSecondaryAction"}),{className:r}=s,d=M(s,Lt),c=l.useContext(_),u=a({},s,{disableGutters:c.disableGutters}),n=At(u);return b.jsx(Ft,a({className:k(n.root,r),ownerState:u,ref:o},d))});et.muiName="ListItemSecondaryAction";const kt=["className"],Rt=["alignItems","autoFocus","button","children","className","component","components","componentsProps","ContainerComponent","ContainerProps","dense","disabled","disableGutters","disablePadding","divider","focusVisibleClassName","secondaryAction","selected","slotProps","slots"],St=(t,e)=>{const{ownerState:o}=t;return[e.root,o.dense&&e.dense,o.alignItems==="flex-start"&&e.alignItemsFlexStart,o.divider&&e.divider,!o.disableGutters&&e.gutters,!o.disablePadding&&e.padding,o.button&&e.button,o.hasSecondaryAction&&e.secondaryAction]},$t=t=>{const{alignItems:e,button:o,classes:s,dense:r,disabled:d,disableGutters:c,disablePadding:u,divider:n,hasSecondaryAction:i,selected:m}=t;return T({root:["root",r&&"dense",!c&&"gutters",!u&&"padding",n&&"divider",d&&"disabled",o&&"button",e==="flex-start"&&"alignItemsFlexStart",i&&"secondaryAction",m&&"selected"],container:["container"]},ht,s)},Nt=O("div",{name:"MuiListItem",slot:"Root",overridesResolver:St})(({theme:t,ownerState:e})=>a({display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",width:"100%",boxSizing:"border-box",textAlign:"left"},!e.disablePadding&&a({paddingTop:8,paddingBottom:8},e.dense&&{paddingTop:4,paddingBottom:4},!e.disableGutters&&{paddingLeft:16,paddingRight:16},!!e.secondaryAction&&{paddingRight:48}),!!e.secondaryAction&&{[`& > .${yt.root}`]:{paddingRight:48}},{[`&.${F.focusVisible}`]:{backgroundColor:(t.vars||t).palette.action.focus},[`&.${F.selected}`]:{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})`:U.alpha(t.palette.primary.main,t.palette.action.selectedOpacity),[`&.${F.focusVisible}`]:{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))`:U.alpha(t.palette.primary.main,t.palette.action.selectedOpacity+t.palette.action.focusOpacity)}},[`&.${F.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}},e.alignItems==="flex-start"&&{alignItems:"flex-start"},e.divider&&{borderBottom:`1px solid ${(t.vars||t).palette.divider}`,backgroundClip:"padding-box"},e.button&&{transition:t.transitions.create("background-color",{duration:t.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:(t.vars||t).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${F.selected}:hover`]:{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))`:U.alpha(t.palette.primary.main,t.palette.action.selectedOpacity+t.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})`:U.alpha(t.palette.primary.main,t.palette.action.selectedOpacity)}}},e.hasSecondaryAction&&{paddingRight:48})),Pt=O("li",{name:"MuiListItem",slot:"Container",overridesResolver:(t,e)=>e.container})({position:"relative"}),Dt=l.forwardRef(function(e,o){const s=D({props:e,name:"MuiListItem"}),{alignItems:r="center",autoFocus:d=!1,button:c=!1,children:u,className:n,component:i,components:m={},componentsProps:g={},ContainerComponent:v="li",ContainerProps:{className:w}={},dense:I=!1,disabled:L=!1,disableGutters:x=!1,disablePadding:H=!1,divider:W=!1,focusVisibleClassName:Y,secondaryAction:R,selected:J=!1,slotProps:E={},slots:j={}}=s,G=M(s.ContainerProps,kt),S=M(s,Rt),$=l.useContext(_),A=l.useMemo(()=>({dense:I||$.dense||!1,alignItems:r,disableGutters:x}),[r,$.dense,I,x]),N=l.useRef(null);at(()=>{d&&N.current&&N.current.focus()},[d]);const p=l.Children.toArray(u),f=p.length&&V(p[p.length-1],["ListItemSecondaryAction"]),C=a({},s,{alignItems:r,autoFocus:d,button:c,dense:A.dense,disabled:L,disableGutters:x,disablePadding:H,divider:W,hasSecondaryAction:f,selected:J}),Q=$t(C),X=dt(N,o),B=j.root||m.Root||Nt,P=E.root||g.root||{},h=a({className:k(Q.root,P.className,n),disabled:L},S);let y=i||"li";return c&&(h.component=i||"div",h.focusVisibleClassName=k(F.focusVisible,Y),y=ut),f?(y=!h.component&&!i?"div":y,v==="li"&&(y==="li"?y="div":h.component==="li"&&(h.component="div")),b.jsx(_.Provider,{value:A,children:b.jsxs(Pt,a({as:v,className:k(Q.container,w),ref:X,ownerState:C},G,{children:[b.jsx(B,a({},P,!tt(B)&&{as:y,ownerState:a({},C,P.ownerState)},h,{children:p})),p.pop()]}))})):b.jsx(_.Provider,{value:A,children:b.jsxs(B,a({},P,{as:y,ref:X},!tt(B)&&{ownerState:a({},C,P.ownerState)},h,{children:[p,R&&b.jsx(et,{children:R})]}))})});export{Vt as F,qt as I,et as L,Dt as a,V as i};
@@ -1 +1 @@
1
- import{U as f,V as g,c as m,_ as S,b as l,d as h,e as x,f as c,g as L}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as k}from"./index-NdkWRN8K.js";import{j as R}from"./jsx-runtime-CnH95YSl.js";function C(t){return f("MuiListSubheader",t)}g("MuiListSubheader",["root","colorPrimary","colorInherit","gutters","inset","sticky"]);const v=["className","color","component","disableGutters","disableSticky","inset"],G=t=>{const{classes:s,color:o,disableGutters:e,inset:r,disableSticky:a}=t,i={root:["root",o!=="default"&&`color${c(o)}`,!e&&"gutters",r&&"inset",!a&&"sticky"]};return L(i,C,s)},M=h("li",{name:"MuiListSubheader",slot:"Root",overridesResolver:(t,s)=>{const{ownerState:o}=t;return[s.root,o.color!=="default"&&s[`color${c(o.color)}`],!o.disableGutters&&s.gutters,o.inset&&s.inset,!o.disableSticky&&s.sticky]}})(({theme:t,ownerState:s})=>l({boxSizing:"border-box",lineHeight:"48px",listStyle:"none",color:(t.vars||t).palette.text.secondary,fontFamily:t.typography.fontFamily,fontWeight:t.typography.fontWeightMedium,fontSize:t.typography.pxToRem(14)},s.color==="primary"&&{color:(t.vars||t).palette.primary.main},s.color==="inherit"&&{color:"inherit"},!s.disableGutters&&{paddingLeft:16,paddingRight:16},s.inset&&{paddingLeft:72},!s.disableSticky&&{position:"sticky",top:0,zIndex:1,backgroundColor:(t.vars||t).palette.background.paper})),U=k.forwardRef(function(s,o){const e=m({props:s,name:"MuiListSubheader"}),{className:r,color:a="default",component:i="li",disableGutters:d=!1,disableSticky:u=!1,inset:p=!1}=e,b=S(e,v),n=l({},e,{color:a,component:i,disableGutters:d,disableSticky:u,inset:p}),y=G(n);return R.jsx(M,l({as:i,className:x(y.root,r),ref:o,ownerState:n},b))});U.muiSkipListHighlight=!0;export{U as L};
1
+ import{U as f,V as g,c as m,_ as S,b as l,s as h,d as x,e as c,f as L}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as k}from"./index-NdkWRN8K.js";import{j as R}from"./jsx-runtime-CnH95YSl.js";function C(t){return f("MuiListSubheader",t)}g("MuiListSubheader",["root","colorPrimary","colorInherit","gutters","inset","sticky"]);const v=["className","color","component","disableGutters","disableSticky","inset"],G=t=>{const{classes:s,color:o,disableGutters:e,inset:r,disableSticky:a}=t,i={root:["root",o!=="default"&&`color${c(o)}`,!e&&"gutters",r&&"inset",!a&&"sticky"]};return L(i,C,s)},M=h("li",{name:"MuiListSubheader",slot:"Root",overridesResolver:(t,s)=>{const{ownerState:o}=t;return[s.root,o.color!=="default"&&s[`color${c(o.color)}`],!o.disableGutters&&s.gutters,o.inset&&s.inset,!o.disableSticky&&s.sticky]}})(({theme:t,ownerState:s})=>l({boxSizing:"border-box",lineHeight:"48px",listStyle:"none",color:(t.vars||t).palette.text.secondary,fontFamily:t.typography.fontFamily,fontWeight:t.typography.fontWeightMedium,fontSize:t.typography.pxToRem(14)},s.color==="primary"&&{color:(t.vars||t).palette.primary.main},s.color==="inherit"&&{color:"inherit"},!s.disableGutters&&{paddingLeft:16,paddingRight:16},s.inset&&{paddingLeft:72},!s.disableSticky&&{position:"sticky",top:0,zIndex:1,backgroundColor:(t.vars||t).palette.background.paper})),U=k.forwardRef(function(s,o){const e=m({props:s,name:"MuiListSubheader"}),{className:r,color:a="default",component:i="li",disableGutters:d=!1,disableSticky:u=!1,inset:p=!1}=e,b=S(e,v),n=l({},e,{color:a,component:i,disableGutters:d,disableSticky:u,inset:p}),y=G(n);return R.jsx(M,l({as:i,className:x(y.root,r),ref:o,ownerState:n},b))});U.muiSkipListHighlight=!0;export{U as L};
@@ -0,0 +1 @@
1
+ import{U as mo,V as Po,c as ho,_ as $,b as f,d as J,s as k,f as vo,z as Eo,r as So}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as i}from"./index-NdkWRN8K.js";import{j}from"./jsx-runtime-CnH95YSl.js";import{u as V}from"./getReactElementRef-Bs64nbeG.js";import{G as Co}from"./Grow-6R6cTzr4.js";import{u as Oo}from"./useIsFocusVisible-DH0qxT5e.js";import{o as ao}from"./ownerDocument-DW-IO8s5.js";import{o as po}from"./ownerWindow-HkKU3E4x.js";import{d as Lo}from"./debounce-Be36O1Ab.js";import{i as _o}from"./isHostComponent-DVu5iVWx.js";import{M as zo}from"./Modal-B12sS2Yh.js";import{P as Do}from"./Paper-DwBg74qy.js";import{M as No}from"./MenuList-0OHGr5AC.js";function Fo(t){return mo("MuiPopover",t)}Po("MuiPopover",["root","paper"]);const Io=["onEntering"],$o=["action","anchorEl","anchorOrigin","anchorPosition","anchorReference","children","className","container","elevation","marginThreshold","open","PaperProps","slots","slotProps","transformOrigin","TransitionComponent","transitionDuration","TransitionProps","disableScrollLock"],jo=["slotProps"];function co(t,o){let r=0;return typeof o=="number"?r=o:o==="center"?r=t.height/2:o==="bottom"&&(r=t.height),r}function uo(t,o){let r=0;return typeof o=="number"?r=o:o==="center"?r=t.width/2:o==="right"&&(r=t.width),r}function fo(t){return[t.horizontal,t.vertical].map(o=>typeof o=="number"?`${o}px`:o).join(" ")}function q(t){return typeof t=="function"?t():t}const ko=t=>{const{classes:o}=t;return vo({root:["root"],paper:["paper"]},Fo,o)},Wo=k(zo,{name:"MuiPopover",slot:"Root",overridesResolver:(t,o)=>o.root})({}),go=k(Do,{name:"MuiPopover",slot:"Paper",overridesResolver:(t,o)=>o.paper})({position:"absolute",overflowY:"auto",overflowX:"hidden",minWidth:16,minHeight:16,maxWidth:"calc(100% - 32px)",maxHeight:"calc(100% - 32px)",outline:0}),Ao=i.forwardRef(function(o,r){var _,z,x;const v=ho({props:o,name:"MuiPopover"}),{action:W,anchorEl:c,anchorOrigin:d={vertical:"top",horizontal:"left"},anchorPosition:E,anchorReference:m="anchorEl",children:A,className:H,container:B,elevation:D=8,marginThreshold:s=16,open:p,PaperProps:N={},slots:y,slotProps:R,transformOrigin:w={vertical:"top",horizontal:"left"},TransitionComponent:b=Co,transitionDuration:g="auto",TransitionProps:{onEntering:S}={},disableScrollLock:F=!1}=v,C=$(v.TransitionProps,Io),X=$(v,$o),P=(_=R==null?void 0:R.paper)!=null?_:N,M=i.useRef(),U=Oo(M,P.ref),I=f({},v,{anchorOrigin:d,anchorReference:m,elevation:D,marginThreshold:s,externalPaperSlotProps:P,transformOrigin:w,TransitionComponent:b,transitionDuration:g,TransitionProps:C}),G=ko(I),K=i.useCallback(()=>{if(m==="anchorPosition")return E;const e=q(c),a=(e&&e.nodeType===1?e:ao(M.current).body).getBoundingClientRect();return{top:a.top+co(a,d.vertical),left:a.left+uo(a,d.horizontal)}},[c,d.horizontal,d.vertical,E,m]),l=i.useCallback(e=>({vertical:co(e,w.vertical),horizontal:uo(e,w.horizontal)}),[w.horizontal,w.vertical]),T=i.useCallback(e=>{const n={width:e.offsetWidth,height:e.offsetHeight},a=l(n);if(m==="none")return{top:null,left:null,transformOrigin:fo(a)};const eo=K();let O=eo.top-a.vertical,L=eo.left-a.horizontal;const ro=O+n.height,so=L+n.width,no=po(q(c)),io=no.innerHeight-s,lo=no.innerWidth-s;if(s!==null&&O<s){const u=O-s;O-=u,a.vertical+=u}else if(s!==null&&ro>io){const u=ro-io;O-=u,a.vertical+=u}if(s!==null&&L<s){const u=L-s;L-=u,a.horizontal+=u}else if(so>lo){const u=so-lo;L-=u,a.horizontal+=u}return{top:`${Math.round(O)}px`,left:`${Math.round(L)}px`,transformOrigin:fo(a)}},[c,m,K,l,s]),[Mo,Q]=i.useState(p),h=i.useCallback(()=>{const e=M.current;if(!e)return;const n=T(e);n.top!==null&&(e.style.top=n.top),n.left!==null&&(e.style.left=n.left),e.style.transformOrigin=n.transformOrigin,Q(!0)},[T]);i.useEffect(()=>(F&&window.addEventListener("scroll",h),()=>window.removeEventListener("scroll",h)),[c,F,h]);const xo=(e,n)=>{S&&S(e,n),h()},yo=()=>{Q(!1)};i.useEffect(()=>{p&&h()}),i.useImperativeHandle(W,()=>p?{updatePosition:()=>{h()}}:null,[p,h]),i.useEffect(()=>{if(!p)return;const e=Lo(()=>{h()}),n=po(c);return n.addEventListener("resize",e),()=>{e.clear(),n.removeEventListener("resize",e)}},[c,p,h]);let Z=g;g==="auto"&&!b.muiSupportAuto&&(Z=void 0);const Ro=B||(c?ao(q(c)).body:void 0),Y=(z=y==null?void 0:y.root)!=null?z:Wo,oo=(x=y==null?void 0:y.paper)!=null?x:go,wo=V({elementType:oo,externalSlotProps:f({},P,{style:Mo?P.style:f({},P.style,{opacity:0})}),additionalProps:{elevation:D,ref:U},ownerState:I,className:J(G.paper,P==null?void 0:P.className)}),to=V({elementType:Y,externalSlotProps:(R==null?void 0:R.root)||{},externalForwardedProps:X,additionalProps:{ref:r,slotProps:{backdrop:{invisible:!0}},container:Ro,open:p},ownerState:I,className:J(G.root,H)}),{slotProps:bo}=to,To=$(to,jo);return j.jsx(Y,f({},To,!_o(Y)&&{slotProps:bo,disableScrollLock:F},{children:j.jsx(b,f({appear:!0,in:p,onEntering:xo,onExited:yo,timeout:Z},C,{children:j.jsx(oo,f({},wo,{children:A}))}))}))});function Ho(t){return mo("MuiMenu",t)}Po("MuiMenu",["root","paper","list"]);const Uo=["onEntering"],Go=["autoFocus","children","className","disableAutoFocusItem","MenuListProps","onClose","open","PaperProps","PopoverClasses","transitionDuration","TransitionProps","variant","slots","slotProps"],Ko={vertical:"top",horizontal:"right"},Vo={vertical:"top",horizontal:"left"},Bo=t=>{const{classes:o}=t;return vo({root:["root"],paper:["paper"],list:["list"]},Ho,o)},Xo=k(Ao,{shouldForwardProp:t=>So(t)||t==="classes",name:"MuiMenu",slot:"Root",overridesResolver:(t,o)=>o.root})({}),Yo=k(go,{name:"MuiMenu",slot:"Paper",overridesResolver:(t,o)=>o.paper})({maxHeight:"calc(100% - 96px)",WebkitOverflowScrolling:"touch"}),qo=k(No,{name:"MuiMenu",slot:"List",overridesResolver:(t,o)=>o.list})({outline:0}),ct=i.forwardRef(function(o,r){var _,z;const x=ho({props:o,name:"MuiMenu"}),{autoFocus:v=!0,children:W,className:c,disableAutoFocusItem:d=!1,MenuListProps:E={},onClose:m,open:A,PaperProps:H={},PopoverClasses:B,transitionDuration:D="auto",TransitionProps:{onEntering:s}={},variant:p="selectedMenu",slots:N={},slotProps:y={}}=x,R=$(x.TransitionProps,Uo),w=$(x,Go),b=Eo(),g=f({},x,{autoFocus:v,disableAutoFocusItem:d,MenuListProps:E,onEntering:s,PaperProps:H,transitionDuration:D,TransitionProps:R,variant:p}),S=Bo(g),F=v&&!d&&A,C=i.useRef(null),X=(l,T)=>{C.current&&C.current.adjustStyleForScrollbar(l,{direction:b?"rtl":"ltr"}),s&&s(l,T)},P=l=>{l.key==="Tab"&&(l.preventDefault(),m&&m(l,"tabKeyDown"))};let M=-1;i.Children.map(W,(l,T)=>{i.isValidElement(l)&&(l.props.disabled||(p==="selectedMenu"&&l.props.selected||M===-1)&&(M=T))});const U=(_=N.paper)!=null?_:Yo,I=(z=y.paper)!=null?z:H,G=V({elementType:N.root,externalSlotProps:y.root,ownerState:g,className:[S.root,c]}),K=V({elementType:U,externalSlotProps:I,ownerState:g,className:S.paper});return j.jsx(Xo,f({onClose:m,anchorOrigin:{vertical:"bottom",horizontal:b?"right":"left"},transformOrigin:b?Ko:Vo,slots:{paper:U,root:N.root},slotProps:{root:G,paper:K},open:A,ref:r,transitionDuration:D,TransitionProps:f({onEntering:X},R),ownerState:g},w,{classes:B,children:j.jsx(qo,f({onKeyDown:P,actions:C,autoFocus:v&&(M===-1||d),autoFocusItem:F,variant:p},E,{className:J(S.list,E.className),children:W}))}))});export{ct as M,Ao as P};
@@ -0,0 +1,9 @@
1
+ import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import"./index-DoKqiSdS.js";import{M as n,T as e,S as s,D as c,P as a,a as d,b as x}from"./index-DfE121Jj.js";import{M as i}from"./MenuButton.stories-rLpv4nq1.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./axeRun-B-LchFqf.js";import"./axe-4JP0vCEZ.js";import"./iconUtils-C1HBA-0w.js";import"./index-DkrUiDVY.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./Server-DS5iERo2.js";import"./List-CNCQEpRl.js";import"./ArrowRight-BquvVn3D.js";import"./Bug-Z3X3t5xp.js";import"./Calendar-DnwsjheN.js";import"./ChevronRight-BLkvXBUf.js";import"./ChevronUp-Br-QC-XK.js";import"./Clock-8HOQy_d4.js";import"./Upload-DH1T10x5.js";import"./Documentation-CBbHUjXC.js";import"./Download-VHpUH0as.js";import"./ExternalLink-lox07hAR.js";import"./Filter-BiREetkX.js";import"./Folder-8esChg_E.js";import"./Globe-BHk1B5d7.js";import"./Grid-B7XSvQ_X.js";import"./Group-DWmiPyzE.js";import"./Hide-Bvhl5PVN.js";import"./Home-CUQc6tB8.js";import"./InformationCircle-DYQV39lt.js";import"./More-BgQrTkKM.js";import"./Refresh-CgZVXlSy.js";import"./Search-BSlcf4bB.js";import"./Settings-SRsJGOHl.js";import"./Show-DXIrBgNq.js";import"./Sync-CCP_JZB8.js";import"./User-CvYTA860.js";import"./Video-D8qbHdF4.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyProvider-BPLFYiwr.js";import"./fieldComponentPropsMetaData-BqbNLw6V.js";import"./BaseMenuButton-DCwowxQ6.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./MenuContext-DKMyPMNY.js";import"./Menu-CU_mHT7L.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";import"./List-_p0jkXPM.js";import"./MenuButton-DvVmjwMC.js";import"./MenuItem-DoUaLmgU.js";import"./MenuItem-oi_JaUho.js";import"./ListSubheader-DO359rMr.js";import"./Divider-CAwVs6Y1.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";function m(r){const t={a:"a",code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:i}),`
2
+ `,o.jsx(e,{of:i}),`
3
+ `,o.jsxs(t.p,{children:["Children of ",o.jsx(t.code,{children:"MenuButton"})," should be one or more ",o.jsx(t.code,{children:"MenuItem"})," components."]}),`
4
+ `,o.jsx(t.p,{children:o.jsxs(t.a,{href:"/docs/mui-components-menuitem--docs",children:["see ",o.jsx(t.code,{children:"MenuItem"})," docs"]})}),`
5
+ `,o.jsx(s,{of:i}),`
6
+ `,o.jsx(c,{of:i}),`
7
+ `,o.jsx(a,{of:i}),`
8
+ `,o.jsx(d,{}),`
9
+ `,o.jsx(x,{})]})}function pt(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{pt as default};
@@ -1,4 +1,4 @@
1
- import{r as o}from"./index-NdkWRN8K.js";import{M as e}from"./BaseMenuButton-pigMBOEp.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";/*!
1
+ import{r as o}from"./index-NdkWRN8K.js";import{M as e}from"./BaseMenuButton-DCwowxQ6.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";/*!
2
2
  * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
3
3
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
4
4
  *
@@ -1,4 +1,4 @@
1
- import{j as n}from"./jsx-runtime-CnH95YSl.js";import{w as f,e as L,u as hn,a as gn}from"./index-BJMTVygn.js";import{a as Mn}from"./axeRun-B-LchFqf.js";import{i as k}from"./iconUtils-B6sV00nC.js";import{O as bn}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{f as yn}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{m as j}from"./BaseMenuButton-pigMBOEp.js";import{L as v}from"./ListSubheader-Bwc0JItn.js";import{D as un}from"./Divider-DsFAYUeD.js";import{e as xn,c as s,a as w}from"./Typography-DfSdXC7o.js";import{a as Bn}from"./index-Dj8r1U9U.js";import{u as In}from"./OdysseyThemeProvider-BBwjgzn2.js";import{b as E}from"./BaseButton-COF38VLB.js";import{M as ln}from"./MenuButton-Dr4RJoKG.js";import{M as e}from"./MenuItem-n-UKDxiu.js";import{M as mn}from"./Group-B6q-i_C2.js";import{M as fn}from"./Globe-Brrqdlv8.js";import{M as Ln}from"./Calendar-DjJqG0qe.js";import{M as I}from"./Box-BGpAHVQV.js";import{M as c}from"./Link-DI6v1ROk.js";const i=({children:o})=>{const t=In();return n.jsx(I,{sx:{marginBottom:t.Spacing4},children:o})},kn={component:ln,decorators:[bn],tags:["autodocs"],argTypes:{ariaDescribedBy:{control:"text",description:"The ID of the element that describes the MenuButton, if one exists.",table:{type:{summary:"string"}}},ariaLabel:{control:"text",description:"aria-label to describe the MenuButton when the button label is empty",table:{type:{summary:"string"}}},ariaLabelledBy:{control:"text",description:"The ID of the element that labels the MenuButton. Only needed if the button has no text and `ariaLabel` is empty.",table:{type:{summary:"string"}}},buttonLabel:{control:"text",description:"The label on the triggering Button",table:{type:{summary:"string"}}},buttonVariant:{options:E,control:{type:"radio"},description:"The variant of the triggering Button",table:{type:{summary:E.join(" | ")},defaultValue:{summary:"secondary"}}},children:{control:"object",description:"The <MenuItem> components within the Menu",table:{type:{summary:"[MenuItem | Divider | ListSubheader | NullElement]"}},type:{required:!1,name:"other",value:"[MenuItem | Divider | ListSubheader]"}},popoverContent:{control:"object",description:"The contents to display in the popover (instead of children)",table:{type:{summary:"[ReactNode | NullElement]"}},type:{required:!1,name:"other",value:"ReactNode"}},endIcon:{control:{type:"select"},options:Object.keys(k),mapping:k,description:"The end Icon on the triggering Button",table:{type:{summary:"<Icon />"}}},id:{control:"text",description:"The id of the Button",table:{type:{summary:"string"}}},isDisabled:yn.isDisabled,isOverflow:{control:"boolean",description:"If the MenuButton is an overflow menu or standard menu.",table:{type:{summary:"boolean"}}},menuAlignment:{options:j,control:{type:"radio"},description:"The horizontal alignment of the menu.",table:{type:{summary:j.join(" | ")},defaultValue:{summary:"left"}}},tooltipText:{control:"text",description:"If defined, the button will include a tooltip that contains the string.",table:{type:{summary:"string"}}}},args:{buttonLabel:"More actions",buttonVariant:"secondary",menuAlignment:"left"}},B=({canvasElement:o,step:t})=>async(a,r)=>{const dn=f(o);await t("open menu button",async()=>{const pn=dn.getByRole("button",{name:a.buttonLabel});hn.click(pn),await gn(async()=>Mn(r))})},u={args:{buttonLabel:"More actions",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")]},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Simple")}},l={args:{children:[n.jsxs(e,{isDisabled:!0,children:[n.jsx(mn,{}),"Assign crew"]},"1"),n.jsxs(e,{children:[n.jsx(fn,{}),"View destination"]},"2"),n.jsxs(e,{children:[n.jsx(Ln,{}),"Schedule launch"]},"3")]},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Action Icons")}},m={args:{buttonLabel:"More actions",buttonVariant:"floating",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],id:"floating"},play:async({canvasElement:o,step:t})=>{await t("Filter and Select from listbox",async()=>{const r=f(o).getByRole("button",{name:"More actions"});await L(r).toHaveAttribute("id","floating-button")})}},d={args:{buttonLabel:"More actions",children:[n.jsx(v,{children:"Crew"},"sh1"),n.jsx(e,{children:"Assign captain"},"1"),n.jsx(e,{children:"View roster"},"2"),n.jsx(v,{children:"Ship"},"sh2"),n.jsx(e,{children:"Configure thrusters"},"3"),n.jsx(e,{children:"View cargo"},"4"),n.jsx(un,{},"div2"),n.jsx(e,{children:"Log out"},"5")]},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Groupings")}},p={args:{buttonLabel:"Cargo options",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit inventory"},"2"),n.jsx(e,{variant:"destructive",children:"Jettison cargo"},"3")]},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Destructive")}},h={args:{ariaLabel:"More actions",buttonLabel:"",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],tooltipText:"More actions"},play:async({canvasElement:o,step:t})=>{await t("MenuButton Aria-Label",async()=>{const r=f(o).queryByRole("button",{name:"More actions"});await L(r).not.toBeNull()})}},g={args:{ariaLabel:"More actions",endIcon:n.jsx(mn,{}),children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],tooltipText:"Learn more"}},M={args:{buttonLabel:"Cargo options",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],isOverflow:!0}},b={args:{buttonLabel:"Cargo options",isDisabled:!0,children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],tooltipText:"More actions"}},y={args:{buttonVariant:"secondary",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],menuAlignment:"right"},render:function(t){return n.jsx(I,{sx:{ml:"50px"},children:n.jsx(ln,{buttonLabel:"More actions",buttonVariant:t.buttonVariant,menuAlignment:t.menuAlignment,children:t.children})})},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Alignment")}},x={args:{buttonLabel:"",endIcon:n.jsx(Bn,{}),buttonVariant:"secondary",popoverContent:[n.jsxs(I,{sx:{minWidth:"392px"},children:[n.jsxs(i,{children:[n.jsx(xn,{children:"Title"}),n.jsx(s,{children:"Caption"}),n.jsx(w,{children:"Body"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsx(i,{children:n.jsx(un,{})}),n.jsx(I,{sx:{fontWeight:"bold"},children:n.jsxs(w,{children:["Body"," ",n.jsx(c,{href:"#",target:"_blank",children:"Link"})]})})]},"help-popover-content")],id:"floating",tooltipText:"More actions"},play:async({canvasElement:o,step:t})=>{await t("MenuButton Aria-Label",()=>{const r=f(o).queryByRole("button",{name:"More actions"});L(r).not.toBeNull()})}};var S,V,P;u.parameters={...u.parameters,docs:{...(S=u.parameters)==null?void 0:S.docs,source:{originalSource:`{
1
+ import{j as n}from"./jsx-runtime-CnH95YSl.js";import{w as f,e as L,u as hn,a as gn}from"./index-BJMTVygn.js";import{a as Mn}from"./axeRun-B-LchFqf.js";import{i as k}from"./iconUtils-C1HBA-0w.js";import{O as bn}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as yn}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{m as j}from"./BaseMenuButton-DCwowxQ6.js";import{b as v}from"./BaseButton-Cd1oZPsh.js";import{M as un}from"./MenuButton-DvVmjwMC.js";import{M as e}from"./MenuItem-DoUaLmgU.js";import{L as w}from"./ListSubheader-DO359rMr.js";import{D as ln}from"./Divider-CAwVs6Y1.js";import{M as I}from"./Box-B-R2QRDU.js";import{f as xn,c as s,a as E}from"./Typography-B7ktrxCD.js";import{M as c}from"./Link-BQo2zH0c.js";import{a as Bn}from"./index-DkrUiDVY.js";import{u as In}from"./OdysseyThemeProvider-BykOaJq8.js";import{M as mn}from"./Group-DWmiPyzE.js";import{M as fn}from"./Globe-BHk1B5d7.js";import{M as Ln}from"./Calendar-DnwsjheN.js";const i=({children:o})=>{const t=In();return n.jsx(I,{sx:{marginBottom:t.Spacing4},children:o})},kn={component:un,decorators:[bn],tags:["autodocs"],argTypes:{ariaDescribedBy:{control:"text",description:"The ID of the element that describes the MenuButton, if one exists.",table:{type:{summary:"string"}}},ariaLabel:{control:"text",description:"aria-label to describe the MenuButton when the button label is empty",table:{type:{summary:"string"}}},ariaLabelledBy:{control:"text",description:"The ID of the element that labels the MenuButton. Only needed if the button has no text and `ariaLabel` is empty.",table:{type:{summary:"string"}}},buttonLabel:{control:"text",description:"The label on the triggering Button",table:{type:{summary:"string"}}},buttonVariant:{options:v,control:{type:"radio"},description:"The variant of the triggering Button",table:{type:{summary:v.join(" | ")},defaultValue:{summary:"secondary"}}},children:{control:"object",description:"The <MenuItem> components within the Menu",table:{type:{summary:"[MenuItem | Divider | ListSubheader | NullElement]"}},type:{required:!1,name:"other",value:"[MenuItem | Divider | ListSubheader]"}},popoverContent:{control:"object",description:"The contents to display in the popover (instead of children)",table:{type:{summary:"[ReactNode | NullElement]"}},type:{required:!1,name:"other",value:"ReactNode"}},endIcon:{control:{type:"select"},options:Object.keys(k),mapping:k,description:"The end Icon on the triggering Button",table:{type:{summary:"<Icon />"}}},id:{control:"text",description:"The id of the Button",table:{type:{summary:"string"}}},isDisabled:yn.isDisabled,isOverflow:{control:"boolean",description:"If the MenuButton is an overflow menu or standard menu.",table:{type:{summary:"boolean"}}},menuAlignment:{options:j,control:{type:"radio"},description:"The horizontal alignment of the menu.",table:{type:{summary:j.join(" | ")},defaultValue:{summary:"left"}}},tooltipText:{control:"text",description:"If defined, the button will include a tooltip that contains the string.",table:{type:{summary:"string"}}}},args:{buttonLabel:"More actions",buttonVariant:"secondary",menuAlignment:"left"}},B=({canvasElement:o,step:t})=>async(a,r)=>{const dn=f(o);await t("open menu button",async()=>{const pn=dn.getByRole("button",{name:a.buttonLabel});hn.click(pn),await gn(async()=>Mn(r))})},u={args:{buttonLabel:"More actions",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")]},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Simple")}},l={args:{children:[n.jsxs(e,{isDisabled:!0,children:[n.jsx(mn,{}),"Assign crew"]},"1"),n.jsxs(e,{children:[n.jsx(fn,{}),"View destination"]},"2"),n.jsxs(e,{children:[n.jsx(Ln,{}),"Schedule launch"]},"3")]},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Action Icons")}},m={args:{buttonLabel:"More actions",buttonVariant:"floating",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],id:"floating"},play:async({canvasElement:o,step:t})=>{await t("Filter and Select from listbox",async()=>{const r=f(o).getByRole("button",{name:"More actions"});await L(r).toHaveAttribute("id","floating-button")})}},d={args:{buttonLabel:"More actions",children:[n.jsx(w,{children:"Crew"},"sh1"),n.jsx(e,{children:"Assign captain"},"1"),n.jsx(e,{children:"View roster"},"2"),n.jsx(w,{children:"Ship"},"sh2"),n.jsx(e,{children:"Configure thrusters"},"3"),n.jsx(e,{children:"View cargo"},"4"),n.jsx(ln,{},"div2"),n.jsx(e,{children:"Log out"},"5")]},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Groupings")}},p={args:{buttonLabel:"Cargo options",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit inventory"},"2"),n.jsx(e,{variant:"destructive",children:"Jettison cargo"},"3")]},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Destructive")}},h={args:{ariaLabel:"More actions",buttonLabel:"",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],tooltipText:"More actions"},play:async({canvasElement:o,step:t})=>{await t("MenuButton Aria-Label",async()=>{const r=f(o).queryByRole("button",{name:"More actions"});await L(r).not.toBeNull()})}},g={args:{ariaLabel:"More actions",endIcon:n.jsx(mn,{}),children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],tooltipText:"Learn more"}},M={args:{buttonLabel:"Cargo options",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],isOverflow:!0}},b={args:{buttonLabel:"Cargo options",isDisabled:!0,children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],tooltipText:"More actions"}},y={args:{buttonVariant:"secondary",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],menuAlignment:"right"},render:function(t){return n.jsx(I,{sx:{ml:"50px"},children:n.jsx(un,{buttonLabel:"More actions",buttonVariant:t.buttonVariant,menuAlignment:t.menuAlignment,children:t.children})})},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Alignment")}},x={args:{buttonLabel:"",endIcon:n.jsx(Bn,{}),buttonVariant:"secondary",popoverContent:[n.jsxs(I,{sx:{minWidth:"392px"},children:[n.jsxs(i,{children:[n.jsx(xn,{children:"Title"}),n.jsx(s,{children:"Caption"}),n.jsx(E,{children:"Body"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsx(i,{children:n.jsx(ln,{})}),n.jsx(I,{sx:{fontWeight:"bold"},children:n.jsxs(E,{children:["Body"," ",n.jsx(c,{href:"#",target:"_blank",children:"Link"})]})})]},"help-popover-content")],id:"floating",tooltipText:"More actions"},play:async({canvasElement:o,step:t})=>{await t("MenuButton Aria-Label",()=>{const r=f(o).queryByRole("button",{name:"More actions"});L(r).not.toBeNull()})}};var S,V,P;u.parameters={...u.parameters,docs:{...(S=u.parameters)==null?void 0:S.docs,source:{originalSource:`{
2
2
  args: {
3
3
  buttonLabel: "More actions",
4
4
  children: [<MenuItem key="1">View details</MenuItem>, <MenuItem key="2">Edit configuration</MenuItem>, <MenuItem key="3">Launch</MenuItem>]
@@ -1 +1 @@
1
- import{r as t}from"./index-NdkWRN8K.js";import{M}from"./MenuContext-DKMyPMNY.js";import{j as f}from"./jsx-runtime-CnH95YSl.js";import{M as x}from"./MenuItem-B0_vCuIq.js";import{m as I}from"./OdysseyThemeProvider-BBwjgzn2.js";const p=({children:o,hasInitialFocus:u,isSelected:s,isDisabled:n,onClick:e,testId:r,value:d,variant:c="default"})=>{const{closeMenu:a,shouldCloseOnSelect:m}=t.useContext(M),i=t.useCallback(l=>{e==null||e(l),m&&a()},[e,a,m]);return f.jsx(x,{"aria-current":s,autoFocus:u,className:c==="destructive"?`${I.root}-destructive`:void 0,"data-se":r,disabled:n,onClick:i,selected:s,tabIndex:0,value:d,children:o})},b=t.memo(p);b.displayName="MenuItem";export{b as M};
1
+ import{r as t}from"./index-NdkWRN8K.js";import{M}from"./MenuContext-DKMyPMNY.js";import{j as f}from"./jsx-runtime-CnH95YSl.js";import{M as x}from"./MenuItem-oi_JaUho.js";import{m as I}from"./OdysseyThemeProvider-BykOaJq8.js";const p=({children:o,hasInitialFocus:u,isSelected:s,isDisabled:n,onClick:e,testId:r,value:d,variant:c="default"})=>{const{closeMenu:a,shouldCloseOnSelect:m}=t.useContext(M),i=t.useCallback(l=>{e==null||e(l),m&&a()},[e,a,m]);return f.jsx(x,{"aria-current":s,autoFocus:u,className:c==="destructive"?`${I.root}-destructive`:void 0,"data-se":r,disabled:n,onClick:i,selected:s,tabIndex:0,value:d,children:o})},b=t.memo(p);b.displayName="MenuItem";export{b as M};
@@ -1 +1 @@
1
- import{c as V,_ as E,a as F,b as n,d as G,e as x,g as L,o as T,r as w,p as c,q as C,t as $,v as I,m as i}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as d}from"./index-NdkWRN8K.js";import{a as O}from"./List-Be7fhh4_.js";import{j as M}from"./jsx-runtime-CnH95YSl.js";import{u as _}from"./useIsFocusVisible-DH0qxT5e.js";import{B as D}from"./ButtonBase-BAQsCgRq.js";const H=["autoFocus","component","dense","divider","disableGutters","focusVisibleClassName","role","tabIndex","className"],S=(a,e)=>{const{ownerState:s}=a;return[e.root,s.dense&&e.dense,s.divider&&e.divider,!s.disableGutters&&e.gutters]},z=a=>{const{disabled:e,dense:s,divider:t,disableGutters:l,selected:p,classes:o}=a,r=L({root:["root",s&&"dense",e&&"disabled",!l&&"gutters",t&&"divider",p&&"selected"]},T,o);return n({},o,r)},U=G(D,{shouldForwardProp:a=>w(a)||a==="classes",name:"MuiMenuItem",slot:"Root",overridesResolver:S})(({theme:a,ownerState:e})=>n({},a.typography.body1,{display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",whiteSpace:"nowrap"},!e.disableGutters&&{paddingLeft:16,paddingRight:16},e.divider&&{borderBottom:`1px solid ${(a.vars||a).palette.divider}`,backgroundClip:"padding-box"},{"&:hover":{textDecoration:"none",backgroundColor:(a.vars||a).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${i.selected}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / ${a.vars.palette.action.selectedOpacity})`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity),[`&.${i.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)}},[`&.${i.selected}:hover`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity+a.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / ${a.vars.palette.action.selectedOpacity})`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity)}},[`&.${i.focusVisible}`]:{backgroundColor:(a.vars||a).palette.action.focus},[`&.${i.disabled}`]:{opacity:(a.vars||a).palette.action.disabledOpacity},[`& + .${I.root}`]:{marginTop:a.spacing(1),marginBottom:a.spacing(1)},[`& + .${I.inset}`]:{marginLeft:52},[`& .${$.root}`]:{marginTop:0,marginBottom:0},[`& .${$.inset}`]:{paddingLeft:36},[`& .${C.root}`]:{minWidth:36}},!e.dense&&{[a.breakpoints.up("sm")]:{minHeight:"auto"}},e.dense&&n({minHeight:32,paddingTop:4,paddingBottom:4},a.typography.body2,{[`& .${C.root} svg`]:{fontSize:"1.25rem"}}))),X=d.forwardRef(function(e,s){const t=V({props:e,name:"MuiMenuItem"}),{autoFocus:l=!1,component:p="li",dense:o=!1,divider:f=!1,disableGutters:r=!1,focusVisibleClassName:k,role:R="menuitem",tabIndex:v,className:B}=t,j=E(t,H),g=d.useContext(O),m=d.useMemo(()=>({dense:o||g.dense||!1,disableGutters:r}),[g.dense,o,r]),u=d.useRef(null);F(()=>{l&&u.current&&u.current.focus()},[l]);const N=n({},t,{dense:m.dense,divider:f,disableGutters:r}),b=z(t),P=_(u,s);let y;return t.disabled||(y=v!==void 0?v:-1),M.jsx(O.Provider,{value:m,children:M.jsx(U,n({ref:P,role:R,tabIndex:y,component:p,focusVisibleClassName:x(b.focusVisible,k),className:x(b.root,B)},j,{ownerState:N,classes:b}))})});export{X as M};
1
+ import{c as V,_ as E,a as F,b as n,s as G,d as x,f as L,l as T,r as w,n as c,o as C,p as $,q as I,m as i}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as d}from"./index-NdkWRN8K.js";import{a as O}from"./List-_p0jkXPM.js";import{j as M}from"./jsx-runtime-CnH95YSl.js";import{u as _}from"./useIsFocusVisible-DH0qxT5e.js";import{B as D}from"./ButtonBase-CrcIXP69.js";const H=["autoFocus","component","dense","divider","disableGutters","focusVisibleClassName","role","tabIndex","className"],S=(a,e)=>{const{ownerState:s}=a;return[e.root,s.dense&&e.dense,s.divider&&e.divider,!s.disableGutters&&e.gutters]},z=a=>{const{disabled:e,dense:s,divider:t,disableGutters:l,selected:p,classes:o}=a,r=L({root:["root",s&&"dense",e&&"disabled",!l&&"gutters",t&&"divider",p&&"selected"]},T,o);return n({},o,r)},U=G(D,{shouldForwardProp:a=>w(a)||a==="classes",name:"MuiMenuItem",slot:"Root",overridesResolver:S})(({theme:a,ownerState:e})=>n({},a.typography.body1,{display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",whiteSpace:"nowrap"},!e.disableGutters&&{paddingLeft:16,paddingRight:16},e.divider&&{borderBottom:`1px solid ${(a.vars||a).palette.divider}`,backgroundClip:"padding-box"},{"&:hover":{textDecoration:"none",backgroundColor:(a.vars||a).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${i.selected}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / ${a.vars.palette.action.selectedOpacity})`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity),[`&.${i.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)}},[`&.${i.selected}:hover`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity+a.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / ${a.vars.palette.action.selectedOpacity})`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity)}},[`&.${i.focusVisible}`]:{backgroundColor:(a.vars||a).palette.action.focus},[`&.${i.disabled}`]:{opacity:(a.vars||a).palette.action.disabledOpacity},[`& + .${I.root}`]:{marginTop:a.spacing(1),marginBottom:a.spacing(1)},[`& + .${I.inset}`]:{marginLeft:52},[`& .${$.root}`]:{marginTop:0,marginBottom:0},[`& .${$.inset}`]:{paddingLeft:36},[`& .${C.root}`]:{minWidth:36}},!e.dense&&{[a.breakpoints.up("sm")]:{minHeight:"auto"}},e.dense&&n({minHeight:32,paddingTop:4,paddingBottom:4},a.typography.body2,{[`& .${C.root} svg`]:{fontSize:"1.25rem"}}))),X=d.forwardRef(function(e,s){const t=V({props:e,name:"MuiMenuItem"}),{autoFocus:l=!1,component:p="li",dense:o=!1,divider:b=!1,disableGutters:r=!1,focusVisibleClassName:k,role:R="menuitem",tabIndex:v,className:B}=t,j=E(t,H),m=d.useContext(O),g=d.useMemo(()=>({dense:o||m.dense||!1,disableGutters:r}),[m.dense,o,r]),u=d.useRef(null);F(()=>{l&&u.current&&u.current.focus()},[l]);const N=n({},t,{dense:g.dense,divider:b,disableGutters:r}),f=z(t),P=_(u,s);let y;return t.disabled||(y=v!==void 0?v:-1),M.jsx(O.Provider,{value:g,children:M.jsx(U,n({ref:P,role:R,tabIndex:y,component:p,focusVisibleClassName:x(f.focusVisible,k),className:x(f.root,B)},j,{ownerState:N,classes:f}))})});export{X as M};
@@ -0,0 +1,29 @@
1
+ import{j as r}from"./jsx-runtime-CnH95YSl.js";import{r as I}from"./index-NdkWRN8K.js";import{O as v}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as D}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as g}from"./MenuItem-DoUaLmgU.js";import{M as x}from"./Menu-CU_mHT7L.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./MenuContext-DKMyPMNY.js";import"./MenuItem-oi_JaUho.js";import"./List-_p0jkXPM.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-CsPQSHsR.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";const ie={component:g,decorators:[v],tags:["autodocs"],argTypes:{children:{control:"object",description:"The content for the `MenuItem` components within the Menu",table:{type:{summary:"ReactNode"}},type:{required:!0,name:"other",value:"ReactNode"}},hasInitialFocus:{control:"boolean",description:"If `true`, focuses the item when the parent menu opens",table:{type:{summary:"boolean"}}},isDisabled:D.isDisabled,isSelected:{control:"boolean",description:"If `true`, the menu item will be visually marked as selected.",table:{type:{summary:"boolean"}}},variant:{options:["default","destructive"],control:{type:"radio"},description:"The variant of the triggering Button",table:{type:{summary:["default","destructive"].join(" | ")},defaultValue:{summary:"default"}}}},args:{children:"MenuItem content"}},a=t=>{const e=I.useRef(null);return r.jsx("div",{ref:e,children:r.jsx(x,{anchorEl:e.current,open:!0,children:r.jsx(g,{...t,children:t.children})})})},o={render:function(e){return r.jsx(a,{...e})}},n={args:{variant:"destructive",children:"Destructive MenuItem"},render:function(e){return r.jsx(a,{...e})}},s={args:{isDisabled:!0,children:"Disabled MenuItem"},render:function(e){return r.jsx(a,{...e})}},i={args:{isSelected:!0,children:"Selected MenuItem"},render:function(e){return r.jsx(a,{...e})}};var m,p,c;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
2
+ render: function C(props: MenuItemProps) {
3
+ return <BaseStory {...props} />;
4
+ }
5
+ }`,...(c=(p=o.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var u,d,l;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`{
6
+ args: {
7
+ variant: "destructive",
8
+ children: "Destructive MenuItem"
9
+ },
10
+ render: function C(props: MenuItemProps) {
11
+ return <BaseStory {...props} />;
12
+ }
13
+ }`,...(l=(d=n.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var f,h,y;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
14
+ args: {
15
+ isDisabled: true,
16
+ children: "Disabled MenuItem"
17
+ },
18
+ render: function C(props: MenuItemProps) {
19
+ return <BaseStory {...props} />;
20
+ }
21
+ }`,...(y=(h=s.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var b,M,S;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:`{
22
+ args: {
23
+ isSelected: true,
24
+ children: "Selected MenuItem"
25
+ },
26
+ render: function C(props: MenuItemProps) {
27
+ return <BaseStory {...props} />;
28
+ }
29
+ }`,...(S=(M=i.parameters)==null?void 0:M.docs)==null?void 0:S.source}}};const ae=["Simple","Destructive","Disabled","Selected"];export{n as Destructive,s as Disabled,i as Selected,o as Simple,ae as __namedExportsOrder,ie as default};
@@ -1 +1 @@
1
- import{_ as j,a as H,b as T}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as c}from"./index-NdkWRN8K.js";import{j as A}from"./jsx-runtime-CnH95YSl.js";import{g as _}from"./getScrollbarSize-Bqq2hMjQ.js";import{o as C}from"./ownerDocument-DW-IO8s5.js";import{u as O}from"./useIsFocusVisible-DH0qxT5e.js";import{L as z}from"./List-Be7fhh4_.js";const N=["actions","autoFocus","autoFocusItem","children","className","disabledItemsFocusable","disableListWrap","onKeyDown","variant"];function w(n,t,r){return n===t?n.firstChild:t&&t.nextElementSibling?t.nextElementSibling:r?null:n.firstChild}function D(n,t,r){return n===t?r?n.firstChild:n.lastChild:t&&t.previousElementSibling?t.previousElementSibling:r?null:n.lastChild}function I(n,t){if(t===void 0)return!0;let r=n.innerText;return r===void 0&&(r=n.textContent),r=r.trim().toLowerCase(),r.length===0?!1:t.repeating?r[0]===t.keys[0]:r.indexOf(t.keys.join(""))===0}function h(n,t,r,b,m,y){let p=!1,u=m(n,t,t?r:!1);for(;u;){if(u===n.firstChild){if(p)return!1;p=!0}const d=b?!1:u.disabled||u.getAttribute("aria-disabled")==="true";if(!u.hasAttribute("tabindex")||!I(u,y)||d)u=m(n,u,r);else return u.focus(),!0}return!1}const G=c.forwardRef(function(t,r){const{actions:b,autoFocus:m=!1,autoFocusItem:y=!1,children:p,className:u,disabledItemsFocusable:d=!1,disableListWrap:g=!1,onKeyDown:x,variant:v="selectedMenu"}=t,F=j(t,N),a=c.useRef(null),M=c.useRef({keys:[],repeating:!0,previousKeyMatched:!0,lastTime:null});H(()=>{m&&a.current.focus()},[m]),c.useImperativeHandle(b,()=>({adjustStyleForScrollbar:(e,{direction:s})=>{const l=!a.current.style.width;if(e.clientHeight<a.current.clientHeight&&l){const f=`${_(C(e))}px`;a.current.style[s==="rtl"?"paddingLeft":"paddingRight"]=f,a.current.style.width=`calc(100% + ${f})`}return a.current}}),[]);const S=e=>{const s=a.current,l=e.key,f=C(s).activeElement;if(l==="ArrowDown")e.preventDefault(),h(s,f,g,d,w);else if(l==="ArrowUp")e.preventDefault(),h(s,f,g,d,D);else if(l==="Home")e.preventDefault(),h(s,null,g,d,w);else if(l==="End")e.preventDefault(),h(s,null,g,d,D);else if(l.length===1){const i=M.current,k=l.toLowerCase(),E=performance.now();i.keys.length>0&&(E-i.lastTime>500?(i.keys=[],i.repeating=!0,i.previousKeyMatched=!0):i.repeating&&k!==i.keys[0]&&(i.repeating=!1)),i.lastTime=E,i.keys.push(k);const R=f&&!i.repeating&&I(f,i);i.previousKeyMatched&&(R||h(s,f,!1,d,w,i))?e.preventDefault():i.previousKeyMatched=!1}x&&x(e)},L=O(a,r);let o=-1;c.Children.forEach(p,(e,s)=>{if(!c.isValidElement(e)){o===s&&(o+=1,o>=p.length&&(o=-1));return}e.props.disabled||(v==="selectedMenu"&&e.props.selected||o===-1)&&(o=s),o===s&&(e.props.disabled||e.props.muiSkipListHighlight||e.type.muiSkipListHighlight)&&(o+=1,o>=p.length&&(o=-1))});const K=c.Children.map(p,(e,s)=>{if(s===o){const l={};return y&&(l.autoFocus=!0),e.props.tabIndex===void 0&&v==="selectedMenu"&&(l.tabIndex=0),c.cloneElement(e,l)}return e});return A.jsx(z,T({role:"menu",ref:L,className:u,onKeyDown:S,tabIndex:m?0:-1},F,{children:K}))});export{G as M};
1
+ import{_ as j,a as H,b as T}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as c}from"./index-NdkWRN8K.js";import{j as A}from"./jsx-runtime-CnH95YSl.js";import{g as _}from"./getScrollbarSize-Bqq2hMjQ.js";import{o as C}from"./ownerDocument-DW-IO8s5.js";import{u as O}from"./useIsFocusVisible-DH0qxT5e.js";import{L as z}from"./List-_p0jkXPM.js";const N=["actions","autoFocus","autoFocusItem","children","className","disabledItemsFocusable","disableListWrap","onKeyDown","variant"];function w(n,t,r){return n===t?n.firstChild:t&&t.nextElementSibling?t.nextElementSibling:r?null:n.firstChild}function D(n,t,r){return n===t?r?n.firstChild:n.lastChild:t&&t.previousElementSibling?t.previousElementSibling:r?null:n.lastChild}function I(n,t){if(t===void 0)return!0;let r=n.innerText;return r===void 0&&(r=n.textContent),r=r.trim().toLowerCase(),r.length===0?!1:t.repeating?r[0]===t.keys[0]:r.indexOf(t.keys.join(""))===0}function h(n,t,r,b,m,y){let p=!1,u=m(n,t,t?r:!1);for(;u;){if(u===n.firstChild){if(p)return!1;p=!0}const d=b?!1:u.disabled||u.getAttribute("aria-disabled")==="true";if(!u.hasAttribute("tabindex")||!I(u,y)||d)u=m(n,u,r);else return u.focus(),!0}return!1}const G=c.forwardRef(function(t,r){const{actions:b,autoFocus:m=!1,autoFocusItem:y=!1,children:p,className:u,disabledItemsFocusable:d=!1,disableListWrap:g=!1,onKeyDown:x,variant:v="selectedMenu"}=t,F=j(t,N),a=c.useRef(null),M=c.useRef({keys:[],repeating:!0,previousKeyMatched:!0,lastTime:null});H(()=>{m&&a.current.focus()},[m]),c.useImperativeHandle(b,()=>({adjustStyleForScrollbar:(e,{direction:s})=>{const l=!a.current.style.width;if(e.clientHeight<a.current.clientHeight&&l){const f=`${_(C(e))}px`;a.current.style[s==="rtl"?"paddingLeft":"paddingRight"]=f,a.current.style.width=`calc(100% + ${f})`}return a.current}}),[]);const S=e=>{const s=a.current,l=e.key,f=C(s).activeElement;if(l==="ArrowDown")e.preventDefault(),h(s,f,g,d,w);else if(l==="ArrowUp")e.preventDefault(),h(s,f,g,d,D);else if(l==="Home")e.preventDefault(),h(s,null,g,d,w);else if(l==="End")e.preventDefault(),h(s,null,g,d,D);else if(l.length===1){const i=M.current,k=l.toLowerCase(),E=performance.now();i.keys.length>0&&(E-i.lastTime>500?(i.keys=[],i.repeating=!0,i.previousKeyMatched=!0):i.repeating&&k!==i.keys[0]&&(i.repeating=!1)),i.lastTime=E,i.keys.push(k);const R=f&&!i.repeating&&I(f,i);i.previousKeyMatched&&(R||h(s,f,!1,d,w,i))?e.preventDefault():i.previousKeyMatched=!1}x&&x(e)},L=O(a,r);let o=-1;c.Children.forEach(p,(e,s)=>{if(!c.isValidElement(e)){o===s&&(o+=1,o>=p.length&&(o=-1));return}e.props.disabled||(v==="selectedMenu"&&e.props.selected||o===-1)&&(o=s),o===s&&(e.props.disabled||e.props.muiSkipListHighlight||e.type.muiSkipListHighlight)&&(o+=1,o>=p.length&&(o=-1))});const K=c.Children.map(p,(e,s)=>{if(s===o){const l={};return y&&(l.autoFocus=!0),e.props.tabIndex===void 0&&v==="selectedMenu"&&(l.tabIndex=0),c.cloneElement(e,l)}return e});return A.jsx(z,T({role:"menu",ref:L,className:u,onKeyDown:S,tabIndex:m?0:-1},F,{children:K}))});export{G as M};