@commercetools/nimbus 0.0.9-rc6 → 0.0.9-rc7
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/dist/accordion.d.ts +157 -0
- package/dist/alert.d.ts +173 -0
- package/dist/avatar.d.ts +70 -0
- package/dist/badge.d.ts +102 -0
- package/dist/box.d.ts +14 -0
- package/dist/button.d.ts +38 -0
- package/dist/calendar.d.ts +26 -0
- package/dist/card.d.ts +134 -0
- package/dist/checkbox.d.ts +73 -0
- package/dist/chunks/Button-DOBmPkg6.js +2 -0
- package/dist/chunks/Button-DOBmPkg6.js.map +1 -0
- package/dist/chunks/Button-Dtn-lV5G.js +79 -0
- package/dist/chunks/Button-Dtn-lV5G.js.map +1 -0
- package/dist/chunks/DateField-C2G53tNO.js +2564 -0
- package/dist/chunks/DateField-C2G53tNO.js.map +1 -0
- package/dist/chunks/DateField-D0hZjHMU.js +2 -0
- package/dist/chunks/DateField-D0hZjHMU.js.map +1 -0
- package/dist/chunks/Dialog-CFCn7n-k.js +2 -0
- package/dist/chunks/Dialog-CFCn7n-k.js.map +1 -0
- package/dist/chunks/Dialog-DsJ3jo2g.js +870 -0
- package/dist/chunks/Dialog-DsJ3jo2g.js.map +1 -0
- package/dist/chunks/FocusScope-B6O_mZ9T.js +627 -0
- package/dist/chunks/FocusScope-B6O_mZ9T.js.map +1 -0
- package/dist/chunks/FocusScope-Dz6kDOQY.js +2 -0
- package/dist/chunks/FocusScope-Dz6kDOQY.js.map +1 -0
- package/dist/chunks/Form-DdaqVtM4.js +8 -0
- package/dist/chunks/Form-DdaqVtM4.js.map +1 -0
- package/dist/chunks/Form-DqkTf3LZ.js +2 -0
- package/dist/chunks/Form-DqkTf3LZ.js.map +1 -0
- package/dist/chunks/Group-BMf2x0bV.js +78 -0
- package/dist/chunks/Group-BMf2x0bV.js.map +1 -0
- package/dist/chunks/Group-DR52Cv_h.js +2 -0
- package/dist/chunks/Group-DR52Cv_h.js.map +1 -0
- package/dist/chunks/Hidden-BxRZGdEW.js +2 -0
- package/dist/chunks/Hidden-BxRZGdEW.js.map +1 -0
- package/dist/chunks/Hidden-D6Lfpu1U.js +35 -0
- package/dist/chunks/Hidden-D6Lfpu1U.js.map +1 -0
- package/dist/chunks/Input-C6fX3A5E.js +43 -0
- package/dist/chunks/Input-C6fX3A5E.js.map +1 -0
- package/dist/chunks/Input-CRt1BJ4n.js +2 -0
- package/dist/chunks/Input-CRt1BJ4n.js.map +1 -0
- package/dist/chunks/ListBox-CHhUqc7T.js +18 -0
- package/dist/chunks/ListBox-CHhUqc7T.js.map +1 -0
- package/dist/chunks/ListBox-DH3lufv2.js +3071 -0
- package/dist/chunks/ListBox-DH3lufv2.js.map +1 -0
- package/dist/chunks/LiveAnnouncer-B6177m92.js +52 -0
- package/dist/chunks/LiveAnnouncer-B6177m92.js.map +1 -0
- package/dist/chunks/LiveAnnouncer-CwEWPU8b.js +2 -0
- package/dist/chunks/LiveAnnouncer-CwEWPU8b.js.map +1 -0
- package/dist/chunks/NumberFormatter-DewVDY5w.js +2 -0
- package/dist/chunks/NumberFormatter-DewVDY5w.js.map +1 -0
- package/dist/chunks/NumberFormatter-DgOUVrge.js +120 -0
- package/dist/chunks/NumberFormatter-DgOUVrge.js.map +1 -0
- package/dist/chunks/OverlayArrow-B1kv2W8j.js +479 -0
- package/dist/chunks/OverlayArrow-B1kv2W8j.js.map +1 -0
- package/dist/chunks/OverlayArrow-DsxKFiKE.js +2 -0
- package/dist/chunks/OverlayArrow-DsxKFiKE.js.map +1 -0
- package/dist/chunks/RSPContexts-CxXY5Uko.js +11 -0
- package/dist/chunks/RSPContexts-CxXY5Uko.js.map +1 -0
- package/dist/chunks/RSPContexts-qzadeFSO.js +2 -0
- package/dist/chunks/RSPContexts-qzadeFSO.js.map +1 -0
- package/dist/chunks/SSRProvider-D8lZ0o6A.js +51 -0
- package/dist/chunks/SSRProvider-D8lZ0o6A.js.map +1 -0
- package/dist/chunks/SSRProvider-DZRLwxPS.js +2 -0
- package/dist/chunks/SSRProvider-DZRLwxPS.js.map +1 -0
- package/dist/chunks/Text-BWSfeB9p.js +2 -0
- package/dist/chunks/Text-BWSfeB9p.js.map +1 -0
- package/dist/chunks/Text-DOcU1ycg.js +6 -0
- package/dist/chunks/Text-DOcU1ycg.js.map +1 -0
- package/dist/chunks/TextArea-D-S_3q08.js +42 -0
- package/dist/chunks/TextArea-D-S_3q08.js.map +1 -0
- package/dist/chunks/TextArea-Ud71sffr.js +2 -0
- package/dist/chunks/TextArea-Ud71sffr.js.map +1 -0
- package/dist/chunks/VisuallyHidden-BpUTcba_.js +41 -0
- package/dist/chunks/VisuallyHidden-BpUTcba_.js.map +1 -0
- package/dist/chunks/VisuallyHidden-BxenYie4.js +2 -0
- package/dist/chunks/VisuallyHidden-BxenYie4.js.map +1 -0
- package/dist/chunks/accordion-8pelAIyn.js +2 -0
- package/dist/chunks/accordion-8pelAIyn.js.map +1 -0
- package/dist/chunks/accordion-Dc3IqP_d.js +221 -0
- package/dist/chunks/accordion-Dc3IqP_d.js.map +1 -0
- package/dist/chunks/alert-DSpVYhCa.js +186 -0
- package/dist/chunks/alert-DSpVYhCa.js.map +1 -0
- package/dist/chunks/alert-DxoCjJDr.js +2 -0
- package/dist/chunks/alert-DxoCjJDr.js.map +1 -0
- package/dist/chunks/avatar-Aa0LrRpo.js +2 -0
- package/dist/chunks/avatar-Aa0LrRpo.js.map +1 -0
- package/dist/chunks/avatar-p4QfPsxN.js +37 -0
- package/dist/chunks/avatar-p4QfPsxN.js.map +1 -0
- package/dist/chunks/avatar.recipe-BV5OkaPx.js +39 -0
- package/dist/chunks/avatar.recipe-BV5OkaPx.js.map +1 -0
- package/dist/chunks/avatar.recipe-aGNBZhVF.js +2 -0
- package/dist/chunks/avatar.recipe-aGNBZhVF.js.map +1 -0
- package/dist/chunks/badge-BFbBB0US.js +2 -0
- package/dist/chunks/badge-BFbBB0US.js.map +1 -0
- package/dist/chunks/badge-CbqLqIo9.js +76 -0
- package/dist/chunks/badge-CbqLqIo9.js.map +1 -0
- package/dist/chunks/box-DD4jYgS7.js +11 -0
- package/dist/chunks/box-DD4jYgS7.js.map +1 -0
- package/dist/chunks/box-FU6tRPFs.js +2 -0
- package/dist/chunks/box-FU6tRPFs.js.map +1 -0
- package/dist/chunks/button-Ckftvc2h.js +66 -0
- package/dist/chunks/button-Ckftvc2h.js.map +1 -0
- package/dist/chunks/button-vfAeHh1t.js +2 -0
- package/dist/chunks/button-vfAeHh1t.js.map +1 -0
- package/dist/chunks/button.recipe-DHk13lGU.js +2 -0
- package/dist/chunks/button.recipe-DHk13lGU.js.map +1 -0
- package/dist/chunks/button.recipe-DbFAOebT.js +191 -0
- package/dist/chunks/button.recipe-DbFAOebT.js.map +1 -0
- package/dist/chunks/calendar-Bz_gsrGo.js +1577 -0
- package/dist/chunks/calendar-Bz_gsrGo.js.map +1 -0
- package/dist/chunks/calendar-Cs2rHplP.js +2 -0
- package/dist/chunks/calendar-Cs2rHplP.js.map +1 -0
- package/dist/chunks/calendar.recipe-RdPylgdo.js +101 -0
- package/dist/chunks/calendar.recipe-RdPylgdo.js.map +1 -0
- package/dist/chunks/calendar.recipe-gUaUNltl.js +2 -0
- package/dist/chunks/calendar.recipe-gUaUNltl.js.map +1 -0
- package/dist/chunks/card-B0BsL4ol.js +2 -0
- package/dist/chunks/card-B0BsL4ol.js.map +1 -0
- package/dist/chunks/card-CQwHrkIF.js +138 -0
- package/dist/chunks/card-CQwHrkIF.js.map +1 -0
- package/dist/chunks/checkbox-C5jtHkVZ.js +89 -0
- package/dist/chunks/checkbox-C5jtHkVZ.js.map +1 -0
- package/dist/chunks/checkbox-Cwb_QZjZ.js +2 -0
- package/dist/chunks/checkbox-Cwb_QZjZ.js.map +1 -0
- package/dist/chunks/code-CI8aUhmu.js +6 -0
- package/dist/chunks/code-CI8aUhmu.js.map +1 -0
- package/dist/chunks/code-Dg4Larbo.js +2 -0
- package/dist/chunks/code-Dg4Larbo.js.map +1 -0
- package/dist/chunks/combobox--lHdni2Z.js +1896 -0
- package/dist/chunks/combobox--lHdni2Z.js.map +1 -0
- package/dist/chunks/combobox-BACFWgP3.js +2 -0
- package/dist/chunks/combobox-BACFWgP3.js.map +1 -0
- package/dist/chunks/combobox.recipe-BzaPWi66.js +2 -0
- package/dist/chunks/combobox.recipe-BzaPWi66.js.map +1 -0
- package/dist/chunks/combobox.recipe-KVsma6zb.js +382 -0
- package/dist/chunks/combobox.recipe-KVsma6zb.js.map +1 -0
- package/dist/chunks/context-BmQ51HC8.js +2 -0
- package/dist/chunks/context-BmQ51HC8.js.map +1 -0
- package/dist/chunks/context-CgP0qpkX.js +94 -0
- package/dist/chunks/context-CgP0qpkX.js.map +1 -0
- package/dist/chunks/date-input-9oZMESC7.js +2 -0
- package/dist/chunks/date-input-9oZMESC7.js.map +1 -0
- package/dist/chunks/date-input-DK9U-Nh8.js +16 -0
- package/dist/chunks/date-input-DK9U-Nh8.js.map +1 -0
- package/dist/chunks/date-input.recipe-BcsevQtW.js +119 -0
- package/dist/chunks/date-input.recipe-BcsevQtW.js.map +1 -0
- package/dist/chunks/date-input.recipe-Cf9e8VAr.js +2 -0
- package/dist/chunks/date-input.recipe-Cf9e8VAr.js.map +1 -0
- package/dist/chunks/date-picker-CwXGnIiO.js +2 -0
- package/dist/chunks/date-picker-CwXGnIiO.js.map +1 -0
- package/dist/chunks/date-picker-ShPOqwXi.js +487 -0
- package/dist/chunks/date-picker-ShPOqwXi.js.map +1 -0
- package/dist/chunks/date-picker.recipe-5Avb06qp.js +2 -0
- package/dist/chunks/date-picker.recipe-5Avb06qp.js.map +1 -0
- package/dist/chunks/date-picker.recipe-BJ79OJaw.js +82 -0
- package/dist/chunks/date-picker.recipe-BJ79OJaw.js.map +1 -0
- package/dist/chunks/dialog-C1HRMUcF.js +33 -0
- package/dist/chunks/dialog-C1HRMUcF.js.map +1 -0
- package/dist/chunks/dialog-amEwvIoM.js +2 -0
- package/dist/chunks/dialog-amEwvIoM.js.map +1 -0
- package/dist/chunks/extractStyleProps-CxgBrz3O.js +11 -0
- package/dist/chunks/extractStyleProps-CxgBrz3O.js.map +1 -0
- package/dist/chunks/extractStyleProps-lyk7D-zN.js +2 -0
- package/dist/chunks/extractStyleProps-lyk7D-zN.js.map +1 -0
- package/dist/chunks/filterDOMProps-BS2lrgFA.js +2 -0
- package/dist/chunks/filterDOMProps-BS2lrgFA.js.map +1 -0
- package/dist/chunks/filterDOMProps-D6KHYVBX.js +25 -0
- package/dist/chunks/filterDOMProps-D6KHYVBX.js.map +1 -0
- package/dist/chunks/focusSafely-D_uW2Kp-.js +58 -0
- package/dist/chunks/focusSafely-D_uW2Kp-.js.map +1 -0
- package/dist/chunks/focusSafely-DuMeO0J4.js +2 -0
- package/dist/chunks/focusSafely-DuMeO0J4.js.map +1 -0
- package/dist/chunks/form-field-BUoO6HEy.js +11 -0
- package/dist/chunks/form-field-BUoO6HEy.js.map +1 -0
- package/dist/chunks/form-field-Dr8lL5SU.js +309 -0
- package/dist/chunks/form-field-Dr8lL5SU.js.map +1 -0
- package/dist/chunks/getScrollParent-DE66eQI-.js +15 -0
- package/dist/chunks/getScrollParent-DE66eQI-.js.map +1 -0
- package/dist/chunks/getScrollParent-Dc1cnLDE.js +2 -0
- package/dist/chunks/getScrollParent-Dc1cnLDE.js.map +1 -0
- package/dist/chunks/grid-CLVDMJAz.js +14 -0
- package/dist/chunks/grid-CLVDMJAz.js.map +1 -0
- package/dist/chunks/grid-xr2A-OqD.js +2 -0
- package/dist/chunks/grid-xr2A-OqD.js.map +1 -0
- package/dist/chunks/icon-CjRXcxB9.js +31 -0
- package/dist/chunks/icon-CjRXcxB9.js.map +1 -0
- package/dist/chunks/icon-D50i-dqv.js +2 -0
- package/dist/chunks/icon-D50i-dqv.js.map +1 -0
- package/dist/chunks/icon-button-1V59UrF-.js +14 -0
- package/dist/chunks/icon-button-1V59UrF-.js.map +1 -0
- package/dist/chunks/icon-button-CE-LnFNq.js +2 -0
- package/dist/chunks/icon-button-CE-LnFNq.js.map +1 -0
- package/dist/chunks/image-DCirAAnr.js +2 -0
- package/dist/chunks/image-DCirAAnr.js.map +1 -0
- package/dist/chunks/image-rXPA3shk.js +8 -0
- package/dist/chunks/image-rXPA3shk.js.map +1 -0
- package/dist/chunks/kbd-BKH_SGCC.js +6 -0
- package/dist/chunks/kbd-BKH_SGCC.js.map +1 -0
- package/dist/chunks/kbd-Bhv8ae1I.js +2 -0
- package/dist/chunks/kbd-Bhv8ae1I.js.map +1 -0
- package/dist/chunks/link-1lfvUDKX.js +49 -0
- package/dist/chunks/link-1lfvUDKX.js.map +1 -0
- package/dist/chunks/link-CCDnA-Z-.js +2 -0
- package/dist/chunks/link-CCDnA-Z-.js.map +1 -0
- package/dist/chunks/link.recipe-CG3leGAx.js +2 -0
- package/dist/chunks/link.recipe-CG3leGAx.js.map +1 -0
- package/dist/chunks/link.recipe-CbFF3IUG.js +51 -0
- package/dist/chunks/link.recipe-CbFF3IUG.js.map +1 -0
- package/dist/chunks/list-8yfreyzi.js +2 -0
- package/dist/chunks/list-8yfreyzi.js.map +1 -0
- package/dist/chunks/list-B21joBrq.js +13 -0
- package/dist/chunks/list-B21joBrq.js.map +1 -0
- package/dist/chunks/loading-spinner-B2I1CsuC.js +2 -0
- package/dist/chunks/loading-spinner-B2I1CsuC.js.map +1 -0
- package/dist/chunks/loading-spinner-CJh2luQX.js +137 -0
- package/dist/chunks/loading-spinner-CJh2luQX.js.map +1 -0
- package/dist/chunks/make-element-focusable-ByC0LOwU.js +2 -0
- package/dist/chunks/make-element-focusable-ByC0LOwU.js.map +1 -0
- package/dist/chunks/make-element-focusable-urU2Yczu.js +22 -0
- package/dist/chunks/make-element-focusable-urU2Yczu.js.map +1 -0
- package/dist/chunks/mergeProps-BeIu4MsM.js +2 -0
- package/dist/chunks/mergeProps-BeIu4MsM.js.map +1 -0
- package/dist/chunks/mergeProps-DAjoWNOq.js +128 -0
- package/dist/chunks/mergeProps-DAjoWNOq.js.map +1 -0
- package/dist/chunks/multiline-text-input-B8v-mx89.js +12 -0
- package/dist/chunks/multiline-text-input-B8v-mx89.js.map +1 -0
- package/dist/chunks/multiline-text-input-BS9tsQnR.js +116 -0
- package/dist/chunks/multiline-text-input-BS9tsQnR.js.map +1 -0
- package/dist/chunks/nimbus-provider-CFSRgGKt.js +1530 -0
- package/dist/chunks/nimbus-provider-CFSRgGKt.js.map +1 -0
- package/dist/chunks/nimbus-provider-jZPLt7_j.js +2 -0
- package/dist/chunks/nimbus-provider-jZPLt7_j.js.map +1 -0
- package/dist/chunks/number-5qMXmHyn.js +21 -0
- package/dist/chunks/number-5qMXmHyn.js.map +1 -0
- package/dist/chunks/number-CnrRPi4_.js +2 -0
- package/dist/chunks/number-CnrRPi4_.js.map +1 -0
- package/dist/chunks/number-input-BFA-uYaI.js +652 -0
- package/dist/chunks/number-input-BFA-uYaI.js.map +1 -0
- package/dist/chunks/number-input-CDaEIN66.js +2 -0
- package/dist/chunks/number-input-CDaEIN66.js.map +1 -0
- package/dist/chunks/number-input.recipe-2n6A2w0m.js +2 -0
- package/dist/chunks/number-input.recipe-2n6A2w0m.js.map +1 -0
- package/dist/chunks/number-input.recipe-CbLyhXgE.js +209 -0
- package/dist/chunks/number-input.recipe-CbLyhXgE.js.map +1 -0
- package/dist/chunks/password-input-CEUQjqeT.js +50 -0
- package/dist/chunks/password-input-CEUQjqeT.js.map +1 -0
- package/dist/chunks/password-input-CYZ0QR0V.js +2 -0
- package/dist/chunks/password-input-CYZ0QR0V.js.map +1 -0
- package/dist/chunks/radio-input-5mFGE9qS.js +2 -0
- package/dist/chunks/radio-input-5mFGE9qS.js.map +1 -0
- package/dist/chunks/radio-input-cone4teU.js +319 -0
- package/dist/chunks/radio-input-cone4teU.js.map +1 -0
- package/dist/chunks/radio-input.recipe-DdXB4lqs.js +2 -0
- package/dist/chunks/radio-input.recipe-DdXB4lqs.js.map +1 -0
- package/dist/chunks/radio-input.recipe-QYiFg_Kf.js +75 -0
- package/dist/chunks/radio-input.recipe-QYiFg_Kf.js.map +1 -0
- package/dist/chunks/scrollIntoView-B01y55fg.js +2 -0
- package/dist/chunks/scrollIntoView-B01y55fg.js.map +1 -0
- package/dist/chunks/scrollIntoView-Dtwi5Vrc.js +83 -0
- package/dist/chunks/scrollIntoView-Dtwi5Vrc.js.map +1 -0
- package/dist/chunks/select-BZ2LnuaW.js +791 -0
- package/dist/chunks/select-BZ2LnuaW.js.map +1 -0
- package/dist/chunks/select-CSp1HFJF.js +2 -0
- package/dist/chunks/select-CSp1HFJF.js.map +1 -0
- package/dist/chunks/select.recipe-DS5ZRkug.js +203 -0
- package/dist/chunks/select.recipe-DS5ZRkug.js.map +1 -0
- package/dist/chunks/select.recipe-DUHFWlQt.js +2 -0
- package/dist/chunks/select.recipe-DUHFWlQt.js.map +1 -0
- package/dist/chunks/simple-grid-CHgTayx6.js +2 -0
- package/dist/chunks/simple-grid-CHgTayx6.js.map +1 -0
- package/dist/chunks/simple-grid-D6PoDK0-.js +14 -0
- package/dist/chunks/simple-grid-D6PoDK0-.js.map +1 -0
- package/dist/chunks/stack-__ugxVHD.js +11 -0
- package/dist/chunks/stack-__ugxVHD.js.map +1 -0
- package/dist/chunks/stack-wFUhYQQb.js +2 -0
- package/dist/chunks/stack-wFUhYQQb.js.map +1 -0
- package/dist/chunks/switch-CZji_hBH.js +2 -0
- package/dist/chunks/switch-CZji_hBH.js.map +1 -0
- package/dist/chunks/switch-QvuLHJL-.js +78 -0
- package/dist/chunks/switch-QvuLHJL-.js.map +1 -0
- package/dist/chunks/switch.recipe-D3gb3Xj_.js +100 -0
- package/dist/chunks/switch.recipe-D3gb3Xj_.js.map +1 -0
- package/dist/chunks/switch.recipe-DHopLj_g.js +2 -0
- package/dist/chunks/switch.recipe-DHopLj_g.js.map +1 -0
- package/dist/chunks/tag-group-JxvggHdo.js +1347 -0
- package/dist/chunks/tag-group-JxvggHdo.js.map +1 -0
- package/dist/chunks/tag-group-v87SYIPj.js +2 -0
- package/dist/chunks/tag-group-v87SYIPj.js.map +1 -0
- package/dist/chunks/text-BTD3oGaQ.js +24 -0
- package/dist/chunks/text-BTD3oGaQ.js.map +1 -0
- package/dist/chunks/text-BjzNgHxv.js +2 -0
- package/dist/chunks/text-BjzNgHxv.js.map +1 -0
- package/dist/chunks/text-input-CpABYE1g.js +17 -0
- package/dist/chunks/text-input-CpABYE1g.js.map +1 -0
- package/dist/chunks/text-input-Ov6DSJhs.js +2 -0
- package/dist/chunks/text-input-Ov6DSJhs.js.map +1 -0
- package/dist/chunks/text-input.recipe-CGpq33Pp.js +64 -0
- package/dist/chunks/text-input.recipe-CGpq33Pp.js.map +1 -0
- package/dist/chunks/text-input.recipe-DxzvFMOB.js +2 -0
- package/dist/chunks/text-input.recipe-DxzvFMOB.js.map +1 -0
- package/dist/chunks/time-input-BIUdp4gX.js +2 -0
- package/dist/chunks/time-input-BIUdp4gX.js.map +1 -0
- package/dist/chunks/time-input-DS6RgF12.js +129 -0
- package/dist/chunks/time-input-DS6RgF12.js.map +1 -0
- package/dist/chunks/toggle-button-group-0a-aeCiH.js +265 -0
- package/dist/chunks/toggle-button-group-0a-aeCiH.js.map +1 -0
- package/dist/chunks/toggle-button-group-BdLaFCWe.js +2 -0
- package/dist/chunks/toggle-button-group-BdLaFCWe.js.map +1 -0
- package/dist/chunks/tooltip-BdwdWMCL.js +273 -0
- package/dist/chunks/tooltip-BdwdWMCL.js.map +1 -0
- package/dist/chunks/tooltip-_9ZfCa2D.js +2 -0
- package/dist/chunks/tooltip-_9ZfCa2D.js.map +1 -0
- package/dist/chunks/tooltip.recipe-CkNOA8Sg.js +2 -0
- package/dist/chunks/tooltip.recipe-CkNOA8Sg.js.map +1 -0
- package/dist/chunks/tooltip.recipe-D9fYIQZz.js +24 -0
- package/dist/chunks/tooltip.recipe-D9fYIQZz.js.map +1 -0
- package/dist/chunks/useButton-BRqxk71F.js +2 -0
- package/dist/chunks/useButton-BRqxk71F.js.map +1 -0
- package/dist/chunks/useButton-CGSIlDH9.js +48 -0
- package/dist/chunks/useButton-CGSIlDH9.js.map +1 -0
- package/dist/chunks/useCollator-PO0ZNDFD.js +12 -0
- package/dist/chunks/useCollator-PO0ZNDFD.js.map +1 -0
- package/dist/chunks/useCollator-ajK3YU47.js +2 -0
- package/dist/chunks/useCollator-ajK3YU47.js.map +1 -0
- package/dist/chunks/useControlledState-D0L6S_5r.js +2 -0
- package/dist/chunks/useControlledState-D0L6S_5r.js.map +1 -0
- package/dist/chunks/useControlledState-u436Wbp1.js +31 -0
- package/dist/chunks/useControlledState-u436Wbp1.js.map +1 -0
- package/dist/chunks/useDateFormatter-BYTqyfPM.js +2 -0
- package/dist/chunks/useDateFormatter-BYTqyfPM.js.map +1 -0
- package/dist/chunks/useDateFormatter-CZ3YJIiV.js +1581 -0
- package/dist/chunks/useDateFormatter-CZ3YJIiV.js.map +1 -0
- package/dist/chunks/useEvent-9hDa8zoA.js +22 -0
- package/dist/chunks/useEvent-9hDa8zoA.js.map +1 -0
- package/dist/chunks/useEvent-DCXRKhH2.js +2 -0
- package/dist/chunks/useEvent-DCXRKhH2.js.map +1 -0
- package/dist/chunks/useField-3jug3XBb.js +36 -0
- package/dist/chunks/useField-3jug3XBb.js.map +1 -0
- package/dist/chunks/useField-BeaT9Ud9.js +2 -0
- package/dist/chunks/useField-BeaT9Ud9.js.map +1 -0
- package/dist/chunks/useFocus-CP2rlXSg.js +2 -0
- package/dist/chunks/useFocus-CP2rlXSg.js.map +1 -0
- package/dist/chunks/useFocus-mfjoACQ_.js +184 -0
- package/dist/chunks/useFocus-mfjoACQ_.js.map +1 -0
- package/dist/chunks/useFocusRing-C4z9NtLP.js +2 -0
- package/dist/chunks/useFocusRing-C4z9NtLP.js.map +1 -0
- package/dist/chunks/useFocusRing-C8yOnkHj.js +34 -0
- package/dist/chunks/useFocusRing-C8yOnkHj.js.map +1 -0
- package/dist/chunks/useFocusWithin-BENrOz43.js +2 -0
- package/dist/chunks/useFocusWithin-BENrOz43.js.map +1 -0
- package/dist/chunks/useFocusWithin-CLd9itwe.js +55 -0
- package/dist/chunks/useFocusWithin-CLd9itwe.js.map +1 -0
- package/dist/chunks/useFocusable-C7jAQfqU.js +2 -0
- package/dist/chunks/useFocusable-C7jAQfqU.js.map +1 -0
- package/dist/chunks/useFocusable-IwGfkXQG.js +75 -0
- package/dist/chunks/useFocusable-IwGfkXQG.js.map +1 -0
- package/dist/chunks/useFormReset-Bt5-6Arg.js +2 -0
- package/dist/chunks/useFormReset-Bt5-6Arg.js.map +1 -0
- package/dist/chunks/useFormReset-CzGCrdxu.js +21 -0
- package/dist/chunks/useFormReset-CzGCrdxu.js.map +1 -0
- package/dist/chunks/useFormValidation-BSXga2hX.js +2 -0
- package/dist/chunks/useFormValidation-BSXga2hX.js.map +1 -0
- package/dist/chunks/useFormValidation-BcDTI6Mp.js +179 -0
- package/dist/chunks/useFormValidation-BcDTI6Mp.js.map +1 -0
- package/dist/chunks/useHover-ByIffPdS.js +2 -0
- package/dist/chunks/useHover-ByIffPdS.js.map +1 -0
- package/dist/chunks/useHover-CbdI4C89.js +85 -0
- package/dist/chunks/useHover-CbdI4C89.js.map +1 -0
- package/dist/chunks/useLabel-As7K6zBZ.js +2 -0
- package/dist/chunks/useLabel-As7K6zBZ.js.map +1 -0
- package/dist/chunks/useLabel-Dd6M1Y4b.js +24 -0
- package/dist/chunks/useLabel-Dd6M1Y4b.js.map +1 -0
- package/dist/chunks/useLabels-B-BeKbzR.js +2 -0
- package/dist/chunks/useLabels-B-BeKbzR.js.map +1 -0
- package/dist/chunks/useLabels-B1BLA0b7.js +18 -0
- package/dist/chunks/useLabels-B1BLA0b7.js.map +1 -0
- package/dist/chunks/useLocalizedStringFormatter-CDXOVKSV.js +2 -0
- package/dist/chunks/useLocalizedStringFormatter-CDXOVKSV.js.map +1 -0
- package/dist/chunks/useLocalizedStringFormatter-JGrQYmnh.js +97 -0
- package/dist/chunks/useLocalizedStringFormatter-JGrQYmnh.js.map +1 -0
- package/dist/chunks/useNumberFormatter-DS6s5teN.js +2 -0
- package/dist/chunks/useNumberFormatter-DS6s5teN.js.map +1 -0
- package/dist/chunks/useNumberFormatter-Dx-esBDc.js +14 -0
- package/dist/chunks/useNumberFormatter-Dx-esBDc.js.map +1 -0
- package/dist/chunks/useObjectRef-4v2MxSjQ.js +2 -0
- package/dist/chunks/useObjectRef-4v2MxSjQ.js.map +1 -0
- package/dist/chunks/useObjectRef-CaJ5pgjX.js +30 -0
- package/dist/chunks/useObjectRef-CaJ5pgjX.js.map +1 -0
- package/dist/chunks/usePress-C9YKhG_e.js +8 -0
- package/dist/chunks/usePress-C9YKhG_e.js.map +1 -0
- package/dist/chunks/usePress-dJvNd3G7.js +526 -0
- package/dist/chunks/usePress-dJvNd3G7.js.map +1 -0
- package/dist/chunks/useSingleSelectListState-CwUhrKQb.js +2 -0
- package/dist/chunks/useSingleSelectListState-CwUhrKQb.js.map +1 -0
- package/dist/chunks/useSingleSelectListState-DovbyYzZ.js +269 -0
- package/dist/chunks/useSingleSelectListState-DovbyYzZ.js.map +1 -0
- package/dist/chunks/useSpinButton-D16epD7I.js +432 -0
- package/dist/chunks/useSpinButton-D16epD7I.js.map +1 -0
- package/dist/chunks/useSpinButton-UFcBxg8e.js +2 -0
- package/dist/chunks/useSpinButton-UFcBxg8e.js.map +1 -0
- package/dist/chunks/useTextField-DFfK-BZg.js +88 -0
- package/dist/chunks/useTextField-DFfK-BZg.js.map +1 -0
- package/dist/chunks/useTextField-lejiPfpS.js +2 -0
- package/dist/chunks/useTextField-lejiPfpS.js.map +1 -0
- package/dist/chunks/useToggle-BUU7amte.js +2 -0
- package/dist/chunks/useToggle-BUU7amte.js.map +1 -0
- package/dist/chunks/useToggle-Cp-w42gr.js +50 -0
- package/dist/chunks/useToggle-Cp-w42gr.js.map +1 -0
- package/dist/chunks/useToggleState-B5pE_WmM.js +2 -0
- package/dist/chunks/useToggleState-B5pE_WmM.js.map +1 -0
- package/dist/chunks/useToggleState-Bz5rAf4C.js +19 -0
- package/dist/chunks/useToggleState-Bz5rAf4C.js.map +1 -0
- package/dist/chunks/useUpdateEffect-CCDx8D4X.js +14 -0
- package/dist/chunks/useUpdateEffect-CCDx8D4X.js.map +1 -0
- package/dist/chunks/useUpdateEffect-sk3kiVGz.js +2 -0
- package/dist/chunks/useUpdateEffect-sk3kiVGz.js.map +1 -0
- package/dist/chunks/utils-BzPwFwlw.js +2 -0
- package/dist/chunks/utils-BzPwFwlw.js.map +1 -0
- package/dist/chunks/utils-DTmE9QvG.js +128 -0
- package/dist/chunks/utils-DTmE9QvG.js.map +1 -0
- package/dist/chunks/utils-XbOVivul.js +2 -0
- package/dist/chunks/utils-XbOVivul.js.map +1 -0
- package/dist/chunks/utils-wW2ZswvI.js +231 -0
- package/dist/chunks/utils-wW2ZswvI.js.map +1 -0
- package/dist/chunks/visually-hidden-Qd_t4hAG.js +2 -0
- package/dist/chunks/visually-hidden-Qd_t4hAG.js.map +1 -0
- package/dist/chunks/visually-hidden-T2B120j4.js +11 -0
- package/dist/chunks/visually-hidden-T2B120j4.js.map +1 -0
- package/dist/code.d.ts +10 -0
- package/dist/combobox.d.ts +275 -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 +125 -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/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/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.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 +8 -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/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/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/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 +2668 -0
- package/dist/date-input.d.ts +94 -0
- package/dist/date-picker.d.ts +164 -0
- package/dist/dialog.d.ts +33 -0
- package/dist/flex.d.ts +5 -0
- package/dist/form-field.d.ts +131 -0
- package/dist/grid.d.ts +28 -0
- package/dist/heading.d.ts +5 -0
- package/dist/icon-button.d.ts +53 -0
- package/dist/icon.d.ts +99 -0
- package/dist/image.d.ts +18 -0
- package/dist/index.cjs +1 -42
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +934 -748
- package/dist/index.es.js +308 -22041
- package/dist/index.es.js.map +1 -1
- package/dist/kbd.d.ts +10 -0
- package/dist/link.d.ts +92 -0
- package/dist/list.d.ts +21 -0
- package/dist/loading-spinner.d.ts +88 -0
- package/dist/multiline-text-input.d.ts +76 -0
- package/dist/nimbus-provider.d.ts +23 -0
- package/dist/number-input.d.ts +143 -0
- package/dist/password-input.d.ts +74 -0
- package/dist/radio-input.d.ts +70 -0
- package/dist/select.d.ts +143 -0
- package/dist/setup-jsdom-polyfills.cjs.map +1 -1
- package/dist/setup-jsdom-polyfills.es.js.map +1 -1
- package/dist/simple-grid.d.ts +28 -0
- package/dist/stack.d.ts +14 -0
- package/dist/switch.d.ts +75 -0
- package/dist/table.d.ts +5 -0
- package/dist/tag-group.d.ts +99 -0
- package/dist/text-input.d.ts +68 -0
- package/dist/text.d.ts +20 -0
- package/dist/time-input.d.ts +102 -0
- package/dist/toggle-button-group.d.ts +107 -0
- package/dist/tooltip.d.ts +134 -0
- package/dist/visually-hidden.d.ts +15 -0
- package/package.json +3 -2
|
@@ -0,0 +1,2668 @@
|
|
|
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 { AriaToggleButtonGroupProps } from 'react-aria';
|
|
13
|
+
import { AriaToggleButtonProps } from 'react-aria';
|
|
14
|
+
import { AutocompleteProps } from 'react-aria-components';
|
|
15
|
+
import { CalendarProps as CalendarProps_2 } from 'react-aria-components';
|
|
16
|
+
import { CardContentProps } from './card.slots';
|
|
17
|
+
import { CardHeaderProps } from './card.slots';
|
|
18
|
+
import { CardProps as CardProps_2 } from './card.types';
|
|
19
|
+
import { CodeProps } from '@chakra-ui/react';
|
|
20
|
+
import { ComboBoxOptionGroupProps as ComboBoxOptionGroupProps_2 } from './combobox.types';
|
|
21
|
+
import { ComboBoxOptionProps as ComboBoxOptionProps_2 } from './combobox.types';
|
|
22
|
+
import { ComboBoxProps } from 'react-aria-components';
|
|
23
|
+
import { ComboBoxRootProps as ComboBoxRootProps_2 } from './combobox.types';
|
|
24
|
+
import { ComponentProps } from 'react';
|
|
25
|
+
import { DateFieldProps } from 'react-aria-components';
|
|
26
|
+
import { DatePickerStateOptions } from 'react-stately';
|
|
27
|
+
import { DateValue } from 'react-aria';
|
|
28
|
+
import { DateValue as DateValue_2 } from '@internationalized/date';
|
|
29
|
+
import { default as default_2 } from 'react';
|
|
30
|
+
import { DetailedHTMLProps } from 'react';
|
|
31
|
+
import { Dialog as Dialog_2 } from '@chakra-ui/react';
|
|
32
|
+
import { DisclosureGroupProps as DisclosureGroupProps_2 } from './accordion.types';
|
|
33
|
+
import { DisclosureProps } from 'react-aria-components';
|
|
34
|
+
import { Dispatch } from 'react';
|
|
35
|
+
import { FC } from 'react';
|
|
36
|
+
import { Flex } from '@chakra-ui/react';
|
|
37
|
+
import { FocusableOptions } from 'react-aria';
|
|
38
|
+
import { FormFieldDescriptionSlotProps } from './form-field.slots';
|
|
39
|
+
import { FormFieldErrorSlotProps } from './form-field.slots';
|
|
40
|
+
import { FormFieldInputSlotProps } from './form-field.slots';
|
|
41
|
+
import { FormFieldLabelSlotProps } from './form-field.slots';
|
|
42
|
+
import { FormFieldProps as FormFieldProps_2 } from './form-field.types';
|
|
43
|
+
import { ForwardRefExoticComponent } from 'react';
|
|
44
|
+
import { GridItemProps } from '@chakra-ui/react';
|
|
45
|
+
import { GridProps as GridProps_2 } from '@chakra-ui/react';
|
|
46
|
+
import { Heading } from '@chakra-ui/react';
|
|
47
|
+
import { HTMLAttributes } from 'react';
|
|
48
|
+
import { HTMLChakraProps } from '@chakra-ui/react';
|
|
49
|
+
import { ImageProps as ImageProps_2 } from '@chakra-ui/react';
|
|
50
|
+
import { JSX } from 'react/jsx-runtime';
|
|
51
|
+
import { JsxStyleProps } from '@chakra-ui/react';
|
|
52
|
+
import { KbdProps } from '@chakra-ui/react';
|
|
53
|
+
import { List as List_2 } from '@chakra-ui/react';
|
|
54
|
+
import { ListBoxItemProps } from 'react-aria-components';
|
|
55
|
+
import { ListBoxProps } from 'react-aria-components';
|
|
56
|
+
import { ListBoxSectionProps } from 'react-aria-components';
|
|
57
|
+
import { ListIndicatorProps } from '@chakra-ui/react';
|
|
58
|
+
import { PatchHtmlProps } from '@chakra-ui/react';
|
|
59
|
+
import { PolymorphicProps } from '@chakra-ui/react';
|
|
60
|
+
import { PropsWithChildren } from 'react';
|
|
61
|
+
import { RadioGroupProps as RadioGroupProps_2 } from 'react-aria-components';
|
|
62
|
+
import { RadioInputOptionProps as RadioInputOptionProps_2 } from './radio-input.types';
|
|
63
|
+
import { RadioInputRootProps as RadioInputRootProps_2 } from './radio-input.types';
|
|
64
|
+
import { RadioProps } from 'react-aria-components';
|
|
65
|
+
import { ReactNode } from 'react';
|
|
66
|
+
import { RecipeDefinition } from '@chakra-ui/react';
|
|
67
|
+
import { RecipeProps } from '@chakra-ui/react';
|
|
68
|
+
import { RecipeVariantProps } from '@chakra-ui/react';
|
|
69
|
+
import { RecipeVariantRecord } from '@chakra-ui/react';
|
|
70
|
+
import { Ref } from 'react';
|
|
71
|
+
import { RefAttributes } from 'react';
|
|
72
|
+
import { RefObject } from 'react';
|
|
73
|
+
import { SelectOptionGroupProps as SelectOptionGroupProps_2 } from './select.types';
|
|
74
|
+
import { SelectOptionProps as SelectOptionProps_2 } from './select.types';
|
|
75
|
+
import { SelectOptionsProps as SelectOptionsProps_2 } from './select.types';
|
|
76
|
+
import { SelectProps } from 'react-aria-components';
|
|
77
|
+
import { SelectRootProps as SelectRootProps_2 } from './select.types';
|
|
78
|
+
import { SetStateAction } from 'react';
|
|
79
|
+
import { SimpleGridProps as SimpleGridProps_2 } from '@chakra-ui/react';
|
|
80
|
+
import { SlotRecipeDefinition } from '@chakra-ui/react';
|
|
81
|
+
import { SlotRecipeVariantRecord } from '@chakra-ui/react';
|
|
82
|
+
import { StackProps as StackProps_2 } from '@chakra-ui/react';
|
|
83
|
+
import { Table } from '@chakra-ui/react';
|
|
84
|
+
import { Tag } from 'react-aria-components';
|
|
85
|
+
import { TagGroup as TagGroup_2 } from 'react-aria-components';
|
|
86
|
+
import { TagGroupProps as TagGroupProps_2 } from 'react-aria-components';
|
|
87
|
+
import { TagGroupRootComponent as TagGroupRootComponent_2 } from './tag-group.types';
|
|
88
|
+
import { TagGroupTagComponent as TagGroupTagComponent_2 } from './tag-group.types';
|
|
89
|
+
import { TagGroupTagListProps as TagGroupTagListProps_2 } from './tag-group.types';
|
|
90
|
+
import { TagListProps } from 'react-aria-components';
|
|
91
|
+
import { TagProps } from 'react-aria-components';
|
|
92
|
+
import { TextFieldProps } from 'react-aria-components';
|
|
93
|
+
import { TextProps as TextProps_2 } from '@chakra-ui/react';
|
|
94
|
+
import { ThemeProviderProps } from 'next-themes';
|
|
95
|
+
import { TimeFieldStateOptions } from 'react-stately';
|
|
96
|
+
import { TimeValue } from 'react-aria';
|
|
97
|
+
import { ToggleButton } from 'react-aria-components';
|
|
98
|
+
import { ToggleButtonGroup as ToggleButtonGroup_2 } from 'react-aria-components';
|
|
99
|
+
import { ToggleButtonGroupButtonComponent as ToggleButtonGroupButtonComponent_2 } from './toggle-button-group.types';
|
|
100
|
+
import { ToggleButtonGroupRootComponent as ToggleButtonGroupRootComponent_2 } from './toggle-button-group.types';
|
|
101
|
+
import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
|
|
102
|
+
import { TooltipTriggerComponentProps } from 'react-aria-components';
|
|
103
|
+
import { UnstyledProp } from '@chakra-ui/react';
|
|
104
|
+
import { useButton } from 'react-aria';
|
|
105
|
+
import { useDisclosure } from 'react-aria';
|
|
106
|
+
import { useDisclosureState } from 'react-stately';
|
|
107
|
+
import { VisuallyHiddenProps as VisuallyHiddenProps_2 } from 'react-aria';
|
|
108
|
+
|
|
109
|
+
export declare const Accordion: {
|
|
110
|
+
Root: ForwardRefExoticComponent<Omit<DisclosureGroupProps_2, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
111
|
+
Item: ForwardRefExoticComponent<AccordionItemProps_2 & {
|
|
112
|
+
children: ReactNode;
|
|
113
|
+
id?: string;
|
|
114
|
+
value?: string;
|
|
115
|
+
isDisabled?: boolean;
|
|
116
|
+
isExpanded?: boolean;
|
|
117
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
118
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
119
|
+
Header: ForwardRefExoticComponent< {
|
|
120
|
+
children: ReactNode;
|
|
121
|
+
} & RefAttributes<HTMLButtonElement>>;
|
|
122
|
+
Content: ForwardRefExoticComponent<Omit<{
|
|
123
|
+
children: ReactNode;
|
|
124
|
+
} & 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>>;
|
|
125
|
+
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>>;
|
|
126
|
+
};
|
|
127
|
+
|
|
128
|
+
export declare type AccordionComposition = {
|
|
129
|
+
state: ReturnType<typeof useDisclosureState>;
|
|
130
|
+
buttonProps: ReturnType<typeof useButton>["buttonProps"];
|
|
131
|
+
panelProps: ReturnType<typeof useDisclosure>["panelProps"];
|
|
132
|
+
triggerRef: RefObject<HTMLButtonElement>;
|
|
133
|
+
panelRef: RefObject<HTMLDivElement>;
|
|
134
|
+
isFocusVisible: boolean;
|
|
135
|
+
};
|
|
136
|
+
|
|
137
|
+
export declare const _AccordionContent: default_2.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
138
|
+
|
|
139
|
+
declare type AccordionContentProps = {
|
|
140
|
+
/**
|
|
141
|
+
* The content to display
|
|
142
|
+
*/
|
|
143
|
+
children: ReactNode;
|
|
144
|
+
} & ComponentProps<typeof AccordionPanel>;
|
|
145
|
+
|
|
146
|
+
export declare const _AccordionHeader: default_2.ForwardRefExoticComponent<AccordionHeaderProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
147
|
+
|
|
148
|
+
declare type AccordionHeaderProps = {
|
|
149
|
+
/**
|
|
150
|
+
* The text / content to display in the Header
|
|
151
|
+
*/
|
|
152
|
+
children: ReactNode;
|
|
153
|
+
};
|
|
154
|
+
|
|
155
|
+
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>>;
|
|
156
|
+
|
|
157
|
+
export declare const _AccordionItem: default_2.ForwardRefExoticComponent<AccordionItemProps_3 & {
|
|
158
|
+
children: default_2.ReactNode;
|
|
159
|
+
id?: string;
|
|
160
|
+
value?: string;
|
|
161
|
+
isDisabled?: boolean;
|
|
162
|
+
isExpanded?: boolean;
|
|
163
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
164
|
+
} & default_2.RefAttributes<HTMLDivElement>>;
|
|
165
|
+
|
|
166
|
+
export declare type AccordionItemProps = {
|
|
167
|
+
isDisabled?: boolean;
|
|
168
|
+
isExpanded?: boolean;
|
|
169
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
170
|
+
id?: string;
|
|
171
|
+
children: ReactNode;
|
|
172
|
+
title?: string;
|
|
173
|
+
};
|
|
174
|
+
|
|
175
|
+
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>>;
|
|
176
|
+
|
|
177
|
+
export declare interface AccordionProps extends Omit<DisclosureProps, "children" | "id"> {
|
|
178
|
+
additionalTriggerComponent?: ReactNode;
|
|
179
|
+
children: ReactNode;
|
|
180
|
+
recipe?: string;
|
|
181
|
+
size?: "sm" | "md";
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
export declare const _AccordionRoot: default_2.ForwardRefExoticComponent<Omit<DisclosureGroupProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
185
|
+
|
|
186
|
+
export declare type AccordionRootProps = HTMLChakraProps<"div", RecipeVariantProps<typeof accordionSlotRecipe>>;
|
|
187
|
+
|
|
188
|
+
/**
|
|
189
|
+
* Recipe configuration for the Accordion component.
|
|
190
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
191
|
+
*/
|
|
192
|
+
declare const accordionSlotRecipe: SlotRecipeDefinition<"root" | "trigger" | "disclosure" | "panel" | "accordionTitle" | "headerContentRight", {
|
|
193
|
+
size: {
|
|
194
|
+
md: {
|
|
195
|
+
trigger: {
|
|
196
|
+
"--font-size": "fontSizes.500";
|
|
197
|
+
"& svg": {
|
|
198
|
+
"--width": "sizes.600";
|
|
199
|
+
"--height": "sizes.600";
|
|
200
|
+
};
|
|
201
|
+
};
|
|
202
|
+
panel: {
|
|
203
|
+
"--padding-top": "spacing.600";
|
|
204
|
+
"--padding-bottom": "spacing.800";
|
|
205
|
+
"--padding-left": "spacing.800";
|
|
206
|
+
};
|
|
207
|
+
};
|
|
208
|
+
sm: {
|
|
209
|
+
trigger: {
|
|
210
|
+
"--font-size": "fontSizes.400";
|
|
211
|
+
"& svg": {
|
|
212
|
+
"--width": "sizes.500";
|
|
213
|
+
"--height": "sizes.500";
|
|
214
|
+
};
|
|
215
|
+
};
|
|
216
|
+
panel: {
|
|
217
|
+
"--padding-top": "spacing.400";
|
|
218
|
+
"--padding-bottom": "spacing.600";
|
|
219
|
+
"--padding-left": "spacing.700";
|
|
220
|
+
};
|
|
221
|
+
};
|
|
222
|
+
};
|
|
223
|
+
}>;
|
|
224
|
+
|
|
225
|
+
/**
|
|
226
|
+
* Alert
|
|
227
|
+
* ============================================================
|
|
228
|
+
* Provides feedback to the user about the status of an action or system event
|
|
229
|
+
*/
|
|
230
|
+
export declare const Alert: {
|
|
231
|
+
Root: AlertRootComponent_2;
|
|
232
|
+
Title: {
|
|
233
|
+
({ children, ...props }: AlertTitleProps_2): null;
|
|
234
|
+
displayName: string;
|
|
235
|
+
};
|
|
236
|
+
Description: {
|
|
237
|
+
({ children, ...props }: AlertDescriptionProps_2): null;
|
|
238
|
+
displayName: string;
|
|
239
|
+
};
|
|
240
|
+
Actions: {
|
|
241
|
+
({ children, ...props }: AlertActionsProps_2): null;
|
|
242
|
+
displayName: string;
|
|
243
|
+
};
|
|
244
|
+
DismissButton: {
|
|
245
|
+
({ children, ...props }: AlertDismissButtonProps_2): null;
|
|
246
|
+
displayName: string;
|
|
247
|
+
};
|
|
248
|
+
};
|
|
249
|
+
|
|
250
|
+
export declare const _AlertActions: {
|
|
251
|
+
({ children, ...props }: AlertActionsProps): null;
|
|
252
|
+
displayName: string;
|
|
253
|
+
};
|
|
254
|
+
|
|
255
|
+
/** Base Chakra styling props for the `actions` slot (`div`). */
|
|
256
|
+
export declare type AlertActionsProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
257
|
+
|
|
258
|
+
export declare const _AlertDescription: {
|
|
259
|
+
({ children, ...props }: AlertDescriptionProps): null;
|
|
260
|
+
displayName: string;
|
|
261
|
+
};
|
|
262
|
+
|
|
263
|
+
/** Props for the `Alert.Description` sub-component (inherits from Text). */
|
|
264
|
+
export declare type AlertDescriptionProps = Omit<TextProps, "ref"> & {
|
|
265
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
266
|
+
};
|
|
267
|
+
|
|
268
|
+
export declare const _AlertDismissButton: {
|
|
269
|
+
({ children, ...props }: AlertDismissButtonProps): null;
|
|
270
|
+
displayName: string;
|
|
271
|
+
};
|
|
272
|
+
|
|
273
|
+
/** Props for the `Alert.DismissButton` sub-component (inherits from Button). */
|
|
274
|
+
export declare type AlertDismissButtonProps = ButtonProps;
|
|
275
|
+
|
|
276
|
+
/** Base Chakra styling props for the `icon` slot (`div`). */
|
|
277
|
+
export declare type AlertIconProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
278
|
+
|
|
279
|
+
/** Final external props for the `<Alert>` component (variants + children + data-* attrs). */
|
|
280
|
+
export declare type AlertProps = PropsWithChildren<AlertVariantProps> & {
|
|
281
|
+
[key: `data-${string}`]: unknown;
|
|
282
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
283
|
+
};
|
|
284
|
+
|
|
285
|
+
/**
|
|
286
|
+
* Recipe configuration for the Alert component.
|
|
287
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
288
|
+
*/
|
|
289
|
+
declare const alertRecipe: SlotRecipeDefinition<"title" | "description" | "icon" | "root" | "actions" | "dismissButton", {
|
|
290
|
+
tone: {
|
|
291
|
+
critical: {
|
|
292
|
+
root: {
|
|
293
|
+
colorPalette: "critical";
|
|
294
|
+
};
|
|
295
|
+
};
|
|
296
|
+
info: {
|
|
297
|
+
root: {
|
|
298
|
+
colorPalette: "info";
|
|
299
|
+
};
|
|
300
|
+
};
|
|
301
|
+
warning: {
|
|
302
|
+
root: {
|
|
303
|
+
colorPalette: "amber";
|
|
304
|
+
};
|
|
305
|
+
};
|
|
306
|
+
positive: {
|
|
307
|
+
root: {
|
|
308
|
+
colorPalette: "positive";
|
|
309
|
+
};
|
|
310
|
+
};
|
|
311
|
+
};
|
|
312
|
+
variant: {
|
|
313
|
+
flat: {};
|
|
314
|
+
outlined: {
|
|
315
|
+
root: {
|
|
316
|
+
border: "solid-25";
|
|
317
|
+
borderColor: "colorPalette.5";
|
|
318
|
+
backgroundColor: "colorPalette.2";
|
|
319
|
+
padding: "200";
|
|
320
|
+
borderRadius: "200";
|
|
321
|
+
};
|
|
322
|
+
};
|
|
323
|
+
};
|
|
324
|
+
}>;
|
|
325
|
+
|
|
326
|
+
/**
|
|
327
|
+
* Alert
|
|
328
|
+
* ============================================================
|
|
329
|
+
* Provides feedback to the user about the status of an action or system event
|
|
330
|
+
*/
|
|
331
|
+
export declare const _AlertRoot: AlertRootComponent;
|
|
332
|
+
|
|
333
|
+
/** Type signature for the main `Alert` component. */
|
|
334
|
+
export declare type AlertRootComponent = React.FC<AlertProps>;
|
|
335
|
+
|
|
336
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
337
|
+
export declare type AlertRootProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
338
|
+
|
|
339
|
+
export declare const _AlertTitle: {
|
|
340
|
+
({ children, ...props }: AlertTitleProps): null;
|
|
341
|
+
displayName: string;
|
|
342
|
+
};
|
|
343
|
+
|
|
344
|
+
/** Props for the `Alert.Title` sub-component (inherits from Text). */
|
|
345
|
+
export declare type AlertTitleProps = Omit<TextProps, "ref"> & {
|
|
346
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
347
|
+
};
|
|
348
|
+
|
|
349
|
+
/** Combined root props including Chakra styles and recipe variants. */
|
|
350
|
+
declare type AlertVariantProps = AlertRootProps & RecipeVariantProps<typeof alertRecipe>;
|
|
351
|
+
|
|
352
|
+
export declare const Avatar: {
|
|
353
|
+
(props: AvatarProps): JSX.Element;
|
|
354
|
+
displayName: string;
|
|
355
|
+
};
|
|
356
|
+
|
|
357
|
+
export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElement>, RecipeVariantProps<typeof avatarRecipe> {
|
|
358
|
+
/**
|
|
359
|
+
* The first name used to show initials
|
|
360
|
+
*/
|
|
361
|
+
firstName: string;
|
|
362
|
+
/**
|
|
363
|
+
* The last name used to show initials
|
|
364
|
+
*/
|
|
365
|
+
lastName: string;
|
|
366
|
+
/**
|
|
367
|
+
* The image URL
|
|
368
|
+
*/
|
|
369
|
+
src?: string;
|
|
370
|
+
/**
|
|
371
|
+
* Alt text for the avatar image
|
|
372
|
+
*/
|
|
373
|
+
alt?: string;
|
|
374
|
+
/**
|
|
375
|
+
* If the avatar is disabled
|
|
376
|
+
*/
|
|
377
|
+
isDisabled?: boolean;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
export declare interface AvatarProps extends FunctionalAvatarProps {
|
|
381
|
+
children?: React.ReactNode;
|
|
382
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
declare const avatarRecipe: RecipeDefinition< {
|
|
386
|
+
size: {
|
|
387
|
+
md: {
|
|
388
|
+
width: number;
|
|
389
|
+
height: number;
|
|
390
|
+
textStyle: "sm";
|
|
391
|
+
};
|
|
392
|
+
xs: {
|
|
393
|
+
width: number;
|
|
394
|
+
height: number;
|
|
395
|
+
textStyle: "xs";
|
|
396
|
+
};
|
|
397
|
+
"2xs": {
|
|
398
|
+
width: number;
|
|
399
|
+
height: number;
|
|
400
|
+
textStyle: "xs";
|
|
401
|
+
};
|
|
402
|
+
};
|
|
403
|
+
}>;
|
|
404
|
+
|
|
405
|
+
declare interface AvatarRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
declare interface AvatarRootProps extends HTMLChakraProps<"div", AvatarRecipeProps> {
|
|
409
|
+
}
|
|
410
|
+
|
|
411
|
+
/**
|
|
412
|
+
* Badge
|
|
413
|
+
* ============================================================
|
|
414
|
+
* badge
|
|
415
|
+
*
|
|
416
|
+
* Features:
|
|
417
|
+
*
|
|
418
|
+
* - allows forwarding refs to the underlying DOM element
|
|
419
|
+
* - accepts all native html 'HTMLSpanElement' attributes (including aria- & data-attributes)
|
|
420
|
+
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
421
|
+
* - allows overriding styles by using style-props
|
|
422
|
+
* - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
|
|
423
|
+
*/
|
|
424
|
+
export declare const Badge: {
|
|
425
|
+
(props: BadgeProps): JSX.Element;
|
|
426
|
+
displayName: string;
|
|
427
|
+
};
|
|
428
|
+
|
|
429
|
+
/**
|
|
430
|
+
* Main props interface for the Badge component.
|
|
431
|
+
* Extends BadgeVariantProps to include both root props and variant props,
|
|
432
|
+
* while adding support for React children.
|
|
433
|
+
*/
|
|
434
|
+
export declare interface BadgeProps extends BadgeVariantProps {
|
|
435
|
+
children?: React.ReactNode;
|
|
436
|
+
ref?: React.Ref<HTMLSpanElement>;
|
|
437
|
+
}
|
|
438
|
+
|
|
439
|
+
/**
|
|
440
|
+
* Recipe configuration for the Badge component.
|
|
441
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
442
|
+
*/
|
|
443
|
+
declare const badgeRecipe: RecipeDefinition< {
|
|
444
|
+
size: {
|
|
445
|
+
"2xs": {
|
|
446
|
+
fontSize: "300";
|
|
447
|
+
gap: "100";
|
|
448
|
+
h: "600";
|
|
449
|
+
lineHeight: "350";
|
|
450
|
+
px: "200";
|
|
451
|
+
_icon: {
|
|
452
|
+
width: "400";
|
|
453
|
+
height: "400";
|
|
454
|
+
};
|
|
455
|
+
};
|
|
456
|
+
xs: {
|
|
457
|
+
fontSize: "350";
|
|
458
|
+
gap: "100";
|
|
459
|
+
h: "800";
|
|
460
|
+
lineHeight: "400";
|
|
461
|
+
px: "300";
|
|
462
|
+
_icon: {
|
|
463
|
+
width: "500";
|
|
464
|
+
height: "500";
|
|
465
|
+
};
|
|
466
|
+
};
|
|
467
|
+
md: {
|
|
468
|
+
fontSize: "400";
|
|
469
|
+
gap: "200";
|
|
470
|
+
h: "1000";
|
|
471
|
+
lineHeight: "500";
|
|
472
|
+
px: "400";
|
|
473
|
+
_icon: {
|
|
474
|
+
width: "600";
|
|
475
|
+
height: "600";
|
|
476
|
+
};
|
|
477
|
+
};
|
|
478
|
+
};
|
|
479
|
+
}>;
|
|
480
|
+
|
|
481
|
+
/**
|
|
482
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
483
|
+
* with the unstyled prop option for the span element.
|
|
484
|
+
*/
|
|
485
|
+
export declare interface BadgeRecipeProps extends RecipeProps<"span">, UnstyledProp {
|
|
486
|
+
}
|
|
487
|
+
|
|
488
|
+
/**
|
|
489
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
490
|
+
* This creates a complete set of props for the root element, combining
|
|
491
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
492
|
+
*/
|
|
493
|
+
export declare interface BadgeRootProps extends HTMLChakraProps<"span", BadgeRecipeProps> {
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
/**
|
|
497
|
+
* Combines the root props with Chakra UI's recipe variant props.
|
|
498
|
+
* This allows the component to accept both structural props from Root
|
|
499
|
+
* and styling variants from the recipe.
|
|
500
|
+
*/
|
|
501
|
+
declare type BadgeVariantProps = BadgeRootProps & RecipeVariantProps<typeof badgeRecipe> & {
|
|
502
|
+
[key: `data-${string}`]: string;
|
|
503
|
+
};
|
|
504
|
+
|
|
505
|
+
export declare const Box: {
|
|
506
|
+
(props: BoxProps): JSX.Element;
|
|
507
|
+
displayName: string;
|
|
508
|
+
};
|
|
509
|
+
|
|
510
|
+
export declare interface BoxProps extends HTMLChakraProps<"div"> {
|
|
511
|
+
children?: React.ReactNode;
|
|
512
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
export declare const Button: {
|
|
516
|
+
(props: ButtonProps): JSX.Element;
|
|
517
|
+
displayName: string;
|
|
518
|
+
};
|
|
519
|
+
|
|
520
|
+
/**
|
|
521
|
+
* Recipe configuration for the ToggleButtonGroup component.
|
|
522
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
523
|
+
*/
|
|
524
|
+
declare const buttonGroupRecipe: SlotRecipeDefinition<"button" | "root", {
|
|
525
|
+
size: {
|
|
526
|
+
xs: {
|
|
527
|
+
button: {
|
|
528
|
+
h: "800";
|
|
529
|
+
minW: "800";
|
|
530
|
+
fontSize: "350";
|
|
531
|
+
fontWeight: "500";
|
|
532
|
+
lineHeight: "400";
|
|
533
|
+
px: "300";
|
|
534
|
+
gap: "100";
|
|
535
|
+
_icon: {
|
|
536
|
+
width: "500";
|
|
537
|
+
height: "500";
|
|
538
|
+
};
|
|
539
|
+
} | undefined;
|
|
540
|
+
};
|
|
541
|
+
md: {
|
|
542
|
+
button: {
|
|
543
|
+
h: "1000";
|
|
544
|
+
minW: "1000";
|
|
545
|
+
fontSize: "400";
|
|
546
|
+
lineHeight: "500";
|
|
547
|
+
px: "400";
|
|
548
|
+
gap: "200";
|
|
549
|
+
_icon: {
|
|
550
|
+
width: "600";
|
|
551
|
+
height: "600";
|
|
552
|
+
};
|
|
553
|
+
} | undefined;
|
|
554
|
+
};
|
|
555
|
+
};
|
|
556
|
+
tone: {
|
|
557
|
+
primary: {
|
|
558
|
+
button: {
|
|
559
|
+
colorPalette: "primary";
|
|
560
|
+
};
|
|
561
|
+
};
|
|
562
|
+
critical: {
|
|
563
|
+
button: {
|
|
564
|
+
colorPalette: "critical";
|
|
565
|
+
};
|
|
566
|
+
};
|
|
567
|
+
neutral: {
|
|
568
|
+
button: {
|
|
569
|
+
colorPalette: "neutral";
|
|
570
|
+
};
|
|
571
|
+
};
|
|
572
|
+
};
|
|
573
|
+
}>;
|
|
574
|
+
|
|
575
|
+
export declare interface ButtonProps extends FunctionalButtonProps {
|
|
576
|
+
slot?: string | null | undefined;
|
|
577
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
/**
|
|
581
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
582
|
+
* with the unstyled prop option for the button element.
|
|
583
|
+
*/
|
|
584
|
+
declare interface ButtonRecipeProps extends RecipeProps<"button">, UnstyledProp {
|
|
585
|
+
}
|
|
586
|
+
|
|
587
|
+
/**
|
|
588
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
589
|
+
* This creates a complete set of props for the root element, combining
|
|
590
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
591
|
+
*/
|
|
592
|
+
declare interface ButtonRootProps extends Omit<HTMLChakraProps<"button", ButtonRecipeProps>, "slot"> {
|
|
593
|
+
slot?: string | null | undefined;
|
|
594
|
+
}
|
|
595
|
+
|
|
596
|
+
export declare const Calendar: (props: CalendarProps<DateValue>) => JSX.Element;
|
|
597
|
+
|
|
598
|
+
export declare interface CalendarProps<T extends DateValue_2> extends Omit<CalendarRootSlotProps, keyof CalendarProps_2<DateValue_2> | ExcludedProps_3>, Omit<CalendarProps_2<T>, ExcludedProps_3>, RecipeVariantProps<typeof calendarSlotRecipe> {
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
declare interface CalendarRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof calendarSlotRecipe> & CalendarProps_2<DateValue_2>> {
|
|
602
|
+
}
|
|
603
|
+
|
|
604
|
+
declare const calendarSlotRecipe: SlotRecipeDefinition<"grid" | "header" | "root" | "grids" | "monthTitle" | "gridHeader" | "headerCell" | "gridBody" | "bodyCell", SlotRecipeVariantRecord<"grid" | "header" | "root" | "grids" | "monthTitle" | "gridHeader" | "headerCell" | "gridBody" | "bodyCell">>;
|
|
605
|
+
|
|
606
|
+
export declare const Card: {
|
|
607
|
+
Root: {
|
|
608
|
+
({ children, ref, ...props }: CardProps_2): JSX.Element;
|
|
609
|
+
displayName: string;
|
|
610
|
+
};
|
|
611
|
+
Header: {
|
|
612
|
+
({ children, ...props }: CardHeaderProps): null;
|
|
613
|
+
displayName: string;
|
|
614
|
+
};
|
|
615
|
+
Content: {
|
|
616
|
+
({ children, ...props }: CardContentProps): null;
|
|
617
|
+
displayName: string;
|
|
618
|
+
};
|
|
619
|
+
};
|
|
620
|
+
|
|
621
|
+
export declare const _CardContent: {
|
|
622
|
+
({ children, ...props }: CardContentProps_2): null;
|
|
623
|
+
displayName: string;
|
|
624
|
+
};
|
|
625
|
+
|
|
626
|
+
declare interface CardContentProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
627
|
+
}
|
|
628
|
+
|
|
629
|
+
export declare const _CardHeader: {
|
|
630
|
+
({ children, ...props }: CardHeaderProps_2): null;
|
|
631
|
+
displayName: string;
|
|
632
|
+
};
|
|
633
|
+
|
|
634
|
+
declare interface CardHeaderProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
635
|
+
}
|
|
636
|
+
|
|
637
|
+
/**
|
|
638
|
+
* Main props interface for the Card component.
|
|
639
|
+
* Extends CardVariantProps to include both root props and variant props,
|
|
640
|
+
* while adding support for React children.
|
|
641
|
+
*/
|
|
642
|
+
export declare interface CardProps extends CardVariantProps {
|
|
643
|
+
children?: React.ReactNode;
|
|
644
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
645
|
+
}
|
|
646
|
+
|
|
647
|
+
/**
|
|
648
|
+
* Recipe configuration for the Card component.
|
|
649
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
650
|
+
*/
|
|
651
|
+
declare const cardRecipe: SlotRecipeDefinition<"content" | "header" | "root", {
|
|
652
|
+
cardPadding: {
|
|
653
|
+
sm: {
|
|
654
|
+
root: {
|
|
655
|
+
padding: "200";
|
|
656
|
+
};
|
|
657
|
+
};
|
|
658
|
+
md: {
|
|
659
|
+
root: {
|
|
660
|
+
padding: "400";
|
|
661
|
+
};
|
|
662
|
+
};
|
|
663
|
+
lg: {
|
|
664
|
+
root: {
|
|
665
|
+
padding: "600";
|
|
666
|
+
};
|
|
667
|
+
};
|
|
668
|
+
};
|
|
669
|
+
borderStyle: {
|
|
670
|
+
none: {};
|
|
671
|
+
outlined: {
|
|
672
|
+
root: {
|
|
673
|
+
border: "solid-25";
|
|
674
|
+
borderColor: "colorPalette.3";
|
|
675
|
+
};
|
|
676
|
+
};
|
|
677
|
+
};
|
|
678
|
+
elevation: {
|
|
679
|
+
none: {};
|
|
680
|
+
elevated: {
|
|
681
|
+
root: {
|
|
682
|
+
shadow: "1";
|
|
683
|
+
};
|
|
684
|
+
};
|
|
685
|
+
};
|
|
686
|
+
backgroundStyle: {
|
|
687
|
+
default: {
|
|
688
|
+
root: {
|
|
689
|
+
backgroundColor: "colorPalette.contrast";
|
|
690
|
+
};
|
|
691
|
+
};
|
|
692
|
+
muted: {
|
|
693
|
+
root: {
|
|
694
|
+
backgroundColor: "colorPalette.2";
|
|
695
|
+
};
|
|
696
|
+
};
|
|
697
|
+
};
|
|
698
|
+
}>;
|
|
699
|
+
|
|
700
|
+
/**
|
|
701
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
702
|
+
* with the unstyled prop option for the div element.
|
|
703
|
+
*/
|
|
704
|
+
declare interface CardRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
705
|
+
}
|
|
706
|
+
|
|
707
|
+
export declare const _CardRoot: {
|
|
708
|
+
({ children, ref, ...props }: CardProps): JSX.Element;
|
|
709
|
+
displayName: string;
|
|
710
|
+
};
|
|
711
|
+
|
|
712
|
+
/**
|
|
713
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
714
|
+
* This creates a complete set of props for the root element, combining
|
|
715
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
716
|
+
*/
|
|
717
|
+
declare interface CardRootProps extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
718
|
+
}
|
|
719
|
+
|
|
720
|
+
/**
|
|
721
|
+
* Combines the root props with Chakra UI's recipe variant props.
|
|
722
|
+
* This allows the component to accept both structural props from Root
|
|
723
|
+
* and styling variants from the recipe.
|
|
724
|
+
*/
|
|
725
|
+
declare type CardVariantProps = CardRootProps & RecipeVariantProps<typeof cardRecipe> & {
|
|
726
|
+
[key: `data-${string}`]: unknown;
|
|
727
|
+
};
|
|
728
|
+
|
|
729
|
+
/**
|
|
730
|
+
* Checkbox
|
|
731
|
+
* ============================================================
|
|
732
|
+
* displays a checkbox and an associated label
|
|
733
|
+
*
|
|
734
|
+
* Features:
|
|
735
|
+
*
|
|
736
|
+
* - allows forwarding refs to the underlying DOM element
|
|
737
|
+
* - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)
|
|
738
|
+
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
739
|
+
* - allows overriding styles by using style-props
|
|
740
|
+
* - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
|
|
741
|
+
*/
|
|
742
|
+
export declare const Checkbox: {
|
|
743
|
+
(props: CheckboxProps): JSX.Element;
|
|
744
|
+
displayName: string;
|
|
745
|
+
};
|
|
746
|
+
|
|
747
|
+
/**
|
|
748
|
+
* Main props interface for the Checkbox component.
|
|
749
|
+
* Extends CheckboxVariantProps to include both root props and variant props,
|
|
750
|
+
* while adding support for React children.
|
|
751
|
+
*/
|
|
752
|
+
export declare interface CheckboxProps extends CheckboxVariantProps {
|
|
753
|
+
children?: React.ReactNode;
|
|
754
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
755
|
+
}
|
|
756
|
+
|
|
757
|
+
declare interface CheckboxRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof checkboxSlotRecipe>> {
|
|
758
|
+
}
|
|
759
|
+
|
|
760
|
+
/**
|
|
761
|
+
* Recipe configuration for the Checkbox component.
|
|
762
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
763
|
+
*/
|
|
764
|
+
declare const checkboxSlotRecipe: SlotRecipeDefinition<"label" | "root" | "indicator", {
|
|
765
|
+
size: {
|
|
766
|
+
md: {
|
|
767
|
+
label: {
|
|
768
|
+
fontSize: "350";
|
|
769
|
+
fontWeight: "400";
|
|
770
|
+
lineHeight: "400";
|
|
771
|
+
};
|
|
772
|
+
indicator: {
|
|
773
|
+
w: "400";
|
|
774
|
+
h: "400";
|
|
775
|
+
zIndex: number;
|
|
776
|
+
_after: {
|
|
777
|
+
position: "absolute";
|
|
778
|
+
content: "''";
|
|
779
|
+
width: "600";
|
|
780
|
+
height: "600";
|
|
781
|
+
zIndex: number;
|
|
782
|
+
};
|
|
783
|
+
};
|
|
784
|
+
};
|
|
785
|
+
};
|
|
786
|
+
}>;
|
|
787
|
+
|
|
788
|
+
/**
|
|
789
|
+
* Combines the root props with Chakra UI's recipe variant props.
|
|
790
|
+
* This allows the component to accept both structural props from Root
|
|
791
|
+
* and styling variants from the recipe.
|
|
792
|
+
*/
|
|
793
|
+
declare type CheckboxVariantProps = CheckboxRootProps & RecipeVariantProps<typeof checkboxSlotRecipe> & AriaCheckboxProps;
|
|
794
|
+
|
|
795
|
+
/**
|
|
796
|
+
* @experimental This component is experimental and may change or be removed in future versions.
|
|
797
|
+
*/
|
|
798
|
+
export declare const Code: ForwardRefExoticComponent<CodeProps & RefAttributes<HTMLElement>>;
|
|
799
|
+
|
|
800
|
+
declare interface ColorModeProviderProps extends ThemeProviderProps {
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
export declare const ComboBox: {
|
|
804
|
+
Root: {
|
|
805
|
+
<T extends object>({ children, ref, ...props }: ComboBoxRootProps_2<T>): JSX.Element;
|
|
806
|
+
displayName: string;
|
|
807
|
+
};
|
|
808
|
+
OptionGroup: {
|
|
809
|
+
<T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
810
|
+
displayName: string;
|
|
811
|
+
};
|
|
812
|
+
Option: {
|
|
813
|
+
<T extends object>({ children, ref, ...props }: ComboBoxOptionProps_2<T>): JSX.Element;
|
|
814
|
+
displayName: string;
|
|
815
|
+
};
|
|
816
|
+
};
|
|
817
|
+
|
|
818
|
+
/** component prop interface */
|
|
819
|
+
export declare type ComboBoxButtonGroupProps = {
|
|
820
|
+
selectedKeys?: ComboBoxMultiSelectRootProps<{}>["selectedKeys"];
|
|
821
|
+
onSelectionChange?: ComboBoxMultiSelectRootProps<{}>["onSelectionChange"];
|
|
822
|
+
onInputChange?: ComboBoxMultiSelectRootProps<{}>["onInputChange"];
|
|
823
|
+
onOpenChange?: ComboBoxSingleSelectRootProps<{}>["onOpenChange"];
|
|
824
|
+
containerRef?: RefObject<HTMLDivElement | null>;
|
|
825
|
+
isOpen?: boolean;
|
|
826
|
+
isLoading?: boolean;
|
|
827
|
+
isDisabled?: boolean;
|
|
828
|
+
isReadOnly?: boolean;
|
|
829
|
+
};
|
|
830
|
+
|
|
831
|
+
/** The slot is a wrapper for multiple components,
|
|
832
|
+
* and therefore not combined with the component props
|
|
833
|
+
* because it is not used to style the component directly using asChild */
|
|
834
|
+
export declare interface ComboBoxButtonGroupSlotProps extends HTMLChakraProps<"div", RecipeProps<"buttonGroup">> {
|
|
835
|
+
}
|
|
836
|
+
|
|
837
|
+
/** MultiSelect combobox */
|
|
838
|
+
export declare interface ComboBoxMultiSelect<T extends object> extends Omit<AutocompleteProps, "children" | "filter" | "slot">, Omit<ListBoxProps<T>, "filter" | "autoFocus" | "style" | "slot"> {
|
|
839
|
+
defaultFilter?: (textValue: string, inputValue: string) => boolean;
|
|
840
|
+
defaultInputValue?: ComboBoxProps<T>["defaultInputValue"];
|
|
841
|
+
defaultItems?: ComboBoxProps<T>["defaultItems"];
|
|
842
|
+
validate?: ComboBoxProps<T>["validate"];
|
|
843
|
+
allowsCustomValue?: boolean;
|
|
844
|
+
onSubmitCustomValue?: (value: string) => void;
|
|
845
|
+
onOpenChange?: ComboBoxProps<T>["onOpenChange"];
|
|
846
|
+
autoFocus?: boolean;
|
|
847
|
+
isLoading?: boolean;
|
|
848
|
+
isDisabled?: boolean;
|
|
849
|
+
isReadOnly?: boolean;
|
|
850
|
+
isRequired?: boolean;
|
|
851
|
+
isInvalid?: boolean;
|
|
852
|
+
itemId?: string;
|
|
853
|
+
itemValue?: string;
|
|
854
|
+
placeholder?: string;
|
|
855
|
+
ref?: Ref<HTMLDivElement>;
|
|
856
|
+
size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
|
|
857
|
+
}
|
|
858
|
+
|
|
859
|
+
export declare interface ComboBoxMultiSelectInputSlotProps extends HTMLChakraProps<"input", RecipeProps<"multiSelectInput">> {
|
|
860
|
+
}
|
|
861
|
+
|
|
862
|
+
/** Combined props for the multi select root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
863
|
+
export declare interface ComboBoxMultiSelectRootProps<T extends object> extends Omit<ComboBoxMultiSelectRootSlotProps<T>, "selectionMode">, ComboBoxMultiSelect<T> {
|
|
864
|
+
ref?: Ref<HTMLDivElement>;
|
|
865
|
+
}
|
|
866
|
+
|
|
867
|
+
/** Base Chakra styling props for the root `div` slot when multi select*/
|
|
868
|
+
export declare interface ComboBoxMultiSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxMultiSelect<T>> {
|
|
869
|
+
}
|
|
870
|
+
|
|
871
|
+
/** component prop interface */
|
|
872
|
+
export declare type ComboBoxMultiSelectValueProps<T extends object> = {
|
|
873
|
+
items: ComboBoxMultiSelectRootProps<T>["items"];
|
|
874
|
+
itemId: ComboBoxMultiSelectRootProps<T>["itemId"];
|
|
875
|
+
itemValue: ComboBoxMultiSelectRootProps<T>["itemValue"];
|
|
876
|
+
selectedKeys: ComboBoxMultiSelectRootProps<T>["selectedKeys"];
|
|
877
|
+
onSelectionChange: ComboBoxMultiSelectRootProps<T>["onSelectionChange"];
|
|
878
|
+
placeholder?: string;
|
|
879
|
+
isDisabled?: boolean;
|
|
880
|
+
isReadOnly?: boolean;
|
|
881
|
+
ref?: Ref<HTMLDivElement>;
|
|
882
|
+
containerRef?: RefObject<HTMLDivElement | null>;
|
|
883
|
+
size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
|
|
884
|
+
};
|
|
885
|
+
|
|
886
|
+
export declare const _ComboBoxOption: {
|
|
887
|
+
<T extends object>({ children, ref, ...props }: ComboBoxOptionProps<T>): JSX.Element;
|
|
888
|
+
displayName: string;
|
|
889
|
+
};
|
|
890
|
+
|
|
891
|
+
export declare type ComboBoxOptionContentSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
|
|
892
|
+
|
|
893
|
+
export declare const _ComboBoxOptionGroup: {
|
|
894
|
+
<T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
895
|
+
displayName: string;
|
|
896
|
+
};
|
|
897
|
+
|
|
898
|
+
/** Combined props for the OptionGroup element (Chakra styles + Aria behavior + Recipe variants). */
|
|
899
|
+
export declare interface ComboBoxOptionGroupProps<T extends object> extends ListBoxSectionProps<T>, Omit<ComboBoxOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
|
|
900
|
+
label?: ReactNode;
|
|
901
|
+
}
|
|
902
|
+
|
|
903
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
904
|
+
declare type ComboBoxOptionGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
905
|
+
|
|
906
|
+
export declare type ComboBoxOptionIndicatorSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
|
|
907
|
+
|
|
908
|
+
/** Combined props for the ListBoxItem element (Chakra styles + Aria behavior + Recipe variants). */
|
|
909
|
+
export declare interface ComboBoxOptionProps<T extends object> extends ListBoxItemProps<T>, Omit<ComboBoxOptionSlotProps, keyof ListBoxItemProps<T>> {
|
|
910
|
+
ref?: Ref<HTMLDivElement>;
|
|
911
|
+
}
|
|
912
|
+
|
|
913
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
914
|
+
declare type ComboBoxOptionSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
915
|
+
|
|
916
|
+
/** Combined props for the ListBox element used in Single Select (Chakra styles + Aria behavior + Recipe variants) */
|
|
917
|
+
export declare interface ComboBoxOptionsProps<T extends object> extends ListBoxProps<T>, Omit<ComboBoxOptionsSlotProps, keyof ListBoxProps<T>> {
|
|
918
|
+
ref?: Ref<HTMLDivElement>;
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
922
|
+
export declare interface ComboBoxOptionsSlotProps extends HTMLChakraProps<"div", RecipeProps<"options">> {
|
|
923
|
+
}
|
|
924
|
+
|
|
925
|
+
export declare interface ComboBoxPopoverSlotProps extends HTMLChakraProps<"div", RecipeProps<"popover">> {
|
|
926
|
+
}
|
|
927
|
+
|
|
928
|
+
export declare const _ComboBoxRoot: {
|
|
929
|
+
<T extends object>({ children, ref, ...props }: ComboBoxRootProps<T>): JSX.Element;
|
|
930
|
+
displayName: string;
|
|
931
|
+
};
|
|
932
|
+
|
|
933
|
+
/** Root element can either be single or multi select */
|
|
934
|
+
export declare type ComboBoxRootProps<T extends object> = ComboBoxSingleSelectRootProps<T> | ComboBoxMultiSelectRootProps<T>;
|
|
935
|
+
|
|
936
|
+
/** Combined props for the single select root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
937
|
+
export declare interface ComboBoxSingleSelectRootProps<T extends object> extends ComboBoxSingleSelectRootSlotProps<T>, ComboBoxWithCustomChildren<T> {
|
|
938
|
+
ref?: Ref<HTMLDivElement>;
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
/** Base Chakra styling props for the root `div` slot when single select*/
|
|
942
|
+
export declare interface ComboBoxSingleSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxWithCustomChildren<T>> {
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
/**
|
|
946
|
+
* Recipe configuration for the Combobox component.
|
|
947
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
948
|
+
*/
|
|
949
|
+
declare const comboBoxSlotRecipe: SlotRecipeDefinition<"option" | "popover" | "value" | "root" | "options" | "optionGroup" | "buttonGroup" | "multiSelectInput" | "optionIndicator" | "optionContent", {
|
|
950
|
+
size: {
|
|
951
|
+
sm: {
|
|
952
|
+
value: {
|
|
953
|
+
minH: "800";
|
|
954
|
+
textStyle: "sm";
|
|
955
|
+
};
|
|
956
|
+
};
|
|
957
|
+
md: {
|
|
958
|
+
value: {
|
|
959
|
+
minH: "1000";
|
|
960
|
+
textStyle: "md";
|
|
961
|
+
};
|
|
962
|
+
};
|
|
963
|
+
};
|
|
964
|
+
variant: {
|
|
965
|
+
solid: {
|
|
966
|
+
root: {
|
|
967
|
+
width: "7200";
|
|
968
|
+
bg: "primary.1";
|
|
969
|
+
};
|
|
970
|
+
value: {
|
|
971
|
+
width: "100%";
|
|
972
|
+
"--border-width"?: "sizes.25" | undefined;
|
|
973
|
+
"--border-color"?: "colors.neutral.7" | undefined;
|
|
974
|
+
};
|
|
975
|
+
};
|
|
976
|
+
ghost: {
|
|
977
|
+
root: {
|
|
978
|
+
maxW: "7200";
|
|
979
|
+
bg?: "transparent" | undefined;
|
|
980
|
+
"&:hover"?: {
|
|
981
|
+
bg: "primaryAlpha.2";
|
|
982
|
+
} | undefined;
|
|
983
|
+
};
|
|
984
|
+
value: {
|
|
985
|
+
bg: "transparent";
|
|
986
|
+
"--border-width"?: "sizes.25" | undefined;
|
|
987
|
+
"--border-color"?: "transparent" | undefined;
|
|
988
|
+
};
|
|
989
|
+
};
|
|
990
|
+
};
|
|
991
|
+
selectionMode: {
|
|
992
|
+
multiple: {
|
|
993
|
+
options: {
|
|
994
|
+
boxShadow: "none";
|
|
995
|
+
px: "200";
|
|
996
|
+
my: "200";
|
|
997
|
+
minW: "unset";
|
|
998
|
+
"& section:first-of-type > header": {
|
|
999
|
+
mt: number;
|
|
1000
|
+
};
|
|
1001
|
+
};
|
|
1002
|
+
option: {
|
|
1003
|
+
colorPalette: "primary";
|
|
1004
|
+
display: "flex";
|
|
1005
|
+
alignItems: "flex-start";
|
|
1006
|
+
justifyContent: "center";
|
|
1007
|
+
position: "relative";
|
|
1008
|
+
cursor: "pointer";
|
|
1009
|
+
gap: "200";
|
|
1010
|
+
mb: "var(--focus-ring-width)";
|
|
1011
|
+
"&:last-of-type": {
|
|
1012
|
+
mb: number;
|
|
1013
|
+
};
|
|
1014
|
+
'&[aria-selected="true"]': {
|
|
1015
|
+
bg: "unset";
|
|
1016
|
+
};
|
|
1017
|
+
'&[data-focused="true"]': {
|
|
1018
|
+
outlineWidth: "var(--focus-ring-width)";
|
|
1019
|
+
outlineColor: "var(--focus-ring-color)";
|
|
1020
|
+
outlineStyle: "var(--focus-ring-style)";
|
|
1021
|
+
bg: "unset";
|
|
1022
|
+
};
|
|
1023
|
+
_hover: {
|
|
1024
|
+
bg: "primary.2";
|
|
1025
|
+
};
|
|
1026
|
+
};
|
|
1027
|
+
};
|
|
1028
|
+
single: {};
|
|
1029
|
+
none: {};
|
|
1030
|
+
};
|
|
1031
|
+
}>;
|
|
1032
|
+
|
|
1033
|
+
/** The slot is a wrapper for multiple components,
|
|
1034
|
+
* and therefore not combined with the component props
|
|
1035
|
+
* because it is not used to style the component directly using asChild */
|
|
1036
|
+
export declare interface ComboBoxValueSlotProps extends HTMLChakraProps<"div", RecipeProps<"value">> {
|
|
1037
|
+
}
|
|
1038
|
+
|
|
1039
|
+
/** ComboBox with overridden children prop based on expected dom structure. */
|
|
1040
|
+
declare type ComboBoxWithCustomChildren<T extends object> = Omit<ComboBoxProps<T>, "children"> & {
|
|
1041
|
+
onSubmitCustomValue?: (value: string) => void;
|
|
1042
|
+
renderEmptyState?: ListBoxProps<T>["renderEmptyState"];
|
|
1043
|
+
placeholder?: string;
|
|
1044
|
+
isLoading?: boolean;
|
|
1045
|
+
children: ReactNode | ((item: T) => default_2.ReactNode);
|
|
1046
|
+
ref?: Ref<HTMLDivElement>;
|
|
1047
|
+
};
|
|
1048
|
+
|
|
1049
|
+
/**
|
|
1050
|
+
* Properties from TimeFieldStateOptions that would conflict with similarly named
|
|
1051
|
+
* properties in TimeInputRootProps. We use this to prevent TypeScript interface
|
|
1052
|
+
* merging conflicts by prioritizing the TimeFieldStateOptions implementation.
|
|
1053
|
+
*
|
|
1054
|
+
* Examples include: value, defaultValue, onChange, onBlur, onFocus, etc.
|
|
1055
|
+
*/
|
|
1056
|
+
declare type ConflictingFieldStateProps = keyof TimeFieldStateOptions<TimeValue>;
|
|
1057
|
+
|
|
1058
|
+
/**
|
|
1059
|
+
* Properties from DatePickerStateOptions that would conflict with similarly named
|
|
1060
|
+
* properties in DateInputProps. We use this to prevent TypeScript interface
|
|
1061
|
+
* merging conflicts by prioritizing the DatePickerStateOptions implementation.
|
|
1062
|
+
*/
|
|
1063
|
+
declare type ConflictingPickerStateProps = keyof DatePickerStateOptions<DateValue>;
|
|
1064
|
+
|
|
1065
|
+
/**
|
|
1066
|
+
* DateInput
|
|
1067
|
+
* ============================================================
|
|
1068
|
+
* allows entering a date in the currently selected locale
|
|
1069
|
+
*/
|
|
1070
|
+
export declare const DateInput: {
|
|
1071
|
+
(props: DateInputProps): JSX.Element;
|
|
1072
|
+
displayName: string;
|
|
1073
|
+
};
|
|
1074
|
+
|
|
1075
|
+
/**
|
|
1076
|
+
* Main props interface for the DateInput component.
|
|
1077
|
+
*
|
|
1078
|
+
* We use the same pattern as TextInput to avoid type conflicts:
|
|
1079
|
+
* 1. Start with DateFieldProps as the base
|
|
1080
|
+
* 2. Merge with DateInputRootProps, excluding conflicting keys
|
|
1081
|
+
* 3. Add recipe variant props
|
|
1082
|
+
*/
|
|
1083
|
+
export declare interface DateInputProps extends DateFieldProps<DateValue>, Omit<DateInputRootProps, keyof DateFieldProps<DateValue> | ExcludedProps_2>, RecipeVariantProps<typeof dateInputSlotRecipe> {
|
|
1084
|
+
}
|
|
1085
|
+
|
|
1086
|
+
/**
|
|
1087
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1088
|
+
* with the unstyled prop option for the div element.
|
|
1089
|
+
*/
|
|
1090
|
+
declare interface DateInputRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
1091
|
+
}
|
|
1092
|
+
|
|
1093
|
+
/**
|
|
1094
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1095
|
+
* This creates a complete set of props for the root element, combining
|
|
1096
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1097
|
+
*/
|
|
1098
|
+
declare interface DateInputRootProps extends HTMLChakraProps<"div", DateInputRecipeProps> {
|
|
1099
|
+
}
|
|
1100
|
+
|
|
1101
|
+
/**
|
|
1102
|
+
* Recipe configuration for the DateInput component.
|
|
1103
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1104
|
+
*/
|
|
1105
|
+
declare const dateInputSlotRecipe: SlotRecipeDefinition<"root" | "segmentGroup" | "segment", {
|
|
1106
|
+
size: {
|
|
1107
|
+
sm: {
|
|
1108
|
+
segmentGroup: {
|
|
1109
|
+
h: number;
|
|
1110
|
+
textStyle: "sm";
|
|
1111
|
+
px: number;
|
|
1112
|
+
};
|
|
1113
|
+
};
|
|
1114
|
+
md: {
|
|
1115
|
+
segmentGroup: {
|
|
1116
|
+
h: number;
|
|
1117
|
+
textStyle: "md";
|
|
1118
|
+
px: number;
|
|
1119
|
+
};
|
|
1120
|
+
};
|
|
1121
|
+
};
|
|
1122
|
+
variant: {
|
|
1123
|
+
solid: {
|
|
1124
|
+
segmentGroup: {
|
|
1125
|
+
"--border-width": "sizes.25";
|
|
1126
|
+
"--border-color": "colors.neutral.7";
|
|
1127
|
+
backgroundColor: "neutral.1";
|
|
1128
|
+
_hover: {
|
|
1129
|
+
backgroundColor: "primary.2";
|
|
1130
|
+
};
|
|
1131
|
+
};
|
|
1132
|
+
};
|
|
1133
|
+
ghost: {
|
|
1134
|
+
segmentGroup: {
|
|
1135
|
+
_hover: {
|
|
1136
|
+
backgroundColor: "primary.2";
|
|
1137
|
+
};
|
|
1138
|
+
};
|
|
1139
|
+
};
|
|
1140
|
+
};
|
|
1141
|
+
}>;
|
|
1142
|
+
|
|
1143
|
+
/**
|
|
1144
|
+
* DatePicker
|
|
1145
|
+
* ============================================================
|
|
1146
|
+
* Combines a DateInput with a Calendar popover for date selection.
|
|
1147
|
+
* Users can either type a date directly or select from the calendar.
|
|
1148
|
+
*/
|
|
1149
|
+
export declare const DatePicker: {
|
|
1150
|
+
(props: DatePickerProps): JSX.Element;
|
|
1151
|
+
displayName: string;
|
|
1152
|
+
};
|
|
1153
|
+
|
|
1154
|
+
/**
|
|
1155
|
+
* Main props interface for the DatePicker component.
|
|
1156
|
+
*
|
|
1157
|
+
* We use Omit to remove:
|
|
1158
|
+
* 1. Conflicting props from DateInputProps to avoid TypeScript errors
|
|
1159
|
+
* 2. Explicitly excluded props that we don't want users to access
|
|
1160
|
+
*/
|
|
1161
|
+
export declare interface DatePickerProps extends Omit<DateInputProps, ConflictingPickerStateProps | ExcludedProps_4>, Omit<DatePickerStateOptions<DateValue>, ExcludedProps_4>, RecipeVariantProps<typeof datePickerSlotRecipe> {
|
|
1162
|
+
/**
|
|
1163
|
+
* Whether the calendar popover should be open by default (uncontrolled).
|
|
1164
|
+
*/
|
|
1165
|
+
defaultOpen?: boolean;
|
|
1166
|
+
/**
|
|
1167
|
+
* Whether the calendar popover is open (controlled).
|
|
1168
|
+
*/
|
|
1169
|
+
isOpen?: boolean;
|
|
1170
|
+
/**
|
|
1171
|
+
* Handler that is called when the calendar popover's open state changes.
|
|
1172
|
+
*/
|
|
1173
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
1174
|
+
}
|
|
1175
|
+
|
|
1176
|
+
/**
|
|
1177
|
+
* Recipe configuration for the DatePicker component.
|
|
1178
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1179
|
+
*/
|
|
1180
|
+
declare const datePickerSlotRecipe: SlotRecipeDefinition<"popover" | "group" | "root" | "trigger" | "calendar" | "calendarHeader" | "calendarGrid" | "calendarCell", {
|
|
1181
|
+
size: {
|
|
1182
|
+
sm: {
|
|
1183
|
+
group: {
|
|
1184
|
+
"& .nimbus-date-input__root": {
|
|
1185
|
+
mr: "1400";
|
|
1186
|
+
};
|
|
1187
|
+
};
|
|
1188
|
+
trigger: {
|
|
1189
|
+
top: "50";
|
|
1190
|
+
};
|
|
1191
|
+
};
|
|
1192
|
+
md: {
|
|
1193
|
+
group: {
|
|
1194
|
+
"& .nimbus-date-input__root": {
|
|
1195
|
+
mr: "calc({spacing.1600} + {spacing.200})";
|
|
1196
|
+
};
|
|
1197
|
+
};
|
|
1198
|
+
trigger: {
|
|
1199
|
+
top: "100";
|
|
1200
|
+
};
|
|
1201
|
+
};
|
|
1202
|
+
};
|
|
1203
|
+
variant: {
|
|
1204
|
+
solid: {};
|
|
1205
|
+
ghost: {};
|
|
1206
|
+
};
|
|
1207
|
+
}>;
|
|
1208
|
+
|
|
1209
|
+
/**
|
|
1210
|
+
* @experimental This component is experimental and may change or be removed in future versions.
|
|
1211
|
+
*/
|
|
1212
|
+
export declare const Dialog: DialogComponents;
|
|
1213
|
+
|
|
1214
|
+
declare interface DialogComponents {
|
|
1215
|
+
Root: typeof Dialog_2.Root;
|
|
1216
|
+
Trigger: typeof Dialog_2.Trigger;
|
|
1217
|
+
Content: typeof DialogContent;
|
|
1218
|
+
Backdrop: typeof Dialog_2.Backdrop;
|
|
1219
|
+
Positioner: typeof Dialog_2.Positioner;
|
|
1220
|
+
Title: typeof Dialog_2.Title;
|
|
1221
|
+
Description: typeof Dialog_2.Description;
|
|
1222
|
+
Body: typeof Dialog_2.Body;
|
|
1223
|
+
Footer: typeof Dialog_2.Footer;
|
|
1224
|
+
Header: typeof Dialog_2.Header;
|
|
1225
|
+
CloseTrigger: typeof Dialog_2.CloseTrigger;
|
|
1226
|
+
ActionTrigger: typeof Dialog_2.ActionTrigger;
|
|
1227
|
+
}
|
|
1228
|
+
|
|
1229
|
+
declare const DialogContent: (props: DialogContentProps) => JSX.Element;
|
|
1230
|
+
|
|
1231
|
+
declare interface DialogContentProps extends Dialog_2.ContentProps {
|
|
1232
|
+
portalled?: boolean;
|
|
1233
|
+
portalRef?: React.RefObject<HTMLElement>;
|
|
1234
|
+
backdrop?: boolean;
|
|
1235
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1236
|
+
}
|
|
1237
|
+
|
|
1238
|
+
export declare type DisclosureGroupProps = AccordionProps & {
|
|
1239
|
+
children: ReactNode;
|
|
1240
|
+
ref?: RefAttributes<HTMLButtonElement>;
|
|
1241
|
+
allowsMultipleExpanded?: boolean;
|
|
1242
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
1243
|
+
isDisabled?: boolean;
|
|
1244
|
+
isExpanded?: boolean;
|
|
1245
|
+
};
|
|
1246
|
+
|
|
1247
|
+
export declare type DisclosureItemProps = AccordionItemProps & {
|
|
1248
|
+
children: ReactNode;
|
|
1249
|
+
id?: string;
|
|
1250
|
+
value?: string;
|
|
1251
|
+
isDisabled?: boolean;
|
|
1252
|
+
isExpanded?: boolean;
|
|
1253
|
+
onExpandedChange?: (isExpanded: boolean) => void;
|
|
1254
|
+
};
|
|
1255
|
+
|
|
1256
|
+
declare type ExcludedNumberInputProps = "asChild" | "onChange";
|
|
1257
|
+
|
|
1258
|
+
/**
|
|
1259
|
+
* Additional properties we want to exclude from the TimeInput component.
|
|
1260
|
+
* These are either deprecated or not intended for use in this component.
|
|
1261
|
+
*/
|
|
1262
|
+
declare type ExcludedProps = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
1263
|
+
|
|
1264
|
+
/**
|
|
1265
|
+
* Additional properties we want to exclude from the DateInput component.
|
|
1266
|
+
* These are either deprecated or not intended for use in this component.
|
|
1267
|
+
*/
|
|
1268
|
+
declare type ExcludedProps_2 = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
1269
|
+
|
|
1270
|
+
/**
|
|
1271
|
+
* Additional properties we want to exclude from the TimeInput component.
|
|
1272
|
+
* These are either deprecated or not intended for use in this component.
|
|
1273
|
+
*/
|
|
1274
|
+
declare type ExcludedProps_3 = "as" | "asChild" | "style" | "createCalendar";
|
|
1275
|
+
|
|
1276
|
+
/**
|
|
1277
|
+
* Additional properties we want to exclude from the DatePicker component.
|
|
1278
|
+
* These are either deprecated or not intended for use in this component.
|
|
1279
|
+
*/
|
|
1280
|
+
declare type ExcludedProps_4 = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
1281
|
+
|
|
1282
|
+
/**
|
|
1283
|
+
* List of props that should be excluded from the root props when combining with ARIA props
|
|
1284
|
+
*/
|
|
1285
|
+
declare type ExcludedSwitchProps = "asChild" | "isIndeterminate" | "colorScheme" | "validationState" | "validationBehavior" | "validate";
|
|
1286
|
+
|
|
1287
|
+
/**
|
|
1288
|
+
* For use in components that use the polymorphic `as` and `asChild` props
|
|
1289
|
+
* internally, but do not make them available to the consumer.
|
|
1290
|
+
*
|
|
1291
|
+
* Long rambling background:
|
|
1292
|
+
* React-Aria's components cannot be configured to use `as` and `asChild` internally,
|
|
1293
|
+
* and cannot be directly styled by chakra's styledSystem. Therefore components
|
|
1294
|
+
* from `react-aria-components` should be wrapped in a chakra `withContext`
|
|
1295
|
+
* root component to set the styles onto the `r-a-c` component using `asChild`.
|
|
1296
|
+
* This means that we need to allow polymorphism internally, but should not
|
|
1297
|
+
* allow it in the external props api since it would not work.
|
|
1298
|
+
*/
|
|
1299
|
+
declare type ExcludePolymorphicFromProps<T> = Omit<T, "as" | "asChild">;
|
|
1300
|
+
|
|
1301
|
+
export { Flex }
|
|
1302
|
+
|
|
1303
|
+
export declare const FormField: {
|
|
1304
|
+
Root: ForwardRefExoticComponent<FormFieldProps_2 & RefAttributes<HTMLDivElement>>;
|
|
1305
|
+
Label: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps) => null;
|
|
1306
|
+
Input: ({ children, ...inputSlotProps }: FormFieldInputSlotProps) => null;
|
|
1307
|
+
Description: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps) => null;
|
|
1308
|
+
Error: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps) => null;
|
|
1309
|
+
InfoBox: ({ children }: {
|
|
1310
|
+
children: ReactNode;
|
|
1311
|
+
}) => null;
|
|
1312
|
+
};
|
|
1313
|
+
|
|
1314
|
+
export declare const _FormFieldDescription: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps_2) => null;
|
|
1315
|
+
|
|
1316
|
+
declare interface FormFieldDescriptionSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1317
|
+
}
|
|
1318
|
+
|
|
1319
|
+
export declare const _FormFieldError: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps_2) => null;
|
|
1320
|
+
|
|
1321
|
+
declare interface FormFieldErrorSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1322
|
+
}
|
|
1323
|
+
|
|
1324
|
+
export declare const _FormFieldInfoBox: ({ children }: FormFieldInfoBoxProps) => null;
|
|
1325
|
+
|
|
1326
|
+
declare type FormFieldInfoBoxProps = {
|
|
1327
|
+
/**
|
|
1328
|
+
* The content to display in the InfoBox
|
|
1329
|
+
*/
|
|
1330
|
+
children: ReactNode;
|
|
1331
|
+
};
|
|
1332
|
+
|
|
1333
|
+
export declare const _FormFieldInput: ({ children, ...inputSlotProps }: FormFieldInputSlotProps_2) => null;
|
|
1334
|
+
|
|
1335
|
+
declare interface FormFieldInputSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1336
|
+
}
|
|
1337
|
+
|
|
1338
|
+
export declare const _FormFieldLabel: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps_2) => null;
|
|
1339
|
+
|
|
1340
|
+
declare interface FormFieldLabelSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1341
|
+
}
|
|
1342
|
+
|
|
1343
|
+
/**
|
|
1344
|
+
* Main props interface for the FormField component.
|
|
1345
|
+
* Extends FormFieldVariantProps to include both root props and variant props,
|
|
1346
|
+
* while adding support for React children.
|
|
1347
|
+
*/
|
|
1348
|
+
export declare interface FormFieldProps extends FormFieldRootSlotProps {
|
|
1349
|
+
children?: React.ReactNode;
|
|
1350
|
+
/** true if the field is a required field */
|
|
1351
|
+
isRequired?: boolean;
|
|
1352
|
+
/** true if the field is invalid */
|
|
1353
|
+
isInvalid?: boolean;
|
|
1354
|
+
/** true if the field is disabled */
|
|
1355
|
+
isDisabled?: boolean;
|
|
1356
|
+
/** true, if the field is read only */
|
|
1357
|
+
isReadOnly?: boolean;
|
|
1358
|
+
}
|
|
1359
|
+
|
|
1360
|
+
/**
|
|
1361
|
+
* Recipe configuration for the FormField component.
|
|
1362
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1363
|
+
*/
|
|
1364
|
+
declare const formFieldRecipe: SlotRecipeDefinition<"input" | "label" | "popover" | "description" | "root" | "error", {
|
|
1365
|
+
size: {
|
|
1366
|
+
md: {
|
|
1367
|
+
root: {
|
|
1368
|
+
"--form-field-font-size": "fontSizes.350";
|
|
1369
|
+
"--form-field-line-height": "lineHeights.500";
|
|
1370
|
+
};
|
|
1371
|
+
};
|
|
1372
|
+
sm: {
|
|
1373
|
+
root: {
|
|
1374
|
+
"--form-field-font-size": "fontSizes.300";
|
|
1375
|
+
"--form-field-line-height": "lineHeights.450";
|
|
1376
|
+
};
|
|
1377
|
+
};
|
|
1378
|
+
};
|
|
1379
|
+
direction: {
|
|
1380
|
+
column: {
|
|
1381
|
+
root: {
|
|
1382
|
+
gridTemplateAreas: "\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n";
|
|
1383
|
+
};
|
|
1384
|
+
input: {
|
|
1385
|
+
mt: "var(--grid-gap)";
|
|
1386
|
+
};
|
|
1387
|
+
description: {
|
|
1388
|
+
mt: "var(--grid-gap)";
|
|
1389
|
+
};
|
|
1390
|
+
error: {
|
|
1391
|
+
mt: "var(--grid-gap)";
|
|
1392
|
+
};
|
|
1393
|
+
};
|
|
1394
|
+
row: {
|
|
1395
|
+
root: {
|
|
1396
|
+
gridTemplateAreas: "\n\"label input\"\n\"label description\"\n\"label error\"\n";
|
|
1397
|
+
gridTemplateColumns: "auto 1fr";
|
|
1398
|
+
gridColumnGap: "200";
|
|
1399
|
+
};
|
|
1400
|
+
description: {
|
|
1401
|
+
mt: "var(--grid-gap)";
|
|
1402
|
+
};
|
|
1403
|
+
error: {
|
|
1404
|
+
mt: "var(--grid-gap)";
|
|
1405
|
+
};
|
|
1406
|
+
};
|
|
1407
|
+
};
|
|
1408
|
+
}>;
|
|
1409
|
+
|
|
1410
|
+
/**
|
|
1411
|
+
* FormField
|
|
1412
|
+
* ============================================================
|
|
1413
|
+
* displays inputs in a FormField context
|
|
1414
|
+
*/
|
|
1415
|
+
export declare const _FormFieldRoot: ForwardRefExoticComponent<FormFieldProps & RefAttributes<HTMLDivElement>>;
|
|
1416
|
+
|
|
1417
|
+
declare interface FormFieldRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp> {
|
|
1418
|
+
}
|
|
1419
|
+
|
|
1420
|
+
declare type FunctionalAvatarProps = AvatarRootProps & AvatarComponentProps;
|
|
1421
|
+
|
|
1422
|
+
/** combine chakra-button props with aria-button props */
|
|
1423
|
+
declare type FunctionalButtonProps = AriaButtonProps & Omit<ButtonRootProps, keyof AriaButtonProps | "slot"> & {
|
|
1424
|
+
[key: `data-${string}`]: unknown;
|
|
1425
|
+
};
|
|
1426
|
+
|
|
1427
|
+
export declare const Grid: {
|
|
1428
|
+
(props: GridProps): JSX.Element;
|
|
1429
|
+
displayName: string;
|
|
1430
|
+
} & {
|
|
1431
|
+
Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
|
|
1432
|
+
};
|
|
1433
|
+
|
|
1434
|
+
/**
|
|
1435
|
+
* Grid
|
|
1436
|
+
* ============================================================
|
|
1437
|
+
* The Grid Layout Component provides a flexible and responsive way to structure content using a two-dimensional grid system. It allows elements to be arranged in rows and columns, enabling dynamic and efficient layouts for different screen sizes.
|
|
1438
|
+
*
|
|
1439
|
+
* Features:
|
|
1440
|
+
*
|
|
1441
|
+
* - allows forwarding refs to the underlying DOM element
|
|
1442
|
+
*/
|
|
1443
|
+
export declare interface GridProps extends GridProps_2 {
|
|
1444
|
+
children?: React.ReactNode;
|
|
1445
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1446
|
+
}
|
|
1447
|
+
|
|
1448
|
+
export { Heading }
|
|
1449
|
+
|
|
1450
|
+
/**
|
|
1451
|
+
* Icon
|
|
1452
|
+
* displays icon components
|
|
1453
|
+
*/
|
|
1454
|
+
export declare const Icon: {
|
|
1455
|
+
(props: IconProps): JSX.Element;
|
|
1456
|
+
displayName: string;
|
|
1457
|
+
};
|
|
1458
|
+
|
|
1459
|
+
/**
|
|
1460
|
+
* IconButton
|
|
1461
|
+
* ============================================================
|
|
1462
|
+
* displays a button with only an icon as child. It is based
|
|
1463
|
+
* on the regular `Button` component, but with a few adjustments.
|
|
1464
|
+
*/
|
|
1465
|
+
export declare const IconButton: {
|
|
1466
|
+
(props: IconButtonProps): JSX.Element;
|
|
1467
|
+
displayName: string;
|
|
1468
|
+
};
|
|
1469
|
+
|
|
1470
|
+
/**
|
|
1471
|
+
* Main props interface for the IconButton component.
|
|
1472
|
+
*/
|
|
1473
|
+
export declare interface IconButtonProps extends ButtonProps {
|
|
1474
|
+
/** explains the intended action, required for accessibility */
|
|
1475
|
+
"aria-label": string;
|
|
1476
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
1477
|
+
}
|
|
1478
|
+
|
|
1479
|
+
/**
|
|
1480
|
+
* Main props interface for the Icon component.
|
|
1481
|
+
* Extends IconVariantProps to include both root props and variant props,
|
|
1482
|
+
* while adding support for React children.
|
|
1483
|
+
*/
|
|
1484
|
+
export declare interface IconProps extends IconVariantProps {
|
|
1485
|
+
/**
|
|
1486
|
+
* Accepts only a single child - an icon-component or SVG html-element.
|
|
1487
|
+
* Alternatively, as shorthand, use the `as` property.
|
|
1488
|
+
*/
|
|
1489
|
+
children?: React.ReactNode;
|
|
1490
|
+
/**
|
|
1491
|
+
* Colors the icon, accepts a color token from the theme or a custom value
|
|
1492
|
+
*/
|
|
1493
|
+
color?: BoxProps["color"];
|
|
1494
|
+
/**
|
|
1495
|
+
* Accepts a React component to be rendered as the icon .
|
|
1496
|
+
*/
|
|
1497
|
+
as?: BoxProps["as"];
|
|
1498
|
+
/**
|
|
1499
|
+
* Ref to the icon element
|
|
1500
|
+
*/
|
|
1501
|
+
ref?: React.Ref<SVGSVGElement>;
|
|
1502
|
+
}
|
|
1503
|
+
|
|
1504
|
+
/**
|
|
1505
|
+
* Recipe configuration for the Icon component.
|
|
1506
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1507
|
+
*/
|
|
1508
|
+
declare const iconRecipe: RecipeDefinition< {
|
|
1509
|
+
/**
|
|
1510
|
+
* allows applying a predefined size to the icon
|
|
1511
|
+
*/
|
|
1512
|
+
size: {
|
|
1513
|
+
"2xs": {
|
|
1514
|
+
boxSize: "600";
|
|
1515
|
+
};
|
|
1516
|
+
xs: {
|
|
1517
|
+
boxSize: "800";
|
|
1518
|
+
};
|
|
1519
|
+
sm: {
|
|
1520
|
+
boxSize: "900";
|
|
1521
|
+
};
|
|
1522
|
+
md: {
|
|
1523
|
+
boxSize: "1000";
|
|
1524
|
+
};
|
|
1525
|
+
lg: {
|
|
1526
|
+
boxSize: "1200";
|
|
1527
|
+
};
|
|
1528
|
+
xl: {
|
|
1529
|
+
boxSize: "1400";
|
|
1530
|
+
};
|
|
1531
|
+
};
|
|
1532
|
+
}>;
|
|
1533
|
+
|
|
1534
|
+
/**
|
|
1535
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1536
|
+
* with the unstyled prop option for the svg element.
|
|
1537
|
+
*/
|
|
1538
|
+
declare interface IconRecipeProps extends RecipeProps<"svg">, UnstyledProp {
|
|
1539
|
+
}
|
|
1540
|
+
|
|
1541
|
+
/**
|
|
1542
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1543
|
+
* This creates a complete set of props for the root element, combining
|
|
1544
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1545
|
+
*/
|
|
1546
|
+
declare interface IconRootSlotProps extends HTMLChakraProps<"svg", IconRecipeProps> {
|
|
1547
|
+
}
|
|
1548
|
+
|
|
1549
|
+
/**
|
|
1550
|
+
* Combines the root props with Chakra UI's recipe variant props.
|
|
1551
|
+
* This allows the component to accept both structural props from Root
|
|
1552
|
+
* and styling variants from the recipe.
|
|
1553
|
+
*/
|
|
1554
|
+
declare type IconVariantProps = Omit<IconRootSlotProps, keyof React.SVGProps<SVGSVGElement> | "css" | "unstyled" | "asChild" | "recipe"> & RecipeVariantProps<typeof iconRecipe>;
|
|
1555
|
+
|
|
1556
|
+
/**
|
|
1557
|
+
* Image
|
|
1558
|
+
*
|
|
1559
|
+
* Use this component to display an image.
|
|
1560
|
+
*/
|
|
1561
|
+
declare const Image_2: {
|
|
1562
|
+
(props: ImageProps): JSX.Element;
|
|
1563
|
+
displayName: string;
|
|
1564
|
+
};
|
|
1565
|
+
export { Image_2 as Image }
|
|
1566
|
+
|
|
1567
|
+
export declare interface ImageProps extends ImageProps_2 {
|
|
1568
|
+
}
|
|
1569
|
+
|
|
1570
|
+
/**
|
|
1571
|
+
* @experimental This component is experimental and may change or be removed in future versions.
|
|
1572
|
+
*/
|
|
1573
|
+
export declare const Kbd: ForwardRefExoticComponent<KbdProps & RefAttributes<HTMLElement>>;
|
|
1574
|
+
|
|
1575
|
+
/**
|
|
1576
|
+
* Link
|
|
1577
|
+
* ============================================================
|
|
1578
|
+
* To allow a user to navigate to a different page or resource
|
|
1579
|
+
*
|
|
1580
|
+
* Features:
|
|
1581
|
+
*
|
|
1582
|
+
* - allows forwarding refs to the underlying DOM element
|
|
1583
|
+
* - accepts all native html 'HTMLAnchorElement' attributes (including aria- & data-attributes)
|
|
1584
|
+
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
1585
|
+
* - allows overriding styles by using style-props
|
|
1586
|
+
* - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
|
|
1587
|
+
*/
|
|
1588
|
+
export declare const Link: {
|
|
1589
|
+
(props: LinkProps): JSX.Element;
|
|
1590
|
+
displayName: string;
|
|
1591
|
+
};
|
|
1592
|
+
|
|
1593
|
+
/**
|
|
1594
|
+
* Main props interface for the Link component.
|
|
1595
|
+
* Extends LinkVariantProps to include both root props and variant props,
|
|
1596
|
+
* while adding support for React children.
|
|
1597
|
+
*/
|
|
1598
|
+
export declare interface LinkProps extends LinkVariantProps {
|
|
1599
|
+
children?: React.ReactNode;
|
|
1600
|
+
ref?: React.Ref<HTMLAnchorElement>;
|
|
1601
|
+
}
|
|
1602
|
+
|
|
1603
|
+
/**
|
|
1604
|
+
* Recipe configuration for the Link component.
|
|
1605
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1606
|
+
*/
|
|
1607
|
+
declare const linkRecipe: RecipeDefinition< {
|
|
1608
|
+
size: {
|
|
1609
|
+
xs: {
|
|
1610
|
+
fontSize: "300";
|
|
1611
|
+
lineHeight: "450";
|
|
1612
|
+
};
|
|
1613
|
+
sm: {
|
|
1614
|
+
fontSize: "350";
|
|
1615
|
+
lineHeight: "500";
|
|
1616
|
+
};
|
|
1617
|
+
md: {
|
|
1618
|
+
fontSize: "400";
|
|
1619
|
+
lineHeight: "600";
|
|
1620
|
+
};
|
|
1621
|
+
};
|
|
1622
|
+
fontColor: {
|
|
1623
|
+
primary: {
|
|
1624
|
+
color: "primary";
|
|
1625
|
+
};
|
|
1626
|
+
inherit: {
|
|
1627
|
+
color: "inherit";
|
|
1628
|
+
};
|
|
1629
|
+
};
|
|
1630
|
+
}>;
|
|
1631
|
+
|
|
1632
|
+
/**
|
|
1633
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1634
|
+
* with the unstyled prop option for the a element.
|
|
1635
|
+
*/
|
|
1636
|
+
declare interface LinkRecipeProps extends RecipeProps<"a">, UnstyledProp {
|
|
1637
|
+
}
|
|
1638
|
+
|
|
1639
|
+
/**
|
|
1640
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1641
|
+
* This creates a complete set of props for the root element, combining
|
|
1642
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1643
|
+
*/
|
|
1644
|
+
declare type LinkRootProps = HTMLChakraProps<"a", LinkRecipeProps>;
|
|
1645
|
+
|
|
1646
|
+
/**
|
|
1647
|
+
* Combines the root props with Chakra UI's recipe variant props.
|
|
1648
|
+
* This allows the component to accept both structural props from Root
|
|
1649
|
+
* and styling variants from the recipe.
|
|
1650
|
+
*
|
|
1651
|
+
* Differences between LinkRootProps and LinkVariantProps necessitate
|
|
1652
|
+
* the use of Omit and Pick to ensure the correct props are passed
|
|
1653
|
+
*/
|
|
1654
|
+
declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur" | "onClick"> & Pick<AriaLinkOptions, "onFocus" | "onBlur" | "onClick"> & RecipeVariantProps<typeof linkRecipe> & {
|
|
1655
|
+
[key: `data-${string}`]: string;
|
|
1656
|
+
};
|
|
1657
|
+
|
|
1658
|
+
/**
|
|
1659
|
+
* @experimental This component is experimental and may change or be removed in future versions.
|
|
1660
|
+
*/
|
|
1661
|
+
export declare const List: {
|
|
1662
|
+
Root: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
|
|
1663
|
+
Item: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
|
|
1664
|
+
Indicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
1665
|
+
};
|
|
1666
|
+
|
|
1667
|
+
export declare const _ListIndicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
1668
|
+
|
|
1669
|
+
export declare const _ListItem: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
|
|
1670
|
+
|
|
1671
|
+
export declare const _ListRoot: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
|
|
1672
|
+
|
|
1673
|
+
/**
|
|
1674
|
+
* LoadingSpinner
|
|
1675
|
+
* ============================================================
|
|
1676
|
+
* Indicates ongoing processes or loading states
|
|
1677
|
+
*/
|
|
1678
|
+
export declare const LoadingSpinner: {
|
|
1679
|
+
(props: LoadingSpinnerProps): JSX.Element;
|
|
1680
|
+
displayName: string;
|
|
1681
|
+
};
|
|
1682
|
+
|
|
1683
|
+
/**
|
|
1684
|
+
* Main props interface for the LoadingSpinner component.
|
|
1685
|
+
* Extends LoadingSpinnerVariantProps to include both root props and variant props,
|
|
1686
|
+
* while adding support for React children.
|
|
1687
|
+
*/
|
|
1688
|
+
export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps & {
|
|
1689
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
1690
|
+
};
|
|
1691
|
+
|
|
1692
|
+
/**
|
|
1693
|
+
* Recipe configuration for the LoadingSpinner component.
|
|
1694
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1695
|
+
*/
|
|
1696
|
+
declare const loadingSpinnerRecipe: RecipeDefinition< {
|
|
1697
|
+
size: {
|
|
1698
|
+
"2xs": {
|
|
1699
|
+
width: "350";
|
|
1700
|
+
height: "350";
|
|
1701
|
+
};
|
|
1702
|
+
xs: {
|
|
1703
|
+
width: "500";
|
|
1704
|
+
height: "500";
|
|
1705
|
+
};
|
|
1706
|
+
sm: {
|
|
1707
|
+
width: "600";
|
|
1708
|
+
height: "600";
|
|
1709
|
+
};
|
|
1710
|
+
md: {
|
|
1711
|
+
width: "800";
|
|
1712
|
+
height: "800";
|
|
1713
|
+
};
|
|
1714
|
+
lg: {
|
|
1715
|
+
width: "1000";
|
|
1716
|
+
height: "1000";
|
|
1717
|
+
};
|
|
1718
|
+
};
|
|
1719
|
+
tone: {
|
|
1720
|
+
primary: {
|
|
1721
|
+
colorPalette: "ctvioletAlpha";
|
|
1722
|
+
};
|
|
1723
|
+
white: {
|
|
1724
|
+
colorPalette: "whiteAlpha";
|
|
1725
|
+
};
|
|
1726
|
+
};
|
|
1727
|
+
}>;
|
|
1728
|
+
|
|
1729
|
+
/**
|
|
1730
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1731
|
+
* with the unstyled prop option for the div element.
|
|
1732
|
+
*/
|
|
1733
|
+
declare interface LoadingSpinnerRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
1734
|
+
}
|
|
1735
|
+
|
|
1736
|
+
/**
|
|
1737
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1738
|
+
* This creates a complete set of props for the root element, combining
|
|
1739
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1740
|
+
*/
|
|
1741
|
+
declare type LoadingSpinnerRootProps = Omit<HTMLChakraProps<"div", LoadingSpinnerRecipeProps>, "as" | "asChild">;
|
|
1742
|
+
|
|
1743
|
+
/**
|
|
1744
|
+
* Combines the root props with Chakra UI's recipe variant props and Aria's progress bar props.
|
|
1745
|
+
*
|
|
1746
|
+
* This allows the component to accept both structural props from Root
|
|
1747
|
+
* and styling variants from the recipe.
|
|
1748
|
+
*/
|
|
1749
|
+
declare type LoadingSpinnerVariantProps = LoadingSpinnerRootProps & RecipeVariantProps<typeof loadingSpinnerRecipe> & {
|
|
1750
|
+
[key: `data-${string}`]: string;
|
|
1751
|
+
};
|
|
1752
|
+
|
|
1753
|
+
/**
|
|
1754
|
+
* MakeElementFocusable
|
|
1755
|
+
* ============================================================
|
|
1756
|
+
* A helper component that adds props from `react-aria`s `useFocusable` hook
|
|
1757
|
+
* to its child so that it can be used as a trigger element for a `Tooltip`
|
|
1758
|
+
*
|
|
1759
|
+
* Caveats:
|
|
1760
|
+
* - Using non-interactive elements as tooltip triggers is against ARIA best-practices,
|
|
1761
|
+
* it is your responsibility to ensure that the underlying trigger element handles
|
|
1762
|
+
* focus and hover interactions correctly for keyboard-only users
|
|
1763
|
+
*
|
|
1764
|
+
* Features:
|
|
1765
|
+
* - allows forwarding refs to the underlying DOM element
|
|
1766
|
+
* - accepts all native html 'HTMLElement' attributes (including aria- & data-attributes)
|
|
1767
|
+
*
|
|
1768
|
+
* Further Context:
|
|
1769
|
+
* - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
|
|
1770
|
+
* - [React Aria Components Issue re:Tooltip with custom trigger](https://github.com/adobe/react-spectrum/issues/5733#issuecomment-1918691983)
|
|
1771
|
+
* - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
|
|
1772
|
+
*/
|
|
1773
|
+
export declare const MakeElementFocusable: ForwardRefExoticComponent<FocusableOptions<HTMLElement> & {
|
|
1774
|
+
children?: ReactNode | undefined;
|
|
1775
|
+
} & RefAttributes<HTMLElement>>;
|
|
1776
|
+
|
|
1777
|
+
/**
|
|
1778
|
+
* MultilineTextInput
|
|
1779
|
+
* ============================================================
|
|
1780
|
+
* A textarea component that takes in multiline text as input
|
|
1781
|
+
*
|
|
1782
|
+
* Features:
|
|
1783
|
+
*
|
|
1784
|
+
* - allows forwarding refs to the underlying DOM element
|
|
1785
|
+
* - accepts all native html 'HTMLTextAreaElement' attributes (including aria- & data-attributes)
|
|
1786
|
+
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
1787
|
+
* - allows overriding styles by using style-props
|
|
1788
|
+
* - supports auto-growing height based on content when `autoGrow` is enabled
|
|
1789
|
+
*/
|
|
1790
|
+
export declare const MultilineTextInput: {
|
|
1791
|
+
(props: MultilineTextInputProps): JSX.Element;
|
|
1792
|
+
displayName: string;
|
|
1793
|
+
};
|
|
1794
|
+
|
|
1795
|
+
export declare interface MultilineTextInputProps extends TextFieldProps, Omit<MultilineTextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
|
|
1796
|
+
ref?: React.Ref<HTMLTextAreaElement>;
|
|
1797
|
+
/**
|
|
1798
|
+
* When true, the textarea will automatically grow in height to fit its content.
|
|
1799
|
+
* This works in addition to the default draggable resize behavior.
|
|
1800
|
+
*/
|
|
1801
|
+
autoGrow?: boolean;
|
|
1802
|
+
}
|
|
1803
|
+
|
|
1804
|
+
/**
|
|
1805
|
+
* Recipe configuration for the MultilineTextInput component.
|
|
1806
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1807
|
+
*/
|
|
1808
|
+
declare const multilineTextInputRecipe: RecipeDefinition< {
|
|
1809
|
+
size: {
|
|
1810
|
+
sm: {
|
|
1811
|
+
minH: number;
|
|
1812
|
+
textStyle: "sm";
|
|
1813
|
+
px: number;
|
|
1814
|
+
py: number;
|
|
1815
|
+
};
|
|
1816
|
+
md: {
|
|
1817
|
+
minH: number;
|
|
1818
|
+
textStyle: "md";
|
|
1819
|
+
px: number;
|
|
1820
|
+
py: number;
|
|
1821
|
+
};
|
|
1822
|
+
};
|
|
1823
|
+
variant: {
|
|
1824
|
+
solid: {
|
|
1825
|
+
"--border-width": "sizes.25";
|
|
1826
|
+
"--border-color": "colors.neutral.7";
|
|
1827
|
+
backgroundColor: "neutral.1";
|
|
1828
|
+
_hover: {
|
|
1829
|
+
backgroundColor: "primary.2";
|
|
1830
|
+
};
|
|
1831
|
+
};
|
|
1832
|
+
ghost: {
|
|
1833
|
+
_hover: {
|
|
1834
|
+
backgroundColor: "primary.2";
|
|
1835
|
+
};
|
|
1836
|
+
};
|
|
1837
|
+
};
|
|
1838
|
+
}>;
|
|
1839
|
+
|
|
1840
|
+
declare interface MultilineTextInputRecipeProps extends RecipeVariantProps<typeof multilineTextInputRecipe>, UnstyledProp {
|
|
1841
|
+
}
|
|
1842
|
+
|
|
1843
|
+
declare type MultilineTextInputRootSlotProps = HTMLChakraProps<"textarea", MultilineTextInputRecipeProps>;
|
|
1844
|
+
|
|
1845
|
+
export declare function NimbusProvider({ children, locale, ...props }: ColorModeProviderProps & {
|
|
1846
|
+
locale?: string;
|
|
1847
|
+
}): JSX.Element;
|
|
1848
|
+
|
|
1849
|
+
/**
|
|
1850
|
+
* NumberInput
|
|
1851
|
+
* ============================================================
|
|
1852
|
+
* An input component that accepts only numbers with increment/decrement buttons
|
|
1853
|
+
*
|
|
1854
|
+
* Features:
|
|
1855
|
+
*
|
|
1856
|
+
* - supports ref forwarding to the underlying DOM element
|
|
1857
|
+
* - supports number-specific props like min, max, step
|
|
1858
|
+
* - includes increment/decrement buttons for easy number adjustment
|
|
1859
|
+
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
1860
|
+
* - allows overriding styles by using style-props
|
|
1861
|
+
* - provides full accessibility support
|
|
1862
|
+
*/
|
|
1863
|
+
export declare const NumberInput: {
|
|
1864
|
+
(props: NumberInputProps): JSX.Element;
|
|
1865
|
+
displayName: string;
|
|
1866
|
+
};
|
|
1867
|
+
|
|
1868
|
+
export declare interface NumberInputProps extends AriaNumberFieldProps, Omit<NumberInputRootSlotProps, keyof AriaNumberFieldProps | ExcludedNumberInputProps> {
|
|
1869
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
1870
|
+
}
|
|
1871
|
+
|
|
1872
|
+
/**
|
|
1873
|
+
* Recipe configuration for the NumberInput component.
|
|
1874
|
+
* Defines the styling variants and base styles using Chakra UI's slot recipe system.
|
|
1875
|
+
*/
|
|
1876
|
+
declare const numberInputRecipe: SlotRecipeDefinition<"input" | "root" | "incrementButton" | "decrementButton", {
|
|
1877
|
+
size: {
|
|
1878
|
+
sm: {
|
|
1879
|
+
input: {
|
|
1880
|
+
h: number;
|
|
1881
|
+
textStyle: "sm";
|
|
1882
|
+
px: number;
|
|
1883
|
+
paddingRight: number;
|
|
1884
|
+
};
|
|
1885
|
+
};
|
|
1886
|
+
md: {
|
|
1887
|
+
input: {
|
|
1888
|
+
h: number;
|
|
1889
|
+
textStyle: "md";
|
|
1890
|
+
px: number;
|
|
1891
|
+
paddingRight: number;
|
|
1892
|
+
};
|
|
1893
|
+
};
|
|
1894
|
+
};
|
|
1895
|
+
variant: {
|
|
1896
|
+
solid: {
|
|
1897
|
+
root: {
|
|
1898
|
+
"&:has(button:hover) input": {
|
|
1899
|
+
backgroundColor: "primary.2";
|
|
1900
|
+
};
|
|
1901
|
+
};
|
|
1902
|
+
input: {
|
|
1903
|
+
"&[data-invalid='true']": {
|
|
1904
|
+
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
1905
|
+
"--border-width": "sizes.50";
|
|
1906
|
+
};
|
|
1907
|
+
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
1908
|
+
backgroundColor: "neutral.1";
|
|
1909
|
+
_hover: {
|
|
1910
|
+
backgroundColor: "primary.2";
|
|
1911
|
+
};
|
|
1912
|
+
};
|
|
1913
|
+
incrementButton: {
|
|
1914
|
+
"&[data-invalid='true']": {
|
|
1915
|
+
borderTop: "2px solid var(--border-color)";
|
|
1916
|
+
borderRight: "2px solid var(--border-color)";
|
|
1917
|
+
};
|
|
1918
|
+
borderTop: "var(--border-width) solid var(--border-color)";
|
|
1919
|
+
borderRight: "var(--border-width) solid var(--border-color)";
|
|
1920
|
+
borderLeft: "var(--border-width) solid var(--border-color)";
|
|
1921
|
+
boxShadow: "inset 0 -0.5px 0 0 var(--border-color)";
|
|
1922
|
+
_hover: {
|
|
1923
|
+
backgroundColor: "primaryAlpha.3";
|
|
1924
|
+
};
|
|
1925
|
+
};
|
|
1926
|
+
decrementButton: {
|
|
1927
|
+
"&[data-invalid='true']": {
|
|
1928
|
+
borderBottom: "2px solid var(--border-color)";
|
|
1929
|
+
borderRight: "2px solid var(--border-color)";
|
|
1930
|
+
};
|
|
1931
|
+
borderBottom: "var(--border-width) solid var(--border-color)";
|
|
1932
|
+
borderRight: "var(--border-width) solid var(--border-color)";
|
|
1933
|
+
borderLeft: "var(--border-width) solid var(--border-color)";
|
|
1934
|
+
boxShadow: "inset 0 0.5px 0 0 var(--border-color)";
|
|
1935
|
+
_hover: {
|
|
1936
|
+
backgroundColor: "primaryAlpha.3";
|
|
1937
|
+
};
|
|
1938
|
+
};
|
|
1939
|
+
};
|
|
1940
|
+
ghost: {
|
|
1941
|
+
root: {
|
|
1942
|
+
"&:has(button:hover) input": {
|
|
1943
|
+
backgroundColor: "primary.2";
|
|
1944
|
+
};
|
|
1945
|
+
};
|
|
1946
|
+
input: {
|
|
1947
|
+
"&[data-invalid='true']": {
|
|
1948
|
+
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
1949
|
+
"--border-width": "sizes.50";
|
|
1950
|
+
};
|
|
1951
|
+
_hover: {
|
|
1952
|
+
backgroundColor: "primary.2";
|
|
1953
|
+
};
|
|
1954
|
+
};
|
|
1955
|
+
incrementButton: {
|
|
1956
|
+
"&[data-invalid='true']": {
|
|
1957
|
+
borderTop: "2px solid var(--border-color)";
|
|
1958
|
+
borderRight: "2px solid var(--border-color)";
|
|
1959
|
+
};
|
|
1960
|
+
_hover: {
|
|
1961
|
+
backgroundColor: "primaryAlpha.3";
|
|
1962
|
+
};
|
|
1963
|
+
};
|
|
1964
|
+
decrementButton: {
|
|
1965
|
+
"&[data-invalid='true']": {
|
|
1966
|
+
borderBottom: "2px solid var(--border-color)";
|
|
1967
|
+
borderRight: "2px solid var(--border-color)";
|
|
1968
|
+
};
|
|
1969
|
+
_hover: {
|
|
1970
|
+
backgroundColor: "primaryAlpha.3";
|
|
1971
|
+
};
|
|
1972
|
+
};
|
|
1973
|
+
};
|
|
1974
|
+
};
|
|
1975
|
+
}>;
|
|
1976
|
+
|
|
1977
|
+
declare interface NumberInputRecipeProps extends RecipeVariantProps<typeof numberInputRecipe>, UnstyledProp {
|
|
1978
|
+
}
|
|
1979
|
+
|
|
1980
|
+
declare type NumberInputRootSlotProps = HTMLChakraProps<"div", NumberInputRecipeProps>;
|
|
1981
|
+
|
|
1982
|
+
/**
|
|
1983
|
+
* PasswordInput
|
|
1984
|
+
* ============================================================
|
|
1985
|
+
* An input component that takes in password as input with toggleable visibility
|
|
1986
|
+
*
|
|
1987
|
+
* Features:
|
|
1988
|
+
*
|
|
1989
|
+
* - Based on TextInput with added password visibility toggle
|
|
1990
|
+
* - Allows toggling between type="password" and type="text"
|
|
1991
|
+
* - Positions the toggle button at the right edge of the input
|
|
1992
|
+
* - Inherits all TextInput features and props
|
|
1993
|
+
*/
|
|
1994
|
+
export declare const PasswordInput: ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
|
|
1995
|
+
|
|
1996
|
+
/**
|
|
1997
|
+
* Interface for PasswordInput component props
|
|
1998
|
+
* Extends TextInputProps but omits the type prop since it's controlled internally
|
|
1999
|
+
* We want to keep this as an explicit interface to allow for future additions
|
|
2000
|
+
*/
|
|
2001
|
+
export declare interface PasswordInputProps extends Omit<TextInputProps, "type"> {
|
|
2002
|
+
}
|
|
2003
|
+
|
|
2004
|
+
declare type RadioGroupProps = Omit<RadioGroupProps_2, "children"> & {
|
|
2005
|
+
children?: React.ReactNode;
|
|
2006
|
+
};
|
|
2007
|
+
|
|
2008
|
+
export declare const RadioInput: {
|
|
2009
|
+
Root: {
|
|
2010
|
+
(props: RadioInputRootProps_2): JSX.Element;
|
|
2011
|
+
displayName: string;
|
|
2012
|
+
};
|
|
2013
|
+
Option: {
|
|
2014
|
+
({ children, value, ...rest }: RadioInputOptionProps_2): JSX.Element;
|
|
2015
|
+
displayName: string;
|
|
2016
|
+
};
|
|
2017
|
+
};
|
|
2018
|
+
|
|
2019
|
+
export declare const _RadioInputOption: {
|
|
2020
|
+
({ children, value, ...rest }: RadioInputOptionProps): JSX.Element;
|
|
2021
|
+
displayName: string;
|
|
2022
|
+
};
|
|
2023
|
+
|
|
2024
|
+
export declare interface RadioInputOptionProps extends RadioProps, Omit<RadioInputOptionSlotProps, keyof RadioProps> {
|
|
2025
|
+
}
|
|
2026
|
+
|
|
2027
|
+
export declare interface RadioInputOptionSlotProps extends HTMLChakraProps<"span", RecipeProps<"option">> {
|
|
2028
|
+
}
|
|
2029
|
+
|
|
2030
|
+
export declare const _RadioInputRoot: {
|
|
2031
|
+
(props: RadioInputRootProps): JSX.Element;
|
|
2032
|
+
displayName: string;
|
|
2033
|
+
};
|
|
2034
|
+
|
|
2035
|
+
export declare interface RadioInputRootProps extends RadioGroupProps, Omit<RadioInputRootSlotProps, keyof RadioGroupProps> {
|
|
2036
|
+
}
|
|
2037
|
+
|
|
2038
|
+
export declare interface RadioInputRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof radioInputSlotRecipe>> {
|
|
2039
|
+
}
|
|
2040
|
+
|
|
2041
|
+
/**
|
|
2042
|
+
* Recipe configuration for the RadioInput component.
|
|
2043
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2044
|
+
*/
|
|
2045
|
+
declare const radioInputSlotRecipe: SlotRecipeDefinition<"option" | "root", {
|
|
2046
|
+
orientation: {
|
|
2047
|
+
horizontal: {
|
|
2048
|
+
root: {
|
|
2049
|
+
flexDirection: "row";
|
|
2050
|
+
gap: "600";
|
|
2051
|
+
};
|
|
2052
|
+
};
|
|
2053
|
+
vertical: {
|
|
2054
|
+
root: {
|
|
2055
|
+
flexDirection: "column";
|
|
2056
|
+
alignItems: "flex-start";
|
|
2057
|
+
gap: "400";
|
|
2058
|
+
};
|
|
2059
|
+
};
|
|
2060
|
+
};
|
|
2061
|
+
}>;
|
|
2062
|
+
|
|
2063
|
+
export declare const Select: {
|
|
2064
|
+
Root: ForwardRefExoticComponent<SelectRootProps_2 & RefAttributes<HTMLDivElement>>;
|
|
2065
|
+
Options: {
|
|
2066
|
+
<T extends object>(props: SelectOptionsProps_2<T> & {
|
|
2067
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2068
|
+
}): JSX.Element;
|
|
2069
|
+
displayName: string;
|
|
2070
|
+
};
|
|
2071
|
+
Option: {
|
|
2072
|
+
<T extends object>(props: SelectOptionProps_2<T> & {
|
|
2073
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2074
|
+
}): JSX.Element;
|
|
2075
|
+
displayName: string;
|
|
2076
|
+
};
|
|
2077
|
+
OptionGroup: {
|
|
2078
|
+
<T extends object>(props: SelectOptionGroupProps_2<T> & {
|
|
2079
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2080
|
+
}): JSX.Element;
|
|
2081
|
+
displayName: string;
|
|
2082
|
+
};
|
|
2083
|
+
};
|
|
2084
|
+
|
|
2085
|
+
export declare const _SelectOption: {
|
|
2086
|
+
<T extends object>(props: SelectOptionProps<T> & {
|
|
2087
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2088
|
+
}): JSX.Element;
|
|
2089
|
+
displayName: string;
|
|
2090
|
+
};
|
|
2091
|
+
|
|
2092
|
+
export declare const _SelectOptionGroup: {
|
|
2093
|
+
<T extends object>(props: SelectOptionGroupProps<T> & {
|
|
2094
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2095
|
+
}): JSX.Element;
|
|
2096
|
+
displayName: string;
|
|
2097
|
+
};
|
|
2098
|
+
|
|
2099
|
+
export declare interface SelectOptionGroupProps<T> extends ListBoxSectionProps<T>, Omit<SelectOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
|
|
2100
|
+
/** the label for the section */
|
|
2101
|
+
label: string;
|
|
2102
|
+
}
|
|
2103
|
+
|
|
2104
|
+
declare interface SelectOptionGroupSlotProps extends HTMLChakraProps<"div"> {
|
|
2105
|
+
}
|
|
2106
|
+
|
|
2107
|
+
export declare interface SelectOptionProps<T> extends Omit<ListBoxItemProps<T>, keyof SelectOptionSlotProps>, SelectOptionSlotProps {
|
|
2108
|
+
}
|
|
2109
|
+
|
|
2110
|
+
export declare const _SelectOptions: {
|
|
2111
|
+
<T extends object>(props: SelectOptionsProps<T> & {
|
|
2112
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2113
|
+
}): JSX.Element;
|
|
2114
|
+
displayName: string;
|
|
2115
|
+
};
|
|
2116
|
+
|
|
2117
|
+
declare interface SelectOptionSlotProps extends HTMLChakraProps<"div"> {
|
|
2118
|
+
}
|
|
2119
|
+
|
|
2120
|
+
export declare interface SelectOptionsProps<T> extends ListBoxProps<T>, Omit<SelectOptionsSlotProps, keyof ListBoxProps<T>> {
|
|
2121
|
+
}
|
|
2122
|
+
|
|
2123
|
+
declare interface SelectOptionsSlotProps extends HTMLChakraProps<"div"> {
|
|
2124
|
+
}
|
|
2125
|
+
|
|
2126
|
+
export declare const _SelectRoot: ForwardRefExoticComponent<SelectRootProps & RefAttributes<HTMLDivElement>>;
|
|
2127
|
+
|
|
2128
|
+
export declare interface SelectRootProps extends SelectRootSlotProps, SelectProps {
|
|
2129
|
+
/** set to true if Select is currently busy with something */
|
|
2130
|
+
isLoading?: boolean;
|
|
2131
|
+
/** Children must be ReactNode, no render props/functions allowed */
|
|
2132
|
+
children: ReactNode;
|
|
2133
|
+
}
|
|
2134
|
+
|
|
2135
|
+
declare interface SelectRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof selectSlotRecipe> & SelectProps<object>> {
|
|
2136
|
+
}
|
|
2137
|
+
|
|
2138
|
+
/**
|
|
2139
|
+
* Recipe configuration for the Select component.
|
|
2140
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2141
|
+
*/
|
|
2142
|
+
declare const selectSlotRecipe: SlotRecipeDefinition<"option" | "root" | "trigger" | "triggerLabel" | "options" | "optionGroup", {
|
|
2143
|
+
size: {
|
|
2144
|
+
sm: {
|
|
2145
|
+
root: {};
|
|
2146
|
+
trigger: {
|
|
2147
|
+
h: "800";
|
|
2148
|
+
px: "400";
|
|
2149
|
+
textStyle: "sm";
|
|
2150
|
+
};
|
|
2151
|
+
};
|
|
2152
|
+
md: {
|
|
2153
|
+
root: {};
|
|
2154
|
+
trigger: {
|
|
2155
|
+
h: "1000";
|
|
2156
|
+
px: "400";
|
|
2157
|
+
textStyle: "md";
|
|
2158
|
+
};
|
|
2159
|
+
};
|
|
2160
|
+
};
|
|
2161
|
+
variant: {
|
|
2162
|
+
outline: {
|
|
2163
|
+
root: {
|
|
2164
|
+
bg: "primary.1";
|
|
2165
|
+
"&:hover": {
|
|
2166
|
+
bg: "primary.2";
|
|
2167
|
+
};
|
|
2168
|
+
};
|
|
2169
|
+
trigger: {
|
|
2170
|
+
"--border-width": "sizes.25";
|
|
2171
|
+
"--border-color": "colors.neutral.7";
|
|
2172
|
+
};
|
|
2173
|
+
};
|
|
2174
|
+
ghost: {
|
|
2175
|
+
root: {
|
|
2176
|
+
bg: "transparent";
|
|
2177
|
+
"&:hover": {
|
|
2178
|
+
bg: "primaryAlpha.2";
|
|
2179
|
+
};
|
|
2180
|
+
};
|
|
2181
|
+
trigger: {
|
|
2182
|
+
"--border-width": "sizes.25";
|
|
2183
|
+
"--border-color": "transparent";
|
|
2184
|
+
};
|
|
2185
|
+
};
|
|
2186
|
+
};
|
|
2187
|
+
}>;
|
|
2188
|
+
|
|
2189
|
+
export declare const SimpleGrid: {
|
|
2190
|
+
(props: SimpleGridProps): JSX.Element;
|
|
2191
|
+
displayName: string;
|
|
2192
|
+
} & {
|
|
2193
|
+
Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
|
|
2194
|
+
};
|
|
2195
|
+
|
|
2196
|
+
/**
|
|
2197
|
+
* SimpleGrid
|
|
2198
|
+
* ============================================================
|
|
2199
|
+
* The SimpleGrid Layout Component provides a flexible and responsive way to structure content.
|
|
2200
|
+
*
|
|
2201
|
+
* Features:
|
|
2202
|
+
*
|
|
2203
|
+
* - allows forwarding refs to the underlying DOM element
|
|
2204
|
+
*/
|
|
2205
|
+
export declare interface SimpleGridProps extends SimpleGridProps_2 {
|
|
2206
|
+
children?: React.ReactNode;
|
|
2207
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2208
|
+
}
|
|
2209
|
+
|
|
2210
|
+
export declare interface SingleSelectInputProps {
|
|
2211
|
+
placeholder?: string;
|
|
2212
|
+
inputValue?: string;
|
|
2213
|
+
allowsCustomValue?: boolean;
|
|
2214
|
+
onSubmitCustomValue?: (value: string) => void;
|
|
2215
|
+
onInputChange?: (value: string) => void;
|
|
2216
|
+
ref?: default_2.Ref<HTMLInputElement>;
|
|
2217
|
+
}
|
|
2218
|
+
|
|
2219
|
+
export declare const Stack: {
|
|
2220
|
+
(props: StackProps): JSX.Element;
|
|
2221
|
+
displayName: string;
|
|
2222
|
+
};
|
|
2223
|
+
|
|
2224
|
+
export declare interface StackProps extends StackProps_2 {
|
|
2225
|
+
children?: React.ReactNode;
|
|
2226
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2227
|
+
}
|
|
2228
|
+
|
|
2229
|
+
/**
|
|
2230
|
+
* Switch
|
|
2231
|
+
* ============================================================
|
|
2232
|
+
* displays a switch toggle and optionally an associated label
|
|
2233
|
+
*/
|
|
2234
|
+
export declare const Switch: {
|
|
2235
|
+
({ ref: externalRef, ...props }: SwitchProps): JSX.Element;
|
|
2236
|
+
displayName: string;
|
|
2237
|
+
};
|
|
2238
|
+
|
|
2239
|
+
/**
|
|
2240
|
+
* Main props interface for the Switch component.
|
|
2241
|
+
* Combines root element props with ARIA toggle functionality props.
|
|
2242
|
+
*/
|
|
2243
|
+
export declare type SwitchProps = Omit<SwitchRootProps, ExcludedSwitchProps | "onChange"> & Omit<AriaCheckboxProps, ExcludedSwitchProps> & {
|
|
2244
|
+
/**
|
|
2245
|
+
* The content to display next to the switch.
|
|
2246
|
+
* Can be a string or React node.
|
|
2247
|
+
*/
|
|
2248
|
+
children?: React.ReactNode;
|
|
2249
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
2250
|
+
};
|
|
2251
|
+
|
|
2252
|
+
/**
|
|
2253
|
+
* Props for the Switch component root element.
|
|
2254
|
+
* Includes all HTML props for the label element and recipe variant props.
|
|
2255
|
+
*/
|
|
2256
|
+
declare interface SwitchRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof switchSlotRecipe>> {
|
|
2257
|
+
}
|
|
2258
|
+
|
|
2259
|
+
/**
|
|
2260
|
+
* Recipe configuration for the Switch component.
|
|
2261
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2262
|
+
*/
|
|
2263
|
+
declare const switchSlotRecipe: SlotRecipeDefinition<"label" | "track" | "root" | "thumb", {
|
|
2264
|
+
size: {
|
|
2265
|
+
sm: {
|
|
2266
|
+
track: {
|
|
2267
|
+
"--track-height": "sizes.400";
|
|
2268
|
+
"--track-width": "sizes.700";
|
|
2269
|
+
};
|
|
2270
|
+
thumb: {
|
|
2271
|
+
"--thumb-size": "sizes.400";
|
|
2272
|
+
};
|
|
2273
|
+
label: {
|
|
2274
|
+
"--label-font-size": "fontSizes.350";
|
|
2275
|
+
};
|
|
2276
|
+
};
|
|
2277
|
+
md: {
|
|
2278
|
+
track: {
|
|
2279
|
+
"--track-height": "sizes.600";
|
|
2280
|
+
"--track-width": "sizes.1100";
|
|
2281
|
+
};
|
|
2282
|
+
thumb: {
|
|
2283
|
+
"--thumb-size": "sizes.600";
|
|
2284
|
+
};
|
|
2285
|
+
label: {
|
|
2286
|
+
"--label-font-size": "fontSizes.400";
|
|
2287
|
+
};
|
|
2288
|
+
};
|
|
2289
|
+
};
|
|
2290
|
+
}>;
|
|
2291
|
+
|
|
2292
|
+
export { Table }
|
|
2293
|
+
|
|
2294
|
+
/**
|
|
2295
|
+
* TagGroup
|
|
2296
|
+
* ============================================================
|
|
2297
|
+
* A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.
|
|
2298
|
+
*
|
|
2299
|
+
*/
|
|
2300
|
+
export declare const TagGroup: {
|
|
2301
|
+
Root: TagGroupRootComponent_2;
|
|
2302
|
+
TagList: {
|
|
2303
|
+
<T extends object>({ children, ref, ...rest }: TagGroupTagListProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
2304
|
+
displayName: string;
|
|
2305
|
+
};
|
|
2306
|
+
Tag: TagGroupTagComponent_2;
|
|
2307
|
+
};
|
|
2308
|
+
|
|
2309
|
+
/** Final external props for the `<TagGroup>` component, including `children`. */
|
|
2310
|
+
export declare type TagGroupProps = PropsWithChildren<TagGroupRootProps> & {
|
|
2311
|
+
ref?: React.Ref<typeof TagGroup_2>;
|
|
2312
|
+
};
|
|
2313
|
+
|
|
2314
|
+
/** Type signature for the main `TagGroup` component. */
|
|
2315
|
+
export declare type TagGroupRootComponent = FC<TagGroupProps>;
|
|
2316
|
+
|
|
2317
|
+
/** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
2318
|
+
declare type TagGroupRootProps = TagGroupRootSlotProps & TagGroupProps_2 & RecipeVariantProps<typeof tagGroupSlotRecipe>;
|
|
2319
|
+
|
|
2320
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
2321
|
+
declare type TagGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
2322
|
+
|
|
2323
|
+
/**
|
|
2324
|
+
* Recipe configuration for the TagGroup component.
|
|
2325
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2326
|
+
*/
|
|
2327
|
+
declare const tagGroupSlotRecipe: SlotRecipeDefinition<"root" | "tagList" | "tag", {
|
|
2328
|
+
size: {
|
|
2329
|
+
sm: {
|
|
2330
|
+
tag: {
|
|
2331
|
+
minH: "600";
|
|
2332
|
+
paddingX: "200";
|
|
2333
|
+
fontSize: "350";
|
|
2334
|
+
lineHeight: "400";
|
|
2335
|
+
};
|
|
2336
|
+
};
|
|
2337
|
+
md: {
|
|
2338
|
+
tag: {
|
|
2339
|
+
minH: "800";
|
|
2340
|
+
paddingX: "200";
|
|
2341
|
+
paddingY: "100";
|
|
2342
|
+
};
|
|
2343
|
+
};
|
|
2344
|
+
lg: {
|
|
2345
|
+
tag: {
|
|
2346
|
+
minH: "1000";
|
|
2347
|
+
padding: "200";
|
|
2348
|
+
};
|
|
2349
|
+
};
|
|
2350
|
+
};
|
|
2351
|
+
}>;
|
|
2352
|
+
|
|
2353
|
+
/** Type signature for the `TagGroup.Tag` sub-component. */
|
|
2354
|
+
export declare type TagGroupTagComponent = FC<TagGroupTagProps>;
|
|
2355
|
+
|
|
2356
|
+
/** Type signature for the `TagGroup.TagList` sub-component. */
|
|
2357
|
+
export declare type TagGroupTagListComponent<T extends object> = FC<TagGroupTagListProps<T>>;
|
|
2358
|
+
|
|
2359
|
+
/** Combined props for the tagList element (Chakra styles + Aria behavior + Recipe variants). */
|
|
2360
|
+
export declare type TagGroupTagListProps<T extends object> = TagListProps<T> & Omit<TagGroupTagListSlotProps, keyof TagListProps<T>> & {
|
|
2361
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2362
|
+
};
|
|
2363
|
+
|
|
2364
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
2365
|
+
declare type TagGroupTagListSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
2366
|
+
|
|
2367
|
+
/** Combined props for the tag element (Chakra styles + Aria behavior + Recipe variants). */
|
|
2368
|
+
export declare type TagGroupTagProps = TagProps & Omit<TagGroupTagSlotProps, keyof TagProps> & {
|
|
2369
|
+
ref?: React.Ref<typeof Tag>;
|
|
2370
|
+
};
|
|
2371
|
+
|
|
2372
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
2373
|
+
declare type TagGroupTagSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
2374
|
+
|
|
2375
|
+
/**
|
|
2376
|
+
* Text
|
|
2377
|
+
*
|
|
2378
|
+
* Use this component to display text.
|
|
2379
|
+
*/
|
|
2380
|
+
declare const Text_2: {
|
|
2381
|
+
({ ref: forwardedRef, ...props }: TextProps): JSX.Element;
|
|
2382
|
+
displayName: string;
|
|
2383
|
+
};
|
|
2384
|
+
export { Text_2 as Text }
|
|
2385
|
+
|
|
2386
|
+
/**
|
|
2387
|
+
* TextInput
|
|
2388
|
+
* ============================================================
|
|
2389
|
+
* An input component that takes in text as input
|
|
2390
|
+
*
|
|
2391
|
+
* Features:
|
|
2392
|
+
*
|
|
2393
|
+
* - allows forwarding refs to the underlying DOM element
|
|
2394
|
+
* - accepts all native html 'HTMLInputElement' attributes (including aria- & data-attributes)
|
|
2395
|
+
* - supports 'variants', 'sizes', etc. configured in the recipe
|
|
2396
|
+
* - allows overriding styles by using style-props
|
|
2397
|
+
*/
|
|
2398
|
+
export declare const TextInput: {
|
|
2399
|
+
(props: TextInputProps): JSX.Element;
|
|
2400
|
+
displayName: string;
|
|
2401
|
+
};
|
|
2402
|
+
|
|
2403
|
+
export declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
|
|
2404
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
2405
|
+
}
|
|
2406
|
+
|
|
2407
|
+
/**
|
|
2408
|
+
* Recipe configuration for the TextInput component.
|
|
2409
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2410
|
+
*/
|
|
2411
|
+
declare const textInputRecipe: RecipeDefinition< {
|
|
2412
|
+
size: {
|
|
2413
|
+
sm: {
|
|
2414
|
+
h: number;
|
|
2415
|
+
textStyle: "sm";
|
|
2416
|
+
px: number;
|
|
2417
|
+
};
|
|
2418
|
+
md: {
|
|
2419
|
+
h: number;
|
|
2420
|
+
textStyle: "md";
|
|
2421
|
+
px: number;
|
|
2422
|
+
};
|
|
2423
|
+
};
|
|
2424
|
+
variant: {
|
|
2425
|
+
solid: {
|
|
2426
|
+
"--border-width": "sizes.25";
|
|
2427
|
+
"--border-color": "colors.neutral.7";
|
|
2428
|
+
backgroundColor: "primary.1";
|
|
2429
|
+
_hover: {
|
|
2430
|
+
backgroundColor: "primary.2";
|
|
2431
|
+
};
|
|
2432
|
+
};
|
|
2433
|
+
ghost: {
|
|
2434
|
+
_hover: {
|
|
2435
|
+
backgroundColor: "primary.2";
|
|
2436
|
+
};
|
|
2437
|
+
};
|
|
2438
|
+
};
|
|
2439
|
+
}>;
|
|
2440
|
+
|
|
2441
|
+
declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInputRecipe>, UnstyledProp {
|
|
2442
|
+
}
|
|
2443
|
+
|
|
2444
|
+
declare type TextInputRootSlotProps = HTMLChakraProps<"input", TextInputRecipeProps>;
|
|
2445
|
+
|
|
2446
|
+
export declare interface TextProps extends Omit<TextProps_2, "slot"> {
|
|
2447
|
+
ref?: React.Ref<HTMLElement>;
|
|
2448
|
+
slot?: string | null | undefined;
|
|
2449
|
+
}
|
|
2450
|
+
|
|
2451
|
+
/**
|
|
2452
|
+
* TimeInput
|
|
2453
|
+
* ============================================================
|
|
2454
|
+
* allows entering a time in the currently selected locale
|
|
2455
|
+
*/
|
|
2456
|
+
export declare const TimeInput: {
|
|
2457
|
+
(props: TimeInputProps): JSX.Element;
|
|
2458
|
+
displayName: string;
|
|
2459
|
+
};
|
|
2460
|
+
|
|
2461
|
+
/**
|
|
2462
|
+
* Main props interface for the TimeInput component.
|
|
2463
|
+
*
|
|
2464
|
+
* We use Omit to remove:
|
|
2465
|
+
* 1. Conflicting props from TimeInputRootProps to avoid TypeScript errors
|
|
2466
|
+
* 2. Explicitly excluded props that we don't want users to access
|
|
2467
|
+
*/
|
|
2468
|
+
export declare interface TimeInputProps extends Omit<TimeInputRootProps, ConflictingFieldStateProps | ExcludedProps>, Omit<TimeFieldStateOptions<TimeValue>, ExcludedProps>, RecipeVariantProps<typeof timeInputRecipe> {
|
|
2469
|
+
}
|
|
2470
|
+
|
|
2471
|
+
/**
|
|
2472
|
+
* Recipe configuration for the TimeInput component.
|
|
2473
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2474
|
+
*/
|
|
2475
|
+
declare const timeInputRecipe: SlotRecipeDefinition<"root" | "segmentGroup" | "segment", {
|
|
2476
|
+
size: {
|
|
2477
|
+
sm: {
|
|
2478
|
+
segmentGroup: {
|
|
2479
|
+
h: number;
|
|
2480
|
+
textStyle: "sm";
|
|
2481
|
+
px: number;
|
|
2482
|
+
};
|
|
2483
|
+
};
|
|
2484
|
+
md: {
|
|
2485
|
+
segmentGroup: {
|
|
2486
|
+
h: number;
|
|
2487
|
+
textStyle: "md";
|
|
2488
|
+
px: number;
|
|
2489
|
+
};
|
|
2490
|
+
};
|
|
2491
|
+
};
|
|
2492
|
+
variant: {
|
|
2493
|
+
solid: {
|
|
2494
|
+
segmentGroup: {
|
|
2495
|
+
"--border-width": "sizes.25";
|
|
2496
|
+
"--border-color": "colors.neutral.7";
|
|
2497
|
+
backgroundColor: "neutral.1";
|
|
2498
|
+
_hover: {
|
|
2499
|
+
backgroundColor: "primary.2";
|
|
2500
|
+
};
|
|
2501
|
+
};
|
|
2502
|
+
};
|
|
2503
|
+
ghost: {
|
|
2504
|
+
segmentGroup: {
|
|
2505
|
+
_hover: {
|
|
2506
|
+
backgroundColor: "primary.2";
|
|
2507
|
+
};
|
|
2508
|
+
};
|
|
2509
|
+
};
|
|
2510
|
+
};
|
|
2511
|
+
}>;
|
|
2512
|
+
|
|
2513
|
+
/**
|
|
2514
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
2515
|
+
* with the unstyled prop option for the div element.
|
|
2516
|
+
*/
|
|
2517
|
+
declare interface TimeInputRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
2518
|
+
}
|
|
2519
|
+
|
|
2520
|
+
/**
|
|
2521
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
2522
|
+
* This creates a complete set of props for the root element, combining
|
|
2523
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
2524
|
+
*/
|
|
2525
|
+
declare interface TimeInputRootProps extends HTMLChakraProps<"div", TimeInputRecipeProps> {
|
|
2526
|
+
}
|
|
2527
|
+
|
|
2528
|
+
/**
|
|
2529
|
+
* ToggleButtonGroup
|
|
2530
|
+
* ============================================================
|
|
2531
|
+
* To group multiple `Button` components together, visually and logically, representing a set of related actions.
|
|
2532
|
+
*/
|
|
2533
|
+
export declare const ToggleButtonGroup: {
|
|
2534
|
+
Root: ToggleButtonGroupRootComponent_2;
|
|
2535
|
+
Button: ToggleButtonGroupButtonComponent_2;
|
|
2536
|
+
};
|
|
2537
|
+
|
|
2538
|
+
export declare const _ToggleButtonGroupButton: ToggleButtonGroupButtonComponent;
|
|
2539
|
+
|
|
2540
|
+
/** Type signature for the `ToggleButtonGroup.Button` sub-component. */
|
|
2541
|
+
export declare type ToggleButtonGroupButtonComponent = React.FC<ToggleButtonGroupButtonProps>;
|
|
2542
|
+
|
|
2543
|
+
/** Combined props for the button element (Chakra styles + Aria behavior). */
|
|
2544
|
+
export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps & {
|
|
2545
|
+
ref?: React.Ref<typeof ToggleButton>;
|
|
2546
|
+
};
|
|
2547
|
+
|
|
2548
|
+
/** Base Chakra styling props for the `button` slot. */
|
|
2549
|
+
declare type ToggleButtonGroupButtonSlotProps = HTMLChakraProps<"button", RecipeProps<"button">>;
|
|
2550
|
+
|
|
2551
|
+
/** Final external props for the `<ToggleButtonGroup>` component, including `children`. */
|
|
2552
|
+
export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps> & {
|
|
2553
|
+
ref?: React.Ref<typeof ToggleButtonGroup_2>;
|
|
2554
|
+
};
|
|
2555
|
+
|
|
2556
|
+
export declare const _ToggleButtonGroupRoot: ToggleButtonGroupRootComponent;
|
|
2557
|
+
|
|
2558
|
+
/** Type signature for the main `ToggleButtonGroup` component. */
|
|
2559
|
+
export declare type ToggleButtonGroupRootComponent = React.FC<ToggleButtonGroupProps>;
|
|
2560
|
+
|
|
2561
|
+
/** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
2562
|
+
declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaToggleButtonGroupProps & RecipeVariantProps<typeof buttonGroupRecipe>;
|
|
2563
|
+
|
|
2564
|
+
/** Base Chakra styling props for the root `div` slot. */
|
|
2565
|
+
declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
2566
|
+
|
|
2567
|
+
export declare const Tooltip: {
|
|
2568
|
+
Root: typeof _TooltipRoot;
|
|
2569
|
+
Content: typeof _TooltipContent;
|
|
2570
|
+
};
|
|
2571
|
+
|
|
2572
|
+
/**
|
|
2573
|
+
* TooltipContent
|
|
2574
|
+
* ============================================================
|
|
2575
|
+
* A contextual popup that displays a description for an element, uses `Tooltip` component from `react-aria-components`.
|
|
2576
|
+
*
|
|
2577
|
+
* Features:
|
|
2578
|
+
* - allows forwarding refs to the underlying DOM element
|
|
2579
|
+
* - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)
|
|
2580
|
+
* - allows overriding styles by using style-props
|
|
2581
|
+
*
|
|
2582
|
+
* Further Context:
|
|
2583
|
+
* - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
|
|
2584
|
+
* - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
|
|
2585
|
+
*/
|
|
2586
|
+
export declare function _TooltipContent({ children, placement, ref, ...props }: TooltipProps & {
|
|
2587
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
2588
|
+
}): JSX.Element;
|
|
2589
|
+
|
|
2590
|
+
export declare namespace _TooltipContent {
|
|
2591
|
+
var displayName: string;
|
|
2592
|
+
}
|
|
2593
|
+
|
|
2594
|
+
/**
|
|
2595
|
+
* Main props interface for the Tooltip components
|
|
2596
|
+
* Extends TooltipVariantProps to include root props, variant props,
|
|
2597
|
+
* and react-aria props, while adding support for React children.
|
|
2598
|
+
*/
|
|
2599
|
+
export declare interface TooltipProps extends PropsWithChildren<TooltipVariantProps> {
|
|
2600
|
+
}
|
|
2601
|
+
|
|
2602
|
+
/**
|
|
2603
|
+
* Recipe configuration for the Tooltip component.
|
|
2604
|
+
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2605
|
+
*/
|
|
2606
|
+
declare const tooltipRecipe: RecipeDefinition<RecipeVariantRecord>;
|
|
2607
|
+
|
|
2608
|
+
/**
|
|
2609
|
+
* Base recipe props interface that combines Chakra UI's recipe props
|
|
2610
|
+
*/
|
|
2611
|
+
declare interface TooltipRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
2612
|
+
}
|
|
2613
|
+
|
|
2614
|
+
/**
|
|
2615
|
+
* TooltipRoot
|
|
2616
|
+
* ============================================================
|
|
2617
|
+
* Root component that wraps around a trigger element and Tooltip content.
|
|
2618
|
+
* It handles opening and closing the Tooltip when the user hovers over or focuses the trigger,
|
|
2619
|
+
* and positioning the Tooltip relative to the trigger.
|
|
2620
|
+
*
|
|
2621
|
+
* This acts as the context provider for the compound Tooltip component.
|
|
2622
|
+
*/
|
|
2623
|
+
export declare function _TooltipRoot({ delay, closeDelay, ...props }: TooltipTriggerComponentProps): JSX.Element;
|
|
2624
|
+
|
|
2625
|
+
export declare namespace _TooltipRoot {
|
|
2626
|
+
var displayName: string;
|
|
2627
|
+
}
|
|
2628
|
+
|
|
2629
|
+
/**
|
|
2630
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
2631
|
+
* This creates a complete set of props for the root element, combining
|
|
2632
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
2633
|
+
*/
|
|
2634
|
+
declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
|
|
2635
|
+
}
|
|
2636
|
+
|
|
2637
|
+
/**
|
|
2638
|
+
* Combines the root props with Chakra UI's recipe variant props, and
|
|
2639
|
+
* react-aria-component's TooltipProps
|
|
2640
|
+
* This allows the component to accept:
|
|
2641
|
+
* - structural props from Root
|
|
2642
|
+
* - styling variants from the recipe
|
|
2643
|
+
* - a11y/state related props from react-aria-components Tooltip
|
|
2644
|
+
*/
|
|
2645
|
+
declare type TooltipVariantProps = ExcludePolymorphicFromProps<TooltipRootProps & RecipeVariantProps<typeof tooltipRecipe> & TooltipProps_2>;
|
|
2646
|
+
|
|
2647
|
+
export declare function useColorMode(): {
|
|
2648
|
+
colorMode: string | undefined;
|
|
2649
|
+
setColorMode: Dispatch<SetStateAction<string>>;
|
|
2650
|
+
toggleColorMode: () => void;
|
|
2651
|
+
};
|
|
2652
|
+
|
|
2653
|
+
export declare function useColorModeValue<T>(light: T, dark: T): T;
|
|
2654
|
+
|
|
2655
|
+
export declare function useColorScheme(): string;
|
|
2656
|
+
|
|
2657
|
+
export declare const VisuallyHidden: {
|
|
2658
|
+
(props: VisuallyHiddenProps): JSX.Element;
|
|
2659
|
+
displayName: string;
|
|
2660
|
+
};
|
|
2661
|
+
|
|
2662
|
+
export declare interface VisuallyHiddenProps extends Omit<VisuallyHiddenProps_2, "elementType"> {
|
|
2663
|
+
/** specifies the element type to render, use `span` for inline content
|
|
2664
|
+
* and `div` for block content */
|
|
2665
|
+
as?: "span" | "div";
|
|
2666
|
+
}
|
|
2667
|
+
|
|
2668
|
+
export { }
|