@commercetools/nimbus 0.0.0-canary-20250801132810
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.
- package/README.md +13 -0
- package/dist/accordion.d.ts +164 -0
- package/dist/alert.d.ts +175 -0
- package/dist/avatar.d.ts +70 -0
- package/dist/badge.d.ts +96 -0
- package/dist/box.d.ts +21 -0
- package/dist/button.d.ts +45 -0
- package/dist/calendar.d.ts +33 -0
- package/dist/card.d.ts +141 -0
- package/dist/checkbox.d.ts +67 -0
- package/dist/chunks/Button-BLHXvl6m.es.js +80 -0
- package/dist/chunks/Button-BLHXvl6m.es.js.map +1 -0
- package/dist/chunks/Button-BjOgrRmH.cjs.js +2 -0
- package/dist/chunks/Button-BjOgrRmH.cjs.js.map +1 -0
- package/dist/chunks/DateField-Aj6J_Ms0.es.js +2589 -0
- package/dist/chunks/DateField-Aj6J_Ms0.es.js.map +1 -0
- package/dist/chunks/DateField-G0i9Cflc.cjs.js +2 -0
- package/dist/chunks/DateField-G0i9Cflc.cjs.js.map +1 -0
- package/dist/chunks/DatePicker-BD8RjPSL.cjs.js +2 -0
- package/dist/chunks/DatePicker-BD8RjPSL.cjs.js.map +1 -0
- package/dist/chunks/DatePicker-BnQyHiTi.es.js +762 -0
- package/dist/chunks/DatePicker-BnQyHiTi.es.js.map +1 -0
- package/dist/chunks/Dialog-Btds5x4W.cjs.js +2 -0
- package/dist/chunks/Dialog-Btds5x4W.cjs.js.map +1 -0
- package/dist/chunks/Dialog-CTf0VB6B.es.js +1888 -0
- package/dist/chunks/Dialog-CTf0VB6B.es.js.map +1 -0
- package/dist/chunks/FocusScope-BEOPrcCH.cjs.js +2 -0
- package/dist/chunks/FocusScope-BEOPrcCH.cjs.js.map +1 -0
- package/dist/chunks/FocusScope-qJgAziUV.es.js +671 -0
- package/dist/chunks/FocusScope-qJgAziUV.es.js.map +1 -0
- package/dist/chunks/Form-amb1SjpT.cjs.js +2 -0
- package/dist/chunks/Form-amb1SjpT.cjs.js.map +1 -0
- package/dist/chunks/Form-yBl0QZl8.es.js +7 -0
- package/dist/chunks/Form-yBl0QZl8.es.js.map +1 -0
- package/dist/chunks/Group-apcpZquv.cjs.js +2 -0
- package/dist/chunks/Group-apcpZquv.cjs.js.map +1 -0
- package/dist/chunks/Group-nelci54o.es.js +78 -0
- package/dist/chunks/Group-nelci54o.es.js.map +1 -0
- package/dist/chunks/Heading-CYQ_Jn6M.es.js +1605 -0
- package/dist/chunks/Heading-CYQ_Jn6M.es.js.map +1 -0
- package/dist/chunks/Heading-DiqU5dbv.cjs.js +2 -0
- package/dist/chunks/Heading-DiqU5dbv.cjs.js.map +1 -0
- package/dist/chunks/Hidden-CNJIJ63M.cjs.js +2 -0
- package/dist/chunks/Hidden-CNJIJ63M.cjs.js.map +1 -0
- package/dist/chunks/Hidden-X9vuhkMZ.es.js +28 -0
- package/dist/chunks/Hidden-X9vuhkMZ.es.js.map +1 -0
- package/dist/chunks/Input-BEgGe6bw.cjs.js +2 -0
- package/dist/chunks/Input-BEgGe6bw.cjs.js.map +1 -0
- package/dist/chunks/Input-Cvh_r_c1.es.js +43 -0
- package/dist/chunks/Input-Cvh_r_c1.es.js.map +1 -0
- package/dist/chunks/Keyboard-Clnp4zAC.es.js +6 -0
- package/dist/chunks/Keyboard-Clnp4zAC.es.js.map +1 -0
- package/dist/chunks/Keyboard-rYf2KxZN.cjs.js +2 -0
- package/dist/chunks/Keyboard-rYf2KxZN.cjs.js.map +1 -0
- package/dist/chunks/Label-BhU-HP65.es.js +17 -0
- package/dist/chunks/Label-BhU-HP65.es.js.map +1 -0
- package/dist/chunks/Label-DFXyfxZM.cjs.js +2 -0
- package/dist/chunks/Label-DFXyfxZM.cjs.js.map +1 -0
- package/dist/chunks/ListBox-0C7L4Sat.es.js +645 -0
- package/dist/chunks/ListBox-0C7L4Sat.es.js.map +1 -0
- package/dist/chunks/ListBox-BEZfjFMq.cjs.js +2 -0
- package/dist/chunks/ListBox-BEZfjFMq.cjs.js.map +1 -0
- package/dist/chunks/LiveAnnouncer-BkrEjKY8.cjs.js +2 -0
- package/dist/chunks/LiveAnnouncer-BkrEjKY8.cjs.js.map +1 -0
- package/dist/chunks/LiveAnnouncer-CsPyaceH.es.js +52 -0
- package/dist/chunks/LiveAnnouncer-CsPyaceH.es.js.map +1 -0
- package/dist/chunks/NumberFormatter-DewVDY5w.cjs.js +2 -0
- package/dist/chunks/NumberFormatter-DewVDY5w.cjs.js.map +1 -0
- package/dist/chunks/NumberFormatter-DgOUVrge.es.js +120 -0
- package/dist/chunks/NumberFormatter-DgOUVrge.es.js.map +1 -0
- package/dist/chunks/OverlayArrow-BcRQfR_V.cjs.js +2 -0
- package/dist/chunks/OverlayArrow-BcRQfR_V.cjs.js.map +1 -0
- package/dist/chunks/OverlayArrow-C1hn2WBd.es.js +479 -0
- package/dist/chunks/OverlayArrow-C1hn2WBd.es.js.map +1 -0
- package/dist/chunks/ProgressBar-Cot0VLjE.cjs.js +2 -0
- package/dist/chunks/ProgressBar-Cot0VLjE.cjs.js.map +1 -0
- package/dist/chunks/ProgressBar-DrSArMks.es.js +39 -0
- package/dist/chunks/ProgressBar-DrSArMks.es.js.map +1 -0
- package/dist/chunks/RSPContexts-AkhSBHGO.es.js +6 -0
- package/dist/chunks/RSPContexts-AkhSBHGO.es.js.map +1 -0
- package/dist/chunks/RSPContexts-CIAIlAKH.cjs.js +2 -0
- package/dist/chunks/RSPContexts-CIAIlAKH.cjs.js.map +1 -0
- package/dist/chunks/SSRProvider-DZRLwxPS.cjs.js +2 -0
- package/dist/chunks/SSRProvider-DZRLwxPS.cjs.js.map +1 -0
- package/dist/chunks/SSRProvider-eIEwc-2s.es.js +51 -0
- package/dist/chunks/SSRProvider-eIEwc-2s.es.js.map +1 -0
- package/dist/chunks/Separator-BFKzWOOv.cjs.js +18 -0
- package/dist/chunks/Separator-BFKzWOOv.cjs.js.map +1 -0
- package/dist/chunks/Separator-ChieGwKF.es.js +2435 -0
- package/dist/chunks/Separator-ChieGwKF.es.js.map +1 -0
- package/dist/chunks/Text-BWSfeB9p.cjs.js +2 -0
- package/dist/chunks/Text-BWSfeB9p.cjs.js.map +1 -0
- package/dist/chunks/Text-DOcU1ycg.es.js +6 -0
- package/dist/chunks/Text-DOcU1ycg.es.js.map +1 -0
- package/dist/chunks/TextArea-BleoN8N2.es.js +42 -0
- package/dist/chunks/TextArea-BleoN8N2.es.js.map +1 -0
- package/dist/chunks/TextArea-ciW_61Jv.cjs.js +2 -0
- package/dist/chunks/TextArea-ciW_61Jv.cjs.js.map +1 -0
- package/dist/chunks/ToggleButton-CXa3lkD6.cjs.js +2 -0
- package/dist/chunks/ToggleButton-CXa3lkD6.cjs.js.map +1 -0
- package/dist/chunks/ToggleButton-CcA_6EjA.es.js +189 -0
- package/dist/chunks/ToggleButton-CcA_6EjA.es.js.map +1 -0
- package/dist/chunks/VisuallyHidden-Cqkg4RzT.cjs.js +2 -0
- package/dist/chunks/VisuallyHidden-Cqkg4RzT.cjs.js.map +1 -0
- package/dist/chunks/VisuallyHidden-vVsCehgl.es.js +41 -0
- package/dist/chunks/VisuallyHidden-vVsCehgl.es.js.map +1 -0
- package/dist/chunks/accordion-CnNWyGUM.cjs.js +2 -0
- package/dist/chunks/accordion-CnNWyGUM.cjs.js.map +1 -0
- package/dist/chunks/accordion-GEQdUuGv.es.js +221 -0
- package/dist/chunks/accordion-GEQdUuGv.es.js.map +1 -0
- package/dist/chunks/alert-CrIh80Mm.cjs.js +2 -0
- package/dist/chunks/alert-CrIh80Mm.cjs.js.map +1 -0
- package/dist/chunks/alert-POW1DYw1.es.js +186 -0
- package/dist/chunks/alert-POW1DYw1.es.js.map +1 -0
- package/dist/chunks/avatar-BLun8TXk.cjs.js +2 -0
- package/dist/chunks/avatar-BLun8TXk.cjs.js.map +1 -0
- package/dist/chunks/avatar-DgvfEdwK.es.js +37 -0
- package/dist/chunks/avatar-DgvfEdwK.es.js.map +1 -0
- package/dist/chunks/avatar.recipe-BSmmqvwQ.es.js +39 -0
- package/dist/chunks/avatar.recipe-BSmmqvwQ.es.js.map +1 -0
- package/dist/chunks/avatar.recipe-aGNBZhVF.cjs.js +2 -0
- package/dist/chunks/avatar.recipe-aGNBZhVF.cjs.js.map +1 -0
- package/dist/chunks/badge-CFwI3HLf.cjs.js +2 -0
- package/dist/chunks/badge-CFwI3HLf.cjs.js.map +1 -0
- package/dist/chunks/badge-DGDBGeiI.es.js +76 -0
- package/dist/chunks/badge-DGDBGeiI.es.js.map +1 -0
- package/dist/chunks/box-DD4jYgS7.es.js +11 -0
- package/dist/chunks/box-DD4jYgS7.es.js.map +1 -0
- package/dist/chunks/box-FU6tRPFs.cjs.js +2 -0
- package/dist/chunks/box-FU6tRPFs.cjs.js.map +1 -0
- package/dist/chunks/button-BSydCSU8.cjs.js +2 -0
- package/dist/chunks/button-BSydCSU8.cjs.js.map +1 -0
- package/dist/chunks/button-BbmqaA7O.es.js +55 -0
- package/dist/chunks/button-BbmqaA7O.es.js.map +1 -0
- package/dist/chunks/button.recipe-DHk13lGU.cjs.js +2 -0
- package/dist/chunks/button.recipe-DHk13lGU.cjs.js.map +1 -0
- package/dist/chunks/button.recipe-DzOS_Bqm.es.js +191 -0
- package/dist/chunks/button.recipe-DzOS_Bqm.es.js.map +1 -0
- package/dist/chunks/calendar-BS2skiOC.cjs.js +2 -0
- package/dist/chunks/calendar-BS2skiOC.cjs.js.map +1 -0
- package/dist/chunks/calendar-CcaDWo9H.es.js +185 -0
- package/dist/chunks/calendar-CcaDWo9H.es.js.map +1 -0
- package/dist/chunks/calendar.recipe-B2sMokBn.es.js +101 -0
- package/dist/chunks/calendar.recipe-B2sMokBn.es.js.map +1 -0
- package/dist/chunks/calendar.recipe-gUaUNltl.cjs.js +2 -0
- package/dist/chunks/calendar.recipe-gUaUNltl.cjs.js.map +1 -0
- package/dist/chunks/card-qS8O8nNV.es.js +138 -0
- package/dist/chunks/card-qS8O8nNV.es.js.map +1 -0
- package/dist/chunks/card-svWLl_kS.cjs.js +2 -0
- package/dist/chunks/card-svWLl_kS.cjs.js.map +1 -0
- package/dist/chunks/checkbox-D0evM4Sv.cjs.js +2 -0
- package/dist/chunks/checkbox-D0evM4Sv.cjs.js.map +1 -0
- package/dist/chunks/checkbox-uDkI4SvH.es.js +89 -0
- package/dist/chunks/checkbox-uDkI4SvH.es.js.map +1 -0
- package/dist/chunks/code-CI8aUhmu.es.js +6 -0
- package/dist/chunks/code-CI8aUhmu.es.js.map +1 -0
- package/dist/chunks/code-Dg4Larbo.cjs.js +2 -0
- package/dist/chunks/code-Dg4Larbo.cjs.js.map +1 -0
- package/dist/chunks/combobox-BFitV5LT.cjs.js +2 -0
- package/dist/chunks/combobox-BFitV5LT.cjs.js.map +1 -0
- package/dist/chunks/combobox-CHjqwkwN.es.js +1916 -0
- package/dist/chunks/combobox-CHjqwkwN.es.js.map +1 -0
- package/dist/chunks/combobox.recipe-CJl9E8AK.cjs.js +2 -0
- package/dist/chunks/combobox.recipe-CJl9E8AK.cjs.js.map +1 -0
- package/dist/chunks/combobox.recipe-DfgnwaPj.es.js +380 -0
- package/dist/chunks/combobox.recipe-DfgnwaPj.es.js.map +1 -0
- package/dist/chunks/context-D3RF-nTI.es.js +94 -0
- package/dist/chunks/context-D3RF-nTI.es.js.map +1 -0
- package/dist/chunks/context-DURpz5en.cjs.js +2 -0
- package/dist/chunks/context-DURpz5en.cjs.js.map +1 -0
- package/dist/chunks/date-input-BIs4HIV8.cjs.js +2 -0
- package/dist/chunks/date-input-BIs4HIV8.cjs.js.map +1 -0
- package/dist/chunks/date-input-cnLjNiQ-.es.js +16 -0
- package/dist/chunks/date-input-cnLjNiQ-.es.js.map +1 -0
- package/dist/chunks/date-input.recipe-BGVIdrvQ.cjs.js +2 -0
- package/dist/chunks/date-input.recipe-BGVIdrvQ.cjs.js.map +1 -0
- package/dist/chunks/date-input.recipe-DENfjb1Z.es.js +127 -0
- package/dist/chunks/date-input.recipe-DENfjb1Z.es.js.map +1 -0
- package/dist/chunks/date-picker-C1ljMy9j.cjs.js +2 -0
- package/dist/chunks/date-picker-C1ljMy9j.cjs.js.map +1 -0
- package/dist/chunks/date-picker-CDG1Jua9.es.js +186 -0
- package/dist/chunks/date-picker-CDG1Jua9.es.js.map +1 -0
- package/dist/chunks/date-picker.recipe-5Avb06qp.cjs.js +2 -0
- package/dist/chunks/date-picker.recipe-5Avb06qp.cjs.js.map +1 -0
- package/dist/chunks/date-picker.recipe-Dy6NmKHA.es.js +82 -0
- package/dist/chunks/date-picker.recipe-Dy6NmKHA.es.js.map +1 -0
- package/dist/chunks/date-range-picker-7hypnCts.es.js +276 -0
- package/dist/chunks/date-range-picker-7hypnCts.es.js.map +1 -0
- package/dist/chunks/date-range-picker-BQRnRxiL.cjs.js +2 -0
- package/dist/chunks/date-range-picker-BQRnRxiL.cjs.js.map +1 -0
- package/dist/chunks/date-range-picker.recipe-BARriKKl.cjs.js +2 -0
- package/dist/chunks/date-range-picker.recipe-BARriKKl.cjs.js.map +1 -0
- package/dist/chunks/date-range-picker.recipe-CuI7inaU.es.js +124 -0
- package/dist/chunks/date-range-picker.recipe-CuI7inaU.es.js.map +1 -0
- package/dist/chunks/dialog-C1HRMUcF.es.js +33 -0
- package/dist/chunks/dialog-C1HRMUcF.es.js.map +1 -0
- package/dist/chunks/dialog-amEwvIoM.cjs.js +2 -0
- package/dist/chunks/dialog-amEwvIoM.cjs.js.map +1 -0
- package/dist/chunks/divider-CifCuFCu.cjs.js +2 -0
- package/dist/chunks/divider-CifCuFCu.cjs.js.map +1 -0
- package/dist/chunks/divider-Dm6TlItK.es.js +58 -0
- package/dist/chunks/divider-Dm6TlItK.es.js.map +1 -0
- package/dist/chunks/domHelpers-InH3T0qs.es.js +16 -0
- package/dist/chunks/domHelpers-InH3T0qs.es.js.map +1 -0
- package/dist/chunks/domHelpers-YAYZ9fE9.cjs.js +2 -0
- package/dist/chunks/domHelpers-YAYZ9fE9.cjs.js.map +1 -0
- package/dist/chunks/emotion-is-prop-valid.esm-Bb7Ou5_X.cjs.js +2 -0
- package/dist/chunks/emotion-is-prop-valid.esm-Bb7Ou5_X.cjs.js.map +1 -0
- package/dist/chunks/emotion-is-prop-valid.esm-qvxbqhmq.es.js +16 -0
- package/dist/chunks/emotion-is-prop-valid.esm-qvxbqhmq.es.js.map +1 -0
- package/dist/chunks/extractStyleProps-CxgBrz3O.es.js +11 -0
- package/dist/chunks/extractStyleProps-CxgBrz3O.es.js.map +1 -0
- package/dist/chunks/extractStyleProps-lyk7D-zN.cjs.js +2 -0
- package/dist/chunks/extractStyleProps-lyk7D-zN.cjs.js.map +1 -0
- package/dist/chunks/filterDOMProps-HzsCnE3d.es.js +25 -0
- package/dist/chunks/filterDOMProps-HzsCnE3d.es.js.map +1 -0
- package/dist/chunks/filterDOMProps-_f3L9QML.cjs.js +2 -0
- package/dist/chunks/filterDOMProps-_f3L9QML.cjs.js.map +1 -0
- package/dist/chunks/focusSafely-BEP7qH8R.cjs.js +2 -0
- package/dist/chunks/focusSafely-BEP7qH8R.cjs.js.map +1 -0
- package/dist/chunks/focusSafely-DJGT4IAS.es.js +69 -0
- package/dist/chunks/focusSafely-DJGT4IAS.es.js.map +1 -0
- package/dist/chunks/focusWithoutScrolling-BlyUcXdY.cjs.js +2 -0
- package/dist/chunks/focusWithoutScrolling-BlyUcXdY.cjs.js.map +1 -0
- package/dist/chunks/focusWithoutScrolling-CDw3JYiq.es.js +46 -0
- package/dist/chunks/focusWithoutScrolling-CDw3JYiq.es.js.map +1 -0
- package/dist/chunks/form-field-CbfYC-vR.cjs.js +11 -0
- package/dist/chunks/form-field-CbfYC-vR.cjs.js.map +1 -0
- package/dist/chunks/form-field-CuxDx8dn.es.js +309 -0
- package/dist/chunks/form-field-CuxDx8dn.es.js.map +1 -0
- package/dist/chunks/grid-CugcJxRP.es.js +14 -0
- package/dist/chunks/grid-CugcJxRP.es.js.map +1 -0
- package/dist/chunks/grid-xr2A-OqD.cjs.js +2 -0
- package/dist/chunks/grid-xr2A-OqD.cjs.js.map +1 -0
- package/dist/chunks/icon-BFNYuilh.es.js +31 -0
- package/dist/chunks/icon-BFNYuilh.es.js.map +1 -0
- package/dist/chunks/icon-D50i-dqv.cjs.js +2 -0
- package/dist/chunks/icon-D50i-dqv.cjs.js.map +1 -0
- package/dist/chunks/icon-button-CHC4OMiL.es.js +14 -0
- package/dist/chunks/icon-button-CHC4OMiL.es.js.map +1 -0
- package/dist/chunks/icon-button-DMiKj7W8.cjs.js +2 -0
- package/dist/chunks/icon-button-DMiKj7W8.cjs.js.map +1 -0
- package/dist/chunks/icon-toggle-button-BLIAkXeL.cjs.js +2 -0
- package/dist/chunks/icon-toggle-button-BLIAkXeL.cjs.js.map +1 -0
- package/dist/chunks/icon-toggle-button-DBjClC14.es.js +13 -0
- package/dist/chunks/icon-toggle-button-DBjClC14.es.js.map +1 -0
- package/dist/chunks/image-DCirAAnr.cjs.js +2 -0
- package/dist/chunks/image-DCirAAnr.cjs.js.map +1 -0
- package/dist/chunks/image-rXPA3shk.es.js +8 -0
- package/dist/chunks/image-rXPA3shk.es.js.map +1 -0
- package/dist/chunks/kbd-BgOFuut8.es.js +15 -0
- package/dist/chunks/kbd-BgOFuut8.es.js.map +1 -0
- package/dist/chunks/kbd-Bkhw9E6L.cjs.js +2 -0
- package/dist/chunks/kbd-Bkhw9E6L.cjs.js.map +1 -0
- package/dist/chunks/kbd.recipe-BONVaPQN.es.js +26 -0
- package/dist/chunks/kbd.recipe-BONVaPQN.es.js.map +1 -0
- package/dist/chunks/kbd.recipe-UlkJJrC8.cjs.js +2 -0
- package/dist/chunks/kbd.recipe-UlkJJrC8.cjs.js.map +1 -0
- package/dist/chunks/link-DJmmcif9.cjs.js +2 -0
- package/dist/chunks/link-DJmmcif9.cjs.js.map +1 -0
- package/dist/chunks/link-tMwBZTgt.es.js +50 -0
- package/dist/chunks/link-tMwBZTgt.es.js.map +1 -0
- package/dist/chunks/link.recipe-Ba2by0OG.es.js +51 -0
- package/dist/chunks/link.recipe-Ba2by0OG.es.js.map +1 -0
- package/dist/chunks/link.recipe-CG3leGAx.cjs.js +2 -0
- package/dist/chunks/link.recipe-CG3leGAx.cjs.js.map +1 -0
- package/dist/chunks/list-8yfreyzi.cjs.js +2 -0
- package/dist/chunks/list-8yfreyzi.cjs.js.map +1 -0
- package/dist/chunks/list-B21joBrq.es.js +13 -0
- package/dist/chunks/list-B21joBrq.es.js.map +1 -0
- package/dist/chunks/loading-spinner-BQd4UVQs.cjs.js +2 -0
- package/dist/chunks/loading-spinner-BQd4UVQs.cjs.js.map +1 -0
- package/dist/chunks/loading-spinner-DLgPmh5X.es.js +105 -0
- package/dist/chunks/loading-spinner-DLgPmh5X.es.js.map +1 -0
- package/dist/chunks/make-element-focusable-Ca78aIFw.es.js +22 -0
- package/dist/chunks/make-element-focusable-Ca78aIFw.es.js.map +1 -0
- package/dist/chunks/make-element-focusable-DDGKtWBN.cjs.js +2 -0
- package/dist/chunks/make-element-focusable-DDGKtWBN.cjs.js.map +1 -0
- package/dist/chunks/menu-D5zfN2_y.es.js +167 -0
- package/dist/chunks/menu-D5zfN2_y.es.js.map +1 -0
- package/dist/chunks/menu-DoZD1O_m.cjs.js +2 -0
- package/dist/chunks/menu-DoZD1O_m.cjs.js.map +1 -0
- package/dist/chunks/mergeProps-C0OSi2w3.es.js +129 -0
- package/dist/chunks/mergeProps-C0OSi2w3.es.js.map +1 -0
- package/dist/chunks/mergeProps-VvQrkhSh.cjs.js +2 -0
- package/dist/chunks/mergeProps-VvQrkhSh.cjs.js.map +1 -0
- package/dist/chunks/multiline-text-input-D1ErBAxZ.cjs.js +12 -0
- package/dist/chunks/multiline-text-input-D1ErBAxZ.cjs.js.map +1 -0
- package/dist/chunks/multiline-text-input-E7wOFPRN.es.js +117 -0
- package/dist/chunks/multiline-text-input-E7wOFPRN.es.js.map +1 -0
- package/dist/chunks/nimbus-provider-C7Khop9z.cjs.js +4 -0
- package/dist/chunks/nimbus-provider-C7Khop9z.cjs.js.map +1 -0
- package/dist/chunks/nimbus-provider-D6FyEm9w.es.js +1825 -0
- package/dist/chunks/nimbus-provider-D6FyEm9w.es.js.map +1 -0
- package/dist/chunks/number-5qMXmHyn.es.js +21 -0
- package/dist/chunks/number-5qMXmHyn.es.js.map +1 -0
- package/dist/chunks/number-CnrRPi4_.cjs.js +2 -0
- package/dist/chunks/number-CnrRPi4_.cjs.js.map +1 -0
- package/dist/chunks/number-input-D-KbLmke.es.js +669 -0
- package/dist/chunks/number-input-D-KbLmke.es.js.map +1 -0
- package/dist/chunks/number-input-DYMCiped.cjs.js +2 -0
- package/dist/chunks/number-input-DYMCiped.cjs.js.map +1 -0
- package/dist/chunks/number-input.recipe-B1kAID71.cjs.js +2 -0
- package/dist/chunks/number-input.recipe-B1kAID71.cjs.js.map +1 -0
- package/dist/chunks/number-input.recipe-CYgMvPKy.es.js +210 -0
- package/dist/chunks/number-input.recipe-CYgMvPKy.es.js.map +1 -0
- package/dist/chunks/openLink-BRnXRj9w.es.js +101 -0
- package/dist/chunks/openLink-BRnXRj9w.es.js.map +1 -0
- package/dist/chunks/openLink-BjodHrGD.cjs.js +2 -0
- package/dist/chunks/openLink-BjodHrGD.cjs.js.map +1 -0
- package/dist/chunks/password-input-Be3V1Xb8.cjs.js +2 -0
- package/dist/chunks/password-input-Be3V1Xb8.cjs.js.map +1 -0
- package/dist/chunks/password-input-Cgxn1n4W.es.js +50 -0
- package/dist/chunks/password-input-Cgxn1n4W.es.js.map +1 -0
- package/dist/chunks/platform-D-bXaP3n.es.js +45 -0
- package/dist/chunks/platform-D-bXaP3n.es.js.map +1 -0
- package/dist/chunks/platform-Vom5nEUR.cjs.js +2 -0
- package/dist/chunks/platform-Vom5nEUR.cjs.js.map +1 -0
- package/dist/chunks/progress-bar-CbZY1dE1.cjs.js +2 -0
- package/dist/chunks/progress-bar-CbZY1dE1.cjs.js.map +1 -0
- package/dist/chunks/progress-bar-cqmWRbbW.es.js +71 -0
- package/dist/chunks/progress-bar-cqmWRbbW.es.js.map +1 -0
- package/dist/chunks/radio-input-CoLX_WLG.es.js +320 -0
- package/dist/chunks/radio-input-CoLX_WLG.es.js.map +1 -0
- package/dist/chunks/radio-input-vHNjGqLS.cjs.js +2 -0
- package/dist/chunks/radio-input-vHNjGqLS.cjs.js.map +1 -0
- package/dist/chunks/radio-input.recipe-CM9R2ilP.es.js +75 -0
- package/dist/chunks/radio-input.recipe-CM9R2ilP.es.js.map +1 -0
- package/dist/chunks/radio-input.recipe-DdXB4lqs.cjs.js +2 -0
- package/dist/chunks/radio-input.recipe-DdXB4lqs.cjs.js.map +1 -0
- package/dist/chunks/range-calendar-CCrlfrMn.es.js +185 -0
- package/dist/chunks/range-calendar-CCrlfrMn.es.js.map +1 -0
- package/dist/chunks/range-calendar-D4icoCuk.cjs.js +2 -0
- package/dist/chunks/range-calendar-D4icoCuk.cjs.js.map +1 -0
- package/dist/chunks/range-calendar.recipe-D7Qn7AJr.es.js +129 -0
- package/dist/chunks/range-calendar.recipe-D7Qn7AJr.es.js.map +1 -0
- package/dist/chunks/range-calendar.recipe-H7PsZQwO.cjs.js +2 -0
- package/dist/chunks/range-calendar.recipe-H7PsZQwO.cjs.js.map +1 -0
- package/dist/chunks/scrollIntoView-B2eLOBfw.cjs.js +2 -0
- package/dist/chunks/scrollIntoView-B2eLOBfw.cjs.js.map +1 -0
- package/dist/chunks/scrollIntoView-C5qp-va8.es.js +64 -0
- package/dist/chunks/scrollIntoView-C5qp-va8.es.js.map +1 -0
- package/dist/chunks/select-BLtsJskC.cjs.js +2 -0
- package/dist/chunks/select-BLtsJskC.cjs.js.map +1 -0
- package/dist/chunks/select-FmGOJAMt.es.js +793 -0
- package/dist/chunks/select-FmGOJAMt.es.js.map +1 -0
- package/dist/chunks/select.recipe-B7-wzxnS.es.js +204 -0
- package/dist/chunks/select.recipe-B7-wzxnS.es.js.map +1 -0
- package/dist/chunks/select.recipe-DhuuNbSx.cjs.js +2 -0
- package/dist/chunks/select.recipe-DhuuNbSx.cjs.js.map +1 -0
- package/dist/chunks/simple-grid-CFOP9g2P.es.js +14 -0
- package/dist/chunks/simple-grid-CFOP9g2P.es.js.map +1 -0
- package/dist/chunks/simple-grid-CHgTayx6.cjs.js +2 -0
- package/dist/chunks/simple-grid-CHgTayx6.cjs.js.map +1 -0
- package/dist/chunks/stack-__ugxVHD.es.js +11 -0
- package/dist/chunks/stack-__ugxVHD.es.js.map +1 -0
- package/dist/chunks/stack-wFUhYQQb.cjs.js +2 -0
- package/dist/chunks/stack-wFUhYQQb.cjs.js.map +1 -0
- package/dist/chunks/switch-B0nl05_U.es.js +78 -0
- package/dist/chunks/switch-B0nl05_U.es.js.map +1 -0
- package/dist/chunks/switch-BM-A9yVv.cjs.js +2 -0
- package/dist/chunks/switch-BM-A9yVv.cjs.js.map +1 -0
- package/dist/chunks/switch.recipe-CWOjEnIy.es.js +100 -0
- package/dist/chunks/switch.recipe-CWOjEnIy.es.js.map +1 -0
- package/dist/chunks/switch.recipe-DHopLj_g.cjs.js +2 -0
- package/dist/chunks/switch.recipe-DHopLj_g.cjs.js.map +1 -0
- package/dist/chunks/tag-group-Dhixz4qp.cjs.js +2 -0
- package/dist/chunks/tag-group-Dhixz4qp.cjs.js.map +1 -0
- package/dist/chunks/tag-group-oj36ErVR.es.js +1348 -0
- package/dist/chunks/tag-group-oj36ErVR.es.js.map +1 -0
- package/dist/chunks/text--fhvW47o.cjs.js +2 -0
- package/dist/chunks/text--fhvW47o.cjs.js.map +1 -0
- package/dist/chunks/text-BqS2cN-N.es.js +24 -0
- package/dist/chunks/text-BqS2cN-N.es.js.map +1 -0
- package/dist/chunks/text-input-CuIUp_dP.es.js +17 -0
- package/dist/chunks/text-input-CuIUp_dP.es.js.map +1 -0
- package/dist/chunks/text-input-DCS7EuyS.cjs.js +2 -0
- package/dist/chunks/text-input-DCS7EuyS.cjs.js.map +1 -0
- package/dist/chunks/text-input.recipe-BoPfTFYK.cjs.js +2 -0
- package/dist/chunks/text-input.recipe-BoPfTFYK.cjs.js.map +1 -0
- package/dist/chunks/text-input.recipe-C5rrWDU0.es.js +65 -0
- package/dist/chunks/text-input.recipe-C5rrWDU0.es.js.map +1 -0
- package/dist/chunks/time-input-CBC12PIo.es.js +130 -0
- package/dist/chunks/time-input-CBC12PIo.es.js.map +1 -0
- package/dist/chunks/time-input-DU8A9s-4.cjs.js +2 -0
- package/dist/chunks/time-input-DU8A9s-4.cjs.js.map +1 -0
- package/dist/chunks/toggle-button-CO8kUUhB.cjs.js +2 -0
- package/dist/chunks/toggle-button-CO8kUUhB.cjs.js.map +1 -0
- package/dist/chunks/toggle-button-at1RbVXT.es.js +32 -0
- package/dist/chunks/toggle-button-at1RbVXT.es.js.map +1 -0
- package/dist/chunks/toggle-button-group-CbDVM2qy.es.js +81 -0
- package/dist/chunks/toggle-button-group-CbDVM2qy.es.js.map +1 -0
- package/dist/chunks/toggle-button-group-UjTW8MSj.cjs.js +2 -0
- package/dist/chunks/toggle-button-group-UjTW8MSj.cjs.js.map +1 -0
- package/dist/chunks/toggle-button.recipe-COtV4niJ.es.js +64 -0
- package/dist/chunks/toggle-button.recipe-COtV4niJ.es.js.map +1 -0
- package/dist/chunks/toggle-button.recipe-Cz4g2WY9.cjs.js +2 -0
- package/dist/chunks/toggle-button.recipe-Cz4g2WY9.cjs.js.map +1 -0
- package/dist/chunks/tooltip-B6mXEaGu.cjs.js +2 -0
- package/dist/chunks/tooltip-B6mXEaGu.cjs.js.map +1 -0
- package/dist/chunks/tooltip-C7elInrs.es.js +273 -0
- package/dist/chunks/tooltip-C7elInrs.es.js.map +1 -0
- package/dist/chunks/tooltip.recipe-B9-7OFCi.es.js +24 -0
- package/dist/chunks/tooltip.recipe-B9-7OFCi.es.js.map +1 -0
- package/dist/chunks/tooltip.recipe-CkNOA8Sg.cjs.js +2 -0
- package/dist/chunks/tooltip.recipe-CkNOA8Sg.cjs.js.map +1 -0
- package/dist/chunks/useButton-Bnd1IfAy.cjs.js +2 -0
- package/dist/chunks/useButton-Bnd1IfAy.cjs.js.map +1 -0
- package/dist/chunks/useButton-Codl22pH.es.js +48 -0
- package/dist/chunks/useButton-Codl22pH.es.js.map +1 -0
- package/dist/chunks/useCollator-BhJcleP-.es.js +12 -0
- package/dist/chunks/useCollator-BhJcleP-.es.js.map +1 -0
- package/dist/chunks/useCollator-DLdpB_Ui.cjs.js +2 -0
- package/dist/chunks/useCollator-DLdpB_Ui.cjs.js.map +1 -0
- package/dist/chunks/useControlledState-D0L6S_5r.cjs.js +2 -0
- package/dist/chunks/useControlledState-D0L6S_5r.cjs.js.map +1 -0
- package/dist/chunks/useControlledState-u436Wbp1.es.js +31 -0
- package/dist/chunks/useControlledState-u436Wbp1.es.js.map +1 -0
- package/dist/chunks/useDateFormatter-Byp_7yyY.cjs.js +2 -0
- package/dist/chunks/useDateFormatter-Byp_7yyY.cjs.js.map +1 -0
- package/dist/chunks/useDateFormatter-zNqeIcSK.es.js +1581 -0
- package/dist/chunks/useDateFormatter-zNqeIcSK.es.js.map +1 -0
- package/dist/chunks/useDescription-Bb-vj5q6.cjs.js +2 -0
- package/dist/chunks/useDescription-Bb-vj5q6.cjs.js.map +1 -0
- package/dist/chunks/useDescription-CMy9RMYn.es.js +33 -0
- package/dist/chunks/useDescription-CMy9RMYn.es.js.map +1 -0
- package/dist/chunks/useEvent-DxQcG2ZD.es.js +22 -0
- package/dist/chunks/useEvent-DxQcG2ZD.es.js.map +1 -0
- package/dist/chunks/useEvent-ZeHBdflg.cjs.js +2 -0
- package/dist/chunks/useEvent-ZeHBdflg.cjs.js.map +1 -0
- package/dist/chunks/useField-Bj5XOvuD.es.js +36 -0
- package/dist/chunks/useField-Bj5XOvuD.es.js.map +1 -0
- package/dist/chunks/useField-Doh1_zqa.cjs.js +2 -0
- package/dist/chunks/useField-Doh1_zqa.cjs.js.map +1 -0
- package/dist/chunks/useFocus-CRjxQc9J.cjs.js +2 -0
- package/dist/chunks/useFocus-CRjxQc9J.cjs.js.map +1 -0
- package/dist/chunks/useFocus-DyrL604F.es.js +189 -0
- package/dist/chunks/useFocus-DyrL604F.es.js.map +1 -0
- package/dist/chunks/useFocusRing-BOPRvfsD.es.js +34 -0
- package/dist/chunks/useFocusRing-BOPRvfsD.es.js.map +1 -0
- package/dist/chunks/useFocusRing-wD8IMPEh.cjs.js +2 -0
- package/dist/chunks/useFocusRing-wD8IMPEh.cjs.js.map +1 -0
- package/dist/chunks/useFocusWithin-B5GNsbfr.cjs.js +2 -0
- package/dist/chunks/useFocusWithin-B5GNsbfr.cjs.js.map +1 -0
- package/dist/chunks/useFocusWithin-DH1ei7eA.es.js +55 -0
- package/dist/chunks/useFocusWithin-DH1ei7eA.es.js.map +1 -0
- package/dist/chunks/useFocusable-Bbz310Qf.cjs.js +2 -0
- package/dist/chunks/useFocusable-Bbz310Qf.cjs.js.map +1 -0
- package/dist/chunks/useFocusable-BzkEaBA7.es.js +100 -0
- package/dist/chunks/useFocusable-BzkEaBA7.es.js.map +1 -0
- package/dist/chunks/useFormReset-B_4kzDrc.es.js +21 -0
- package/dist/chunks/useFormReset-B_4kzDrc.es.js.map +1 -0
- package/dist/chunks/useFormReset-C6y6YYJp.cjs.js +2 -0
- package/dist/chunks/useFormReset-C6y6YYJp.cjs.js.map +1 -0
- package/dist/chunks/useFormValidation-D5EJ50gR.cjs.js +2 -0
- package/dist/chunks/useFormValidation-D5EJ50gR.cjs.js.map +1 -0
- package/dist/chunks/useFormValidation-x8TYT3v1.es.js +200 -0
- package/dist/chunks/useFormValidation-x8TYT3v1.es.js.map +1 -0
- package/dist/chunks/useHover-B4ryD1zd.cjs.js +2 -0
- package/dist/chunks/useHover-B4ryD1zd.cjs.js.map +1 -0
- package/dist/chunks/useHover-EutQBS3I.es.js +85 -0
- package/dist/chunks/useHover-EutQBS3I.es.js.map +1 -0
- package/dist/chunks/useLabel-Dsvi6pv1.es.js +37 -0
- package/dist/chunks/useLabel-Dsvi6pv1.es.js.map +1 -0
- package/dist/chunks/useLabel-f5x32F8v.cjs.js +2 -0
- package/dist/chunks/useLabel-f5x32F8v.cjs.js.map +1 -0
- package/dist/chunks/useLocalizedStringFormatter-B_O_C-A0.es.js +97 -0
- package/dist/chunks/useLocalizedStringFormatter-B_O_C-A0.es.js.map +1 -0
- package/dist/chunks/useLocalizedStringFormatter-ZUZDzNOP.cjs.js +2 -0
- package/dist/chunks/useLocalizedStringFormatter-ZUZDzNOP.cjs.js.map +1 -0
- package/dist/chunks/useObjectRef-4v2MxSjQ.cjs.js +2 -0
- package/dist/chunks/useObjectRef-4v2MxSjQ.cjs.js.map +1 -0
- package/dist/chunks/useObjectRef-CaJ5pgjX.es.js +30 -0
- package/dist/chunks/useObjectRef-CaJ5pgjX.es.js.map +1 -0
- package/dist/chunks/usePress--0XlnE9U.es.js +469 -0
- package/dist/chunks/usePress--0XlnE9U.es.js.map +1 -0
- package/dist/chunks/usePress-Cqy1fzvV.cjs.js +8 -0
- package/dist/chunks/usePress-Cqy1fzvV.cjs.js.map +1 -0
- package/dist/chunks/useProgressBar-3tBtQD6p.cjs.js +2 -0
- package/dist/chunks/useProgressBar-3tBtQD6p.cjs.js.map +1 -0
- package/dist/chunks/useProgressBar-BcErX3zh.es.js +48 -0
- package/dist/chunks/useProgressBar-BcErX3zh.es.js.map +1 -0
- package/dist/chunks/useSeparator-CZKjqF0N.cjs.js +2 -0
- package/dist/chunks/useSeparator-CZKjqF0N.cjs.js.map +1 -0
- package/dist/chunks/useSeparator-g1ilWvTX.es.js +19 -0
- package/dist/chunks/useSeparator-g1ilWvTX.es.js.map +1 -0
- package/dist/chunks/useSingleSelectListState-BLYvCKPf.cjs.js +2 -0
- package/dist/chunks/useSingleSelectListState-BLYvCKPf.cjs.js.map +1 -0
- package/dist/chunks/useSingleSelectListState-IunZbRoh.es.js +35 -0
- package/dist/chunks/useSingleSelectListState-IunZbRoh.es.js.map +1 -0
- package/dist/chunks/useSpinButton-DkqZHy9E.cjs.js +2 -0
- package/dist/chunks/useSpinButton-DkqZHy9E.cjs.js.map +1 -0
- package/dist/chunks/useSpinButton-_qIyNcRw.es.js +461 -0
- package/dist/chunks/useSpinButton-_qIyNcRw.es.js.map +1 -0
- package/dist/chunks/useTextField-DOho5fCG.es.js +88 -0
- package/dist/chunks/useTextField-DOho5fCG.es.js.map +1 -0
- package/dist/chunks/useTextField-J5W2QB4G.cjs.js +2 -0
- package/dist/chunks/useTextField-J5W2QB4G.cjs.js.map +1 -0
- package/dist/chunks/useToggle-BLG4h8I9.es.js +50 -0
- package/dist/chunks/useToggle-BLG4h8I9.es.js.map +1 -0
- package/dist/chunks/useToggle-VMBvyMfl.cjs.js +2 -0
- package/dist/chunks/useToggle-VMBvyMfl.cjs.js.map +1 -0
- package/dist/chunks/useToggleState-bO90kfqG.cjs.js +2 -0
- package/dist/chunks/useToggleState-bO90kfqG.cjs.js.map +1 -0
- package/dist/chunks/useToggleState-mKFEFD2Q.es.js +19 -0
- package/dist/chunks/useToggleState-mKFEFD2Q.es.js.map +1 -0
- package/dist/chunks/useUpdateEffect-CCDx8D4X.es.js +14 -0
- package/dist/chunks/useUpdateEffect-CCDx8D4X.es.js.map +1 -0
- package/dist/chunks/useUpdateEffect-sk3kiVGz.cjs.js +2 -0
- package/dist/chunks/useUpdateEffect-sk3kiVGz.cjs.js.map +1 -0
- package/dist/chunks/utils-BR34o1UE.es.js +269 -0
- package/dist/chunks/utils-BR34o1UE.es.js.map +1 -0
- package/dist/chunks/utils-C4ruQppN.es.js +128 -0
- package/dist/chunks/utils-C4ruQppN.es.js.map +1 -0
- package/dist/chunks/utils-CThuzDqT.cjs.js +2 -0
- package/dist/chunks/utils-CThuzDqT.cjs.js.map +1 -0
- package/dist/chunks/utils-sWqo2nmW.cjs.js +2 -0
- package/dist/chunks/utils-sWqo2nmW.cjs.js.map +1 -0
- package/dist/chunks/visually-hidden-XBx29_tJ.es.js +11 -0
- package/dist/chunks/visually-hidden-XBx29_tJ.es.js.map +1 -0
- package/dist/chunks/visually-hidden-YFEW-yS7.cjs.js +2 -0
- package/dist/chunks/visually-hidden-YFEW-yS7.cjs.js.map +1 -0
- package/dist/code.d.ts +16 -0
- package/dist/combobox.d.ts +281 -0
- package/dist/components/accordion.cjs +2 -0
- package/dist/components/accordion.cjs.map +1 -0
- package/dist/components/accordion.es.js +10 -0
- package/dist/components/accordion.es.js.map +1 -0
- package/dist/components/alert.cjs +2 -0
- package/dist/components/alert.cjs.map +1 -0
- package/dist/components/alert.es.js +10 -0
- package/dist/components/alert.es.js.map +1 -0
- package/dist/components/avatar.cjs +2 -0
- package/dist/components/avatar.cjs.map +1 -0
- package/dist/components/avatar.es.js +5 -0
- package/dist/components/avatar.es.js.map +1 -0
- package/dist/components/badge.cjs +2 -0
- package/dist/components/badge.cjs.map +1 -0
- package/dist/components/badge.es.js +5 -0
- package/dist/components/badge.es.js.map +1 -0
- package/dist/components/box.cjs +2 -0
- package/dist/components/box.cjs.map +1 -0
- package/dist/components/box.es.js +5 -0
- package/dist/components/box.es.js.map +1 -0
- package/dist/components/button.cjs +2 -0
- package/dist/components/button.cjs.map +1 -0
- package/dist/components/button.es.js +5 -0
- package/dist/components/button.es.js.map +1 -0
- package/dist/components/calendar.cjs +2 -0
- package/dist/components/calendar.cjs.map +1 -0
- package/dist/components/calendar.es.js +5 -0
- package/dist/components/calendar.es.js.map +1 -0
- package/dist/components/card.cjs +2 -0
- package/dist/components/card.cjs.map +1 -0
- package/dist/components/card.es.js +8 -0
- package/dist/components/card.es.js.map +1 -0
- package/dist/components/checkbox.cjs +2 -0
- package/dist/components/checkbox.cjs.map +1 -0
- package/dist/components/checkbox.es.js +5 -0
- package/dist/components/checkbox.es.js.map +1 -0
- package/dist/components/code.cjs +2 -0
- package/dist/components/code.cjs.map +1 -0
- package/dist/components/code.es.js +5 -0
- package/dist/components/code.es.js.map +1 -0
- package/dist/components/combobox.cjs +2 -0
- package/dist/components/combobox.cjs.map +1 -0
- package/dist/components/combobox.es.js +8 -0
- package/dist/components/combobox.es.js.map +1 -0
- package/dist/components/components.cjs +2 -0
- package/dist/components/components.cjs.map +1 -0
- package/dist/components/components.es.js +144 -0
- package/dist/components/components.es.js.map +1 -0
- package/dist/components/date-input.cjs +2 -0
- package/dist/components/date-input.cjs.map +1 -0
- package/dist/components/date-input.es.js +5 -0
- package/dist/components/date-input.es.js.map +1 -0
- package/dist/components/date-picker.cjs +2 -0
- package/dist/components/date-picker.cjs.map +1 -0
- package/dist/components/date-picker.es.js +5 -0
- package/dist/components/date-picker.es.js.map +1 -0
- package/dist/components/date-range-picker.cjs +2 -0
- package/dist/components/date-range-picker.cjs.map +1 -0
- package/dist/components/date-range-picker.es.js +5 -0
- package/dist/components/date-range-picker.es.js.map +1 -0
- package/dist/components/dialog.cjs +2 -0
- package/dist/components/dialog.cjs.map +1 -0
- package/dist/components/dialog.es.js +5 -0
- package/dist/components/dialog.es.js.map +1 -0
- package/dist/components/divider.cjs +2 -0
- package/dist/components/divider.cjs.map +1 -0
- package/dist/components/divider.es.js +5 -0
- package/dist/components/divider.es.js.map +1 -0
- package/dist/components/flex.cjs +2 -0
- package/dist/components/flex.cjs.map +1 -0
- package/dist/components/flex.es.js +5 -0
- package/dist/components/flex.es.js.map +1 -0
- package/dist/components/form-field.cjs +2 -0
- package/dist/components/form-field.cjs.map +1 -0
- package/dist/components/form-field.es.js +11 -0
- package/dist/components/form-field.es.js.map +1 -0
- package/dist/components/grid.cjs +2 -0
- package/dist/components/grid.cjs.map +1 -0
- package/dist/components/grid.es.js +5 -0
- package/dist/components/grid.es.js.map +1 -0
- package/dist/components/heading.cjs +2 -0
- package/dist/components/heading.cjs.map +1 -0
- package/dist/components/heading.es.js +5 -0
- package/dist/components/heading.es.js.map +1 -0
- package/dist/components/icon-button.cjs +2 -0
- package/dist/components/icon-button.cjs.map +1 -0
- package/dist/components/icon-button.es.js +5 -0
- package/dist/components/icon-button.es.js.map +1 -0
- package/dist/components/icon-toggle-button.cjs +2 -0
- package/dist/components/icon-toggle-button.cjs.map +1 -0
- package/dist/components/icon-toggle-button.es.js +5 -0
- package/dist/components/icon-toggle-button.es.js.map +1 -0
- package/dist/components/icon.cjs +2 -0
- package/dist/components/icon.cjs.map +1 -0
- package/dist/components/icon.es.js +5 -0
- package/dist/components/icon.es.js.map +1 -0
- package/dist/components/image.cjs +2 -0
- package/dist/components/image.cjs.map +1 -0
- package/dist/components/image.es.js +5 -0
- package/dist/components/image.es.js.map +1 -0
- package/dist/components/kbd.cjs +2 -0
- package/dist/components/kbd.cjs.map +1 -0
- package/dist/components/kbd.es.js +5 -0
- package/dist/components/kbd.es.js.map +1 -0
- package/dist/components/link.cjs +2 -0
- package/dist/components/link.cjs.map +1 -0
- package/dist/components/link.es.js +5 -0
- package/dist/components/link.es.js.map +1 -0
- package/dist/components/list.cjs +2 -0
- package/dist/components/list.cjs.map +1 -0
- package/dist/components/list.es.js +8 -0
- package/dist/components/list.es.js.map +1 -0
- package/dist/components/loading-spinner.cjs +2 -0
- package/dist/components/loading-spinner.cjs.map +1 -0
- package/dist/components/loading-spinner.es.js +5 -0
- package/dist/components/loading-spinner.es.js.map +1 -0
- package/dist/components/multiline-text-input.cjs +2 -0
- package/dist/components/multiline-text-input.cjs.map +1 -0
- package/dist/components/multiline-text-input.es.js +5 -0
- package/dist/components/multiline-text-input.es.js.map +1 -0
- package/dist/components/nimbus-provider.cjs +2 -0
- package/dist/components/nimbus-provider.cjs.map +1 -0
- package/dist/components/nimbus-provider.es.js +5 -0
- package/dist/components/nimbus-provider.es.js.map +1 -0
- package/dist/components/number-input.cjs +2 -0
- package/dist/components/number-input.cjs.map +1 -0
- package/dist/components/number-input.es.js +5 -0
- package/dist/components/number-input.es.js.map +1 -0
- package/dist/components/password-input.cjs +2 -0
- package/dist/components/password-input.cjs.map +1 -0
- package/dist/components/password-input.es.js +5 -0
- package/dist/components/password-input.es.js.map +1 -0
- package/dist/components/progress-bar.cjs +2 -0
- package/dist/components/progress-bar.cjs.map +1 -0
- package/dist/components/progress-bar.es.js +5 -0
- package/dist/components/progress-bar.es.js.map +1 -0
- package/dist/components/radio-input.cjs +2 -0
- package/dist/components/radio-input.cjs.map +1 -0
- package/dist/components/radio-input.es.js +7 -0
- package/dist/components/radio-input.es.js.map +1 -0
- package/dist/components/range-calendar.cjs +2 -0
- package/dist/components/range-calendar.cjs.map +1 -0
- package/dist/components/range-calendar.es.js +5 -0
- package/dist/components/range-calendar.es.js.map +1 -0
- package/dist/components/select.cjs +2 -0
- package/dist/components/select.cjs.map +1 -0
- package/dist/components/select.es.js +9 -0
- package/dist/components/select.es.js.map +1 -0
- package/dist/components/simple-grid.cjs +2 -0
- package/dist/components/simple-grid.cjs.map +1 -0
- package/dist/components/simple-grid.es.js +5 -0
- package/dist/components/simple-grid.es.js.map +1 -0
- package/dist/components/stack.cjs +2 -0
- package/dist/components/stack.cjs.map +1 -0
- package/dist/components/stack.es.js +5 -0
- package/dist/components/stack.es.js.map +1 -0
- package/dist/components/switch.cjs +2 -0
- package/dist/components/switch.cjs.map +1 -0
- package/dist/components/switch.es.js +5 -0
- package/dist/components/switch.es.js.map +1 -0
- package/dist/components/table.cjs +2 -0
- package/dist/components/table.cjs.map +1 -0
- package/dist/components/table.es.js +5 -0
- package/dist/components/table.es.js.map +1 -0
- package/dist/components/tag-group.cjs +2 -0
- package/dist/components/tag-group.cjs.map +1 -0
- package/dist/components/tag-group.es.js +5 -0
- package/dist/components/tag-group.es.js.map +1 -0
- package/dist/components/text-input.cjs +2 -0
- package/dist/components/text-input.cjs.map +1 -0
- package/dist/components/text-input.es.js +5 -0
- package/dist/components/text-input.es.js.map +1 -0
- package/dist/components/text.cjs +2 -0
- package/dist/components/text.cjs.map +1 -0
- package/dist/components/text.es.js +5 -0
- package/dist/components/text.es.js.map +1 -0
- package/dist/components/time-input.cjs +2 -0
- package/dist/components/time-input.cjs.map +1 -0
- package/dist/components/time-input.es.js +5 -0
- package/dist/components/time-input.es.js.map +1 -0
- package/dist/components/toggle-button-group.cjs +2 -0
- package/dist/components/toggle-button-group.cjs.map +1 -0
- package/dist/components/toggle-button-group.es.js +7 -0
- package/dist/components/toggle-button-group.es.js.map +1 -0
- package/dist/components/toggle-button.cjs +2 -0
- package/dist/components/toggle-button.cjs.map +1 -0
- package/dist/components/toggle-button.es.js +5 -0
- package/dist/components/toggle-button.es.js.map +1 -0
- package/dist/components/tooltip.cjs +2 -0
- package/dist/components/tooltip.cjs.map +1 -0
- package/dist/components/tooltip.es.js +9 -0
- package/dist/components/tooltip.es.js.map +1 -0
- package/dist/components/visually-hidden.cjs +2 -0
- package/dist/components/visually-hidden.cjs.map +1 -0
- package/dist/components/visually-hidden.es.js +5 -0
- package/dist/components/visually-hidden.es.js.map +1 -0
- package/dist/components.d.ts +3527 -0
- package/dist/date-input.d.ts +103 -0
- package/dist/date-picker.d.ts +185 -0
- package/dist/date-range-picker.d.ts +111 -0
- package/dist/dialog.d.ts +39 -0
- package/dist/divider.d.ts +87 -0
- package/dist/flex.d.ts +5 -0
- package/dist/form-field.d.ts +133 -0
- package/dist/grid.d.ts +26 -0
- package/dist/heading.d.ts +5 -0
- package/dist/icon-button.d.ts +54 -0
- package/dist/icon-toggle-button.d.ts +149 -0
- package/dist/icon.d.ts +107 -0
- package/dist/image.d.ts +20 -0
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +3596 -0
- package/dist/index.es.js +514 -0
- package/dist/index.es.js.map +1 -0
- package/dist/kbd.d.ts +20 -0
- package/dist/link.d.ts +86 -0
- package/dist/list.d.ts +26 -0
- package/dist/loading-spinner.d.ts +90 -0
- package/dist/multiline-text-input.d.ts +70 -0
- package/dist/nimbus-provider.d.ts +100 -0
- package/dist/number-input.d.ts +136 -0
- package/dist/password-input.d.ts +69 -0
- package/dist/progress-bar.d.ts +168 -0
- package/dist/radio-input.d.ts +77 -0
- package/dist/range-calendar.d.ts +33 -0
- package/dist/select.d.ts +150 -0
- package/dist/setup-jsdom-polyfills.cjs +2 -0
- package/dist/setup-jsdom-polyfills.cjs.map +1 -0
- package/dist/setup-jsdom-polyfills.d.ts +1 -0
- package/dist/setup-jsdom-polyfills.es.js +10 -0
- package/dist/setup-jsdom-polyfills.es.js.map +1 -0
- package/dist/simple-grid.d.ts +26 -0
- package/dist/stack.d.ts +21 -0
- package/dist/switch.d.ts +77 -0
- package/dist/table.d.ts +5 -0
- package/dist/tag-group.d.ts +99 -0
- package/dist/text-input.d.ts +63 -0
- package/dist/text.d.ts +22 -0
- package/dist/time-input.d.ts +102 -0
- package/dist/toggle-button-group.d.ts +114 -0
- package/dist/toggle-button.d.ts +144 -0
- package/dist/tooltip.d.ts +132 -0
- package/dist/visually-hidden.d.ts +22 -0
- package/package.json +107 -0
|
@@ -0,0 +1,3527 @@
|
|
|
1
|
+
import { AccordionItemProps as AccordionItemProps_2 } from './accordion.types';
|
|
2
|
+
import { AccordionItemProps as AccordionItemProps_3 } from '..';
|
|
3
|
+
import { AlertActionsProps as AlertActionsProps_2 } from './alert.types';
|
|
4
|
+
import { AlertDescriptionProps as AlertDescriptionProps_2 } from './alert.types';
|
|
5
|
+
import { AlertDismissButtonProps as AlertDismissButtonProps_2 } from './alert.types';
|
|
6
|
+
import { AlertRootComponent as AlertRootComponent_2 } from './alert.types';
|
|
7
|
+
import { AlertTitleProps as AlertTitleProps_2 } from './alert.types';
|
|
8
|
+
import { AriaButtonProps } from 'react-aria';
|
|
9
|
+
import { AriaCheckboxProps } from 'react-aria';
|
|
10
|
+
import { AriaLinkOptions } from 'react-aria';
|
|
11
|
+
import { AriaNumberFieldProps } from 'react-aria';
|
|
12
|
+
import { AriaProgressBarProps } from 'react-aria';
|
|
13
|
+
import { AriaToggleButtonGroupProps } from 'react-aria';
|
|
14
|
+
import { AriaToggleButtonProps } from 'react-aria';
|
|
15
|
+
import { AutocompleteProps } from 'react-aria-components';
|
|
16
|
+
import { ButtonProps as ButtonProps_2 } from 'react-aria-components';
|
|
17
|
+
import { CalendarProps as CalendarProps_2 } from 'react-aria-components';
|
|
18
|
+
import { CardContentProps } from './card.slots';
|
|
19
|
+
import { CardHeaderProps } from './card.slots';
|
|
20
|
+
import { CardProps as CardProps_2 } from './card.types';
|
|
21
|
+
import { CodeProps } from '@chakra-ui/react';
|
|
22
|
+
import { ComboBoxOptionGroupProps as ComboBoxOptionGroupProps_2 } from './combobox.types';
|
|
23
|
+
import { ComboBoxOptionProps as ComboBoxOptionProps_2 } from './combobox.types';
|
|
24
|
+
import { ComboBoxProps } from 'react-aria-components';
|
|
25
|
+
import { ComboBoxRootProps as ComboBoxRootProps_2 } from './combobox.types';
|
|
26
|
+
import { ComponentProps } from 'react';
|
|
27
|
+
import { DateFieldProps } from 'react-aria-components';
|
|
28
|
+
import { DatePickerStateOptions } from 'react-stately';
|
|
29
|
+
import { DateRangePickerProps as DateRangePickerProps_2 } from 'react-aria-components';
|
|
30
|
+
import { DateValue } from 'react-aria';
|
|
31
|
+
import { DateValue as DateValue_2 } from '@internationalized/date';
|
|
32
|
+
import { default as default_2 } from 'react';
|
|
33
|
+
import { DetailedHTMLProps } from 'react';
|
|
34
|
+
import { Dialog as Dialog_2 } from '@chakra-ui/react';
|
|
35
|
+
import { DisclosureGroupProps as DisclosureGroupProps_2 } from './accordion.types';
|
|
36
|
+
import { DisclosureProps } from 'react-aria-components';
|
|
37
|
+
import { FC } from 'react';
|
|
38
|
+
import { Flex } from '@chakra-ui/react';
|
|
39
|
+
import { FocusableOptions } from 'react-aria';
|
|
40
|
+
import { FormFieldDescriptionSlotProps } from './form-field.slots';
|
|
41
|
+
import { FormFieldErrorSlotProps } from './form-field.slots';
|
|
42
|
+
import { FormFieldInputSlotProps } from './form-field.slots';
|
|
43
|
+
import { FormFieldLabelSlotProps } from './form-field.slots';
|
|
44
|
+
import { FormFieldProps as FormFieldProps_2 } from './form-field.types';
|
|
45
|
+
import { ForwardRefExoticComponent } from 'react';
|
|
46
|
+
import { GridItemProps } from '@chakra-ui/react';
|
|
47
|
+
import { GridProps as GridProps_2 } from '@chakra-ui/react';
|
|
48
|
+
import { Heading } from '@chakra-ui/react';
|
|
49
|
+
import { HTMLAttributes } from 'react';
|
|
50
|
+
import { HTMLChakraProps } from '@chakra-ui/react';
|
|
51
|
+
import { ImageProps as ImageProps_2 } from '@chakra-ui/react';
|
|
52
|
+
import { JSX } from 'react/jsx-runtime';
|
|
53
|
+
import { JsxStyleProps } from '@chakra-ui/react';
|
|
54
|
+
import { KbdProps as KbdProps_2 } from '@chakra-ui/react';
|
|
55
|
+
import { List as List_2 } from '@chakra-ui/react';
|
|
56
|
+
import { ListBoxItemProps } from 'react-aria-components';
|
|
57
|
+
import { ListBoxProps } from 'react-aria-components';
|
|
58
|
+
import { ListBoxSectionProps } from 'react-aria-components';
|
|
59
|
+
import { ListIndicatorProps } from '@chakra-ui/react';
|
|
60
|
+
import { MenuContentProps as MenuContentProps_2 } from './menu.types';
|
|
61
|
+
import { MenuItemProps as MenuItemProps_2 } from './menu.types';
|
|
62
|
+
import { MenuItemProps as MenuItemProps_3 } from 'react-aria-components';
|
|
63
|
+
import { MenuProps } from 'react-aria-components';
|
|
64
|
+
import { MenuRootProps as MenuRootProps_2 } from './menu.types';
|
|
65
|
+
import { MenuSectionProps as MenuSectionProps_2 } from './menu.types';
|
|
66
|
+
import { MenuSectionProps as MenuSectionProps_3 } from 'react-aria-components';
|
|
67
|
+
import { MenuSeparatorProps as MenuSeparatorProps_2 } from './menu.types';
|
|
68
|
+
import { MenuSubmenuProps as MenuSubmenuProps_2 } from './menu.types';
|
|
69
|
+
import { MenuSubmenuTriggerProps as MenuSubmenuTriggerProps_2 } from './menu.types';
|
|
70
|
+
import { MenuTriggerProps as MenuTriggerProps_2 } from './menu.types';
|
|
71
|
+
import { MenuTriggerProps as MenuTriggerProps_3 } from 'react-aria-components';
|
|
72
|
+
import { PatchHtmlProps } from '@chakra-ui/react';
|
|
73
|
+
import { PolymorphicProps } from '@chakra-ui/react';
|
|
74
|
+
import { PopoverProps } from 'react-aria-components';
|
|
75
|
+
import { PropsWithChildren } from 'react';
|
|
76
|
+
import { RadioGroupProps as RadioGroupProps_2 } from 'react-aria-components';
|
|
77
|
+
import { RadioInputOptionProps as RadioInputOptionProps_2 } from './radio-input.types';
|
|
78
|
+
import { RadioInputRootProps as RadioInputRootProps_2 } from './radio-input.types';
|
|
79
|
+
import { RadioProps } from 'react-aria-components';
|
|
80
|
+
import { RangeCalendarProps as RangeCalendarProps_2 } from 'react-aria-components';
|
|
81
|
+
import { ReactNode } from 'react';
|
|
82
|
+
import { RecipeDefinition } from '@chakra-ui/react';
|
|
83
|
+
import { RecipeProps } from '@chakra-ui/react';
|
|
84
|
+
import { RecipeVariantProps } from '@chakra-ui/react';
|
|
85
|
+
import { RecipeVariantRecord } from '@chakra-ui/react';
|
|
86
|
+
import { Ref } from 'react';
|
|
87
|
+
import { RefAttributes } from 'react';
|
|
88
|
+
import { RefObject } from 'react';
|
|
89
|
+
import { SelectOptionGroupProps as SelectOptionGroupProps_2 } from './select.types';
|
|
90
|
+
import { SelectOptionProps as SelectOptionProps_2 } from './select.types';
|
|
91
|
+
import { SelectOptionsProps as SelectOptionsProps_2 } from './select.types';
|
|
92
|
+
import { SelectProps } from 'react-aria-components';
|
|
93
|
+
import { SelectRootProps as SelectRootProps_2 } from './select.types';
|
|
94
|
+
import { SeparatorProps } from 'react-aria';
|
|
95
|
+
import { SeparatorProps as SeparatorProps_2 } from 'react-aria-components';
|
|
96
|
+
import { SimpleGridProps as SimpleGridProps_2 } from '@chakra-ui/react';
|
|
97
|
+
import { SlotRecipeDefinition } from '@chakra-ui/react';
|
|
98
|
+
import { SlotRecipeVariantRecord } from '@chakra-ui/react';
|
|
99
|
+
import { StackProps as StackProps_2 } from '@chakra-ui/react';
|
|
100
|
+
import { SubmenuTriggerProps } from 'react-aria-components';
|
|
101
|
+
import { Table } from '@chakra-ui/react';
|
|
102
|
+
import { Tag } from 'react-aria-components';
|
|
103
|
+
import { TagGroup as TagGroup_2 } from 'react-aria-components';
|
|
104
|
+
import { TagGroupProps as TagGroupProps_2 } from 'react-aria-components';
|
|
105
|
+
import { TagGroupRootComponent as TagGroupRootComponent_2 } from './tag-group.types';
|
|
106
|
+
import { TagGroupTagComponent as TagGroupTagComponent_2 } from './tag-group.types';
|
|
107
|
+
import { TagGroupTagListProps as TagGroupTagListProps_2 } from './tag-group.types';
|
|
108
|
+
import { TagListProps } from 'react-aria-components';
|
|
109
|
+
import { TagProps } from 'react-aria-components';
|
|
110
|
+
import { TextFieldProps } from 'react-aria-components';
|
|
111
|
+
import { TextProps as TextProps_2 } from '@chakra-ui/react';
|
|
112
|
+
import { ThemeProviderProps } from 'next-themes';
|
|
113
|
+
import { TimeFieldStateOptions } from 'react-stately';
|
|
114
|
+
import { TimeValue } from 'react-aria';
|
|
115
|
+
import { ToggleButton as ToggleButton_2 } from 'react-aria-components';
|
|
116
|
+
import { ToggleButtonGroup as ToggleButtonGroup_2 } from 'react-aria-components';
|
|
117
|
+
import { ToggleButtonGroupButtonComponent as ToggleButtonGroupButtonComponent_2 } from './toggle-button-group.types';
|
|
118
|
+
import { ToggleButtonGroupRootComponent as ToggleButtonGroupRootComponent_2 } from './toggle-button-group.types';
|
|
119
|
+
import { ToggleButtonProps as ToggleButtonProps_2 } from 'react-aria-components';
|
|
120
|
+
import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
|
|
121
|
+
import { TooltipTriggerComponentProps } from 'react-aria-components';
|
|
122
|
+
import { UnstyledProp } from '@chakra-ui/react';
|
|
123
|
+
import { useButton } from 'react-aria';
|
|
124
|
+
import { useDisclosure } from 'react-aria';
|
|
125
|
+
import { useDisclosureState } from 'react-stately';
|
|
126
|
+
import { VisuallyHiddenProps as VisuallyHiddenProps_2 } from 'react-aria';
|
|
127
|
+
|
|
128
|
+
export declare const Accordion: {
|
|
129
|
+
Root: ForwardRefExoticComponent<Omit<DisclosureGroupProps_2, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
130
|
+
Item: ForwardRefExoticComponent<AccordionItemProps_2 & {
|
|
131
|
+
children: ReactNode;
|
|
132
|
+
id?: string;
|
|
133
|
+
value?: string;
|
|
134
|
+
isDisabled?: boolean;
|
|
135
|
+
isExpanded?: boolean;
|
|
136
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
137
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
138
|
+
Header: ForwardRefExoticComponent< {
|
|
139
|
+
children: ReactNode;
|
|
140
|
+
} & RefAttributes<HTMLButtonElement>>;
|
|
141
|
+
Content: ForwardRefExoticComponent<Omit<{
|
|
142
|
+
children: ReactNode;
|
|
143
|
+
} & Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
144
|
+
HeaderRightContent: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
|
|
145
|
+
};
|
|
146
|
+
|
|
147
|
+
export declare type AccordionComposition = {
|
|
148
|
+
state: ReturnType<typeof useDisclosureState>;
|
|
149
|
+
buttonProps: ReturnType<typeof useButton>["buttonProps"];
|
|
150
|
+
panelProps: ReturnType<typeof useDisclosure>["panelProps"];
|
|
151
|
+
triggerRef: RefObject<HTMLButtonElement>;
|
|
152
|
+
panelRef: RefObject<HTMLDivElement>;
|
|
153
|
+
isFocusVisible: boolean;
|
|
154
|
+
};
|
|
155
|
+
|
|
156
|
+
export declare const _AccordionContent: default_2.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
157
|
+
|
|
158
|
+
declare type AccordionContentProps = {
|
|
159
|
+
/**
|
|
160
|
+
* The content to display
|
|
161
|
+
*/
|
|
162
|
+
children: ReactNode;
|
|
163
|
+
} & ComponentProps<typeof AccordionPanel>;
|
|
164
|
+
|
|
165
|
+
export declare const _AccordionHeader: default_2.ForwardRefExoticComponent<AccordionHeaderProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
166
|
+
|
|
167
|
+
declare type AccordionHeaderProps = {
|
|
168
|
+
/**
|
|
169
|
+
* The text / content to display in the Header
|
|
170
|
+
*/
|
|
171
|
+
children: ReactNode;
|
|
172
|
+
};
|
|
173
|
+
|
|
174
|
+
export declare const _AccordionHeaderRightContent: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
|
|
175
|
+
|
|
176
|
+
export declare const _AccordionItem: default_2.ForwardRefExoticComponent<AccordionItemProps_3 & {
|
|
177
|
+
children: default_2.ReactNode;
|
|
178
|
+
id?: string;
|
|
179
|
+
value?: string;
|
|
180
|
+
isDisabled?: boolean;
|
|
181
|
+
isExpanded?: boolean;
|
|
182
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
183
|
+
} & default_2.RefAttributes<HTMLDivElement>>;
|
|
184
|
+
|
|
185
|
+
export declare type AccordionItemProps = {
|
|
186
|
+
isDisabled?: boolean;
|
|
187
|
+
isExpanded?: boolean;
|
|
188
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
189
|
+
id?: string;
|
|
190
|
+
children: ReactNode;
|
|
191
|
+
title?: string;
|
|
192
|
+
};
|
|
193
|
+
|
|
194
|
+
declare const AccordionPanel: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
|
|
195
|
+
|
|
196
|
+
export declare interface AccordionProps extends Omit<DisclosureProps, "children" | "id"> {
|
|
197
|
+
additionalTriggerComponent?: ReactNode;
|
|
198
|
+
children: ReactNode;
|
|
199
|
+
recipe?: string;
|
|
200
|
+
size?: "sm" | "md";
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
/**
|
|
204
|
+
* # Accordion
|
|
205
|
+
*
|
|
206
|
+
* Displays an Accordion.
|
|
207
|
+
*
|
|
208
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/navigation/accordion}
|
|
209
|
+
*/
|
|
210
|
+
export declare const _AccordionRoot: default_2.ForwardRefExoticComponent<Omit<DisclosureGroupProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
211
|
+
|
|
212
|
+
export declare type AccordionRootProps = HTMLChakraProps<"div", RecipeVariantProps<typeof accordionSlotRecipe>>;
|
|
213
|
+
|
|
214
|
+
/**
|
|
215
|
+
* Recipe configuration for the Accordion component.
|
|
216
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
217
|
+
*/
|
|
218
|
+
declare const accordionSlotRecipe: SlotRecipeDefinition<"root" | "trigger" | "disclosure" | "panel" | "accordionTitle" | "headerContentRight", {
|
|
219
|
+
size: {
|
|
220
|
+
md: {
|
|
221
|
+
trigger: {
|
|
222
|
+
"--font-size": "fontSizes.500";
|
|
223
|
+
"& svg": {
|
|
224
|
+
"--width": "sizes.600";
|
|
225
|
+
"--height": "sizes.600";
|
|
226
|
+
};
|
|
227
|
+
};
|
|
228
|
+
panel: {
|
|
229
|
+
"--padding-top": "spacing.600";
|
|
230
|
+
"--padding-bottom": "spacing.800";
|
|
231
|
+
"--padding-left": "spacing.800";
|
|
232
|
+
};
|
|
233
|
+
};
|
|
234
|
+
sm: {
|
|
235
|
+
trigger: {
|
|
236
|
+
"--font-size": "fontSizes.400";
|
|
237
|
+
"& svg": {
|
|
238
|
+
"--width": "sizes.500";
|
|
239
|
+
"--height": "sizes.500";
|
|
240
|
+
};
|
|
241
|
+
};
|
|
242
|
+
panel: {
|
|
243
|
+
"--padding-top": "spacing.400";
|
|
244
|
+
"--padding-bottom": "spacing.600";
|
|
245
|
+
"--padding-left": "spacing.700";
|
|
246
|
+
};
|
|
247
|
+
};
|
|
248
|
+
};
|
|
249
|
+
}>;
|
|
250
|
+
|
|
251
|
+
/**
|
|
252
|
+
* Alert
|
|
253
|
+
* ============================================================
|
|
254
|
+
* Provides feedback to the user about the status of an action or system event
|
|
255
|
+
*/
|
|
256
|
+
export declare const Alert: {
|
|
257
|
+
Root: AlertRootComponent_2;
|
|
258
|
+
Title: {
|
|
259
|
+
({ children, ...props }: AlertTitleProps_2): null;
|
|
260
|
+
displayName: string;
|
|
261
|
+
};
|
|
262
|
+
Description: {
|
|
263
|
+
({ children, ...props }: AlertDescriptionProps_2): null;
|
|
264
|
+
displayName: string;
|
|
265
|
+
};
|
|
266
|
+
Actions: {
|
|
267
|
+
({ children, ...props }: AlertActionsProps_2): null;
|
|
268
|
+
displayName: string;
|
|
269
|
+
};
|
|
270
|
+
DismissButton: {
|
|
271
|
+
({ children, ...props }: AlertDismissButtonProps_2): null;
|
|
272
|
+
displayName: string;
|
|
273
|
+
};
|
|
274
|
+
};
|
|
275
|
+
|
|
276
|
+
export declare const _AlertActions: {
|
|
277
|
+
({ children, ...props }: AlertActionsProps): null;
|
|
278
|
+
displayName: string;
|
|
279
|
+
};
|
|
280
|
+
|
|
281
|
+
/** Base Chakra styling props for the `actions` slot (`div`). */
|
|
282
|
+
export declare type AlertActionsProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
283
|
+
|
|
284
|
+
export declare const _AlertDescription: {
|
|
285
|
+
({ children, ...props }: AlertDescriptionProps): null;
|
|
286
|
+
displayName: string;
|
|
287
|
+
};
|
|
288
|
+
|
|
289
|
+
/** Props for the `Alert.Description` sub-component (inherits from Text). */
|
|
290
|
+
export declare type AlertDescriptionProps = Omit<TextProps, "ref"> & {
|
|
291
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
292
|
+
};
|
|
293
|
+
|
|
294
|
+
export declare const _AlertDismissButton: {
|
|
295
|
+
({ children, ...props }: AlertDismissButtonProps): null;
|
|
296
|
+
displayName: string;
|
|
297
|
+
};
|
|
298
|
+
|
|
299
|
+
/** Props for the `Alert.DismissButton` sub-component (inherits from Button). */
|
|
300
|
+
export declare type AlertDismissButtonProps = ButtonProps;
|
|
301
|
+
|
|
302
|
+
/** Base Chakra styling props for the `icon` slot (`div`). */
|
|
303
|
+
export declare type AlertIconProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
304
|
+
|
|
305
|
+
/** Final external props for the `<Alert>` component (variants + children + data-* attrs). */
|
|
306
|
+
export declare type AlertProps = PropsWithChildren<AlertVariantProps> & {
|
|
307
|
+
[key: `data-${string}`]: unknown;
|
|
308
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
309
|
+
};
|
|
310
|
+
|
|
311
|
+
/**
|
|
312
|
+
* Recipe configuration for the Alert component.
|
|
313
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
314
|
+
*/
|
|
315
|
+
declare const alertRecipe: SlotRecipeDefinition<"title" | "description" | "icon" | "root" | "actions" | "dismissButton", {
|
|
316
|
+
tone: {
|
|
317
|
+
critical: {
|
|
318
|
+
root: {
|
|
319
|
+
colorPalette: "critical";
|
|
320
|
+
};
|
|
321
|
+
};
|
|
322
|
+
info: {
|
|
323
|
+
root: {
|
|
324
|
+
colorPalette: "info";
|
|
325
|
+
};
|
|
326
|
+
};
|
|
327
|
+
warning: {
|
|
328
|
+
root: {
|
|
329
|
+
colorPalette: "amber";
|
|
330
|
+
};
|
|
331
|
+
};
|
|
332
|
+
positive: {
|
|
333
|
+
root: {
|
|
334
|
+
colorPalette: "positive";
|
|
335
|
+
};
|
|
336
|
+
};
|
|
337
|
+
};
|
|
338
|
+
variant: {
|
|
339
|
+
flat: {};
|
|
340
|
+
outlined: {
|
|
341
|
+
root: {
|
|
342
|
+
border: "solid-25";
|
|
343
|
+
borderColor: "colorPalette.5";
|
|
344
|
+
backgroundColor: "colorPalette.2";
|
|
345
|
+
padding: "200";
|
|
346
|
+
borderRadius: "200";
|
|
347
|
+
};
|
|
348
|
+
};
|
|
349
|
+
};
|
|
350
|
+
}>;
|
|
351
|
+
|
|
352
|
+
/**
|
|
353
|
+
* # Alert
|
|
354
|
+
*
|
|
355
|
+
* Provides feedback to the user about the status of an action or system event
|
|
356
|
+
*
|
|
357
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}
|
|
358
|
+
*/
|
|
359
|
+
export declare const _AlertRoot: AlertRootComponent;
|
|
360
|
+
|
|
361
|
+
/** Type signature for the main `Alert` component. */
|
|
362
|
+
export declare type AlertRootComponent = React.FC<AlertProps>;
|
|
363
|
+
|
|
364
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
365
|
+
export declare type AlertRootProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
366
|
+
|
|
367
|
+
export declare const _AlertTitle: {
|
|
368
|
+
({ children, ...props }: AlertTitleProps): null;
|
|
369
|
+
displayName: string;
|
|
370
|
+
};
|
|
371
|
+
|
|
372
|
+
/** Props for the `Alert.Title` sub-component (inherits from Text). */
|
|
373
|
+
export declare type AlertTitleProps = Omit<TextProps, "ref"> & {
|
|
374
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
375
|
+
};
|
|
376
|
+
|
|
377
|
+
/** Combined root props including Chakra styles and recipe variants. */
|
|
378
|
+
declare type AlertVariantProps = AlertRootProps & RecipeVariantProps<typeof alertRecipe>;
|
|
379
|
+
|
|
380
|
+
export declare const Avatar: {
|
|
381
|
+
(props: AvatarProps): JSX.Element;
|
|
382
|
+
displayName: string;
|
|
383
|
+
};
|
|
384
|
+
|
|
385
|
+
export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElement>, RecipeVariantProps<typeof avatarRecipe> {
|
|
386
|
+
/**
|
|
387
|
+
* The first name used to show initials
|
|
388
|
+
*/
|
|
389
|
+
firstName: string;
|
|
390
|
+
/**
|
|
391
|
+
* The last name used to show initials
|
|
392
|
+
*/
|
|
393
|
+
lastName: string;
|
|
394
|
+
/**
|
|
395
|
+
* The image URL
|
|
396
|
+
*/
|
|
397
|
+
src?: string;
|
|
398
|
+
/**
|
|
399
|
+
* Alt text for the avatar image
|
|
400
|
+
*/
|
|
401
|
+
alt?: string;
|
|
402
|
+
/**
|
|
403
|
+
* If the avatar is disabled
|
|
404
|
+
*/
|
|
405
|
+
isDisabled?: boolean;
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
export declare interface AvatarProps extends FunctionalAvatarProps {
|
|
409
|
+
children?: React.ReactNode;
|
|
410
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
declare const avatarRecipe: RecipeDefinition< {
|
|
414
|
+
size: {
|
|
415
|
+
md: {
|
|
416
|
+
width: number;
|
|
417
|
+
height: number;
|
|
418
|
+
textStyle: "sm";
|
|
419
|
+
};
|
|
420
|
+
xs: {
|
|
421
|
+
width: number;
|
|
422
|
+
height: number;
|
|
423
|
+
textStyle: "xs";
|
|
424
|
+
};
|
|
425
|
+
"2xs": {
|
|
426
|
+
width: number;
|
|
427
|
+
height: number;
|
|
428
|
+
textStyle: "xs";
|
|
429
|
+
};
|
|
430
|
+
};
|
|
431
|
+
}>;
|
|
432
|
+
|
|
433
|
+
declare interface AvatarRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
declare interface AvatarRootProps extends HTMLChakraProps<"div", AvatarRecipeProps> {
|
|
437
|
+
}
|
|
438
|
+
|
|
439
|
+
/**
|
|
440
|
+
* # Badge
|
|
441
|
+
*
|
|
442
|
+
* Briefly highlights or categorizes associated UI elements with concise visual cues for status or metadata.
|
|
443
|
+
*
|
|
444
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/data-display/badge}
|
|
445
|
+
*/
|
|
446
|
+
export declare const Badge: {
|
|
447
|
+
(props: BadgeProps): JSX.Element;
|
|
448
|
+
displayName: string;
|
|
449
|
+
};
|
|
450
|
+
|
|
451
|
+
/**
|
|
452
|
+
* Main props interface for the Badge component.
|
|
453
|
+
* Extends BadgeVariantProps to include both root props and variant props,
|
|
454
|
+
* while adding support for React children.
|
|
455
|
+
*/
|
|
456
|
+
export declare interface BadgeProps extends BadgeVariantProps {
|
|
457
|
+
children?: React.ReactNode;
|
|
458
|
+
ref?: React.Ref<HTMLSpanElement>;
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
/**
|
|
462
|
+
* Recipe configuration for the Badge component.
|
|
463
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
464
|
+
*/
|
|
465
|
+
declare const badgeRecipe: RecipeDefinition< {
|
|
466
|
+
size: {
|
|
467
|
+
"2xs": {
|
|
468
|
+
fontSize: "300";
|
|
469
|
+
gap: "100";
|
|
470
|
+
h: "600";
|
|
471
|
+
lineHeight: "350";
|
|
472
|
+
px: "200";
|
|
473
|
+
_icon: {
|
|
474
|
+
width: "400";
|
|
475
|
+
height: "400";
|
|
476
|
+
};
|
|
477
|
+
};
|
|
478
|
+
xs: {
|
|
479
|
+
fontSize: "350";
|
|
480
|
+
gap: "100";
|
|
481
|
+
h: "800";
|
|
482
|
+
lineHeight: "400";
|
|
483
|
+
px: "300";
|
|
484
|
+
_icon: {
|
|
485
|
+
width: "500";
|
|
486
|
+
height: "500";
|
|
487
|
+
};
|
|
488
|
+
};
|
|
489
|
+
md: {
|
|
490
|
+
fontSize: "400";
|
|
491
|
+
gap: "200";
|
|
492
|
+
h: "1000";
|
|
493
|
+
lineHeight: "500";
|
|
494
|
+
px: "400";
|
|
495
|
+
_icon: {
|
|
496
|
+
width: "600";
|
|
497
|
+
height: "600";
|
|
498
|
+
};
|
|
499
|
+
};
|
|
500
|
+
};
|
|
501
|
+
}>;
|
|
502
|
+
|
|
503
|
+
/**
|
|
504
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
505
|
+
* with the unstyled prop option for the span element.
|
|
506
|
+
*/
|
|
507
|
+
export declare interface BadgeRecipeProps extends RecipeProps<"span">, UnstyledProp {
|
|
508
|
+
}
|
|
509
|
+
|
|
510
|
+
/**
|
|
511
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
512
|
+
* This creates a complete set of props for the root element, combining
|
|
513
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
514
|
+
*/
|
|
515
|
+
export declare interface BadgeRootProps extends HTMLChakraProps<"span", BadgeRecipeProps> {
|
|
516
|
+
}
|
|
517
|
+
|
|
518
|
+
/**
|
|
519
|
+
* Combines the root props with Chakra UI's recipe variant props.
|
|
520
|
+
* This allows the component to accept both structural props from Root
|
|
521
|
+
* and styling variants from the recipe.
|
|
522
|
+
*/
|
|
523
|
+
declare type BadgeVariantProps = BadgeRootProps & RecipeVariantProps<typeof badgeRecipe> & {
|
|
524
|
+
[key: `data-${string}`]: string;
|
|
525
|
+
};
|
|
526
|
+
|
|
527
|
+
/**
|
|
528
|
+
* # Box
|
|
529
|
+
*
|
|
530
|
+
* A basic layout component that serves as a wrapper or container.
|
|
531
|
+
*
|
|
532
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/layout/box}
|
|
533
|
+
*/
|
|
534
|
+
export declare const Box: {
|
|
535
|
+
(props: BoxProps): JSX.Element;
|
|
536
|
+
displayName: string;
|
|
537
|
+
};
|
|
538
|
+
|
|
539
|
+
export declare interface BoxProps extends HTMLChakraProps<"div"> {
|
|
540
|
+
children?: React.ReactNode;
|
|
541
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
542
|
+
}
|
|
543
|
+
|
|
544
|
+
/**
|
|
545
|
+
* # Button
|
|
546
|
+
*
|
|
547
|
+
* Displays a Button.
|
|
548
|
+
*
|
|
549
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}
|
|
550
|
+
*/
|
|
551
|
+
export declare const Button: {
|
|
552
|
+
(props: ButtonProps): JSX.Element;
|
|
553
|
+
displayName: string;
|
|
554
|
+
};
|
|
555
|
+
|
|
556
|
+
/**
|
|
557
|
+
* Recipe configuration for the ToggleButtonGroup component.
|
|
558
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
559
|
+
*/
|
|
560
|
+
declare const buttonGroupRecipe: SlotRecipeDefinition<"button" | "root", {
|
|
561
|
+
size: {
|
|
562
|
+
xs: {
|
|
563
|
+
button: {
|
|
564
|
+
h: "800";
|
|
565
|
+
minW: "800";
|
|
566
|
+
fontSize: "350";
|
|
567
|
+
fontWeight: "500";
|
|
568
|
+
lineHeight: "400";
|
|
569
|
+
px: "300";
|
|
570
|
+
gap: "100";
|
|
571
|
+
_icon: {
|
|
572
|
+
width: "500";
|
|
573
|
+
height: "500";
|
|
574
|
+
};
|
|
575
|
+
} | undefined;
|
|
576
|
+
};
|
|
577
|
+
md: {
|
|
578
|
+
button: {
|
|
579
|
+
h: "1000";
|
|
580
|
+
minW: "1000";
|
|
581
|
+
fontSize: "400";
|
|
582
|
+
lineHeight: "500";
|
|
583
|
+
px: "400";
|
|
584
|
+
gap: "200";
|
|
585
|
+
_icon: {
|
|
586
|
+
width: "600";
|
|
587
|
+
height: "600";
|
|
588
|
+
};
|
|
589
|
+
} | undefined;
|
|
590
|
+
};
|
|
591
|
+
};
|
|
592
|
+
tone: {
|
|
593
|
+
primary: {
|
|
594
|
+
button: {
|
|
595
|
+
colorPalette: "primary";
|
|
596
|
+
};
|
|
597
|
+
};
|
|
598
|
+
critical: {
|
|
599
|
+
button: {
|
|
600
|
+
colorPalette: "critical";
|
|
601
|
+
};
|
|
602
|
+
};
|
|
603
|
+
neutral: {
|
|
604
|
+
button: {
|
|
605
|
+
colorPalette: "neutral";
|
|
606
|
+
};
|
|
607
|
+
};
|
|
608
|
+
};
|
|
609
|
+
}>;
|
|
610
|
+
|
|
611
|
+
export declare interface ButtonProps extends FunctionalButtonProps {
|
|
612
|
+
slot?: string | null | undefined;
|
|
613
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
614
|
+
}
|
|
615
|
+
|
|
616
|
+
/**
|
|
617
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
618
|
+
* with the unstyled prop option for the button element.
|
|
619
|
+
*/
|
|
620
|
+
declare interface ButtonRecipeProps extends RecipeProps<"button">, UnstyledProp {
|
|
621
|
+
}
|
|
622
|
+
|
|
623
|
+
/**
|
|
624
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
625
|
+
* This creates a complete set of props for the root element, combining
|
|
626
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
627
|
+
*/
|
|
628
|
+
declare interface ButtonRootProps extends Omit<HTMLChakraProps<"button", ButtonRecipeProps>, "slot"> {
|
|
629
|
+
slot?: string | null | undefined;
|
|
630
|
+
}
|
|
631
|
+
|
|
632
|
+
/**
|
|
633
|
+
* # Calendar
|
|
634
|
+
*
|
|
635
|
+
* Calendars display a grid of days in one or more months and allow users to select a single date.
|
|
636
|
+
*
|
|
637
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/calendar}
|
|
638
|
+
*/
|
|
639
|
+
export declare const Calendar: (props: CalendarProps<DateValue>) => JSX.Element;
|
|
640
|
+
|
|
641
|
+
export declare interface CalendarProps<T extends DateValue_2> extends Omit<CalendarRootSlotProps, keyof CalendarProps_2<DateValue_2> | ExcludedProps_4>, Omit<CalendarProps_2<T>, ExcludedProps_4>, RecipeVariantProps<typeof calendarSlotRecipe> {
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
declare interface CalendarRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof calendarSlotRecipe> & CalendarProps_2<DateValue_2>> {
|
|
645
|
+
}
|
|
646
|
+
|
|
647
|
+
declare const calendarSlotRecipe: SlotRecipeDefinition<"grid" | "header" | "root" | "grids" | "monthTitle" | "gridHeader" | "headerCell" | "gridBody" | "bodyCell", SlotRecipeVariantRecord<"grid" | "header" | "root" | "grids" | "monthTitle" | "gridHeader" | "headerCell" | "gridBody" | "bodyCell">>;
|
|
648
|
+
|
|
649
|
+
export declare const Card: {
|
|
650
|
+
Root: {
|
|
651
|
+
({ children, ref, ...props }: CardProps_2): JSX.Element;
|
|
652
|
+
displayName: string;
|
|
653
|
+
};
|
|
654
|
+
Header: {
|
|
655
|
+
({ children, ...props }: CardHeaderProps): null;
|
|
656
|
+
displayName: string;
|
|
657
|
+
};
|
|
658
|
+
Content: {
|
|
659
|
+
({ children, ...props }: CardContentProps): null;
|
|
660
|
+
displayName: string;
|
|
661
|
+
};
|
|
662
|
+
};
|
|
663
|
+
|
|
664
|
+
export declare const _CardContent: {
|
|
665
|
+
({ children, ...props }: CardContentProps_2): null;
|
|
666
|
+
displayName: string;
|
|
667
|
+
};
|
|
668
|
+
|
|
669
|
+
declare interface CardContentProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
export declare const _CardHeader: {
|
|
673
|
+
({ children, ...props }: CardHeaderProps_2): null;
|
|
674
|
+
displayName: string;
|
|
675
|
+
};
|
|
676
|
+
|
|
677
|
+
declare interface CardHeaderProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
678
|
+
}
|
|
679
|
+
|
|
680
|
+
/**
|
|
681
|
+
* Main props interface for the Card component.
|
|
682
|
+
* Extends CardVariantProps to include both root props and variant props,
|
|
683
|
+
* while adding support for React children.
|
|
684
|
+
*/
|
|
685
|
+
export declare interface CardProps extends CardVariantProps {
|
|
686
|
+
children?: React.ReactNode;
|
|
687
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
688
|
+
}
|
|
689
|
+
|
|
690
|
+
/**
|
|
691
|
+
* Recipe configuration for the Card component.
|
|
692
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
693
|
+
*/
|
|
694
|
+
declare const cardRecipe: SlotRecipeDefinition<"content" | "header" | "root", {
|
|
695
|
+
cardPadding: {
|
|
696
|
+
sm: {
|
|
697
|
+
root: {
|
|
698
|
+
padding: "200";
|
|
699
|
+
};
|
|
700
|
+
};
|
|
701
|
+
md: {
|
|
702
|
+
root: {
|
|
703
|
+
padding: "400";
|
|
704
|
+
};
|
|
705
|
+
};
|
|
706
|
+
lg: {
|
|
707
|
+
root: {
|
|
708
|
+
padding: "600";
|
|
709
|
+
};
|
|
710
|
+
};
|
|
711
|
+
};
|
|
712
|
+
borderStyle: {
|
|
713
|
+
none: {};
|
|
714
|
+
outlined: {
|
|
715
|
+
root: {
|
|
716
|
+
border: "solid-25";
|
|
717
|
+
borderColor: "colorPalette.3";
|
|
718
|
+
};
|
|
719
|
+
};
|
|
720
|
+
};
|
|
721
|
+
elevation: {
|
|
722
|
+
none: {};
|
|
723
|
+
elevated: {
|
|
724
|
+
root: {
|
|
725
|
+
shadow: "1";
|
|
726
|
+
};
|
|
727
|
+
};
|
|
728
|
+
};
|
|
729
|
+
backgroundStyle: {
|
|
730
|
+
default: {
|
|
731
|
+
root: {
|
|
732
|
+
backgroundColor: "colorPalette.contrast";
|
|
733
|
+
};
|
|
734
|
+
};
|
|
735
|
+
muted: {
|
|
736
|
+
root: {
|
|
737
|
+
backgroundColor: "colorPalette.2";
|
|
738
|
+
};
|
|
739
|
+
};
|
|
740
|
+
};
|
|
741
|
+
}>;
|
|
742
|
+
|
|
743
|
+
/**
|
|
744
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
745
|
+
* with the unstyled prop option for the div element.
|
|
746
|
+
*/
|
|
747
|
+
declare interface CardRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
748
|
+
}
|
|
749
|
+
|
|
750
|
+
/**
|
|
751
|
+
* # Card
|
|
752
|
+
*
|
|
753
|
+
* A versatile container component presents self-contained information
|
|
754
|
+
*
|
|
755
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/data-display/card}
|
|
756
|
+
*/
|
|
757
|
+
export declare const _CardRoot: {
|
|
758
|
+
({ children, ref, ...props }: CardProps): JSX.Element;
|
|
759
|
+
displayName: string;
|
|
760
|
+
};
|
|
761
|
+
|
|
762
|
+
/**
|
|
763
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
764
|
+
* This creates a complete set of props for the root element, combining
|
|
765
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
766
|
+
*/
|
|
767
|
+
declare interface CardRootProps extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
768
|
+
}
|
|
769
|
+
|
|
770
|
+
/**
|
|
771
|
+
* Combines the root props with Chakra UI's recipe variant props.
|
|
772
|
+
* This allows the component to accept both structural props from Root
|
|
773
|
+
* and styling variants from the recipe.
|
|
774
|
+
*/
|
|
775
|
+
declare type CardVariantProps = CardRootProps & RecipeVariantProps<typeof cardRecipe> & {
|
|
776
|
+
[key: `data-${string}`]: unknown;
|
|
777
|
+
};
|
|
778
|
+
|
|
779
|
+
/**
|
|
780
|
+
* # Checkbox
|
|
781
|
+
*
|
|
782
|
+
* Displays a checkbox.
|
|
783
|
+
*
|
|
784
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}
|
|
785
|
+
*/
|
|
786
|
+
export declare const Checkbox: {
|
|
787
|
+
(props: CheckboxProps): JSX.Element;
|
|
788
|
+
displayName: string;
|
|
789
|
+
};
|
|
790
|
+
|
|
791
|
+
/**
|
|
792
|
+
* Main props interface for the Checkbox component.
|
|
793
|
+
* Extends CheckboxVariantProps to include both root props and variant props,
|
|
794
|
+
* while adding support for React children.
|
|
795
|
+
*/
|
|
796
|
+
export declare interface CheckboxProps extends CheckboxVariantProps {
|
|
797
|
+
children?: React.ReactNode;
|
|
798
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
799
|
+
}
|
|
800
|
+
|
|
801
|
+
declare interface CheckboxRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof checkboxSlotRecipe>> {
|
|
802
|
+
}
|
|
803
|
+
|
|
804
|
+
/**
|
|
805
|
+
* Recipe configuration for the Checkbox component.
|
|
806
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
807
|
+
*/
|
|
808
|
+
declare const checkboxSlotRecipe: SlotRecipeDefinition<"label" | "root" | "indicator", {
|
|
809
|
+
size: {
|
|
810
|
+
md: {
|
|
811
|
+
label: {
|
|
812
|
+
fontSize: "350";
|
|
813
|
+
fontWeight: "400";
|
|
814
|
+
lineHeight: "400";
|
|
815
|
+
};
|
|
816
|
+
indicator: {
|
|
817
|
+
w: "400";
|
|
818
|
+
h: "400";
|
|
819
|
+
zIndex: number;
|
|
820
|
+
_after: {
|
|
821
|
+
position: "absolute";
|
|
822
|
+
content: "''";
|
|
823
|
+
width: "600";
|
|
824
|
+
height: "600";
|
|
825
|
+
zIndex: number;
|
|
826
|
+
};
|
|
827
|
+
};
|
|
828
|
+
};
|
|
829
|
+
};
|
|
830
|
+
}>;
|
|
831
|
+
|
|
832
|
+
/**
|
|
833
|
+
* Combines the root props with Chakra UI's recipe variant props.
|
|
834
|
+
* This allows the component to accept both structural props from Root
|
|
835
|
+
* and styling variants from the recipe.
|
|
836
|
+
*/
|
|
837
|
+
declare type CheckboxVariantProps = CheckboxRootProps & RecipeVariantProps<typeof checkboxSlotRecipe> & AriaCheckboxProps;
|
|
838
|
+
|
|
839
|
+
/**
|
|
840
|
+
* # Code
|
|
841
|
+
*
|
|
842
|
+
* renders code blocks
|
|
843
|
+
*
|
|
844
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/typography/code}
|
|
845
|
+
*
|
|
846
|
+
* @experimental This component is experimental and may change or be removed in future versions.
|
|
847
|
+
*/
|
|
848
|
+
export declare const Code: ForwardRefExoticComponent<CodeProps & RefAttributes<HTMLElement>>;
|
|
849
|
+
|
|
850
|
+
export declare interface ColorModeProviderProps extends ThemeProviderProps {
|
|
851
|
+
}
|
|
852
|
+
|
|
853
|
+
export declare const ComboBox: {
|
|
854
|
+
Root: {
|
|
855
|
+
<T extends object>({ children, ref, ...props }: ComboBoxRootProps_2<T>): JSX.Element;
|
|
856
|
+
displayName: string;
|
|
857
|
+
};
|
|
858
|
+
OptionGroup: {
|
|
859
|
+
<T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
860
|
+
displayName: string;
|
|
861
|
+
};
|
|
862
|
+
Option: {
|
|
863
|
+
<T extends object>({ children, ref, ...props }: ComboBoxOptionProps_2<T>): JSX.Element;
|
|
864
|
+
displayName: string;
|
|
865
|
+
};
|
|
866
|
+
};
|
|
867
|
+
|
|
868
|
+
/** component prop interface */
|
|
869
|
+
export declare type ComboBoxButtonGroupProps = {
|
|
870
|
+
selectedKeys?: ComboBoxMultiSelectRootProps<{}>["selectedKeys"];
|
|
871
|
+
onSelectionChange?: ComboBoxMultiSelectRootProps<{}>["onSelectionChange"];
|
|
872
|
+
onInputChange?: ComboBoxMultiSelectRootProps<{}>["onInputChange"];
|
|
873
|
+
onOpenChange?: ComboBoxSingleSelectRootProps<{}>["onOpenChange"];
|
|
874
|
+
containerRef?: RefObject<HTMLDivElement | null>;
|
|
875
|
+
isOpen?: boolean;
|
|
876
|
+
isLoading?: boolean;
|
|
877
|
+
isDisabled?: boolean;
|
|
878
|
+
isReadOnly?: boolean;
|
|
879
|
+
};
|
|
880
|
+
|
|
881
|
+
/** The slot is a wrapper for multiple components,
|
|
882
|
+
* and therefore not combined with the component props
|
|
883
|
+
* because it is not used to style the component directly using asChild */
|
|
884
|
+
export declare interface ComboBoxButtonGroupSlotProps extends HTMLChakraProps<"div", RecipeProps<"buttonGroup">> {
|
|
885
|
+
}
|
|
886
|
+
|
|
887
|
+
/** MultiSelect combobox */
|
|
888
|
+
export declare interface ComboBoxMultiSelect<T extends object> extends Omit<AutocompleteProps, "children" | "filter" | "slot">, Omit<ListBoxProps<T>, "filter" | "autoFocus" | "style" | "slot"> {
|
|
889
|
+
defaultFilter?: (textValue: string, inputValue: string) => boolean;
|
|
890
|
+
defaultInputValue?: ComboBoxProps<T>["defaultInputValue"];
|
|
891
|
+
defaultItems?: ComboBoxProps<T>["defaultItems"];
|
|
892
|
+
validate?: ComboBoxProps<T>["validate"];
|
|
893
|
+
allowsCustomValue?: boolean;
|
|
894
|
+
onSubmitCustomValue?: (value: string) => void;
|
|
895
|
+
onOpenChange?: ComboBoxProps<T>["onOpenChange"];
|
|
896
|
+
autoFocus?: boolean;
|
|
897
|
+
isLoading?: boolean;
|
|
898
|
+
isDisabled?: boolean;
|
|
899
|
+
isReadOnly?: boolean;
|
|
900
|
+
isRequired?: boolean;
|
|
901
|
+
isInvalid?: boolean;
|
|
902
|
+
itemId?: string;
|
|
903
|
+
itemValue?: string;
|
|
904
|
+
placeholder?: string;
|
|
905
|
+
ref?: Ref<HTMLDivElement>;
|
|
906
|
+
size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
|
|
907
|
+
}
|
|
908
|
+
|
|
909
|
+
export declare interface ComboBoxMultiSelectInputSlotProps extends HTMLChakraProps<"input", RecipeProps<"multiSelectInput">> {
|
|
910
|
+
}
|
|
911
|
+
|
|
912
|
+
/** Combined props for the multi select root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
913
|
+
export declare interface ComboBoxMultiSelectRootProps<T extends object> extends Omit<ComboBoxMultiSelectRootSlotProps<T>, "selectionMode">, ComboBoxMultiSelect<T> {
|
|
914
|
+
ref?: Ref<HTMLDivElement>;
|
|
915
|
+
}
|
|
916
|
+
|
|
917
|
+
/** Base Chakra styling props for the root `div` slot when multi select*/
|
|
918
|
+
export declare interface ComboBoxMultiSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxMultiSelect<T>> {
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
/** component prop interface */
|
|
922
|
+
export declare type ComboBoxMultiSelectValueProps<T extends object> = {
|
|
923
|
+
items: ComboBoxMultiSelectRootProps<T>["items"];
|
|
924
|
+
itemId: ComboBoxMultiSelectRootProps<T>["itemId"];
|
|
925
|
+
itemValue: ComboBoxMultiSelectRootProps<T>["itemValue"];
|
|
926
|
+
selectedKeys: ComboBoxMultiSelectRootProps<T>["selectedKeys"];
|
|
927
|
+
onSelectionChange: ComboBoxMultiSelectRootProps<T>["onSelectionChange"];
|
|
928
|
+
placeholder?: string;
|
|
929
|
+
isDisabled?: boolean;
|
|
930
|
+
isReadOnly?: boolean;
|
|
931
|
+
ref?: Ref<HTMLDivElement>;
|
|
932
|
+
containerRef?: RefObject<HTMLDivElement | null>;
|
|
933
|
+
size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
|
|
934
|
+
};
|
|
935
|
+
|
|
936
|
+
export declare const _ComboBoxOption: {
|
|
937
|
+
<T extends object>({ children, ref, ...props }: ComboBoxOptionProps<T>): JSX.Element;
|
|
938
|
+
displayName: string;
|
|
939
|
+
};
|
|
940
|
+
|
|
941
|
+
export declare type ComboBoxOptionContentSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
|
|
942
|
+
|
|
943
|
+
export declare const _ComboBoxOptionGroup: {
|
|
944
|
+
<T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
945
|
+
displayName: string;
|
|
946
|
+
};
|
|
947
|
+
|
|
948
|
+
/** Combined props for the OptionGroup element (Chakra styles + Aria behavior + Recipe variants). */
|
|
949
|
+
export declare interface ComboBoxOptionGroupProps<T extends object> extends ListBoxSectionProps<T>, Omit<ComboBoxOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
|
|
950
|
+
label?: ReactNode;
|
|
951
|
+
}
|
|
952
|
+
|
|
953
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
954
|
+
declare type ComboBoxOptionGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
955
|
+
|
|
956
|
+
export declare type ComboBoxOptionIndicatorSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
|
|
957
|
+
|
|
958
|
+
/** Combined props for the ListBoxItem element (Chakra styles + Aria behavior + Recipe variants). */
|
|
959
|
+
export declare interface ComboBoxOptionProps<T extends object> extends ListBoxItemProps<T>, Omit<ComboBoxOptionSlotProps, keyof ListBoxItemProps<T>> {
|
|
960
|
+
ref?: Ref<HTMLDivElement>;
|
|
961
|
+
}
|
|
962
|
+
|
|
963
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
964
|
+
declare type ComboBoxOptionSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
965
|
+
|
|
966
|
+
/** Combined props for the ListBox element used in Single Select (Chakra styles + Aria behavior + Recipe variants) */
|
|
967
|
+
export declare interface ComboBoxOptionsProps<T extends object> extends ListBoxProps<T>, Omit<ComboBoxOptionsSlotProps, keyof ListBoxProps<T>> {
|
|
968
|
+
ref?: Ref<HTMLDivElement>;
|
|
969
|
+
}
|
|
970
|
+
|
|
971
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
972
|
+
export declare interface ComboBoxOptionsSlotProps extends HTMLChakraProps<"div", RecipeProps<"options">> {
|
|
973
|
+
}
|
|
974
|
+
|
|
975
|
+
export declare interface ComboBoxPopoverSlotProps extends HTMLChakraProps<"div", RecipeProps<"popover">> {
|
|
976
|
+
}
|
|
977
|
+
|
|
978
|
+
/**
|
|
979
|
+
* # ComboBox
|
|
980
|
+
*
|
|
981
|
+
* A combo box combines a text input with a dropdown list, allowing users to filter a list of options to items matching a query.
|
|
982
|
+
*
|
|
983
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/combobox}
|
|
984
|
+
*/
|
|
985
|
+
export declare const _ComboBoxRoot: {
|
|
986
|
+
<T extends object>({ children, ref, ...props }: ComboBoxRootProps<T>): JSX.Element;
|
|
987
|
+
displayName: string;
|
|
988
|
+
};
|
|
989
|
+
|
|
990
|
+
/** Root element can either be single or multi select */
|
|
991
|
+
export declare type ComboBoxRootProps<T extends object> = ComboBoxSingleSelectRootProps<T> | ComboBoxMultiSelectRootProps<T>;
|
|
992
|
+
|
|
993
|
+
/** Combined props for the single select root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
994
|
+
export declare interface ComboBoxSingleSelectRootProps<T extends object> extends ComboBoxSingleSelectRootSlotProps<T>, ComboBoxWithCustomChildren<T> {
|
|
995
|
+
ref?: Ref<HTMLDivElement>;
|
|
996
|
+
}
|
|
997
|
+
|
|
998
|
+
/** Base Chakra styling props for the root `div` slot when single select*/
|
|
999
|
+
export declare interface ComboBoxSingleSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxWithCustomChildren<T>> {
|
|
1000
|
+
}
|
|
1001
|
+
|
|
1002
|
+
/**
|
|
1003
|
+
* Recipe configuration for the Combobox component.
|
|
1004
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1005
|
+
*/
|
|
1006
|
+
declare const comboBoxSlotRecipe: SlotRecipeDefinition<"option" | "popover" | "value" | "root" | "options" | "optionGroup" | "buttonGroup" | "multiSelectInput" | "optionIndicator" | "optionContent", {
|
|
1007
|
+
size: {
|
|
1008
|
+
sm: {
|
|
1009
|
+
value: {
|
|
1010
|
+
minH: "800";
|
|
1011
|
+
textStyle: "sm";
|
|
1012
|
+
};
|
|
1013
|
+
};
|
|
1014
|
+
md: {
|
|
1015
|
+
value: {
|
|
1016
|
+
minH: "1000";
|
|
1017
|
+
textStyle: "md";
|
|
1018
|
+
};
|
|
1019
|
+
};
|
|
1020
|
+
};
|
|
1021
|
+
variant: {
|
|
1022
|
+
solid: {
|
|
1023
|
+
root: {
|
|
1024
|
+
width: "7200";
|
|
1025
|
+
};
|
|
1026
|
+
value: {
|
|
1027
|
+
width: "100%";
|
|
1028
|
+
"--border-width"?: "sizes.25" | undefined;
|
|
1029
|
+
"--border-color"?: "colors.neutral.7" | undefined;
|
|
1030
|
+
};
|
|
1031
|
+
};
|
|
1032
|
+
ghost: {
|
|
1033
|
+
root: {
|
|
1034
|
+
maxW: "7200";
|
|
1035
|
+
bg?: "transparent" | undefined;
|
|
1036
|
+
"&:hover"?: {
|
|
1037
|
+
bg: "primaryAlpha.2";
|
|
1038
|
+
} | undefined;
|
|
1039
|
+
};
|
|
1040
|
+
value: {
|
|
1041
|
+
bg: "transparent";
|
|
1042
|
+
"--border-width"?: "sizes.25" | undefined;
|
|
1043
|
+
"--border-color"?: "transparent" | undefined;
|
|
1044
|
+
};
|
|
1045
|
+
};
|
|
1046
|
+
};
|
|
1047
|
+
selectionMode: {
|
|
1048
|
+
multiple: {
|
|
1049
|
+
options: {
|
|
1050
|
+
boxShadow: "none";
|
|
1051
|
+
px: "200";
|
|
1052
|
+
my: "200";
|
|
1053
|
+
minW: "unset";
|
|
1054
|
+
"& section:first-of-type > header": {
|
|
1055
|
+
mt: number;
|
|
1056
|
+
};
|
|
1057
|
+
};
|
|
1058
|
+
option: {
|
|
1059
|
+
colorPalette: "primary";
|
|
1060
|
+
display: "flex";
|
|
1061
|
+
alignItems: "flex-start";
|
|
1062
|
+
justifyContent: "center";
|
|
1063
|
+
position: "relative";
|
|
1064
|
+
cursor: "pointer";
|
|
1065
|
+
gap: "200";
|
|
1066
|
+
mb: "var(--focus-ring-width)";
|
|
1067
|
+
"&:last-of-type": {
|
|
1068
|
+
mb: number;
|
|
1069
|
+
};
|
|
1070
|
+
'&[aria-selected="true"]': {
|
|
1071
|
+
bg: "unset";
|
|
1072
|
+
};
|
|
1073
|
+
'&[data-focused="true"]': {
|
|
1074
|
+
outlineWidth: "var(--focus-ring-width)";
|
|
1075
|
+
outlineColor: "var(--focus-ring-color)";
|
|
1076
|
+
outlineStyle: "var(--focus-ring-style)";
|
|
1077
|
+
bg: "unset";
|
|
1078
|
+
};
|
|
1079
|
+
_hover: {
|
|
1080
|
+
bg: "primary.2";
|
|
1081
|
+
};
|
|
1082
|
+
};
|
|
1083
|
+
};
|
|
1084
|
+
single: {};
|
|
1085
|
+
none: {};
|
|
1086
|
+
};
|
|
1087
|
+
}>;
|
|
1088
|
+
|
|
1089
|
+
/** The slot is a wrapper for multiple components,
|
|
1090
|
+
* and therefore not combined with the component props
|
|
1091
|
+
* because it is not used to style the component directly using asChild */
|
|
1092
|
+
export declare interface ComboBoxValueSlotProps extends HTMLChakraProps<"div", RecipeProps<"value">> {
|
|
1093
|
+
}
|
|
1094
|
+
|
|
1095
|
+
/** ComboBox with overridden children prop based on expected dom structure. */
|
|
1096
|
+
declare type ComboBoxWithCustomChildren<T extends object> = Omit<ComboBoxProps<T>, "children"> & {
|
|
1097
|
+
onSubmitCustomValue?: (value: string) => void;
|
|
1098
|
+
renderEmptyState?: ListBoxProps<T>["renderEmptyState"];
|
|
1099
|
+
placeholder?: string;
|
|
1100
|
+
isLoading?: boolean;
|
|
1101
|
+
children: ReactNode | ((item: T) => default_2.ReactNode);
|
|
1102
|
+
ref?: Ref<HTMLDivElement>;
|
|
1103
|
+
};
|
|
1104
|
+
|
|
1105
|
+
/**
|
|
1106
|
+
* Properties from TimeFieldStateOptions that would conflict with similarly named
|
|
1107
|
+
* properties in TimeInputRootProps. We use this to prevent TypeScript interface
|
|
1108
|
+
* merging conflicts by prioritizing the TimeFieldStateOptions implementation.
|
|
1109
|
+
*
|
|
1110
|
+
* Examples include: value, defaultValue, onChange, onBlur, onFocus, etc.
|
|
1111
|
+
*/
|
|
1112
|
+
declare type ConflictingFieldStateProps = keyof TimeFieldStateOptions<TimeValue>;
|
|
1113
|
+
|
|
1114
|
+
/**
|
|
1115
|
+
* Properties from DatePickerStateOptions that would conflict with similarly named
|
|
1116
|
+
* properties in DateInputProps. We use this to prevent TypeScript interface
|
|
1117
|
+
* merging conflicts by prioritizing the DatePickerStateOptions implementation.
|
|
1118
|
+
*/
|
|
1119
|
+
declare type ConflictingPickerStateProps = keyof DatePickerStateOptions<DateValue>;
|
|
1120
|
+
|
|
1121
|
+
/**
|
|
1122
|
+
* # DateInput
|
|
1123
|
+
*
|
|
1124
|
+
* allows entering a date
|
|
1125
|
+
*
|
|
1126
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/dateinput}
|
|
1127
|
+
*/
|
|
1128
|
+
export declare const DateInput: {
|
|
1129
|
+
(props: DateInputProps): JSX.Element;
|
|
1130
|
+
displayName: string;
|
|
1131
|
+
};
|
|
1132
|
+
|
|
1133
|
+
/**
|
|
1134
|
+
* Main props interface for the DateInput component.
|
|
1135
|
+
*
|
|
1136
|
+
* We use the same pattern as TextInput to avoid type conflicts:
|
|
1137
|
+
* 1. Start with DateFieldProps as the base
|
|
1138
|
+
* 2. Merge with DateInputRootProps, excluding conflicting keys
|
|
1139
|
+
* 3. Add recipe variant props
|
|
1140
|
+
*/
|
|
1141
|
+
export declare interface DateInputProps extends DateFieldProps<DateValue>, Omit<DateInputRootProps, keyof DateFieldProps<DateValue> | ExcludedProps_3>, RecipeVariantProps<typeof dateInputSlotRecipe> {
|
|
1142
|
+
}
|
|
1143
|
+
|
|
1144
|
+
/**
|
|
1145
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1146
|
+
* with the unstyled prop option for the div element.
|
|
1147
|
+
*/
|
|
1148
|
+
declare interface DateInputRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
1149
|
+
}
|
|
1150
|
+
|
|
1151
|
+
/**
|
|
1152
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1153
|
+
* This creates a complete set of props for the root element, combining
|
|
1154
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1155
|
+
*/
|
|
1156
|
+
declare interface DateInputRootProps extends HTMLChakraProps<"div", DateInputRecipeProps> {
|
|
1157
|
+
}
|
|
1158
|
+
|
|
1159
|
+
/**
|
|
1160
|
+
* Recipe configuration for the DateInput component.
|
|
1161
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1162
|
+
*/
|
|
1163
|
+
declare const dateInputSlotRecipe: SlotRecipeDefinition<"root" | "segmentGroup" | "segment", {
|
|
1164
|
+
size: {
|
|
1165
|
+
sm: {
|
|
1166
|
+
segmentGroup: {
|
|
1167
|
+
h: number;
|
|
1168
|
+
textStyle: "sm";
|
|
1169
|
+
px: number;
|
|
1170
|
+
};
|
|
1171
|
+
};
|
|
1172
|
+
md: {
|
|
1173
|
+
segmentGroup: {
|
|
1174
|
+
h: number;
|
|
1175
|
+
textStyle: "md";
|
|
1176
|
+
px: number;
|
|
1177
|
+
};
|
|
1178
|
+
};
|
|
1179
|
+
};
|
|
1180
|
+
variant: {
|
|
1181
|
+
solid: {
|
|
1182
|
+
segmentGroup: {
|
|
1183
|
+
"--border-width": "sizes.25";
|
|
1184
|
+
"--border-color": "colors.neutral.7";
|
|
1185
|
+
backgroundColor: "neutral.1";
|
|
1186
|
+
_hover: {
|
|
1187
|
+
backgroundColor: "primary.2";
|
|
1188
|
+
};
|
|
1189
|
+
};
|
|
1190
|
+
};
|
|
1191
|
+
ghost: {
|
|
1192
|
+
segmentGroup: {
|
|
1193
|
+
_hover: {
|
|
1194
|
+
backgroundColor: "primary.2";
|
|
1195
|
+
};
|
|
1196
|
+
};
|
|
1197
|
+
};
|
|
1198
|
+
plain: {
|
|
1199
|
+
segmentGroup: {
|
|
1200
|
+
px: "0";
|
|
1201
|
+
outline: "none!";
|
|
1202
|
+
boxShadow: "none!";
|
|
1203
|
+
};
|
|
1204
|
+
};
|
|
1205
|
+
};
|
|
1206
|
+
}>;
|
|
1207
|
+
|
|
1208
|
+
/**
|
|
1209
|
+
* # DatePicker
|
|
1210
|
+
*
|
|
1211
|
+
* a UI component for users to enter or select a specific calendar date.
|
|
1212
|
+
*
|
|
1213
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/datepicker}
|
|
1214
|
+
*/
|
|
1215
|
+
export declare const DatePicker: {
|
|
1216
|
+
(props: DatePickerProps): JSX.Element;
|
|
1217
|
+
displayName: string;
|
|
1218
|
+
};
|
|
1219
|
+
|
|
1220
|
+
/**
|
|
1221
|
+
* Main props interface for the DatePicker component.
|
|
1222
|
+
*
|
|
1223
|
+
* We use Omit to remove:
|
|
1224
|
+
* 1. Conflicting props from DateInputProps to avoid TypeScript errors
|
|
1225
|
+
* 2. Explicitly excluded props that we don't want users to access
|
|
1226
|
+
*/
|
|
1227
|
+
export declare interface DatePickerProps extends Omit<DateInputProps, ConflictingPickerStateProps | ExcludedProps_5>, Omit<DatePickerStateOptions<DateValue>, ExcludedProps_5>, RecipeVariantProps<typeof datePickerSlotRecipe> {
|
|
1228
|
+
/**
|
|
1229
|
+
* Whether the calendar popover should be open by default (uncontrolled).
|
|
1230
|
+
*/
|
|
1231
|
+
defaultOpen?: boolean;
|
|
1232
|
+
/**
|
|
1233
|
+
* Whether the calendar popover is open (controlled).
|
|
1234
|
+
*/
|
|
1235
|
+
isOpen?: boolean;
|
|
1236
|
+
/**
|
|
1237
|
+
* Handler that is called when the calendar popover's open state changes.
|
|
1238
|
+
*/
|
|
1239
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
1240
|
+
/**
|
|
1241
|
+
* Whether to hide the time zone information when using ZonedDateTime values.
|
|
1242
|
+
* This prop is forwarded to both the main date input and footer time input.
|
|
1243
|
+
*/
|
|
1244
|
+
hideTimeZone?: boolean;
|
|
1245
|
+
}
|
|
1246
|
+
|
|
1247
|
+
/**
|
|
1248
|
+
* Recipe configuration for the DatePicker component.
|
|
1249
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1250
|
+
*/
|
|
1251
|
+
declare const datePickerSlotRecipe: SlotRecipeDefinition<"popover" | "group" | "root" | "trigger" | "calendar" | "calendarHeader" | "calendarGrid" | "calendarCell", {
|
|
1252
|
+
size: {
|
|
1253
|
+
sm: {
|
|
1254
|
+
group: {
|
|
1255
|
+
"& .nimbus-date-input__root": {
|
|
1256
|
+
mr: "1400";
|
|
1257
|
+
};
|
|
1258
|
+
};
|
|
1259
|
+
trigger: {
|
|
1260
|
+
top: "50";
|
|
1261
|
+
};
|
|
1262
|
+
};
|
|
1263
|
+
md: {
|
|
1264
|
+
group: {
|
|
1265
|
+
"& .nimbus-date-input__root": {
|
|
1266
|
+
mr: "calc({spacing.1600} + {spacing.200})";
|
|
1267
|
+
};
|
|
1268
|
+
};
|
|
1269
|
+
trigger: {
|
|
1270
|
+
top: "100";
|
|
1271
|
+
};
|
|
1272
|
+
};
|
|
1273
|
+
};
|
|
1274
|
+
variant: {
|
|
1275
|
+
solid: {};
|
|
1276
|
+
ghost: {};
|
|
1277
|
+
};
|
|
1278
|
+
}>;
|
|
1279
|
+
|
|
1280
|
+
/**
|
|
1281
|
+
* Props for the DatePickerTimeInput component.
|
|
1282
|
+
*/
|
|
1283
|
+
export declare interface DatePickerTimeInputProps {
|
|
1284
|
+
hideTimeZone?: boolean;
|
|
1285
|
+
hourCycle?: 12 | 24;
|
|
1286
|
+
}
|
|
1287
|
+
|
|
1288
|
+
/**
|
|
1289
|
+
* DateRangePicker
|
|
1290
|
+
* ============================================================
|
|
1291
|
+
* Combines a DateInput with a RangeCalendar popover for date range selection.
|
|
1292
|
+
* Users can either type a date range directly or select from the calendar.
|
|
1293
|
+
*/
|
|
1294
|
+
export declare const DateRangePicker: {
|
|
1295
|
+
(props: DateRangePickerProps): JSX.Element;
|
|
1296
|
+
displayName: string;
|
|
1297
|
+
};
|
|
1298
|
+
|
|
1299
|
+
/**
|
|
1300
|
+
* Main props interface for the DateRangePicker component.
|
|
1301
|
+
*
|
|
1302
|
+
* We extend React Aria's DateRangePickerProps and add the size/variant props
|
|
1303
|
+
* that we want to pass through to the DateInput components.
|
|
1304
|
+
*/
|
|
1305
|
+
export declare interface DateRangePickerProps extends Omit<DateRangePickerProps_2<DateValue>, ExcludedProps_8>, Omit<DateRangePickerRootProps, keyof DateRangePickerProps_2<DateValue> | ExcludedProps_8>, RecipeVariantProps<typeof dateRangePickerSlotRecipe> {
|
|
1306
|
+
/**
|
|
1307
|
+
* Whether the calendar popover should be open by default (uncontrolled).
|
|
1308
|
+
*/
|
|
1309
|
+
defaultOpen?: boolean;
|
|
1310
|
+
/**
|
|
1311
|
+
* Whether the calendar popover is open (controlled).
|
|
1312
|
+
*/
|
|
1313
|
+
isOpen?: boolean;
|
|
1314
|
+
/**
|
|
1315
|
+
* Handler that is called when the calendar popover's open state changes.
|
|
1316
|
+
*/
|
|
1317
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
1318
|
+
/**
|
|
1319
|
+
* Whether to hide the time zone information when using ZonedDateTime values.
|
|
1320
|
+
* This prop is forwarded to both the main date inputs and footer time inputs.
|
|
1321
|
+
*/
|
|
1322
|
+
hideTimeZone?: boolean;
|
|
1323
|
+
}
|
|
1324
|
+
|
|
1325
|
+
/**
|
|
1326
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1327
|
+
* with the unstyled prop option for the div element.
|
|
1328
|
+
*/
|
|
1329
|
+
declare interface DateRangePickerRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
1330
|
+
}
|
|
1331
|
+
|
|
1332
|
+
/**
|
|
1333
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1334
|
+
* This creates a complete set of props for the root element, combining
|
|
1335
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1336
|
+
*/
|
|
1337
|
+
declare interface DateRangePickerRootProps extends HTMLChakraProps<"div", DateRangePickerRecipeProps> {
|
|
1338
|
+
}
|
|
1339
|
+
|
|
1340
|
+
declare const dateRangePickerSlotRecipe: SlotRecipeDefinition<"popover" | "group" | "root" | "trigger" | "calendar" | "calendarHeader" | "calendarGrid" | "calendarCell", {
|
|
1341
|
+
size: {
|
|
1342
|
+
sm: {
|
|
1343
|
+
group: {
|
|
1344
|
+
height: "800";
|
|
1345
|
+
pr: "calc({spacing.1400} + {spacing.400})";
|
|
1346
|
+
};
|
|
1347
|
+
trigger: {
|
|
1348
|
+
top: "50";
|
|
1349
|
+
};
|
|
1350
|
+
};
|
|
1351
|
+
md: {
|
|
1352
|
+
group: {
|
|
1353
|
+
height: "1000";
|
|
1354
|
+
pr: "calc({spacing.1600} + {spacing.200} + {spacing.400})";
|
|
1355
|
+
};
|
|
1356
|
+
trigger: {
|
|
1357
|
+
top: "100";
|
|
1358
|
+
};
|
|
1359
|
+
};
|
|
1360
|
+
};
|
|
1361
|
+
variant: {
|
|
1362
|
+
solid: {};
|
|
1363
|
+
ghost: {
|
|
1364
|
+
group: {
|
|
1365
|
+
bg: "transparent";
|
|
1366
|
+
px: "300";
|
|
1367
|
+
_hover: {
|
|
1368
|
+
bg: "primary.2";
|
|
1369
|
+
};
|
|
1370
|
+
};
|
|
1371
|
+
};
|
|
1372
|
+
};
|
|
1373
|
+
}>;
|
|
1374
|
+
|
|
1375
|
+
/**
|
|
1376
|
+
* Props for the DateRangePickerTimeInput component.
|
|
1377
|
+
*/
|
|
1378
|
+
export declare interface DateRangePickerTimeInputProps {
|
|
1379
|
+
hideTimeZone?: boolean;
|
|
1380
|
+
hourCycle?: 12 | 24;
|
|
1381
|
+
}
|
|
1382
|
+
|
|
1383
|
+
/**
|
|
1384
|
+
* # Dialog
|
|
1385
|
+
*
|
|
1386
|
+
* displays a dialog
|
|
1387
|
+
*
|
|
1388
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/feedback/dialog}
|
|
1389
|
+
*
|
|
1390
|
+
* @experimental This component is experimental and may change or be removed in future versions.
|
|
1391
|
+
*/
|
|
1392
|
+
export declare const Dialog: DialogComponents;
|
|
1393
|
+
|
|
1394
|
+
declare interface DialogComponents {
|
|
1395
|
+
Root: typeof Dialog_2.Root;
|
|
1396
|
+
Trigger: typeof Dialog_2.Trigger;
|
|
1397
|
+
Content: typeof DialogContent;
|
|
1398
|
+
Backdrop: typeof Dialog_2.Backdrop;
|
|
1399
|
+
Positioner: typeof Dialog_2.Positioner;
|
|
1400
|
+
Title: typeof Dialog_2.Title;
|
|
1401
|
+
Description: typeof Dialog_2.Description;
|
|
1402
|
+
Body: typeof Dialog_2.Body;
|
|
1403
|
+
Footer: typeof Dialog_2.Footer;
|
|
1404
|
+
Header: typeof Dialog_2.Header;
|
|
1405
|
+
CloseTrigger: typeof Dialog_2.CloseTrigger;
|
|
1406
|
+
ActionTrigger: typeof Dialog_2.ActionTrigger;
|
|
1407
|
+
}
|
|
1408
|
+
|
|
1409
|
+
declare const DialogContent: (props: DialogContentProps) => JSX.Element;
|
|
1410
|
+
|
|
1411
|
+
declare interface DialogContentProps extends Dialog_2.ContentProps {
|
|
1412
|
+
portalled?: boolean;
|
|
1413
|
+
portalRef?: React.RefObject<HTMLElement>;
|
|
1414
|
+
backdrop?: boolean;
|
|
1415
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1416
|
+
}
|
|
1417
|
+
|
|
1418
|
+
export declare type DisclosureGroupProps = AccordionProps & {
|
|
1419
|
+
children: ReactNode;
|
|
1420
|
+
ref?: RefAttributes<HTMLButtonElement>;
|
|
1421
|
+
allowsMultipleExpanded?: boolean;
|
|
1422
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
1423
|
+
isDisabled?: boolean;
|
|
1424
|
+
isExpanded?: boolean;
|
|
1425
|
+
};
|
|
1426
|
+
|
|
1427
|
+
export declare type DisclosureItemProps = AccordionItemProps & {
|
|
1428
|
+
children: ReactNode;
|
|
1429
|
+
id?: string;
|
|
1430
|
+
value?: string;
|
|
1431
|
+
isDisabled?: boolean;
|
|
1432
|
+
isExpanded?: boolean;
|
|
1433
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
1434
|
+
};
|
|
1435
|
+
|
|
1436
|
+
/**
|
|
1437
|
+
* Divider
|
|
1438
|
+
* ============================================================
|
|
1439
|
+
* A visual separator that divides content sections
|
|
1440
|
+
*
|
|
1441
|
+
* Features:
|
|
1442
|
+
*
|
|
1443
|
+
* - allows forwarding refs to the underlying DOM element
|
|
1444
|
+
* - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)
|
|
1445
|
+
* - supports 'variants', 'orientation', etc. configured in the recipe
|
|
1446
|
+
* - allows overriding styles by using style-props
|
|
1447
|
+
* - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
|
|
1448
|
+
* - built with React Aria for accessibility
|
|
1449
|
+
*/
|
|
1450
|
+
export declare const Divider: {
|
|
1451
|
+
(props: DividerProps): JSX.Element;
|
|
1452
|
+
displayName: string;
|
|
1453
|
+
};
|
|
1454
|
+
|
|
1455
|
+
/**
|
|
1456
|
+
* Main props interface for the Divider component.
|
|
1457
|
+
* Extends DividerVariantProps to include both root props and variant props,
|
|
1458
|
+
* while adding support for React Aria separator props.
|
|
1459
|
+
*/
|
|
1460
|
+
export declare interface DividerProps extends Omit<DividerVariantProps, "orientation">, Pick<SeparatorProps, "orientation"> {
|
|
1461
|
+
/** The orientation of the divider */
|
|
1462
|
+
orientation?: "horizontal" | "vertical";
|
|
1463
|
+
/** Reference to the divider element */
|
|
1464
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1465
|
+
}
|
|
1466
|
+
|
|
1467
|
+
/**
|
|
1468
|
+
* Recipe configuration for the Divider component.
|
|
1469
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1470
|
+
*/
|
|
1471
|
+
declare const dividerRecipe: RecipeDefinition< {
|
|
1472
|
+
orientation: {
|
|
1473
|
+
horizontal: {
|
|
1474
|
+
width: "100%";
|
|
1475
|
+
height: "1px";
|
|
1476
|
+
borderTopWidth: "1px";
|
|
1477
|
+
borderTopStyle: "solid";
|
|
1478
|
+
borderLeftWidth: "0";
|
|
1479
|
+
};
|
|
1480
|
+
vertical: {
|
|
1481
|
+
height: "100%";
|
|
1482
|
+
width: "1px";
|
|
1483
|
+
borderLeftWidth: "1px";
|
|
1484
|
+
borderLeftStyle: "solid";
|
|
1485
|
+
borderTopWidth: "0";
|
|
1486
|
+
};
|
|
1487
|
+
};
|
|
1488
|
+
}>;
|
|
1489
|
+
|
|
1490
|
+
/**
|
|
1491
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1492
|
+
* with the unstyled prop option for the div element.
|
|
1493
|
+
*/
|
|
1494
|
+
export declare interface DividerRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
1495
|
+
}
|
|
1496
|
+
|
|
1497
|
+
/**
|
|
1498
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1499
|
+
* This creates a complete set of props for the root element, combining
|
|
1500
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1501
|
+
*/
|
|
1502
|
+
export declare interface DividerRootProps extends HTMLChakraProps<"div", DividerRecipeProps> {
|
|
1503
|
+
}
|
|
1504
|
+
|
|
1505
|
+
/**
|
|
1506
|
+
* Combines the root props with Chakra UI's recipe variant props.
|
|
1507
|
+
* This allows the component to accept both structural props from Root
|
|
1508
|
+
* and styling variants from the recipe.
|
|
1509
|
+
*/
|
|
1510
|
+
declare type DividerVariantProps = DividerRootProps & RecipeVariantProps<typeof dividerRecipe> & {
|
|
1511
|
+
[key: `data-${string}`]: unknown;
|
|
1512
|
+
};
|
|
1513
|
+
|
|
1514
|
+
declare type ExcludedNumberInputProps = "asChild" | "onChange";
|
|
1515
|
+
|
|
1516
|
+
/**
|
|
1517
|
+
* Additional properties we want to exclude from the ToggleButton component.
|
|
1518
|
+
* These are chakra-ui props we don't want exposed for non-polymorphic components.
|
|
1519
|
+
*/
|
|
1520
|
+
declare type ExcludedProps = "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
1521
|
+
|
|
1522
|
+
/**
|
|
1523
|
+
* Additional properties we want to exclude from the TimeInput component.
|
|
1524
|
+
* These are either deprecated or not intended for use in this component.
|
|
1525
|
+
*/
|
|
1526
|
+
declare type ExcludedProps_2 = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
1527
|
+
|
|
1528
|
+
/**
|
|
1529
|
+
* Additional properties we want to exclude from the DateInput component.
|
|
1530
|
+
* These are either deprecated or not intended for use in this component.
|
|
1531
|
+
*/
|
|
1532
|
+
declare type ExcludedProps_3 = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
1533
|
+
|
|
1534
|
+
/**
|
|
1535
|
+
* Additional properties we want to exclude from the TimeInput component.
|
|
1536
|
+
* These are either deprecated or not intended for use in this component.
|
|
1537
|
+
*/
|
|
1538
|
+
declare type ExcludedProps_4 = "as" | "asChild" | "style" | "createCalendar";
|
|
1539
|
+
|
|
1540
|
+
/**
|
|
1541
|
+
* Additional properties we want to exclude from the DatePicker component.
|
|
1542
|
+
* These are either deprecated or not intended for use in this component.
|
|
1543
|
+
*/
|
|
1544
|
+
declare type ExcludedProps_5 = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild" | "variant";
|
|
1545
|
+
|
|
1546
|
+
/**
|
|
1547
|
+
* Additional properties we want to exclude from the ProgressBar component.
|
|
1548
|
+
* These are chakra-ui props we don't want exposed.
|
|
1549
|
+
*/
|
|
1550
|
+
declare type ExcludedProps_6 = "css" | "unstyled" | "as" | "asChild";
|
|
1551
|
+
|
|
1552
|
+
/**
|
|
1553
|
+
* Additional properties we want to exclude from the RangeCalendar component.
|
|
1554
|
+
* These are either deprecated or not intended for use in this component.
|
|
1555
|
+
*/
|
|
1556
|
+
declare type ExcludedProps_7 = "as" | "style" | "createCalendar";
|
|
1557
|
+
|
|
1558
|
+
/**
|
|
1559
|
+
* Additional properties we want to exclude from the DateRangePicker component.
|
|
1560
|
+
* These are either deprecated or not intended for use in this component.
|
|
1561
|
+
*/
|
|
1562
|
+
declare type ExcludedProps_8 = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
1563
|
+
|
|
1564
|
+
/**
|
|
1565
|
+
* List of props that should be excluded from the root props when combining with ARIA props
|
|
1566
|
+
*/
|
|
1567
|
+
declare type ExcludedSwitchProps = "asChild" | "isIndeterminate" | "colorScheme" | "validationState" | "validationBehavior" | "validate";
|
|
1568
|
+
|
|
1569
|
+
/**
|
|
1570
|
+
* For use in components that use the polymorphic `as` and `asChild` props
|
|
1571
|
+
* internally, but do not make them available to the consumer.
|
|
1572
|
+
*
|
|
1573
|
+
* Long rambling background:
|
|
1574
|
+
* React-Aria's components cannot be configured to use `as` and `asChild` internally,
|
|
1575
|
+
* and cannot be directly styled by chakra's styledSystem. Therefore components
|
|
1576
|
+
* from `react-aria-components` should be wrapped in a chakra `withContext`
|
|
1577
|
+
* root component to set the styles onto the `r-a-c` component using `asChild`.
|
|
1578
|
+
* This means that we need to allow polymorphism internally, but should not
|
|
1579
|
+
* allow it in the external props api since it would not work.
|
|
1580
|
+
*/
|
|
1581
|
+
declare type ExcludePolymorphicFromProps<T> = Omit<T, "as" | "asChild">;
|
|
1582
|
+
|
|
1583
|
+
export { Flex }
|
|
1584
|
+
|
|
1585
|
+
export declare const FormField: {
|
|
1586
|
+
Root: ForwardRefExoticComponent<FormFieldProps_2 & RefAttributes<HTMLDivElement>>;
|
|
1587
|
+
Label: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps) => null;
|
|
1588
|
+
Input: ({ children, ...inputSlotProps }: FormFieldInputSlotProps) => null;
|
|
1589
|
+
Description: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps) => null;
|
|
1590
|
+
Error: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps) => null;
|
|
1591
|
+
InfoBox: ({ children }: {
|
|
1592
|
+
children: ReactNode;
|
|
1593
|
+
}) => null;
|
|
1594
|
+
};
|
|
1595
|
+
|
|
1596
|
+
export declare const _FormFieldDescription: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps_2) => null;
|
|
1597
|
+
|
|
1598
|
+
declare interface FormFieldDescriptionSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1599
|
+
}
|
|
1600
|
+
|
|
1601
|
+
export declare const _FormFieldError: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps_2) => null;
|
|
1602
|
+
|
|
1603
|
+
declare interface FormFieldErrorSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1604
|
+
}
|
|
1605
|
+
|
|
1606
|
+
export declare const _FormFieldInfoBox: ({ children }: FormFieldInfoBoxProps) => null;
|
|
1607
|
+
|
|
1608
|
+
declare type FormFieldInfoBoxProps = {
|
|
1609
|
+
/**
|
|
1610
|
+
* The content to display in the InfoBox
|
|
1611
|
+
*/
|
|
1612
|
+
children: ReactNode;
|
|
1613
|
+
};
|
|
1614
|
+
|
|
1615
|
+
export declare const _FormFieldInput: ({ children, ...inputSlotProps }: FormFieldInputSlotProps_2) => null;
|
|
1616
|
+
|
|
1617
|
+
declare interface FormFieldInputSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1618
|
+
}
|
|
1619
|
+
|
|
1620
|
+
export declare const _FormFieldLabel: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps_2) => null;
|
|
1621
|
+
|
|
1622
|
+
declare interface FormFieldLabelSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1623
|
+
}
|
|
1624
|
+
|
|
1625
|
+
/**
|
|
1626
|
+
* Main props interface for the FormField component.
|
|
1627
|
+
* Extends FormFieldVariantProps to include both root props and variant props,
|
|
1628
|
+
* while adding support for React children.
|
|
1629
|
+
*/
|
|
1630
|
+
export declare interface FormFieldProps extends FormFieldRootSlotProps {
|
|
1631
|
+
children?: React.ReactNode;
|
|
1632
|
+
/** true if the field is a required field */
|
|
1633
|
+
isRequired?: boolean;
|
|
1634
|
+
/** true if the field is invalid */
|
|
1635
|
+
isInvalid?: boolean;
|
|
1636
|
+
/** true if the field is disabled */
|
|
1637
|
+
isDisabled?: boolean;
|
|
1638
|
+
/** true, if the field is read only */
|
|
1639
|
+
isReadOnly?: boolean;
|
|
1640
|
+
}
|
|
1641
|
+
|
|
1642
|
+
/**
|
|
1643
|
+
* Recipe configuration for the FormField component.
|
|
1644
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1645
|
+
*/
|
|
1646
|
+
declare const formFieldRecipe: SlotRecipeDefinition<"input" | "label" | "popover" | "description" | "root" | "error", {
|
|
1647
|
+
size: {
|
|
1648
|
+
md: {
|
|
1649
|
+
root: {
|
|
1650
|
+
"--form-field-font-size": "fontSizes.350";
|
|
1651
|
+
"--form-field-line-height": "lineHeights.500";
|
|
1652
|
+
};
|
|
1653
|
+
};
|
|
1654
|
+
sm: {
|
|
1655
|
+
root: {
|
|
1656
|
+
"--form-field-font-size": "fontSizes.300";
|
|
1657
|
+
"--form-field-line-height": "lineHeights.450";
|
|
1658
|
+
};
|
|
1659
|
+
};
|
|
1660
|
+
};
|
|
1661
|
+
direction: {
|
|
1662
|
+
column: {
|
|
1663
|
+
root: {
|
|
1664
|
+
gridTemplateAreas: "\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n";
|
|
1665
|
+
};
|
|
1666
|
+
input: {
|
|
1667
|
+
mt: "var(--grid-gap)";
|
|
1668
|
+
};
|
|
1669
|
+
description: {
|
|
1670
|
+
mt: "var(--grid-gap)";
|
|
1671
|
+
};
|
|
1672
|
+
error: {
|
|
1673
|
+
mt: "var(--grid-gap)";
|
|
1674
|
+
};
|
|
1675
|
+
};
|
|
1676
|
+
row: {
|
|
1677
|
+
root: {
|
|
1678
|
+
gridTemplateAreas: "\n\"label input\"\n\"label description\"\n\"label error\"\n";
|
|
1679
|
+
gridTemplateColumns: "auto 1fr";
|
|
1680
|
+
gridColumnGap: "200";
|
|
1681
|
+
};
|
|
1682
|
+
description: {
|
|
1683
|
+
mt: "var(--grid-gap)";
|
|
1684
|
+
};
|
|
1685
|
+
error: {
|
|
1686
|
+
mt: "var(--grid-gap)";
|
|
1687
|
+
};
|
|
1688
|
+
};
|
|
1689
|
+
};
|
|
1690
|
+
}>;
|
|
1691
|
+
|
|
1692
|
+
/**
|
|
1693
|
+
* # FormField
|
|
1694
|
+
*
|
|
1695
|
+
* displays miscellaneous inputs in a FormField context
|
|
1696
|
+
*
|
|
1697
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}
|
|
1698
|
+
*/
|
|
1699
|
+
export declare const _FormFieldRoot: ForwardRefExoticComponent<FormFieldProps & RefAttributes<HTMLDivElement>>;
|
|
1700
|
+
|
|
1701
|
+
declare interface FormFieldRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp> {
|
|
1702
|
+
}
|
|
1703
|
+
|
|
1704
|
+
declare type FunctionalAvatarProps = AvatarRootProps & AvatarComponentProps;
|
|
1705
|
+
|
|
1706
|
+
/** combine chakra-button props with aria-button props */
|
|
1707
|
+
declare type FunctionalButtonProps = AriaButtonProps & Omit<ButtonRootProps, keyof AriaButtonProps | "slot"> & {
|
|
1708
|
+
[key: `data-${string}`]: unknown;
|
|
1709
|
+
};
|
|
1710
|
+
|
|
1711
|
+
export declare const Grid: {
|
|
1712
|
+
(props: GridProps): JSX.Element;
|
|
1713
|
+
displayName: string;
|
|
1714
|
+
} & {
|
|
1715
|
+
Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
|
|
1716
|
+
};
|
|
1717
|
+
|
|
1718
|
+
/**
|
|
1719
|
+
* # Grid
|
|
1720
|
+
*
|
|
1721
|
+
* An easily customizable Grid component, re-exported from Chakra UI, that provides a consistent layout structure across different products.
|
|
1722
|
+
*
|
|
1723
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/layout/grid}
|
|
1724
|
+
*/
|
|
1725
|
+
export declare interface GridProps extends GridProps_2 {
|
|
1726
|
+
children?: React.ReactNode;
|
|
1727
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1728
|
+
}
|
|
1729
|
+
|
|
1730
|
+
export { Heading }
|
|
1731
|
+
|
|
1732
|
+
/**
|
|
1733
|
+
* # Icon
|
|
1734
|
+
*
|
|
1735
|
+
* displays icon components
|
|
1736
|
+
*
|
|
1737
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/media/icon}
|
|
1738
|
+
*/
|
|
1739
|
+
export declare const Icon: {
|
|
1740
|
+
(props: IconProps): JSX.Element;
|
|
1741
|
+
displayName: string;
|
|
1742
|
+
};
|
|
1743
|
+
|
|
1744
|
+
/**
|
|
1745
|
+
* # IconButton
|
|
1746
|
+
*
|
|
1747
|
+
* displays a button with an icon only as child
|
|
1748
|
+
*
|
|
1749
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}
|
|
1750
|
+
*/
|
|
1751
|
+
export declare const IconButton: {
|
|
1752
|
+
(props: IconButtonProps): JSX.Element;
|
|
1753
|
+
displayName: string;
|
|
1754
|
+
};
|
|
1755
|
+
|
|
1756
|
+
/**
|
|
1757
|
+
* Main props interface for the IconButton component.
|
|
1758
|
+
*/
|
|
1759
|
+
export declare interface IconButtonProps extends ButtonProps {
|
|
1760
|
+
/** explains the intended action, required for accessibility */
|
|
1761
|
+
"aria-label": string;
|
|
1762
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
1763
|
+
}
|
|
1764
|
+
|
|
1765
|
+
/**
|
|
1766
|
+
* Main props interface for the Icon component.
|
|
1767
|
+
* Extends IconVariantProps to include both root props and variant props,
|
|
1768
|
+
* while adding support for React children.
|
|
1769
|
+
*/
|
|
1770
|
+
export declare interface IconProps extends IconVariantProps {
|
|
1771
|
+
/**
|
|
1772
|
+
* Accepts only a single child - an icon-component or SVG html-element.
|
|
1773
|
+
* Alternatively, as shorthand, use the `as` property.
|
|
1774
|
+
*/
|
|
1775
|
+
children?: React.ReactNode;
|
|
1776
|
+
/**
|
|
1777
|
+
* Colors the icon, accepts a color token from the theme or a custom value
|
|
1778
|
+
*/
|
|
1779
|
+
color?: BoxProps["color"];
|
|
1780
|
+
/**
|
|
1781
|
+
* Accepts a React component to be rendered as the icon .
|
|
1782
|
+
*/
|
|
1783
|
+
as?: BoxProps["as"];
|
|
1784
|
+
/**
|
|
1785
|
+
* Ref to the icon element
|
|
1786
|
+
*/
|
|
1787
|
+
ref?: React.Ref<SVGSVGElement>;
|
|
1788
|
+
/**
|
|
1789
|
+
* The slot to render the icon in.
|
|
1790
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/slot
|
|
1791
|
+
*/
|
|
1792
|
+
slot?: string | null | undefined;
|
|
1793
|
+
}
|
|
1794
|
+
|
|
1795
|
+
/**
|
|
1796
|
+
* Recipe configuration for the Icon component.
|
|
1797
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1798
|
+
*/
|
|
1799
|
+
declare const iconRecipe: RecipeDefinition< {
|
|
1800
|
+
/**
|
|
1801
|
+
* allows applying a predefined size to the icon
|
|
1802
|
+
*/
|
|
1803
|
+
size: {
|
|
1804
|
+
"2xs": {
|
|
1805
|
+
boxSize: "600";
|
|
1806
|
+
};
|
|
1807
|
+
xs: {
|
|
1808
|
+
boxSize: "800";
|
|
1809
|
+
};
|
|
1810
|
+
sm: {
|
|
1811
|
+
boxSize: "900";
|
|
1812
|
+
};
|
|
1813
|
+
md: {
|
|
1814
|
+
boxSize: "1000";
|
|
1815
|
+
};
|
|
1816
|
+
lg: {
|
|
1817
|
+
boxSize: "1200";
|
|
1818
|
+
};
|
|
1819
|
+
xl: {
|
|
1820
|
+
boxSize: "1400";
|
|
1821
|
+
};
|
|
1822
|
+
};
|
|
1823
|
+
}>;
|
|
1824
|
+
|
|
1825
|
+
/**
|
|
1826
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1827
|
+
* with the unstyled prop option for the svg element.
|
|
1828
|
+
*/
|
|
1829
|
+
declare interface IconRecipeProps extends RecipeProps<"svg">, UnstyledProp {
|
|
1830
|
+
}
|
|
1831
|
+
|
|
1832
|
+
/**
|
|
1833
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1834
|
+
* This creates a complete set of props for the root element, combining
|
|
1835
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1836
|
+
*/
|
|
1837
|
+
declare interface IconRootSlotProps extends HTMLChakraProps<"svg", IconRecipeProps> {
|
|
1838
|
+
}
|
|
1839
|
+
|
|
1840
|
+
/**
|
|
1841
|
+
* # IconToggleButton
|
|
1842
|
+
* ============================================================
|
|
1843
|
+
* A toggle button with only an icon as child. It is based
|
|
1844
|
+
* on the regular `ToggleButton` component, but with a few adjustments.
|
|
1845
|
+
*
|
|
1846
|
+
*/
|
|
1847
|
+
export declare const IconToggleButton: {
|
|
1848
|
+
({ "aria-label": ariaLabel, children, ref, ...props }: IconToggleButtonProps): JSX.Element;
|
|
1849
|
+
displayName: string;
|
|
1850
|
+
};
|
|
1851
|
+
|
|
1852
|
+
export declare interface IconToggleButtonProps extends Omit<ToggleButtonProps, "aria-label"> {
|
|
1853
|
+
/** explains the intended action, required for accessibility */
|
|
1854
|
+
"aria-label": string;
|
|
1855
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
1856
|
+
}
|
|
1857
|
+
|
|
1858
|
+
/**
|
|
1859
|
+
* Combines the root props with Chakra UI's recipe variant props.
|
|
1860
|
+
* This allows the component to accept both structural props from Root
|
|
1861
|
+
* and styling variants from the recipe.
|
|
1862
|
+
*/
|
|
1863
|
+
declare type IconVariantProps = Omit<IconRootSlotProps, keyof React.SVGProps<SVGSVGElement> | "css" | "unstyled" | "asChild" | "recipe"> & RecipeVariantProps<typeof iconRecipe>;
|
|
1864
|
+
|
|
1865
|
+
/**
|
|
1866
|
+
* # Image
|
|
1867
|
+
*
|
|
1868
|
+
* A component to display images with support for fallback.
|
|
1869
|
+
*
|
|
1870
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/media/image}
|
|
1871
|
+
*/
|
|
1872
|
+
declare const Image_2: {
|
|
1873
|
+
(props: ImageProps): JSX.Element;
|
|
1874
|
+
displayName: string;
|
|
1875
|
+
};
|
|
1876
|
+
export { Image_2 as Image }
|
|
1877
|
+
|
|
1878
|
+
export declare interface ImageProps extends ImageProps_2 {
|
|
1879
|
+
}
|
|
1880
|
+
|
|
1881
|
+
/**
|
|
1882
|
+
* # Kbd
|
|
1883
|
+
*
|
|
1884
|
+
* Renders a keyboard shortcut or key combination, styled for visual clarity.
|
|
1885
|
+
* Typically used to visually represent keyboard keys.
|
|
1886
|
+
*
|
|
1887
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/typography/kbd}
|
|
1888
|
+
*/
|
|
1889
|
+
export declare const Kbd: ({ ref: forwardedRef, slot, ...props }: KbdProps) => JSX.Element;
|
|
1890
|
+
|
|
1891
|
+
export declare interface KbdProps extends Omit<KbdProps_2, "slot"> {
|
|
1892
|
+
ref?: default_2.Ref<HTMLElement>;
|
|
1893
|
+
slot?: string | null | undefined;
|
|
1894
|
+
}
|
|
1895
|
+
|
|
1896
|
+
/**
|
|
1897
|
+
* # Link
|
|
1898
|
+
*
|
|
1899
|
+
* To allow a user to navigate to a different page or resource
|
|
1900
|
+
*
|
|
1901
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/navigation/link}
|
|
1902
|
+
*/
|
|
1903
|
+
export declare const Link: {
|
|
1904
|
+
(props: LinkProps): JSX.Element;
|
|
1905
|
+
displayName: string;
|
|
1906
|
+
};
|
|
1907
|
+
|
|
1908
|
+
/**
|
|
1909
|
+
* Main props interface for the Link component.
|
|
1910
|
+
* Extends LinkVariantProps to include both root props and variant props,
|
|
1911
|
+
* while adding support for React children.
|
|
1912
|
+
*/
|
|
1913
|
+
export declare interface LinkProps extends LinkVariantProps {
|
|
1914
|
+
children?: React.ReactNode;
|
|
1915
|
+
ref?: React.Ref<HTMLAnchorElement>;
|
|
1916
|
+
}
|
|
1917
|
+
|
|
1918
|
+
/**
|
|
1919
|
+
* Recipe configuration for the Link component.
|
|
1920
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1921
|
+
*/
|
|
1922
|
+
declare const linkRecipe: RecipeDefinition< {
|
|
1923
|
+
size: {
|
|
1924
|
+
xs: {
|
|
1925
|
+
fontSize: "300";
|
|
1926
|
+
lineHeight: "450";
|
|
1927
|
+
};
|
|
1928
|
+
sm: {
|
|
1929
|
+
fontSize: "350";
|
|
1930
|
+
lineHeight: "500";
|
|
1931
|
+
};
|
|
1932
|
+
md: {
|
|
1933
|
+
fontSize: "400";
|
|
1934
|
+
lineHeight: "600";
|
|
1935
|
+
};
|
|
1936
|
+
};
|
|
1937
|
+
fontColor: {
|
|
1938
|
+
primary: {
|
|
1939
|
+
color: "primary";
|
|
1940
|
+
};
|
|
1941
|
+
inherit: {
|
|
1942
|
+
color: "inherit";
|
|
1943
|
+
};
|
|
1944
|
+
};
|
|
1945
|
+
}>;
|
|
1946
|
+
|
|
1947
|
+
/**
|
|
1948
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1949
|
+
* with the unstyled prop option for the a element.
|
|
1950
|
+
*/
|
|
1951
|
+
declare interface LinkRecipeProps extends RecipeProps<"a">, UnstyledProp {
|
|
1952
|
+
}
|
|
1953
|
+
|
|
1954
|
+
/**
|
|
1955
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1956
|
+
* This creates a complete set of props for the root element, combining
|
|
1957
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1958
|
+
*/
|
|
1959
|
+
declare type LinkRootProps = HTMLChakraProps<"a", LinkRecipeProps>;
|
|
1960
|
+
|
|
1961
|
+
/**
|
|
1962
|
+
* Combines the root props with Chakra UI's recipe variant props.
|
|
1963
|
+
* This allows the component to accept both structural props from Root
|
|
1964
|
+
* and styling variants from the recipe.
|
|
1965
|
+
*
|
|
1966
|
+
* Differences between LinkRootProps and LinkVariantProps necessitate
|
|
1967
|
+
* the use of Omit and Pick to ensure the correct props are passed
|
|
1968
|
+
*/
|
|
1969
|
+
declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur" | "onClick"> & Pick<AriaLinkOptions, "onFocus" | "onBlur" | "onClick"> & RecipeVariantProps<typeof linkRecipe> & {
|
|
1970
|
+
[key: `data-${string}`]: string;
|
|
1971
|
+
};
|
|
1972
|
+
|
|
1973
|
+
/**
|
|
1974
|
+
* # List
|
|
1975
|
+
*
|
|
1976
|
+
* displays a list
|
|
1977
|
+
*
|
|
1978
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/typography/list}
|
|
1979
|
+
* @experimental This component is experimental and may change or be removed in future versions.
|
|
1980
|
+
*/
|
|
1981
|
+
export declare const List: {
|
|
1982
|
+
Root: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
|
|
1983
|
+
Item: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
|
|
1984
|
+
Indicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
1985
|
+
};
|
|
1986
|
+
|
|
1987
|
+
export declare const _ListIndicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
1988
|
+
|
|
1989
|
+
export declare const _ListItem: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
|
|
1990
|
+
|
|
1991
|
+
export declare const _ListRoot: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
|
|
1992
|
+
|
|
1993
|
+
/**
|
|
1994
|
+
* # LoadingSpinner
|
|
1995
|
+
*
|
|
1996
|
+
* Indicates ongoing processes or loading states
|
|
1997
|
+
*
|
|
1998
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/feedback/loadingspinner}
|
|
1999
|
+
*/
|
|
2000
|
+
export declare const LoadingSpinner: {
|
|
2001
|
+
(props: LoadingSpinnerProps): JSX.Element;
|
|
2002
|
+
displayName: string;
|
|
2003
|
+
};
|
|
2004
|
+
|
|
2005
|
+
/**
|
|
2006
|
+
* Main props interface for the LoadingSpinner component.
|
|
2007
|
+
* Extends LoadingSpinnerVariantProps to include both root props and variant props,
|
|
2008
|
+
* while adding support for React children.
|
|
2009
|
+
*/
|
|
2010
|
+
export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps & {
|
|
2011
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2012
|
+
};
|
|
2013
|
+
|
|
2014
|
+
/**
|
|
2015
|
+
* Recipe configuration for the LoadingSpinner component.
|
|
2016
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2017
|
+
*/
|
|
2018
|
+
declare const loadingSpinnerRecipe: RecipeDefinition< {
|
|
2019
|
+
size: {
|
|
2020
|
+
"2xs": {
|
|
2021
|
+
width: "350";
|
|
2022
|
+
height: "350";
|
|
2023
|
+
};
|
|
2024
|
+
xs: {
|
|
2025
|
+
width: "500";
|
|
2026
|
+
height: "500";
|
|
2027
|
+
};
|
|
2028
|
+
sm: {
|
|
2029
|
+
width: "600";
|
|
2030
|
+
height: "600";
|
|
2031
|
+
};
|
|
2032
|
+
md: {
|
|
2033
|
+
width: "800";
|
|
2034
|
+
height: "800";
|
|
2035
|
+
};
|
|
2036
|
+
lg: {
|
|
2037
|
+
width: "1000";
|
|
2038
|
+
height: "1000";
|
|
2039
|
+
};
|
|
2040
|
+
};
|
|
2041
|
+
tone: {
|
|
2042
|
+
primary: {
|
|
2043
|
+
colorPalette: "ctvioletAlpha";
|
|
2044
|
+
};
|
|
2045
|
+
white: {
|
|
2046
|
+
colorPalette: "whiteAlpha";
|
|
2047
|
+
};
|
|
2048
|
+
};
|
|
2049
|
+
}>;
|
|
2050
|
+
|
|
2051
|
+
/**
|
|
2052
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
2053
|
+
* with the unstyled prop option for the div element.
|
|
2054
|
+
*/
|
|
2055
|
+
declare interface LoadingSpinnerRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
2056
|
+
}
|
|
2057
|
+
|
|
2058
|
+
/**
|
|
2059
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
2060
|
+
* This creates a complete set of props for the root element, combining
|
|
2061
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
2062
|
+
*/
|
|
2063
|
+
declare type LoadingSpinnerRootProps = Omit<HTMLChakraProps<"div", LoadingSpinnerRecipeProps>, "as" | "asChild">;
|
|
2064
|
+
|
|
2065
|
+
/**
|
|
2066
|
+
* Combines the root props with Chakra UI's recipe variant props and Aria's progress bar props.
|
|
2067
|
+
*
|
|
2068
|
+
* This allows the component to accept both structural props from Root
|
|
2069
|
+
* and styling variants from the recipe.
|
|
2070
|
+
*/
|
|
2071
|
+
declare type LoadingSpinnerVariantProps = LoadingSpinnerRootProps & RecipeVariantProps<typeof loadingSpinnerRecipe> & {
|
|
2072
|
+
[key: `data-${string}`]: string;
|
|
2073
|
+
};
|
|
2074
|
+
|
|
2075
|
+
/**
|
|
2076
|
+
* MakeElementFocusable
|
|
2077
|
+
* ============================================================
|
|
2078
|
+
* A helper component that adds props from `react-aria`s `useFocusable` hook
|
|
2079
|
+
* to its child so that it can be used as a trigger element for a `Tooltip`
|
|
2080
|
+
*
|
|
2081
|
+
* Caveats:
|
|
2082
|
+
* - Using non-interactive elements as tooltip triggers is against ARIA best-practices,
|
|
2083
|
+
* it is your responsibility to ensure that the underlying trigger element handles
|
|
2084
|
+
* focus and hover interactions correctly for keyboard-only users
|
|
2085
|
+
*
|
|
2086
|
+
* Features:
|
|
2087
|
+
* - allows forwarding refs to the underlying DOM element
|
|
2088
|
+
* - accepts all native html 'HTMLElement' attributes (including aria- & data-attributes)
|
|
2089
|
+
*
|
|
2090
|
+
* Further Context:
|
|
2091
|
+
* - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
|
|
2092
|
+
* - [React Aria Components Issue re:Tooltip with custom trigger](https://github.com/adobe/react-spectrum/issues/5733#issuecomment-1918691983)
|
|
2093
|
+
* - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
|
|
2094
|
+
*/
|
|
2095
|
+
export declare const MakeElementFocusable: ForwardRefExoticComponent<FocusableOptions<HTMLElement> & {
|
|
2096
|
+
children?: ReactNode | undefined;
|
|
2097
|
+
} & RefAttributes<HTMLElement>>;
|
|
2098
|
+
|
|
2099
|
+
export declare const Menu: {
|
|
2100
|
+
Root: {
|
|
2101
|
+
(props: MenuRootProps_2): JSX.Element;
|
|
2102
|
+
displayName: string;
|
|
2103
|
+
};
|
|
2104
|
+
Trigger: {
|
|
2105
|
+
({ children, asChild, ref, ...props }: MenuTriggerProps_2): JSX.Element;
|
|
2106
|
+
displayName: string;
|
|
2107
|
+
};
|
|
2108
|
+
Content: {
|
|
2109
|
+
({ children, placement: placementOverride, ref, }: MenuContentProps_2): JSX.Element;
|
|
2110
|
+
displayName: string;
|
|
2111
|
+
};
|
|
2112
|
+
Item: {
|
|
2113
|
+
({ children, isCritical, ref, ...props }: MenuItemProps_2): JSX.Element;
|
|
2114
|
+
displayName: string;
|
|
2115
|
+
};
|
|
2116
|
+
Separator: {
|
|
2117
|
+
({ ref, ...props }: MenuSeparatorProps_2): JSX.Element;
|
|
2118
|
+
displayName: string;
|
|
2119
|
+
};
|
|
2120
|
+
Section: {
|
|
2121
|
+
<T extends object = object>({ children, ref, label, items, ...props }: MenuSectionProps_2<T>): JSX.Element;
|
|
2122
|
+
displayName: string;
|
|
2123
|
+
};
|
|
2124
|
+
Submenu: {
|
|
2125
|
+
({ children, ...props }: MenuSubmenuProps_2): JSX.Element;
|
|
2126
|
+
displayName: string;
|
|
2127
|
+
};
|
|
2128
|
+
SubmenuTrigger: {
|
|
2129
|
+
({ children, ...props }: MenuSubmenuTriggerProps_2): JSX.Element;
|
|
2130
|
+
displayName: string;
|
|
2131
|
+
};
|
|
2132
|
+
};
|
|
2133
|
+
|
|
2134
|
+
export declare const _MenuContent: {
|
|
2135
|
+
({ children, placement: placementOverride, ref, }: MenuContentProps): JSX.Element;
|
|
2136
|
+
displayName: string;
|
|
2137
|
+
};
|
|
2138
|
+
|
|
2139
|
+
export declare interface MenuContentProps {
|
|
2140
|
+
children?: ReactNode;
|
|
2141
|
+
ref?: Ref<HTMLDivElement>;
|
|
2142
|
+
/**
|
|
2143
|
+
* The placement of the menu relative to the trigger.
|
|
2144
|
+
*/
|
|
2145
|
+
placement?: PopoverProps["placement"];
|
|
2146
|
+
}
|
|
2147
|
+
|
|
2148
|
+
export declare const _MenuItem: {
|
|
2149
|
+
({ children, isCritical, ref, ...props }: MenuItemProps): JSX.Element;
|
|
2150
|
+
displayName: string;
|
|
2151
|
+
};
|
|
2152
|
+
|
|
2153
|
+
export declare interface MenuItemProps extends MenuItemProps_3 {
|
|
2154
|
+
/**
|
|
2155
|
+
* if set to `true`, highlights the item as critical (red)
|
|
2156
|
+
* */
|
|
2157
|
+
isCritical?: boolean;
|
|
2158
|
+
ref?: Ref<HTMLDivElement>;
|
|
2159
|
+
}
|
|
2160
|
+
|
|
2161
|
+
export declare const _MenuRoot: {
|
|
2162
|
+
(props: MenuRootProps): JSX.Element;
|
|
2163
|
+
displayName: string;
|
|
2164
|
+
};
|
|
2165
|
+
|
|
2166
|
+
export declare interface MenuRootProps extends Omit<MenuTriggerProps_3, "trigger" | "children">, Omit<MenuProps<object>, "children">, RecipeVariantProps<typeof menuSlotRecipe> {
|
|
2167
|
+
/**
|
|
2168
|
+
* The trigger element and menu content
|
|
2169
|
+
*/
|
|
2170
|
+
children: ReactNode;
|
|
2171
|
+
/**
|
|
2172
|
+
* The trigger event to use for the menu.
|
|
2173
|
+
* @default "press"
|
|
2174
|
+
*/
|
|
2175
|
+
trigger?: "press" | "longPress";
|
|
2176
|
+
/**
|
|
2177
|
+
* The placement of the menu relative to the trigger.
|
|
2178
|
+
* @default "bottom start"
|
|
2179
|
+
*/
|
|
2180
|
+
placement?: PopoverProps["placement"];
|
|
2181
|
+
}
|
|
2182
|
+
|
|
2183
|
+
export declare const _MenuSection: {
|
|
2184
|
+
<T extends object = object>({ children, ref, label, items, ...props }: MenuSectionProps<T>): JSX.Element;
|
|
2185
|
+
displayName: string;
|
|
2186
|
+
};
|
|
2187
|
+
|
|
2188
|
+
export declare interface MenuSectionLabelProps {
|
|
2189
|
+
children: ReactNode;
|
|
2190
|
+
ref?: Ref<HTMLDivElement>;
|
|
2191
|
+
}
|
|
2192
|
+
|
|
2193
|
+
export declare interface MenuSectionProps<T = object> extends MenuSectionProps_3<T> {
|
|
2194
|
+
ref?: Ref<HTMLDivElement>;
|
|
2195
|
+
/**
|
|
2196
|
+
* Label for the section header
|
|
2197
|
+
*/
|
|
2198
|
+
label: ReactNode;
|
|
2199
|
+
}
|
|
2200
|
+
|
|
2201
|
+
export declare const _MenuSeparator: {
|
|
2202
|
+
({ ref, ...props }: MenuSeparatorProps): JSX.Element;
|
|
2203
|
+
displayName: string;
|
|
2204
|
+
};
|
|
2205
|
+
|
|
2206
|
+
export declare interface MenuSeparatorProps extends SeparatorProps_2 {
|
|
2207
|
+
ref?: Ref<HTMLDivElement>;
|
|
2208
|
+
}
|
|
2209
|
+
|
|
2210
|
+
/**
|
|
2211
|
+
* Recipe configuration for the Menu component.
|
|
2212
|
+
* Defines the styling variants and base styles using Chakra UI's slot recipe system.
|
|
2213
|
+
*/
|
|
2214
|
+
declare const menuSlotRecipe: SlotRecipeDefinition<"content" | "section" | "popover" | "separator" | "root" | "trigger" | "item" | "sectionLabel" | "submenu", SlotRecipeVariantRecord<"content" | "section" | "popover" | "separator" | "root" | "trigger" | "item" | "sectionLabel" | "submenu">>;
|
|
2215
|
+
|
|
2216
|
+
export declare const _MenuSubmenu: {
|
|
2217
|
+
({ children, ...props }: MenuSubmenuProps): JSX.Element;
|
|
2218
|
+
displayName: string;
|
|
2219
|
+
};
|
|
2220
|
+
|
|
2221
|
+
export declare interface MenuSubmenuProps extends MenuContentProps {
|
|
2222
|
+
}
|
|
2223
|
+
|
|
2224
|
+
export declare const _MenuSubmenuTrigger: {
|
|
2225
|
+
({ children, ...props }: MenuSubmenuTriggerProps): JSX.Element;
|
|
2226
|
+
displayName: string;
|
|
2227
|
+
};
|
|
2228
|
+
|
|
2229
|
+
export declare interface MenuSubmenuTriggerProps extends SubmenuTriggerProps {
|
|
2230
|
+
ref?: Ref<HTMLDivElement>;
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2233
|
+
export declare const _MenuTrigger: {
|
|
2234
|
+
({ children, asChild, ref, ...props }: MenuTriggerProps): JSX.Element;
|
|
2235
|
+
displayName: string;
|
|
2236
|
+
};
|
|
2237
|
+
|
|
2238
|
+
export declare interface MenuTriggerProps extends Omit<MenuTriggerSlotProps, keyof ButtonProps_2>, ButtonProps_2 {
|
|
2239
|
+
ref?: Ref<HTMLButtonElement>;
|
|
2240
|
+
}
|
|
2241
|
+
|
|
2242
|
+
declare type MenuTriggerSlotProps = HTMLChakraProps<"button">;
|
|
2243
|
+
|
|
2244
|
+
/**
|
|
2245
|
+
* # Multiline Text Input
|
|
2246
|
+
*
|
|
2247
|
+
* A multiline text input component for capturing longer text content.
|
|
2248
|
+
*
|
|
2249
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/forms/multiline-text-input}
|
|
2250
|
+
*/
|
|
2251
|
+
export declare const MultilineTextInput: {
|
|
2252
|
+
(props: MultilineTextInputProps): JSX.Element;
|
|
2253
|
+
displayName: string;
|
|
2254
|
+
};
|
|
2255
|
+
|
|
2256
|
+
export declare interface MultilineTextInputProps extends TextFieldProps, Omit<MultilineTextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
|
|
2257
|
+
ref?: React.Ref<HTMLTextAreaElement>;
|
|
2258
|
+
/**
|
|
2259
|
+
* When true, the textarea will automatically grow in height to fit its content.
|
|
2260
|
+
* This works in addition to the default draggable resize behavior.
|
|
2261
|
+
*/
|
|
2262
|
+
autoGrow?: boolean;
|
|
2263
|
+
}
|
|
2264
|
+
|
|
2265
|
+
/**
|
|
2266
|
+
* Recipe configuration for the MultilineTextInput component.
|
|
2267
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2268
|
+
*/
|
|
2269
|
+
declare const multilineTextInputRecipe: RecipeDefinition< {
|
|
2270
|
+
size: {
|
|
2271
|
+
sm: {
|
|
2272
|
+
minH: number;
|
|
2273
|
+
textStyle: "sm";
|
|
2274
|
+
px: number;
|
|
2275
|
+
py: number;
|
|
2276
|
+
};
|
|
2277
|
+
md: {
|
|
2278
|
+
minH: number;
|
|
2279
|
+
textStyle: "md";
|
|
2280
|
+
px: number;
|
|
2281
|
+
py: number;
|
|
2282
|
+
};
|
|
2283
|
+
};
|
|
2284
|
+
variant: {
|
|
2285
|
+
solid: {
|
|
2286
|
+
"--border-width": "sizes.25";
|
|
2287
|
+
"--border-color": "colors.neutral.7";
|
|
2288
|
+
backgroundColor: "neutral.1";
|
|
2289
|
+
_hover: {
|
|
2290
|
+
backgroundColor: "primary.2";
|
|
2291
|
+
};
|
|
2292
|
+
};
|
|
2293
|
+
ghost: {
|
|
2294
|
+
_hover: {
|
|
2295
|
+
backgroundColor: "primary.2";
|
|
2296
|
+
};
|
|
2297
|
+
};
|
|
2298
|
+
};
|
|
2299
|
+
}>;
|
|
2300
|
+
|
|
2301
|
+
declare interface MultilineTextInputRecipeProps extends RecipeVariantProps<typeof multilineTextInputRecipe>, UnstyledProp {
|
|
2302
|
+
}
|
|
2303
|
+
|
|
2304
|
+
declare type MultilineTextInputRootSlotProps = HTMLChakraProps<"textarea", MultilineTextInputRecipeProps>;
|
|
2305
|
+
|
|
2306
|
+
/**
|
|
2307
|
+
* # NimbusProvider
|
|
2308
|
+
*
|
|
2309
|
+
* provides an environment for the rest of the components to work in
|
|
2310
|
+
*
|
|
2311
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/utilities/nimbusprovider}
|
|
2312
|
+
*/
|
|
2313
|
+
export declare function NimbusProvider({ children, locale, router, ...props }: NimbusProviderProps): JSX.Element;
|
|
2314
|
+
|
|
2315
|
+
export declare interface NimbusProviderProps extends ColorModeProviderProps {
|
|
2316
|
+
/**
|
|
2317
|
+
* Optional locale for internationalization.
|
|
2318
|
+
* Expects a [BCP47 language tag](https://en.wikipedia.org/wiki/IETF_language_tag) (e.g., 'en-US', 'de-DE', 'fr-FR').
|
|
2319
|
+
* Defaults to the user's browser locale if not provided.
|
|
2320
|
+
*/
|
|
2321
|
+
locale?: string;
|
|
2322
|
+
/**
|
|
2323
|
+
* Optional router configuration object for client-side navigation.
|
|
2324
|
+
* When provided, all nimbus components with href props will use client-side routing.
|
|
2325
|
+
* - `navigate`: Function to programmatically navigate to routes.
|
|
2326
|
+
* - `useHref`: Optional function to transform hrefs (useful for base paths).
|
|
2327
|
+
*/
|
|
2328
|
+
router?: NimbusRouterConfig | TypedNimbusRouterConfig;
|
|
2329
|
+
}
|
|
2330
|
+
|
|
2331
|
+
export declare interface NimbusRouterConfig {
|
|
2332
|
+
/**
|
|
2333
|
+
* Function to programmatically navigate to a new route.
|
|
2334
|
+
* This should be the navigate function from your client-side router.
|
|
2335
|
+
*
|
|
2336
|
+
* @example
|
|
2337
|
+
* // React Router
|
|
2338
|
+
* const navigate = useNavigate();
|
|
2339
|
+
* <NimbusProvider router={{ navigate }} />
|
|
2340
|
+
*
|
|
2341
|
+
* @example
|
|
2342
|
+
* // Next.js App Router
|
|
2343
|
+
* const router = useRouter();
|
|
2344
|
+
* <NimbusProvider router={{ navigate: router.push }} />
|
|
2345
|
+
*/
|
|
2346
|
+
navigate: (href: string, routerOptions?: any) => void;
|
|
2347
|
+
/**
|
|
2348
|
+
* Optional function to transform hrefs before they are used.
|
|
2349
|
+
* Useful for prepending base paths or other URL transformations.
|
|
2350
|
+
*
|
|
2351
|
+
* @example
|
|
2352
|
+
* // Next.js with basePath
|
|
2353
|
+
* const useHref = (href: string) => process.env.BASE_PATH + href;
|
|
2354
|
+
* <NimbusProvider router={{ navigate, useHref }} />
|
|
2355
|
+
*/
|
|
2356
|
+
useHref?: (href: string) => string;
|
|
2357
|
+
}
|
|
2358
|
+
|
|
2359
|
+
/**
|
|
2360
|
+
* TypeScript module augmentation for Nimbus router configuration.
|
|
2361
|
+
*
|
|
2362
|
+
* This allows consumers to extend the router configuration types
|
|
2363
|
+
* to match their specific router framework, providing better type safety.
|
|
2364
|
+
*
|
|
2365
|
+
* TODO: Document this in an mdx-file, available to consumers via the docs-app
|
|
2366
|
+
*
|
|
2367
|
+
* @example
|
|
2368
|
+
* // For React Router
|
|
2369
|
+
* import type { NavigateOptions } from 'react-router-dom';
|
|
2370
|
+
*
|
|
2371
|
+
* declare module '@commercetools/nimbus' {
|
|
2372
|
+
* interface NimbusRouterOptionsBase {
|
|
2373
|
+
* routerOptions?: NavigateOptions;
|
|
2374
|
+
* }
|
|
2375
|
+
* }
|
|
2376
|
+
*
|
|
2377
|
+
* @example
|
|
2378
|
+
* // For Next.js App Router
|
|
2379
|
+
* import type { AppRouterInstance } from 'next/dist/shared/lib/app-router-context';
|
|
2380
|
+
*
|
|
2381
|
+
* declare module '@commercetools/nimbus' {
|
|
2382
|
+
* interface NimbusRouterOptionsBase {
|
|
2383
|
+
* routerOptions?: Parameters<AppRouterInstance['push']>[1];
|
|
2384
|
+
* }
|
|
2385
|
+
* }
|
|
2386
|
+
*/
|
|
2387
|
+
export declare interface NimbusRouterOptionsBase {
|
|
2388
|
+
}
|
|
2389
|
+
|
|
2390
|
+
/**
|
|
2391
|
+
* # NumberInput
|
|
2392
|
+
*
|
|
2393
|
+
* A number input allows users to enter numerical values and adjust them incrementally.
|
|
2394
|
+
*
|
|
2395
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/number-input}
|
|
2396
|
+
*/
|
|
2397
|
+
export declare const NumberInput: {
|
|
2398
|
+
(props: NumberInputProps): JSX.Element;
|
|
2399
|
+
displayName: string;
|
|
2400
|
+
};
|
|
2401
|
+
|
|
2402
|
+
export declare interface NumberInputProps extends AriaNumberFieldProps, Omit<NumberInputRootSlotProps, keyof AriaNumberFieldProps | ExcludedNumberInputProps> {
|
|
2403
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
2404
|
+
}
|
|
2405
|
+
|
|
2406
|
+
/**
|
|
2407
|
+
* Recipe configuration for the NumberInput component.
|
|
2408
|
+
* Defines the styling variants and base styles using Chakra UI's slot recipe system.
|
|
2409
|
+
*/
|
|
2410
|
+
declare const numberInputRecipe: SlotRecipeDefinition<"input" | "root" | "incrementButton" | "decrementButton", {
|
|
2411
|
+
size: {
|
|
2412
|
+
sm: {
|
|
2413
|
+
input: {
|
|
2414
|
+
h: number;
|
|
2415
|
+
textStyle: "sm";
|
|
2416
|
+
px: number;
|
|
2417
|
+
paddingRight: number;
|
|
2418
|
+
};
|
|
2419
|
+
};
|
|
2420
|
+
md: {
|
|
2421
|
+
input: {
|
|
2422
|
+
h: number;
|
|
2423
|
+
textStyle: "md";
|
|
2424
|
+
px: number;
|
|
2425
|
+
paddingRight: number;
|
|
2426
|
+
};
|
|
2427
|
+
};
|
|
2428
|
+
};
|
|
2429
|
+
variant: {
|
|
2430
|
+
solid: {
|
|
2431
|
+
root: {
|
|
2432
|
+
"&:has(button:hover) input": {
|
|
2433
|
+
backgroundColor: "primary.2";
|
|
2434
|
+
};
|
|
2435
|
+
};
|
|
2436
|
+
input: {
|
|
2437
|
+
"&[data-invalid='true']": {
|
|
2438
|
+
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
2439
|
+
"--border-width": "sizes.50";
|
|
2440
|
+
};
|
|
2441
|
+
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
2442
|
+
backgroundColor: "neutral.1";
|
|
2443
|
+
_hover: {
|
|
2444
|
+
backgroundColor: "primary.2";
|
|
2445
|
+
};
|
|
2446
|
+
};
|
|
2447
|
+
incrementButton: {
|
|
2448
|
+
"&[data-invalid='true']": {
|
|
2449
|
+
borderTop: "2px solid var(--border-color)";
|
|
2450
|
+
borderRight: "2px solid var(--border-color)";
|
|
2451
|
+
};
|
|
2452
|
+
borderTop: "var(--border-width) solid var(--border-color)";
|
|
2453
|
+
borderRight: "var(--border-width) solid var(--border-color)";
|
|
2454
|
+
borderLeft: "var(--border-width) solid var(--border-color)";
|
|
2455
|
+
boxShadow: "inset 0 -0.5px 0 0 var(--border-color)";
|
|
2456
|
+
_hover: {
|
|
2457
|
+
backgroundColor: "primaryAlpha.3";
|
|
2458
|
+
};
|
|
2459
|
+
};
|
|
2460
|
+
decrementButton: {
|
|
2461
|
+
"&[data-invalid='true']": {
|
|
2462
|
+
borderBottom: "2px solid var(--border-color)";
|
|
2463
|
+
borderRight: "2px solid var(--border-color)";
|
|
2464
|
+
};
|
|
2465
|
+
borderBottom: "var(--border-width) solid var(--border-color)";
|
|
2466
|
+
borderRight: "var(--border-width) solid var(--border-color)";
|
|
2467
|
+
borderLeft: "var(--border-width) solid var(--border-color)";
|
|
2468
|
+
boxShadow: "inset 0 0.5px 0 0 var(--border-color)";
|
|
2469
|
+
_hover: {
|
|
2470
|
+
backgroundColor: "primaryAlpha.3";
|
|
2471
|
+
};
|
|
2472
|
+
};
|
|
2473
|
+
};
|
|
2474
|
+
ghost: {
|
|
2475
|
+
root: {
|
|
2476
|
+
"&:has(button:hover) input": {
|
|
2477
|
+
backgroundColor: "primary.2";
|
|
2478
|
+
};
|
|
2479
|
+
};
|
|
2480
|
+
input: {
|
|
2481
|
+
"&[data-invalid='true']": {
|
|
2482
|
+
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
2483
|
+
"--border-width": "sizes.50";
|
|
2484
|
+
};
|
|
2485
|
+
_hover: {
|
|
2486
|
+
backgroundColor: "primary.2";
|
|
2487
|
+
};
|
|
2488
|
+
};
|
|
2489
|
+
incrementButton: {
|
|
2490
|
+
"&[data-invalid='true']": {
|
|
2491
|
+
borderTop: "2px solid var(--border-color)";
|
|
2492
|
+
borderRight: "2px solid var(--border-color)";
|
|
2493
|
+
};
|
|
2494
|
+
_hover: {
|
|
2495
|
+
backgroundColor: "primaryAlpha.3";
|
|
2496
|
+
};
|
|
2497
|
+
};
|
|
2498
|
+
decrementButton: {
|
|
2499
|
+
"&[data-invalid='true']": {
|
|
2500
|
+
borderBottom: "2px solid var(--border-color)";
|
|
2501
|
+
borderRight: "2px solid var(--border-color)";
|
|
2502
|
+
};
|
|
2503
|
+
_hover: {
|
|
2504
|
+
backgroundColor: "primaryAlpha.3";
|
|
2505
|
+
};
|
|
2506
|
+
};
|
|
2507
|
+
};
|
|
2508
|
+
};
|
|
2509
|
+
}>;
|
|
2510
|
+
|
|
2511
|
+
declare interface NumberInputRecipeProps extends RecipeVariantProps<typeof numberInputRecipe>, UnstyledProp {
|
|
2512
|
+
}
|
|
2513
|
+
|
|
2514
|
+
declare type NumberInputRootSlotProps = HTMLChakraProps<"div", NumberInputRecipeProps>;
|
|
2515
|
+
|
|
2516
|
+
/**
|
|
2517
|
+
* # PasswordInput
|
|
2518
|
+
*
|
|
2519
|
+
* A password input is a text field that hides entered characters for secure password entry.
|
|
2520
|
+
*
|
|
2521
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/passwordinput}
|
|
2522
|
+
*/
|
|
2523
|
+
export declare const PasswordInput: ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
|
|
2524
|
+
|
|
2525
|
+
/**
|
|
2526
|
+
* Interface for PasswordInput component props
|
|
2527
|
+
* Extends TextInputProps but omits the type prop since it's controlled internally
|
|
2528
|
+
* We want to keep this as an explicit interface to allow for future additions
|
|
2529
|
+
*/
|
|
2530
|
+
export declare interface PasswordInputProps extends Omit<TextInputProps, "type"> {
|
|
2531
|
+
}
|
|
2532
|
+
|
|
2533
|
+
/**
|
|
2534
|
+
* ProgressBar
|
|
2535
|
+
* ============================================================
|
|
2536
|
+
* Displays progress towards completion of a task or process
|
|
2537
|
+
*
|
|
2538
|
+
* Features:
|
|
2539
|
+
*
|
|
2540
|
+
* - Supports both determinate (with value) and indeterminate (loading) states
|
|
2541
|
+
* - Two visual variants: solid (gradient) and contrast (monochromatic)
|
|
2542
|
+
* - Three layouts: minimal, inline, and stacked
|
|
2543
|
+
* - Configurable value formatting with internationalization support
|
|
2544
|
+
* - Full accessibility support with ARIA attributes
|
|
2545
|
+
* - Allows forwarding refs to the underlying DOM element
|
|
2546
|
+
* - Accepts all native HTML div attributes
|
|
2547
|
+
* - Supports variants, sizes, etc. configured in the recipe
|
|
2548
|
+
* - Allows overriding styles by using style-props
|
|
2549
|
+
*/
|
|
2550
|
+
export declare const ProgressBar: {
|
|
2551
|
+
(props: ProgressBarProps): JSX.Element;
|
|
2552
|
+
displayName: string;
|
|
2553
|
+
};
|
|
2554
|
+
|
|
2555
|
+
/**
|
|
2556
|
+
* Main props interface for the ProgressBar component.
|
|
2557
|
+
* Extends ProgressBarRootProps to include root props, variant props, and aria props,
|
|
2558
|
+
* while adding custom props for label display and formatting.
|
|
2559
|
+
*/
|
|
2560
|
+
export declare interface ProgressBarProps extends Omit<ProgressBarRootProps, ExcludedProps_6> {
|
|
2561
|
+
/**
|
|
2562
|
+
* Ref forwarding to the root element
|
|
2563
|
+
*/
|
|
2564
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2565
|
+
/**
|
|
2566
|
+
* Whether the progress bar represents an active, ongoing process.
|
|
2567
|
+
* Set to `true` for dynamic progress (e.g., file uploads, downloads).
|
|
2568
|
+
* Set to `false` for static progress indicators (e.g., step 3 of 5 in a wizard).
|
|
2569
|
+
* @default true
|
|
2570
|
+
*/
|
|
2571
|
+
isDynamic?: boolean;
|
|
2572
|
+
/**
|
|
2573
|
+
* Format options for the progress bar.
|
|
2574
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
|
|
2575
|
+
*/
|
|
2576
|
+
formatOptions: ProgressBarRootProps["formatOptions"];
|
|
2577
|
+
}
|
|
2578
|
+
|
|
2579
|
+
/**
|
|
2580
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
2581
|
+
* with the unstyled prop option for the div element.
|
|
2582
|
+
*/
|
|
2583
|
+
declare interface ProgressBarRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
2584
|
+
}
|
|
2585
|
+
|
|
2586
|
+
/**
|
|
2587
|
+
* Root props interface that extends Chakra's HTML props with our recipe props,
|
|
2588
|
+
* aria props, and data attributes.
|
|
2589
|
+
*/
|
|
2590
|
+
declare interface ProgressBarRootProps extends HTMLChakraProps<"div", ProgressBarRecipeProps>, Omit<RecipeVariantProps<typeof progressBarSlotRecipe>, "isIndeterminate">, AriaProgressBarProps {
|
|
2591
|
+
[key: `data-${string}`]: string;
|
|
2592
|
+
}
|
|
2593
|
+
|
|
2594
|
+
/**
|
|
2595
|
+
* Recipe configuration for the ProgressBar component.
|
|
2596
|
+
* Defines the styling variants and base styles using Chakra UI's slot recipe system.
|
|
2597
|
+
*/
|
|
2598
|
+
declare const progressBarSlotRecipe: SlotRecipeDefinition<"fill" | "label" | "track" | "value" | "root", {
|
|
2599
|
+
size: {
|
|
2600
|
+
"2xs": {
|
|
2601
|
+
root: {
|
|
2602
|
+
"--progress-bar-radius": "{radii.300}";
|
|
2603
|
+
"--progress-bar-font-size": "{fontSizes.350}";
|
|
2604
|
+
"--progress-bar-height": "{sizes.300}";
|
|
2605
|
+
"--progress-bar-line-height": "{fontSizes.500}";
|
|
2606
|
+
};
|
|
2607
|
+
};
|
|
2608
|
+
md: {
|
|
2609
|
+
root: {
|
|
2610
|
+
"--progress-bar-radius": "{radii.600}";
|
|
2611
|
+
"--progress-bar-font-size": "{fontSizes.400}";
|
|
2612
|
+
"--progress-bar-height": "{sizes.600}";
|
|
2613
|
+
"--progress-bar-line-height": "{fontSizes.600}";
|
|
2614
|
+
};
|
|
2615
|
+
};
|
|
2616
|
+
};
|
|
2617
|
+
isDynamic: {
|
|
2618
|
+
true: {
|
|
2619
|
+
fill: {
|
|
2620
|
+
"--progress-bar-animation": "gradient-shimmer 4s ease-in-out infinite";
|
|
2621
|
+
"&[data-complete='true']": {
|
|
2622
|
+
"--progress-bar-animation": "none";
|
|
2623
|
+
};
|
|
2624
|
+
};
|
|
2625
|
+
};
|
|
2626
|
+
};
|
|
2627
|
+
isIndeterminate: {
|
|
2628
|
+
true: {
|
|
2629
|
+
fill: {
|
|
2630
|
+
"--progress-bar-animation": "progress-indeterminate 2s ease-in-out infinite";
|
|
2631
|
+
width: "40% !important";
|
|
2632
|
+
};
|
|
2633
|
+
};
|
|
2634
|
+
};
|
|
2635
|
+
variant: {
|
|
2636
|
+
solid: {
|
|
2637
|
+
root: {
|
|
2638
|
+
"--progress-bar-text-color": "{colors.neutral.12}";
|
|
2639
|
+
"--progress-bar-track-bg": "{colors.neutralAlpha.3}";
|
|
2640
|
+
};
|
|
2641
|
+
};
|
|
2642
|
+
contrast: {
|
|
2643
|
+
root: {
|
|
2644
|
+
"--progress-bar-text-color": "{colors.colorPalette.contrast}";
|
|
2645
|
+
"--progress-bar-track-bg": "{colors.colorPalette.contrast/15}";
|
|
2646
|
+
};
|
|
2647
|
+
fill: {
|
|
2648
|
+
bgImage: "linear-gradient(90deg, {colors.colorPalette.contrast/25}, {colors.colorPalette.contrast}, {colors.colorPalette.contrast/25})";
|
|
2649
|
+
};
|
|
2650
|
+
};
|
|
2651
|
+
};
|
|
2652
|
+
layout: {
|
|
2653
|
+
minimal: {
|
|
2654
|
+
label: {
|
|
2655
|
+
display: "none";
|
|
2656
|
+
};
|
|
2657
|
+
value: {
|
|
2658
|
+
display: "none";
|
|
2659
|
+
};
|
|
2660
|
+
};
|
|
2661
|
+
inline: {
|
|
2662
|
+
root: {
|
|
2663
|
+
flexDirection: "row";
|
|
2664
|
+
alignItems: "center";
|
|
2665
|
+
gap: "400";
|
|
2666
|
+
};
|
|
2667
|
+
track: {
|
|
2668
|
+
flex: number;
|
|
2669
|
+
};
|
|
2670
|
+
};
|
|
2671
|
+
stacked: {
|
|
2672
|
+
root: {
|
|
2673
|
+
flexDirection: "column";
|
|
2674
|
+
gap: "200";
|
|
2675
|
+
};
|
|
2676
|
+
text: {
|
|
2677
|
+
display: "flex";
|
|
2678
|
+
justifyContent: "space-between";
|
|
2679
|
+
alignItems: "center";
|
|
2680
|
+
width: "100%";
|
|
2681
|
+
};
|
|
2682
|
+
};
|
|
2683
|
+
};
|
|
2684
|
+
}>;
|
|
2685
|
+
|
|
2686
|
+
declare type RadioGroupProps = Omit<RadioGroupProps_2, "children"> & {
|
|
2687
|
+
children?: React.ReactNode;
|
|
2688
|
+
};
|
|
2689
|
+
|
|
2690
|
+
export declare const RadioInput: {
|
|
2691
|
+
Root: {
|
|
2692
|
+
(props: RadioInputRootProps_2): JSX.Element;
|
|
2693
|
+
displayName: string;
|
|
2694
|
+
};
|
|
2695
|
+
Option: {
|
|
2696
|
+
({ children, value, ...rest }: RadioInputOptionProps_2): JSX.Element;
|
|
2697
|
+
displayName: string;
|
|
2698
|
+
};
|
|
2699
|
+
};
|
|
2700
|
+
|
|
2701
|
+
export declare const _RadioInputOption: {
|
|
2702
|
+
({ children, value, ...rest }: RadioInputOptionProps): JSX.Element;
|
|
2703
|
+
displayName: string;
|
|
2704
|
+
};
|
|
2705
|
+
|
|
2706
|
+
export declare interface RadioInputOptionProps extends RadioProps, Omit<RadioInputOptionSlotProps, keyof RadioProps> {
|
|
2707
|
+
}
|
|
2708
|
+
|
|
2709
|
+
export declare interface RadioInputOptionSlotProps extends HTMLChakraProps<"span", RecipeProps<"option">> {
|
|
2710
|
+
}
|
|
2711
|
+
|
|
2712
|
+
/**
|
|
2713
|
+
* # RadioInput
|
|
2714
|
+
*
|
|
2715
|
+
* A set of closely related, mutually exclusive or complementary actions that are important enough to be displayed directly in the interface for quick access.
|
|
2716
|
+
*
|
|
2717
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/radio-input}
|
|
2718
|
+
*/
|
|
2719
|
+
export declare const _RadioInputRoot: {
|
|
2720
|
+
(props: RadioInputRootProps): JSX.Element;
|
|
2721
|
+
displayName: string;
|
|
2722
|
+
};
|
|
2723
|
+
|
|
2724
|
+
export declare interface RadioInputRootProps extends RadioGroupProps, Omit<RadioInputRootSlotProps, keyof RadioGroupProps> {
|
|
2725
|
+
}
|
|
2726
|
+
|
|
2727
|
+
export declare interface RadioInputRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof radioInputSlotRecipe>> {
|
|
2728
|
+
}
|
|
2729
|
+
|
|
2730
|
+
/**
|
|
2731
|
+
* Recipe configuration for the RadioInput component.
|
|
2732
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2733
|
+
*/
|
|
2734
|
+
declare const radioInputSlotRecipe: SlotRecipeDefinition<"option" | "root", {
|
|
2735
|
+
orientation: {
|
|
2736
|
+
horizontal: {
|
|
2737
|
+
root: {
|
|
2738
|
+
flexDirection: "row";
|
|
2739
|
+
gap: "600";
|
|
2740
|
+
};
|
|
2741
|
+
};
|
|
2742
|
+
vertical: {
|
|
2743
|
+
root: {
|
|
2744
|
+
flexDirection: "column";
|
|
2745
|
+
alignItems: "flex-start";
|
|
2746
|
+
gap: "400";
|
|
2747
|
+
};
|
|
2748
|
+
};
|
|
2749
|
+
};
|
|
2750
|
+
}>;
|
|
2751
|
+
|
|
2752
|
+
export declare const RangeCalendar: (props: RangeCalendarProps<DateValue_2>) => JSX.Element;
|
|
2753
|
+
|
|
2754
|
+
export declare interface RangeCalendarProps<T extends DateValue_2> extends Omit<RangeCalendarRootSlotProps, keyof RangeCalendarProps_2<DateValue_2> | ExcludedProps_7>, Omit<RangeCalendarProps_2<T>, ExcludedProps_7>, RecipeVariantProps<typeof rangeCalendarSlotRecipe> {
|
|
2755
|
+
}
|
|
2756
|
+
|
|
2757
|
+
declare interface RangeCalendarRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof rangeCalendarSlotRecipe> & RangeCalendarProps_2<DateValue_2>> {
|
|
2758
|
+
}
|
|
2759
|
+
|
|
2760
|
+
declare const rangeCalendarSlotRecipe: SlotRecipeDefinition<"grid" | "header" | "root" | "grids" | "monthTitle" | "gridHeader" | "headerCell" | "gridBody" | "bodyCell", SlotRecipeVariantRecord<"grid" | "header" | "root" | "grids" | "monthTitle" | "gridHeader" | "headerCell" | "gridBody" | "bodyCell">>;
|
|
2761
|
+
|
|
2762
|
+
/**
|
|
2763
|
+
* Range value type for date ranges
|
|
2764
|
+
*/
|
|
2765
|
+
export declare type RangeValue<T> = {
|
|
2766
|
+
start: T;
|
|
2767
|
+
end: T;
|
|
2768
|
+
};
|
|
2769
|
+
|
|
2770
|
+
export declare type RouterOptions = NimbusRouterOptionsBase extends {
|
|
2771
|
+
routerOptions: any;
|
|
2772
|
+
} ? NimbusRouterOptionsBase["routerOptions"] : any;
|
|
2773
|
+
|
|
2774
|
+
export declare const Select: {
|
|
2775
|
+
Root: ForwardRefExoticComponent<SelectRootProps_2 & RefAttributes<HTMLDivElement>>;
|
|
2776
|
+
Options: {
|
|
2777
|
+
<T extends object>(props: SelectOptionsProps_2<T> & {
|
|
2778
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2779
|
+
}): JSX.Element;
|
|
2780
|
+
displayName: string;
|
|
2781
|
+
};
|
|
2782
|
+
Option: {
|
|
2783
|
+
<T extends object>(props: SelectOptionProps_2<T> & {
|
|
2784
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2785
|
+
}): JSX.Element;
|
|
2786
|
+
displayName: string;
|
|
2787
|
+
};
|
|
2788
|
+
OptionGroup: {
|
|
2789
|
+
<T extends object>(props: SelectOptionGroupProps_2<T> & {
|
|
2790
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2791
|
+
}): JSX.Element;
|
|
2792
|
+
displayName: string;
|
|
2793
|
+
};
|
|
2794
|
+
};
|
|
2795
|
+
|
|
2796
|
+
export declare const _SelectOption: {
|
|
2797
|
+
<T extends object>(props: SelectOptionProps<T> & {
|
|
2798
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2799
|
+
}): JSX.Element;
|
|
2800
|
+
displayName: string;
|
|
2801
|
+
};
|
|
2802
|
+
|
|
2803
|
+
export declare const _SelectOptionGroup: {
|
|
2804
|
+
<T extends object>(props: SelectOptionGroupProps<T> & {
|
|
2805
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2806
|
+
}): JSX.Element;
|
|
2807
|
+
displayName: string;
|
|
2808
|
+
};
|
|
2809
|
+
|
|
2810
|
+
export declare interface SelectOptionGroupProps<T> extends ListBoxSectionProps<T>, Omit<SelectOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
|
|
2811
|
+
/** the label for the section */
|
|
2812
|
+
label: string;
|
|
2813
|
+
}
|
|
2814
|
+
|
|
2815
|
+
declare interface SelectOptionGroupSlotProps extends HTMLChakraProps<"div"> {
|
|
2816
|
+
}
|
|
2817
|
+
|
|
2818
|
+
export declare interface SelectOptionProps<T> extends Omit<ListBoxItemProps<T>, keyof SelectOptionSlotProps>, SelectOptionSlotProps {
|
|
2819
|
+
}
|
|
2820
|
+
|
|
2821
|
+
export declare const _SelectOptions: {
|
|
2822
|
+
<T extends object>(props: SelectOptionsProps<T> & {
|
|
2823
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2824
|
+
}): JSX.Element;
|
|
2825
|
+
displayName: string;
|
|
2826
|
+
};
|
|
2827
|
+
|
|
2828
|
+
declare interface SelectOptionSlotProps extends HTMLChakraProps<"div"> {
|
|
2829
|
+
}
|
|
2830
|
+
|
|
2831
|
+
export declare interface SelectOptionsProps<T> extends ListBoxProps<T>, Omit<SelectOptionsSlotProps, keyof ListBoxProps<T>> {
|
|
2832
|
+
}
|
|
2833
|
+
|
|
2834
|
+
declare interface SelectOptionsSlotProps extends HTMLChakraProps<"div"> {
|
|
2835
|
+
}
|
|
2836
|
+
|
|
2837
|
+
/**
|
|
2838
|
+
* # Select
|
|
2839
|
+
*
|
|
2840
|
+
* displays a collapsible list of options and allows a user to select one of them.
|
|
2841
|
+
*
|
|
2842
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/select}
|
|
2843
|
+
*/
|
|
2844
|
+
export declare const _SelectRoot: ForwardRefExoticComponent<SelectRootProps & RefAttributes<HTMLDivElement>>;
|
|
2845
|
+
|
|
2846
|
+
export declare interface SelectRootProps extends SelectRootSlotProps, SelectProps {
|
|
2847
|
+
/** set to true if Select is currently busy with something */
|
|
2848
|
+
isLoading?: boolean;
|
|
2849
|
+
/** Children must be ReactNode, no render props/functions allowed */
|
|
2850
|
+
children: ReactNode;
|
|
2851
|
+
}
|
|
2852
|
+
|
|
2853
|
+
declare interface SelectRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof selectSlotRecipe> & SelectProps<object>> {
|
|
2854
|
+
}
|
|
2855
|
+
|
|
2856
|
+
/**
|
|
2857
|
+
* Recipe configuration for the Select component.
|
|
2858
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2859
|
+
*/
|
|
2860
|
+
declare const selectSlotRecipe: SlotRecipeDefinition<"option" | "root" | "trigger" | "triggerLabel" | "options" | "optionGroup", {
|
|
2861
|
+
size: {
|
|
2862
|
+
sm: {
|
|
2863
|
+
root: {};
|
|
2864
|
+
trigger: {
|
|
2865
|
+
h: "800";
|
|
2866
|
+
px: "400";
|
|
2867
|
+
textStyle: "sm";
|
|
2868
|
+
};
|
|
2869
|
+
};
|
|
2870
|
+
md: {
|
|
2871
|
+
root: {};
|
|
2872
|
+
trigger: {
|
|
2873
|
+
h: "1000";
|
|
2874
|
+
px: "400";
|
|
2875
|
+
textStyle: "md";
|
|
2876
|
+
};
|
|
2877
|
+
};
|
|
2878
|
+
};
|
|
2879
|
+
variant: {
|
|
2880
|
+
outline: {
|
|
2881
|
+
root: {
|
|
2882
|
+
bg: "primary.1";
|
|
2883
|
+
"&:hover": {
|
|
2884
|
+
bg: "primary.2";
|
|
2885
|
+
};
|
|
2886
|
+
};
|
|
2887
|
+
trigger: {
|
|
2888
|
+
"--border-width": "sizes.25";
|
|
2889
|
+
"--border-color": "colors.neutral.7";
|
|
2890
|
+
};
|
|
2891
|
+
};
|
|
2892
|
+
ghost: {
|
|
2893
|
+
root: {
|
|
2894
|
+
bg: "transparent";
|
|
2895
|
+
"&:hover": {
|
|
2896
|
+
bg: "primaryAlpha.2";
|
|
2897
|
+
};
|
|
2898
|
+
};
|
|
2899
|
+
trigger: {
|
|
2900
|
+
"--border-width": "sizes.25";
|
|
2901
|
+
"--border-color": "transparent";
|
|
2902
|
+
};
|
|
2903
|
+
};
|
|
2904
|
+
};
|
|
2905
|
+
}>;
|
|
2906
|
+
|
|
2907
|
+
export declare const SimpleGrid: {
|
|
2908
|
+
(props: SimpleGridProps): JSX.Element;
|
|
2909
|
+
displayName: string;
|
|
2910
|
+
} & {
|
|
2911
|
+
Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
|
|
2912
|
+
};
|
|
2913
|
+
|
|
2914
|
+
/**
|
|
2915
|
+
* # SimpleGrid
|
|
2916
|
+
*
|
|
2917
|
+
* displays a simple grid / matrix
|
|
2918
|
+
*
|
|
2919
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/layout/simplegrid}
|
|
2920
|
+
*/
|
|
2921
|
+
export declare interface SimpleGridProps extends SimpleGridProps_2 {
|
|
2922
|
+
children?: React.ReactNode;
|
|
2923
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2924
|
+
}
|
|
2925
|
+
|
|
2926
|
+
export declare interface SingleSelectInputProps {
|
|
2927
|
+
placeholder?: string;
|
|
2928
|
+
inputValue?: string;
|
|
2929
|
+
allowsCustomValue?: boolean;
|
|
2930
|
+
onSubmitCustomValue?: (value: string) => void;
|
|
2931
|
+
onInputChange?: (value: string) => void;
|
|
2932
|
+
ref?: default_2.Ref<HTMLInputElement>;
|
|
2933
|
+
}
|
|
2934
|
+
|
|
2935
|
+
/**
|
|
2936
|
+
* # Stack
|
|
2937
|
+
*
|
|
2938
|
+
* An easily customizable Stack component, re-exported from Chakra UI, that provides a consistent layout structure across different products.
|
|
2939
|
+
*
|
|
2940
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/layout/stack}
|
|
2941
|
+
*/
|
|
2942
|
+
export declare const Stack: {
|
|
2943
|
+
(props: StackProps): JSX.Element;
|
|
2944
|
+
displayName: string;
|
|
2945
|
+
};
|
|
2946
|
+
|
|
2947
|
+
export declare interface StackProps extends StackProps_2 {
|
|
2948
|
+
children?: React.ReactNode;
|
|
2949
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2950
|
+
}
|
|
2951
|
+
|
|
2952
|
+
/**
|
|
2953
|
+
* # Switch
|
|
2954
|
+
*
|
|
2955
|
+
* A clear, visual toggle, allowing users to activate or deactivate a setting quickly.
|
|
2956
|
+
*
|
|
2957
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/switch}
|
|
2958
|
+
*/
|
|
2959
|
+
export declare const Switch: {
|
|
2960
|
+
({ ref: externalRef, ...props }: SwitchProps): JSX.Element;
|
|
2961
|
+
displayName: string;
|
|
2962
|
+
};
|
|
2963
|
+
|
|
2964
|
+
/**
|
|
2965
|
+
* Main props interface for the Switch component.
|
|
2966
|
+
* Combines root element props with ARIA toggle functionality props.
|
|
2967
|
+
*/
|
|
2968
|
+
export declare type SwitchProps = Omit<SwitchRootProps, ExcludedSwitchProps | "onChange"> & Omit<AriaCheckboxProps, ExcludedSwitchProps> & {
|
|
2969
|
+
/**
|
|
2970
|
+
* The content to display next to the switch.
|
|
2971
|
+
* Can be a string or React node.
|
|
2972
|
+
*/
|
|
2973
|
+
children?: React.ReactNode;
|
|
2974
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
2975
|
+
};
|
|
2976
|
+
|
|
2977
|
+
/**
|
|
2978
|
+
* Props for the Switch component root element.
|
|
2979
|
+
* Includes all HTML props for the label element and recipe variant props.
|
|
2980
|
+
*/
|
|
2981
|
+
declare interface SwitchRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof switchSlotRecipe>> {
|
|
2982
|
+
}
|
|
2983
|
+
|
|
2984
|
+
/**
|
|
2985
|
+
* Recipe configuration for the Switch component.
|
|
2986
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2987
|
+
*/
|
|
2988
|
+
declare const switchSlotRecipe: SlotRecipeDefinition<"label" | "track" | "root" | "thumb", {
|
|
2989
|
+
size: {
|
|
2990
|
+
sm: {
|
|
2991
|
+
track: {
|
|
2992
|
+
"--track-height": "sizes.400";
|
|
2993
|
+
"--track-width": "sizes.700";
|
|
2994
|
+
};
|
|
2995
|
+
thumb: {
|
|
2996
|
+
"--thumb-size": "sizes.400";
|
|
2997
|
+
};
|
|
2998
|
+
label: {
|
|
2999
|
+
"--label-font-size": "fontSizes.350";
|
|
3000
|
+
};
|
|
3001
|
+
};
|
|
3002
|
+
md: {
|
|
3003
|
+
track: {
|
|
3004
|
+
"--track-height": "sizes.600";
|
|
3005
|
+
"--track-width": "sizes.1100";
|
|
3006
|
+
};
|
|
3007
|
+
thumb: {
|
|
3008
|
+
"--thumb-size": "sizes.600";
|
|
3009
|
+
};
|
|
3010
|
+
label: {
|
|
3011
|
+
"--label-font-size": "fontSizes.400";
|
|
3012
|
+
};
|
|
3013
|
+
};
|
|
3014
|
+
};
|
|
3015
|
+
}>;
|
|
3016
|
+
|
|
3017
|
+
export { Table }
|
|
3018
|
+
|
|
3019
|
+
/**
|
|
3020
|
+
* TagGroup
|
|
3021
|
+
* ============================================================
|
|
3022
|
+
* A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.
|
|
3023
|
+
*
|
|
3024
|
+
*/
|
|
3025
|
+
export declare const TagGroup: {
|
|
3026
|
+
Root: TagGroupRootComponent_2;
|
|
3027
|
+
TagList: {
|
|
3028
|
+
<T extends object>({ children, ref, ...rest }: TagGroupTagListProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
3029
|
+
displayName: string;
|
|
3030
|
+
};
|
|
3031
|
+
Tag: TagGroupTagComponent_2;
|
|
3032
|
+
};
|
|
3033
|
+
|
|
3034
|
+
/** Final external props for the `<TagGroup>` component, including `children`. */
|
|
3035
|
+
export declare type TagGroupProps = PropsWithChildren<TagGroupRootProps> & {
|
|
3036
|
+
ref?: React.Ref<typeof TagGroup_2>;
|
|
3037
|
+
};
|
|
3038
|
+
|
|
3039
|
+
/** Type signature for the main `TagGroup` component. */
|
|
3040
|
+
export declare type TagGroupRootComponent = FC<TagGroupProps>;
|
|
3041
|
+
|
|
3042
|
+
/** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
3043
|
+
declare type TagGroupRootProps = TagGroupRootSlotProps & TagGroupProps_2 & RecipeVariantProps<typeof tagGroupSlotRecipe>;
|
|
3044
|
+
|
|
3045
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
3046
|
+
declare type TagGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
3047
|
+
|
|
3048
|
+
/**
|
|
3049
|
+
* Recipe configuration for the TagGroup component.
|
|
3050
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
3051
|
+
*/
|
|
3052
|
+
declare const tagGroupSlotRecipe: SlotRecipeDefinition<"root" | "tagList" | "tag", {
|
|
3053
|
+
size: {
|
|
3054
|
+
sm: {
|
|
3055
|
+
tag: {
|
|
3056
|
+
minH: "600";
|
|
3057
|
+
paddingX: "200";
|
|
3058
|
+
fontSize: "350";
|
|
3059
|
+
lineHeight: "400";
|
|
3060
|
+
};
|
|
3061
|
+
};
|
|
3062
|
+
md: {
|
|
3063
|
+
tag: {
|
|
3064
|
+
minH: "800";
|
|
3065
|
+
paddingX: "200";
|
|
3066
|
+
paddingY: "100";
|
|
3067
|
+
};
|
|
3068
|
+
};
|
|
3069
|
+
lg: {
|
|
3070
|
+
tag: {
|
|
3071
|
+
minH: "1000";
|
|
3072
|
+
padding: "200";
|
|
3073
|
+
};
|
|
3074
|
+
};
|
|
3075
|
+
};
|
|
3076
|
+
}>;
|
|
3077
|
+
|
|
3078
|
+
/** Type signature for the `TagGroup.Tag` sub-component. */
|
|
3079
|
+
export declare type TagGroupTagComponent = FC<TagGroupTagProps>;
|
|
3080
|
+
|
|
3081
|
+
/** Type signature for the `TagGroup.TagList` sub-component. */
|
|
3082
|
+
export declare type TagGroupTagListComponent<T extends object> = FC<TagGroupTagListProps<T>>;
|
|
3083
|
+
|
|
3084
|
+
/** Combined props for the tagList element (Chakra styles + Aria behavior + Recipe variants). */
|
|
3085
|
+
export declare type TagGroupTagListProps<T extends object> = TagListProps<T> & Omit<TagGroupTagListSlotProps, keyof TagListProps<T>> & {
|
|
3086
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
3087
|
+
};
|
|
3088
|
+
|
|
3089
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
3090
|
+
declare type TagGroupTagListSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
3091
|
+
|
|
3092
|
+
/** Combined props for the tag element (Chakra styles + Aria behavior + Recipe variants). */
|
|
3093
|
+
export declare type TagGroupTagProps = TagProps & Omit<TagGroupTagSlotProps, keyof TagProps> & {
|
|
3094
|
+
ref?: React.Ref<typeof Tag>;
|
|
3095
|
+
};
|
|
3096
|
+
|
|
3097
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
3098
|
+
declare type TagGroupTagSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
3099
|
+
|
|
3100
|
+
/**
|
|
3101
|
+
* # Text
|
|
3102
|
+
*
|
|
3103
|
+
* the Text component is used to display text
|
|
3104
|
+
*
|
|
3105
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/typography/text}
|
|
3106
|
+
*/
|
|
3107
|
+
declare const Text_2: {
|
|
3108
|
+
({ ref: forwardedRef, ...props }: TextProps): JSX.Element;
|
|
3109
|
+
displayName: string;
|
|
3110
|
+
};
|
|
3111
|
+
export { Text_2 as Text }
|
|
3112
|
+
|
|
3113
|
+
/**
|
|
3114
|
+
* # TextInput
|
|
3115
|
+
*
|
|
3116
|
+
* An input component that takes in a text as input
|
|
3117
|
+
*
|
|
3118
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/textinput}
|
|
3119
|
+
*/
|
|
3120
|
+
export declare const TextInput: {
|
|
3121
|
+
(props: TextInputProps): JSX.Element;
|
|
3122
|
+
displayName: string;
|
|
3123
|
+
};
|
|
3124
|
+
|
|
3125
|
+
export declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
|
|
3126
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
3127
|
+
}
|
|
3128
|
+
|
|
3129
|
+
/**
|
|
3130
|
+
* Recipe configuration for the TextInput component.
|
|
3131
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
3132
|
+
*/
|
|
3133
|
+
declare const textInputRecipe: RecipeDefinition< {
|
|
3134
|
+
size: {
|
|
3135
|
+
sm: {
|
|
3136
|
+
h: number;
|
|
3137
|
+
textStyle: "sm";
|
|
3138
|
+
px: number;
|
|
3139
|
+
};
|
|
3140
|
+
md: {
|
|
3141
|
+
h: number;
|
|
3142
|
+
textStyle: "md";
|
|
3143
|
+
px: number;
|
|
3144
|
+
};
|
|
3145
|
+
};
|
|
3146
|
+
variant: {
|
|
3147
|
+
solid: {
|
|
3148
|
+
"--border-width": "sizes.25";
|
|
3149
|
+
"--border-color": "colors.neutral.7";
|
|
3150
|
+
backgroundColor: "primary.1";
|
|
3151
|
+
_hover: {
|
|
3152
|
+
backgroundColor: "primary.2";
|
|
3153
|
+
};
|
|
3154
|
+
};
|
|
3155
|
+
ghost: {
|
|
3156
|
+
_hover: {
|
|
3157
|
+
backgroundColor: "primary.2";
|
|
3158
|
+
};
|
|
3159
|
+
};
|
|
3160
|
+
};
|
|
3161
|
+
}>;
|
|
3162
|
+
|
|
3163
|
+
declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInputRecipe>, UnstyledProp {
|
|
3164
|
+
}
|
|
3165
|
+
|
|
3166
|
+
declare type TextInputRootSlotProps = HTMLChakraProps<"input", TextInputRecipeProps>;
|
|
3167
|
+
|
|
3168
|
+
export declare interface TextProps extends Omit<TextProps_2, "slot"> {
|
|
3169
|
+
ref?: React.Ref<HTMLElement>;
|
|
3170
|
+
slot?: string | null | undefined;
|
|
3171
|
+
}
|
|
3172
|
+
|
|
3173
|
+
/**
|
|
3174
|
+
* TimeInput
|
|
3175
|
+
* ============================================================
|
|
3176
|
+
* allows entering a time in the currently selected locale
|
|
3177
|
+
*/
|
|
3178
|
+
export declare const TimeInput: {
|
|
3179
|
+
(props: TimeInputProps): JSX.Element;
|
|
3180
|
+
displayName: string;
|
|
3181
|
+
};
|
|
3182
|
+
|
|
3183
|
+
/**
|
|
3184
|
+
* Main props interface for the TimeInput component.
|
|
3185
|
+
*
|
|
3186
|
+
* We use Omit to remove:
|
|
3187
|
+
* 1. Conflicting props from TimeInputRootProps to avoid TypeScript errors
|
|
3188
|
+
* 2. Explicitly excluded props that we don't want users to access
|
|
3189
|
+
*/
|
|
3190
|
+
export declare interface TimeInputProps extends Omit<TimeInputRootProps, ConflictingFieldStateProps | ExcludedProps_2>, Omit<TimeFieldStateOptions<TimeValue>, ExcludedProps_2>, RecipeVariantProps<typeof timeInputRecipe> {
|
|
3191
|
+
}
|
|
3192
|
+
|
|
3193
|
+
/**
|
|
3194
|
+
* Recipe configuration for the TimeInput component.
|
|
3195
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
3196
|
+
*/
|
|
3197
|
+
declare const timeInputRecipe: SlotRecipeDefinition<"root" | "segmentGroup" | "segment", {
|
|
3198
|
+
size: {
|
|
3199
|
+
sm: {
|
|
3200
|
+
segmentGroup: {
|
|
3201
|
+
h: number;
|
|
3202
|
+
textStyle: "sm";
|
|
3203
|
+
px: number;
|
|
3204
|
+
};
|
|
3205
|
+
};
|
|
3206
|
+
md: {
|
|
3207
|
+
segmentGroup: {
|
|
3208
|
+
h: number;
|
|
3209
|
+
textStyle: "md";
|
|
3210
|
+
px: number;
|
|
3211
|
+
};
|
|
3212
|
+
};
|
|
3213
|
+
};
|
|
3214
|
+
variant: {
|
|
3215
|
+
solid: {
|
|
3216
|
+
segmentGroup: {
|
|
3217
|
+
"--border-width": "sizes.25";
|
|
3218
|
+
"--border-color": "colors.neutral.7";
|
|
3219
|
+
backgroundColor: "neutral.1";
|
|
3220
|
+
_hover: {
|
|
3221
|
+
backgroundColor: "primary.2";
|
|
3222
|
+
};
|
|
3223
|
+
};
|
|
3224
|
+
};
|
|
3225
|
+
ghost: {
|
|
3226
|
+
segmentGroup: {
|
|
3227
|
+
_hover: {
|
|
3228
|
+
backgroundColor: "primary.2";
|
|
3229
|
+
};
|
|
3230
|
+
};
|
|
3231
|
+
};
|
|
3232
|
+
};
|
|
3233
|
+
}>;
|
|
3234
|
+
|
|
3235
|
+
/**
|
|
3236
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
3237
|
+
* with the unstyled prop option for the div element.
|
|
3238
|
+
*/
|
|
3239
|
+
declare interface TimeInputRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
3240
|
+
}
|
|
3241
|
+
|
|
3242
|
+
/**
|
|
3243
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
3244
|
+
* This creates a complete set of props for the root element, combining
|
|
3245
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
3246
|
+
*/
|
|
3247
|
+
declare interface TimeInputRootProps extends HTMLChakraProps<"div", TimeInputRecipeProps> {
|
|
3248
|
+
}
|
|
3249
|
+
|
|
3250
|
+
/**
|
|
3251
|
+
* # ToggleButton
|
|
3252
|
+
*
|
|
3253
|
+
* A toggleable button component that can be pressed to switch between
|
|
3254
|
+
* selected and unselected states.
|
|
3255
|
+
*
|
|
3256
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/togglebutton}
|
|
3257
|
+
*/
|
|
3258
|
+
export declare const ToggleButton: {
|
|
3259
|
+
({ ref: forwardedRef, ...props }: ToggleButtonProps): JSX.Element;
|
|
3260
|
+
displayName: string;
|
|
3261
|
+
};
|
|
3262
|
+
|
|
3263
|
+
/**
|
|
3264
|
+
* ToggleButtonGroup
|
|
3265
|
+
* ============================================================
|
|
3266
|
+
* To group multiple `Button` components together, visually and logically, representing a set of related actions.
|
|
3267
|
+
*/
|
|
3268
|
+
export declare const ToggleButtonGroup: {
|
|
3269
|
+
Root: ToggleButtonGroupRootComponent_2;
|
|
3270
|
+
Button: ToggleButtonGroupButtonComponent_2;
|
|
3271
|
+
};
|
|
3272
|
+
|
|
3273
|
+
export declare const _ToggleButtonGroupButton: ToggleButtonGroupButtonComponent;
|
|
3274
|
+
|
|
3275
|
+
/** Type signature for the `ToggleButtonGroup.Button` sub-component. */
|
|
3276
|
+
export declare type ToggleButtonGroupButtonComponent = React.FC<ToggleButtonGroupButtonProps>;
|
|
3277
|
+
|
|
3278
|
+
/** Combined props for the button element (Chakra styles + Aria behavior). */
|
|
3279
|
+
export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps & {
|
|
3280
|
+
ref?: React.Ref<typeof ToggleButton_2>;
|
|
3281
|
+
};
|
|
3282
|
+
|
|
3283
|
+
/** Base Chakra styling props for the `button` slot. */
|
|
3284
|
+
declare type ToggleButtonGroupButtonSlotProps = HTMLChakraProps<"button", RecipeProps<"button">>;
|
|
3285
|
+
|
|
3286
|
+
/** Final external props for the `<ToggleButtonGroup>` component, including `children`. */
|
|
3287
|
+
export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps> & {
|
|
3288
|
+
ref?: React.Ref<typeof ToggleButtonGroup_2>;
|
|
3289
|
+
};
|
|
3290
|
+
|
|
3291
|
+
/**
|
|
3292
|
+
* # ToggleButtonGroup
|
|
3293
|
+
*
|
|
3294
|
+
* A set of closely related, mutually exclusive or complementary actions that are important enough to be displayed directly in the interface for quick access.
|
|
3295
|
+
*
|
|
3296
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/togglebuttongroup}
|
|
3297
|
+
*/
|
|
3298
|
+
export declare const _ToggleButtonGroupRoot: ToggleButtonGroupRootComponent;
|
|
3299
|
+
|
|
3300
|
+
/** Type signature for the main `ToggleButtonGroup` component. */
|
|
3301
|
+
export declare type ToggleButtonGroupRootComponent = React.FC<ToggleButtonGroupProps>;
|
|
3302
|
+
|
|
3303
|
+
/** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
3304
|
+
declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaToggleButtonGroupProps & RecipeVariantProps<typeof buttonGroupRecipe>;
|
|
3305
|
+
|
|
3306
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
3307
|
+
declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
3308
|
+
|
|
3309
|
+
export declare interface ToggleButtonProps extends ToggleButtonProps_2, Omit<ToggleButtonRootProps, keyof ToggleButtonProps_2 | ExcludedProps> {
|
|
3310
|
+
/**
|
|
3311
|
+
* Ref to the underlying button element
|
|
3312
|
+
*/
|
|
3313
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
3314
|
+
}
|
|
3315
|
+
|
|
3316
|
+
declare const toggleButtonRecipe: RecipeDefinition< {
|
|
3317
|
+
size: {
|
|
3318
|
+
"2xs"?: {
|
|
3319
|
+
h: "600";
|
|
3320
|
+
minW: "600";
|
|
3321
|
+
fontSize: "300";
|
|
3322
|
+
fontWeight: "500";
|
|
3323
|
+
lineHeight: "400";
|
|
3324
|
+
px: "200";
|
|
3325
|
+
gap: "100";
|
|
3326
|
+
_icon: {
|
|
3327
|
+
width: "400";
|
|
3328
|
+
height: "400";
|
|
3329
|
+
};
|
|
3330
|
+
} | undefined;
|
|
3331
|
+
xs?: {
|
|
3332
|
+
h: "800";
|
|
3333
|
+
minW: "800";
|
|
3334
|
+
fontSize: "350";
|
|
3335
|
+
fontWeight: "500";
|
|
3336
|
+
lineHeight: "400";
|
|
3337
|
+
px: "300";
|
|
3338
|
+
gap: "100";
|
|
3339
|
+
_icon: {
|
|
3340
|
+
width: "500";
|
|
3341
|
+
height: "500";
|
|
3342
|
+
};
|
|
3343
|
+
} | undefined;
|
|
3344
|
+
md?: {
|
|
3345
|
+
h: "1000";
|
|
3346
|
+
minW: "1000";
|
|
3347
|
+
fontSize: "400";
|
|
3348
|
+
lineHeight: "500";
|
|
3349
|
+
px: "400";
|
|
3350
|
+
gap: "200";
|
|
3351
|
+
_icon: {
|
|
3352
|
+
width: "600";
|
|
3353
|
+
height: "600";
|
|
3354
|
+
};
|
|
3355
|
+
} | undefined;
|
|
3356
|
+
};
|
|
3357
|
+
variant: {
|
|
3358
|
+
outline: {
|
|
3359
|
+
"--button-bg": "transparent";
|
|
3360
|
+
"--button-text": "{colors.colorPalette.11}";
|
|
3361
|
+
"--border-width": "{sizes.25}";
|
|
3362
|
+
"--border-color": "{colors.colorPalette.7}";
|
|
3363
|
+
bg: "var(--button-bg)";
|
|
3364
|
+
boxShadow: "0 0 0 var(--border-width) var(--border-color)";
|
|
3365
|
+
color: "var(--button-text)";
|
|
3366
|
+
"&[data-hovered='true']": {
|
|
3367
|
+
"--button-bg": "{colors.colorPalette.2}";
|
|
3368
|
+
"--border-color": "{colors.colorPalette.8}";
|
|
3369
|
+
};
|
|
3370
|
+
"&[data-selected=true]": {
|
|
3371
|
+
"--button-bg": "{colors.colorPalette.3}";
|
|
3372
|
+
"--border-color": "{colors.colorPalette.8}";
|
|
3373
|
+
_hover: {
|
|
3374
|
+
"--button-bg": "{colors.colorPalette.4}";
|
|
3375
|
+
"--border-color": "{colors.colorPalette.9}";
|
|
3376
|
+
};
|
|
3377
|
+
};
|
|
3378
|
+
};
|
|
3379
|
+
ghost: {
|
|
3380
|
+
"--button-text": "{colors.neutral.11}";
|
|
3381
|
+
"--button-bg": "transparent";
|
|
3382
|
+
color: "var(--button-text)";
|
|
3383
|
+
bg: "var(--button-bg)";
|
|
3384
|
+
"&[data-hovered='true']": {
|
|
3385
|
+
"--button-bg": "{colors.colorPalette.2}";
|
|
3386
|
+
};
|
|
3387
|
+
"&[data-selected='true']": {
|
|
3388
|
+
"--button-bg": "{colors.colorPalette.3}";
|
|
3389
|
+
"--button-text": "{colors.colorPalette.11}";
|
|
3390
|
+
"&[data-hovered='true']": {
|
|
3391
|
+
"--button-bg": "{colors.colorPalette.4}";
|
|
3392
|
+
};
|
|
3393
|
+
};
|
|
3394
|
+
};
|
|
3395
|
+
};
|
|
3396
|
+
tone: {
|
|
3397
|
+
primary?: {
|
|
3398
|
+
colorPalette: "primary";
|
|
3399
|
+
} | undefined;
|
|
3400
|
+
critical?: {
|
|
3401
|
+
colorPalette: "critical";
|
|
3402
|
+
} | undefined;
|
|
3403
|
+
neutral?: {
|
|
3404
|
+
colorPalette: "neutral";
|
|
3405
|
+
} | undefined;
|
|
3406
|
+
info?: {
|
|
3407
|
+
colorPalette: "info";
|
|
3408
|
+
} | undefined;
|
|
3409
|
+
};
|
|
3410
|
+
}>;
|
|
3411
|
+
|
|
3412
|
+
/**
|
|
3413
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
3414
|
+
* with the unstyled prop option for the toggle button element.
|
|
3415
|
+
*/
|
|
3416
|
+
declare interface ToggleButtonRecipeProps extends RecipeVariantProps<typeof toggleButtonRecipe>, UnstyledProp {
|
|
3417
|
+
}
|
|
3418
|
+
|
|
3419
|
+
/**
|
|
3420
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
3421
|
+
* This creates a complete set of props for the root element, combining
|
|
3422
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
3423
|
+
*/
|
|
3424
|
+
declare type ToggleButtonRootProps = HTMLChakraProps<"button", ToggleButtonRecipeProps>;
|
|
3425
|
+
|
|
3426
|
+
export declare const Tooltip: {
|
|
3427
|
+
Root: typeof _TooltipRoot;
|
|
3428
|
+
Content: typeof _TooltipContent;
|
|
3429
|
+
};
|
|
3430
|
+
|
|
3431
|
+
/**
|
|
3432
|
+
* TooltipContent
|
|
3433
|
+
* ============================================================
|
|
3434
|
+
* A contextual popup that displays a description for an element, uses `Tooltip` component from `react-aria-components`.
|
|
3435
|
+
*
|
|
3436
|
+
* Features:
|
|
3437
|
+
* - allows forwarding refs to the underlying DOM element
|
|
3438
|
+
* - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)
|
|
3439
|
+
* - allows overriding styles by using style-props
|
|
3440
|
+
*
|
|
3441
|
+
* Further Context:
|
|
3442
|
+
* - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
|
|
3443
|
+
* - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
|
|
3444
|
+
*/
|
|
3445
|
+
export declare function _TooltipContent({ children, placement, ref, ...props }: TooltipProps & {
|
|
3446
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
3447
|
+
}): JSX.Element;
|
|
3448
|
+
|
|
3449
|
+
export declare namespace _TooltipContent {
|
|
3450
|
+
var displayName: string;
|
|
3451
|
+
}
|
|
3452
|
+
|
|
3453
|
+
/**
|
|
3454
|
+
* Main props interface for the Tooltip components
|
|
3455
|
+
* Extends TooltipVariantProps to include root props, variant props,
|
|
3456
|
+
* and react-aria props, while adding support for React children.
|
|
3457
|
+
*/
|
|
3458
|
+
export declare interface TooltipProps extends PropsWithChildren<TooltipVariantProps> {
|
|
3459
|
+
}
|
|
3460
|
+
|
|
3461
|
+
/**
|
|
3462
|
+
* Recipe configuration for the Tooltip component.
|
|
3463
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
3464
|
+
*/
|
|
3465
|
+
declare const tooltipRecipe: RecipeDefinition<RecipeVariantRecord>;
|
|
3466
|
+
|
|
3467
|
+
/**
|
|
3468
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
3469
|
+
*/
|
|
3470
|
+
declare interface TooltipRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
3471
|
+
}
|
|
3472
|
+
|
|
3473
|
+
/**
|
|
3474
|
+
* # Tooltip
|
|
3475
|
+
*
|
|
3476
|
+
* A contextual popup that displays a description for an element.
|
|
3477
|
+
*
|
|
3478
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/feedback/tooltip}
|
|
3479
|
+
*/
|
|
3480
|
+
export declare function _TooltipRoot({ delay, closeDelay, ...props }: TooltipTriggerComponentProps): JSX.Element;
|
|
3481
|
+
|
|
3482
|
+
export declare namespace _TooltipRoot {
|
|
3483
|
+
var displayName: string;
|
|
3484
|
+
}
|
|
3485
|
+
|
|
3486
|
+
/**
|
|
3487
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
3488
|
+
* This creates a complete set of props for the root element, combining
|
|
3489
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
3490
|
+
*/
|
|
3491
|
+
declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
|
|
3492
|
+
}
|
|
3493
|
+
|
|
3494
|
+
/**
|
|
3495
|
+
* Combines the root props with Chakra UI's recipe variant props, and
|
|
3496
|
+
* react-aria-component's TooltipProps
|
|
3497
|
+
* This allows the component to accept:
|
|
3498
|
+
* - structural props from Root
|
|
3499
|
+
* - styling variants from the recipe
|
|
3500
|
+
* - a11y/state related props from react-aria-components Tooltip
|
|
3501
|
+
*/
|
|
3502
|
+
declare type TooltipVariantProps = ExcludePolymorphicFromProps<TooltipRootProps & RecipeVariantProps<typeof tooltipRecipe> & TooltipProps_2>;
|
|
3503
|
+
|
|
3504
|
+
export declare interface TypedNimbusRouterConfig {
|
|
3505
|
+
navigate: (href: string, routerOptions?: RouterOptions) => void;
|
|
3506
|
+
useHref?: (href: string) => string;
|
|
3507
|
+
}
|
|
3508
|
+
|
|
3509
|
+
/**
|
|
3510
|
+
* # VisuallyHidden
|
|
3511
|
+
*
|
|
3512
|
+
* makes content accessible to screen readers but hides it visually
|
|
3513
|
+
*
|
|
3514
|
+
* @see {@link https://nimbus-documentation.vercel.app/components/accessibility/visually-hidden}
|
|
3515
|
+
*/
|
|
3516
|
+
export declare const VisuallyHidden: {
|
|
3517
|
+
(props: VisuallyHiddenProps): JSX.Element;
|
|
3518
|
+
displayName: string;
|
|
3519
|
+
};
|
|
3520
|
+
|
|
3521
|
+
export declare interface VisuallyHiddenProps extends Omit<VisuallyHiddenProps_2, "elementType"> {
|
|
3522
|
+
/** specifies the element type to render, use `span` for inline content
|
|
3523
|
+
* and `div` for block content */
|
|
3524
|
+
as?: "span" | "div";
|
|
3525
|
+
}
|
|
3526
|
+
|
|
3527
|
+
export { }
|