@commercetools/nimbus 1.0.1 → 2.0.1-rc1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +43 -1
- package/dist/accordion.d.ts +84 -122
- package/dist/alert.d.ts +70 -82
- package/dist/avatar.d.ts +24 -40
- package/dist/badge.d.ts +22 -75
- package/dist/box.d.ts +2 -2
- package/dist/button.d.ts +32 -22
- package/dist/calendar.d.ts +21 -13
- package/dist/card.d.ts +34 -96
- package/dist/checkbox.d.ts +21 -45
- package/dist/chunks/Button-CFZnLKVR.cjs.js +2 -0
- package/dist/chunks/Button-CFZnLKVR.cjs.js.map +1 -0
- package/dist/chunks/Button-CrgZzRm9.es.js +79 -0
- package/dist/chunks/Button-CrgZzRm9.es.js.map +1 -0
- package/dist/chunks/CollectionBuilder-BiEelELF.cjs.js +18 -0
- package/dist/chunks/CollectionBuilder-BiEelELF.cjs.js.map +1 -0
- package/dist/chunks/CollectionBuilder-Wz-mnWjQ.es.js +677 -0
- package/dist/chunks/CollectionBuilder-Wz-mnWjQ.es.js.map +1 -0
- package/dist/chunks/DateField-CDTSjqvQ.cjs.js +2 -0
- package/dist/chunks/DateField-CDTSjqvQ.cjs.js.map +1 -0
- package/dist/chunks/DateField-qGypjFaJ.es.js +2691 -0
- package/dist/chunks/DateField-qGypjFaJ.es.js.map +1 -0
- package/dist/chunks/DatePicker-DCjrqg4Q.cjs.js +2 -0
- package/dist/chunks/DatePicker-DCjrqg4Q.cjs.js.map +1 -0
- package/dist/chunks/DatePicker-Dn0LNd7V.es.js +786 -0
- package/dist/chunks/DatePicker-Dn0LNd7V.es.js.map +1 -0
- package/dist/chunks/Dialog-B2hCMJnM.es.js +1951 -0
- package/dist/chunks/Dialog-B2hCMJnM.es.js.map +1 -0
- package/dist/chunks/Dialog-XGXh4NXU.cjs.js +7 -0
- package/dist/chunks/Dialog-XGXh4NXU.cjs.js.map +1 -0
- package/dist/chunks/DragAndDrop-BXEtfOEa.es.js +76 -0
- package/dist/chunks/DragAndDrop-BXEtfOEa.es.js.map +1 -0
- package/dist/chunks/DragAndDrop-Cu1BgmHe.cjs.js +2 -0
- package/dist/chunks/DragAndDrop-Cu1BgmHe.cjs.js.map +1 -0
- package/dist/chunks/FieldError-CXcEMuBf.es.js.map +1 -1
- package/dist/chunks/FieldError-DyGFfqST.cjs.js.map +1 -1
- package/dist/chunks/FocusScope-BY2fddGq.es.js +625 -0
- package/dist/chunks/FocusScope-BY2fddGq.es.js.map +1 -0
- package/dist/chunks/FocusScope-vogC4IAT.cjs.js +2 -0
- package/dist/chunks/FocusScope-vogC4IAT.cjs.js.map +1 -0
- package/dist/chunks/Form-BuOomA4T.cjs.js.map +1 -1
- package/dist/chunks/Form-CXcEMuBf.es.js.map +1 -1
- package/dist/chunks/Group-BBaUrRF9.es.js +47 -0
- package/dist/chunks/Group-BBaUrRF9.es.js.map +1 -0
- package/dist/chunks/Group-BX1EpD9E.cjs.js +2 -0
- package/dist/chunks/Group-BX1EpD9E.cjs.js.map +1 -0
- package/dist/chunks/Header-B4V0zxSN.es.js +59 -0
- package/dist/chunks/Header-B4V0zxSN.es.js.map +1 -0
- package/dist/chunks/Header-BmzdY2bW.cjs.js +2 -0
- package/dist/chunks/Header-BmzdY2bW.cjs.js.map +1 -0
- package/dist/chunks/Heading-CCs6OF_m.cjs.js +2 -0
- package/dist/chunks/Heading-CCs6OF_m.cjs.js.map +1 -0
- package/dist/chunks/Heading-CfiWDgRZ.es.js +1619 -0
- package/dist/chunks/Heading-CfiWDgRZ.es.js.map +1 -0
- package/dist/chunks/Hidden-CNJIJ63M.cjs.js.map +1 -1
- package/dist/chunks/Hidden-j3Lbt7xL.es.js.map +1 -1
- package/dist/chunks/Input-Da2oLmEN.es.js +43 -0
- package/dist/chunks/Input-Da2oLmEN.es.js.map +1 -0
- package/dist/chunks/Input-_6sPm9s0.cjs.js +2 -0
- package/dist/chunks/Input-_6sPm9s0.cjs.js.map +1 -0
- package/dist/chunks/Keyboard-Clnp4zAC.es.js.map +1 -1
- package/dist/chunks/Keyboard-rYf2KxZN.cjs.js.map +1 -1
- package/dist/chunks/Label-BgrYyYXn.cjs.js.map +1 -1
- package/dist/chunks/Label-qcXzazih.es.js +17 -0
- package/dist/chunks/Label-qcXzazih.es.js.map +1 -0
- package/dist/chunks/ListBox-CFvXqaPX.cjs.js +2 -0
- package/dist/chunks/ListBox-CFvXqaPX.cjs.js.map +1 -0
- package/dist/chunks/ListBox-DAcVFwWW.es.js +493 -0
- package/dist/chunks/ListBox-DAcVFwWW.es.js.map +1 -0
- package/dist/chunks/ListKeyboardDelegate-CYRgZzU8.cjs.js +2 -0
- package/dist/chunks/ListKeyboardDelegate-CYRgZzU8.cjs.js.map +1 -0
- package/dist/chunks/ListKeyboardDelegate-D-k0fIME.es.js +159 -0
- package/dist/chunks/ListKeyboardDelegate-D-k0fIME.es.js.map +1 -0
- package/dist/chunks/Modal-CVOcKPNx.cjs.js +2 -0
- package/dist/chunks/Modal-CVOcKPNx.cjs.js.map +1 -0
- package/dist/chunks/Modal-D91zBjIP.es.js +197 -0
- package/dist/chunks/Modal-D91zBjIP.es.js.map +1 -0
- package/dist/chunks/OverlayArrow-CYjyBtg8.cjs.js.map +1 -1
- package/dist/chunks/OverlayArrow-CwYMJqgj.es.js +491 -0
- package/dist/chunks/OverlayArrow-CwYMJqgj.es.js.map +1 -0
- package/dist/chunks/ProgressBar-C9Y3C7_B.cjs.js +2 -0
- package/dist/chunks/ProgressBar-C9Y3C7_B.cjs.js.map +1 -0
- package/dist/chunks/ProgressBar-dYIUhB6B.es.js +42 -0
- package/dist/chunks/ProgressBar-dYIUhB6B.es.js.map +1 -0
- package/dist/chunks/RSPContexts-BdKenzIN.cjs.js +2 -0
- package/dist/chunks/RSPContexts-BdKenzIN.cjs.js.map +1 -0
- package/dist/chunks/RSPContexts-DV4cFLUV.es.js +9 -0
- package/dist/chunks/RSPContexts-DV4cFLUV.es.js.map +1 -0
- package/dist/chunks/SSRProvider-Bc-sMhsT.cjs.js.map +1 -1
- package/dist/chunks/SSRProvider-Cu8KibIK.es.js.map +1 -1
- package/dist/chunks/SelectionIndicator-Cp3OYqg6.cjs.js +2 -0
- package/dist/chunks/SelectionIndicator-Cp3OYqg6.cjs.js.map +1 -0
- package/dist/chunks/SelectionIndicator-DopimabS.es.js +17 -0
- package/dist/chunks/SelectionIndicator-DopimabS.es.js.map +1 -0
- package/dist/chunks/SelectionManager-1rNaWE7D.cjs.js +2 -0
- package/dist/chunks/SelectionManager-1rNaWE7D.cjs.js.map +1 -0
- package/dist/chunks/SelectionManager-2q7N4psD.es.js +1132 -0
- package/dist/chunks/SelectionManager-2q7N4psD.es.js.map +1 -0
- package/dist/chunks/Separator-6J1KiDlQ.cjs.js +2 -0
- package/dist/chunks/Separator-6J1KiDlQ.cjs.js.map +1 -0
- package/dist/chunks/Separator-DyXjJGoH.es.js +55 -0
- package/dist/chunks/Separator-DyXjJGoH.es.js.map +1 -0
- package/dist/chunks/Text-BWSfeB9p.cjs.js.map +1 -1
- package/dist/chunks/Text-DOcU1ycg.es.js.map +1 -1
- package/dist/chunks/TextArea-DItoG16s.es.js +42 -0
- package/dist/chunks/TextArea-DItoG16s.es.js.map +1 -0
- package/dist/chunks/TextArea-Y5635aIM.cjs.js +2 -0
- package/dist/chunks/TextArea-Y5635aIM.cjs.js.map +1 -0
- package/dist/chunks/ToggleButton-1I5cetxI.cjs.js +2 -0
- package/dist/chunks/ToggleButton-1I5cetxI.cjs.js.map +1 -0
- package/dist/chunks/ToggleButton-Cj9AtHpY.es.js +150 -0
- package/dist/chunks/ToggleButton-Cj9AtHpY.es.js.map +1 -0
- package/dist/chunks/VisuallyHidden-C1WQXLCm.cjs.js +2 -0
- package/dist/chunks/VisuallyHidden-C1WQXLCm.cjs.js.map +1 -0
- package/dist/chunks/VisuallyHidden-Dxf1qswV.es.js +41 -0
- package/dist/chunks/VisuallyHidden-Dxf1qswV.es.js.map +1 -0
- package/dist/chunks/accordion-B2FLWAh5.cjs.js +2 -0
- package/dist/chunks/accordion-B2FLWAh5.cjs.js.map +1 -0
- package/dist/chunks/accordion-DSLccfDW.es.js +221 -0
- package/dist/chunks/accordion-DSLccfDW.es.js.map +1 -0
- package/dist/chunks/alert-CPHjPe4-.cjs.js +2 -0
- package/dist/chunks/alert-CPHjPe4-.cjs.js.map +1 -0
- package/dist/chunks/alert-Cz2mnKir.es.js +138 -0
- package/dist/chunks/alert-Cz2mnKir.es.js.map +1 -0
- package/dist/chunks/avatar-CTiSGVoD.es.js +40 -0
- package/dist/chunks/avatar-CTiSGVoD.es.js.map +1 -0
- package/dist/chunks/avatar-_o-uSXYy.cjs.js +2 -0
- package/dist/chunks/avatar-_o-uSXYy.cjs.js.map +1 -0
- package/dist/chunks/badge-Csn5glEd.es.js +17 -0
- package/dist/chunks/badge-Csn5glEd.es.js.map +1 -0
- package/dist/chunks/badge-mMpNb3Qj.cjs.js +2 -0
- package/dist/chunks/badge-mMpNb3Qj.cjs.js.map +1 -0
- package/dist/chunks/badge.recipe-Cu6u9yqC.cjs.js +2 -0
- package/dist/chunks/badge.recipe-Cu6u9yqC.cjs.js.map +1 -0
- package/dist/chunks/badge.recipe-DsV4A_UD.es.js +68 -0
- package/dist/chunks/badge.recipe-DsV4A_UD.es.js.map +1 -0
- package/dist/chunks/box-CWni3A32.cjs.js.map +1 -1
- package/dist/chunks/box-DuBoAZvq.es.js.map +1 -1
- package/dist/chunks/button-B5OOW-2z.cjs.js +2 -0
- package/dist/chunks/button-B5OOW-2z.cjs.js.map +1 -0
- package/dist/chunks/button-Cnui897Z.es.js +62 -0
- package/dist/chunks/button-Cnui897Z.es.js.map +1 -0
- package/dist/chunks/calendar-BTdHdh7y.es.js +187 -0
- package/dist/chunks/calendar-BTdHdh7y.es.js.map +1 -0
- package/dist/chunks/calendar-V0KeNCQ3.cjs.js +2 -0
- package/dist/chunks/calendar-V0KeNCQ3.cjs.js.map +1 -0
- package/dist/chunks/card-BB_1xrND.es.js +78 -0
- package/dist/chunks/card-BB_1xrND.es.js.map +1 -0
- package/dist/chunks/card-BPEsGx1J.cjs.js +2 -0
- package/dist/chunks/card-BPEsGx1J.cjs.js.map +1 -0
- package/dist/chunks/checkbox-Bm4Yqa_0.es.js +218 -0
- package/dist/chunks/checkbox-Bm4Yqa_0.es.js.map +1 -0
- package/dist/chunks/checkbox-Dod-yTj4.cjs.js +2 -0
- package/dist/chunks/checkbox-Dod-yTj4.cjs.js.map +1 -0
- package/dist/chunks/collapsible-motion-C7M_CLNI.cjs.js +2 -0
- package/dist/chunks/collapsible-motion-C7M_CLNI.cjs.js.map +1 -0
- package/dist/chunks/collapsible-motion-OOUmjdKw.es.js +83 -0
- package/dist/chunks/collapsible-motion-OOUmjdKw.es.js.map +1 -0
- package/dist/chunks/combobox-B5UxZWSX.cjs.js +2 -0
- package/dist/chunks/combobox-B5UxZWSX.cjs.js.map +1 -0
- package/dist/chunks/combobox-Ch4VokC9.es.js +2425 -0
- package/dist/chunks/combobox-Ch4VokC9.es.js.map +1 -0
- package/dist/chunks/context-OoV8SSWX.cjs.js.map +1 -1
- package/dist/chunks/context-R4YUlO9Y.es.js.map +1 -1
- package/dist/chunks/data-table-C51WU0Cc.cjs.js +2 -0
- package/dist/chunks/data-table-C51WU0Cc.cjs.js.map +1 -0
- package/dist/chunks/data-table-DC369pb3.es.js +3585 -0
- package/dist/chunks/data-table-DC369pb3.es.js.map +1 -0
- package/dist/chunks/date-input-DvOM0DLT.cjs.js +2 -0
- package/dist/chunks/date-input-DvOM0DLT.cjs.js.map +1 -0
- package/dist/chunks/date-input-KVuRsFzs.es.js +21 -0
- package/dist/chunks/date-input-KVuRsFzs.es.js.map +1 -0
- package/dist/chunks/date-picker-C304WfAN.es.js +220 -0
- package/dist/chunks/date-picker-C304WfAN.es.js.map +1 -0
- package/dist/chunks/date-picker-CZAoPNsT.cjs.js +2 -0
- package/dist/chunks/date-picker-CZAoPNsT.cjs.js.map +1 -0
- package/dist/chunks/date-range-picker-CkRgcwfm.es.js +281 -0
- package/dist/chunks/date-range-picker-CkRgcwfm.es.js.map +1 -0
- package/dist/chunks/date-range-picker-iENzosfN.cjs.js +2 -0
- package/dist/chunks/date-range-picker-iENzosfN.cjs.js.map +1 -0
- package/dist/chunks/dialog-CKwC3dk3.cjs.js +2 -0
- package/dist/chunks/dialog-CKwC3dk3.cjs.js.map +1 -0
- package/dist/chunks/dialog-gTeRW6GK.es.js +165 -0
- package/dist/chunks/dialog-gTeRW6GK.es.js.map +1 -0
- package/dist/chunks/dialog.title-B9cEUH8w.es.js +152 -0
- package/dist/chunks/dialog.title-B9cEUH8w.es.js.map +1 -0
- package/dist/chunks/dialog.title-DOPP47Zy.cjs.js +2 -0
- package/dist/chunks/dialog.title-DOPP47Zy.cjs.js.map +1 -0
- package/dist/chunks/draggable-list-BIJ7t5ou.es.js +4211 -0
- package/dist/chunks/draggable-list-BIJ7t5ou.es.js.map +1 -0
- package/dist/chunks/draggable-list-MGvr5-A-.cjs.js +3 -0
- package/dist/chunks/draggable-list-MGvr5-A-.cjs.js.map +1 -0
- package/dist/chunks/drawer-DKF34Nfc.es.js +304 -0
- package/dist/chunks/drawer-DKF34Nfc.es.js.map +1 -0
- package/dist/chunks/drawer-DzW9wBMk.cjs.js +2 -0
- package/dist/chunks/drawer-DzW9wBMk.cjs.js.map +1 -0
- package/dist/chunks/emotion-is-prop-valid.esm-BUuA3iy8.es.js +16 -0
- package/dist/chunks/emotion-is-prop-valid.esm-BUuA3iy8.es.js.map +1 -0
- package/dist/chunks/emotion-is-prop-valid.esm-ux_11lix.cjs.js +2 -0
- package/dist/chunks/emotion-is-prop-valid.esm-ux_11lix.cjs.js.map +1 -0
- package/dist/chunks/extractStyleProps-DYXEhLtq.es.js +11 -0
- package/dist/chunks/extractStyleProps-DYXEhLtq.es.js.map +1 -0
- package/dist/chunks/extractStyleProps-Dk3fpLyQ.cjs.js +2 -0
- package/dist/chunks/extractStyleProps-Dk3fpLyQ.cjs.js.map +1 -0
- package/dist/chunks/field-errors-ClQprmQz.es.js +213 -0
- package/dist/chunks/field-errors-ClQprmQz.es.js.map +1 -0
- package/dist/chunks/field-errors-D2re_C_c.cjs.js +2 -0
- package/dist/chunks/field-errors-D2re_C_c.cjs.js.map +1 -0
- package/dist/chunks/filterDOMProps-BSVCO5jK.es.js.map +1 -1
- package/dist/chunks/filterDOMProps-WUskt27c.cjs.js.map +1 -1
- package/dist/chunks/focusSafely-BNAvQ-wF.cjs.js +2 -0
- package/dist/chunks/focusSafely-BNAvQ-wF.cjs.js.map +1 -0
- package/dist/chunks/focusSafely-BS2OU9MQ.es.js +27 -0
- package/dist/chunks/focusSafely-BS2OU9MQ.es.js.map +1 -0
- package/dist/chunks/focusWithoutScrolling-BlyUcXdY.cjs.js.map +1 -1
- package/dist/chunks/focusWithoutScrolling-CDw3JYiq.es.js.map +1 -1
- package/dist/chunks/form-field-CIGQxVVS.cjs.js +2 -0
- package/dist/chunks/form-field-CIGQxVVS.cjs.js.map +1 -0
- package/dist/chunks/form-field-cRZo4WSf.es.js +231 -0
- package/dist/chunks/form-field-cRZo4WSf.es.js.map +1 -0
- package/dist/chunks/getScrollParent-B8PotBOX.cjs.js +2 -0
- package/dist/chunks/getScrollParent-B8PotBOX.cjs.js.map +1 -0
- package/dist/chunks/getScrollParent-BS4bncfK.es.js +10 -0
- package/dist/chunks/getScrollParent-BS4bncfK.es.js.map +1 -0
- package/dist/chunks/grid-Chuw1xje.cjs.js.map +1 -1
- package/dist/chunks/grid-De8qjf98.es.js.map +1 -1
- package/dist/chunks/group-BqUFlw5R.cjs.js +2 -0
- package/dist/chunks/group-BqUFlw5R.cjs.js.map +1 -0
- package/dist/chunks/group-CWADf2vF.es.js +13 -0
- package/dist/chunks/group-CWADf2vF.es.js.map +1 -0
- package/dist/chunks/heading-BTacGwo9.cjs.js +2 -0
- package/dist/chunks/heading-BTacGwo9.cjs.js.map +1 -0
- package/dist/chunks/heading-BtazVUd5.es.js +25 -0
- package/dist/chunks/heading-BtazVUd5.es.js.map +1 -0
- package/dist/chunks/icon-CenxuChf.es.js +11 -0
- package/dist/chunks/icon-CenxuChf.es.js.map +1 -0
- package/dist/chunks/icon-D39U--jA.cjs.js +2 -0
- package/dist/chunks/icon-D39U--jA.cjs.js.map +1 -0
- package/dist/chunks/icon-button-9Ni8-hO7.es.js +14 -0
- package/dist/chunks/icon-button-9Ni8-hO7.es.js.map +1 -0
- package/dist/chunks/icon-button-vWPrT-bR.cjs.js +2 -0
- package/dist/chunks/icon-button-vWPrT-bR.cjs.js.map +1 -0
- package/dist/chunks/icon-toggle-button-Db8CLmE5.es.js +13 -0
- package/dist/chunks/icon-toggle-button-Db8CLmE5.es.js.map +1 -0
- package/dist/chunks/icon-toggle-button-eLrsWehe.cjs.js +2 -0
- package/dist/chunks/icon-toggle-button-eLrsWehe.cjs.js.map +1 -0
- package/dist/chunks/icon.recipe-ClxbhW0Q.cjs.js +2 -0
- package/dist/chunks/icon.recipe-ClxbhW0Q.cjs.js.map +1 -0
- package/dist/chunks/icon.recipe-DjkjodUn.es.js +24 -0
- package/dist/chunks/icon.recipe-DjkjodUn.es.js.map +1 -0
- package/dist/chunks/image-CGOYoc2s.cjs.js.map +1 -1
- package/dist/chunks/image-DRigLU80.es.js.map +1 -1
- package/dist/chunks/index-CRFg4Mhx.cjs.js +34 -0
- package/dist/chunks/index-CRFg4Mhx.cjs.js.map +1 -0
- package/dist/chunks/index-CtB71yr7.es.js +5655 -0
- package/dist/chunks/index-CtB71yr7.es.js.map +1 -0
- package/dist/chunks/inertValue-B3AFhVG4.cjs.js +2 -0
- package/dist/chunks/inertValue-B3AFhVG4.cjs.js.map +1 -0
- package/dist/chunks/inertValue-B7loUihk.es.js +9 -0
- package/dist/chunks/inertValue-B7loUihk.es.js.map +1 -0
- package/dist/chunks/inline-svg-CbSC6O5X.es.js +21 -0
- package/dist/chunks/inline-svg-CbSC6O5X.es.js.map +1 -0
- package/dist/chunks/inline-svg-Yb2OyzRw.cjs.js +2 -0
- package/dist/chunks/inline-svg-Yb2OyzRw.cjs.js.map +1 -0
- package/dist/chunks/intlStrings-Cd44R5hT.es.js.map +1 -1
- package/dist/chunks/intlStrings-ClBuC6xN.cjs.js.map +1 -1
- package/dist/chunks/kbd-BaeV_DL-.cjs.js +2 -0
- package/dist/chunks/kbd-BaeV_DL-.cjs.js.map +1 -0
- package/dist/chunks/kbd-CH9rYghB.es.js +15 -0
- package/dist/chunks/kbd-CH9rYghB.es.js.map +1 -0
- package/dist/chunks/link-DpU4rPCp.cjs.js +2 -0
- package/dist/chunks/link-DpU4rPCp.cjs.js.map +1 -0
- package/dist/chunks/link-QwdgCWJd.es.js +48 -0
- package/dist/chunks/link-QwdgCWJd.es.js.map +1 -0
- package/dist/chunks/loading-spinner-BiVTAfmp.es.js +59 -0
- package/dist/chunks/loading-spinner-BiVTAfmp.es.js.map +1 -0
- package/dist/chunks/loading-spinner-DQM-6XnY.cjs.js +2 -0
- package/dist/chunks/loading-spinner-DQM-6XnY.cjs.js.map +1 -0
- package/dist/chunks/localized-field-C7Vribb2.cjs.js +2 -0
- package/dist/chunks/localized-field-C7Vribb2.cjs.js.map +1 -0
- package/dist/chunks/localized-field-pJSLdod5.es.js +470 -0
- package/dist/chunks/localized-field-pJSLdod5.es.js.map +1 -0
- package/dist/chunks/make-element-focusable-C4jhHHl0.es.js +25 -0
- package/dist/chunks/make-element-focusable-C4jhHHl0.es.js.map +1 -0
- package/dist/chunks/make-element-focusable-oedzOY_M.cjs.js +2 -0
- package/dist/chunks/make-element-focusable-oedzOY_M.cjs.js.map +1 -0
- package/dist/chunks/menu-4QTf2m-7.es.js +147 -0
- package/dist/chunks/menu-4QTf2m-7.es.js.map +1 -0
- package/dist/chunks/menu-DIepV2KZ.cjs.js +2 -0
- package/dist/chunks/menu-DIepV2KZ.cjs.js.map +1 -0
- package/dist/chunks/mergeProps-BA5Cwf5w.cjs.js.map +1 -1
- package/dist/chunks/mergeProps-CzyOU2NE.es.js +130 -0
- package/dist/chunks/mergeProps-CzyOU2NE.es.js.map +1 -0
- package/dist/chunks/money-input-BJpffXRR.es.js +526 -0
- package/dist/chunks/money-input-BJpffXRR.es.js.map +1 -0
- package/dist/chunks/money-input-Cu_J86Eu.cjs.js +2 -0
- package/dist/chunks/money-input-Cu_J86Eu.cjs.js.map +1 -0
- package/dist/chunks/multiline-text-input-B9TBDieZ.cjs.js +2 -0
- package/dist/chunks/multiline-text-input-B9TBDieZ.cjs.js.map +1 -0
- package/dist/chunks/multiline-text-input-CilSJJaO.es.js +64 -0
- package/dist/chunks/multiline-text-input-CilSJJaO.es.js.map +1 -0
- package/dist/chunks/nimbus-provider-BfpEKy6w.es.js +101 -0
- package/dist/chunks/nimbus-provider-BfpEKy6w.es.js.map +1 -0
- package/dist/chunks/nimbus-provider-WX_qUCxo.cjs.js +2 -0
- package/dist/chunks/nimbus-provider-WX_qUCxo.cjs.js.map +1 -0
- package/dist/chunks/number-DHvo-MDe.cjs.js.map +1 -1
- package/dist/chunks/number-dMxJejI6.es.js.map +1 -1
- package/dist/chunks/number-input-DXiwgboS.es.js +691 -0
- package/dist/chunks/number-input-DXiwgboS.es.js.map +1 -0
- package/dist/chunks/number-input-wMW-o4di.cjs.js +2 -0
- package/dist/chunks/number-input-wMW-o4di.cjs.js.map +1 -0
- package/dist/chunks/openLink-DT8XzqFh.es.js +105 -0
- package/dist/chunks/openLink-DT8XzqFh.es.js.map +1 -0
- package/dist/chunks/openLink-DkCJYbzq.cjs.js.map +1 -1
- package/dist/chunks/pagination-BWdg8s6g.cjs.js +2 -0
- package/dist/chunks/pagination-BWdg8s6g.cjs.js.map +1 -0
- package/dist/chunks/pagination-Sq1twv0k.es.js +160 -0
- package/dist/chunks/pagination-Sq1twv0k.es.js.map +1 -0
- package/dist/chunks/password-input-6SMjhXSO.cjs.js +2 -0
- package/dist/chunks/password-input-6SMjhXSO.cjs.js.map +1 -0
- package/dist/chunks/password-input-CBhC_e5Z.es.js +54 -0
- package/dist/chunks/password-input-CBhC_e5Z.es.js.map +1 -0
- package/dist/chunks/platform-BDLy2vDY.cjs.js.map +1 -1
- package/dist/chunks/platform-Z5fvtFmM.es.js.map +1 -1
- package/dist/chunks/popover-CfEq5G5-.cjs.js +2 -0
- package/dist/chunks/popover-CfEq5G5-.cjs.js.map +1 -0
- package/dist/chunks/popover-Cz6TnNt_.es.js +14 -0
- package/dist/chunks/popover-Cz6TnNt_.es.js.map +1 -0
- package/dist/chunks/progress-bar-Bhp7W6Eo.cjs.js +2 -0
- package/dist/chunks/progress-bar-Bhp7W6Eo.cjs.js.map +1 -0
- package/dist/chunks/progress-bar-DwuOjOcH.es.js +77 -0
- package/dist/chunks/progress-bar-DwuOjOcH.es.js.map +1 -0
- package/dist/chunks/radio-input-DhqS9ipf.es.js +350 -0
- package/dist/chunks/radio-input-DhqS9ipf.es.js.map +1 -0
- package/dist/chunks/radio-input-Dp05SXja.cjs.js +2 -0
- package/dist/chunks/radio-input-Dp05SXja.cjs.js.map +1 -0
- package/dist/chunks/range-calendar-RBEpLQJb.es.js +187 -0
- package/dist/chunks/range-calendar-RBEpLQJb.es.js.map +1 -0
- package/dist/chunks/range-calendar-_dZfAsdG.cjs.js +2 -0
- package/dist/chunks/range-calendar-_dZfAsdG.cjs.js.map +1 -0
- package/dist/chunks/rich-text-input-CrjP71KM.es.js +7801 -0
- package/dist/chunks/rich-text-input-CrjP71KM.es.js.map +1 -0
- package/dist/chunks/rich-text-input-Da5WFZ3l.cjs.js +24 -0
- package/dist/chunks/rich-text-input-Da5WFZ3l.cjs.js.map +1 -0
- package/dist/chunks/scrollIntoView-DTfS0nWq.es.js +96 -0
- package/dist/chunks/scrollIntoView-DTfS0nWq.es.js.map +1 -0
- package/dist/chunks/scrollIntoView-x1EbcfEq.cjs.js +2 -0
- package/dist/chunks/scrollIntoView-x1EbcfEq.cjs.js.map +1 -0
- package/dist/chunks/search-input-BefkmgPy.cjs.js +2 -0
- package/dist/chunks/search-input-BefkmgPy.cjs.js.map +1 -0
- package/dist/chunks/search-input-DCpjVXVS.es.js +361 -0
- package/dist/chunks/search-input-DCpjVXVS.es.js.map +1 -0
- package/dist/chunks/select-DMsU6bk9.cjs.js +2 -0
- package/dist/chunks/select-DMsU6bk9.cjs.js.map +1 -0
- package/dist/chunks/select-xlqMXZuO.es.js +775 -0
- package/dist/chunks/select-xlqMXZuO.es.js.map +1 -0
- package/dist/chunks/separator-CvRn_J0r.cjs.js +2 -0
- package/dist/chunks/separator-CvRn_J0r.cjs.js.map +1 -0
- package/dist/chunks/separator-DJGUFG-o.es.js +24 -0
- package/dist/chunks/separator-DJGUFG-o.es.js.map +1 -0
- package/dist/chunks/simple-grid-Cd2MJxSX.cjs.js.map +1 -1
- package/dist/chunks/simple-grid-DU5v66TG.es.js.map +1 -1
- package/dist/chunks/spacer-BvQD2vU1.cjs.js +2 -0
- package/dist/chunks/spacer-BvQD2vU1.cjs.js.map +1 -0
- package/dist/chunks/spacer-pHklG6Ri.es.js +8 -0
- package/dist/chunks/spacer-pHklG6Ri.es.js.map +1 -0
- package/dist/chunks/split-button-BO52sL7h.cjs.js +2 -0
- package/dist/chunks/split-button-BO52sL7h.cjs.js.map +1 -0
- package/dist/chunks/split-button-C5MmKuVW.es.js +100 -0
- package/dist/chunks/split-button-C5MmKuVW.es.js.map +1 -0
- package/dist/chunks/stack-CIN13EDn.cjs.js.map +1 -1
- package/dist/chunks/stack-CoNreM7B.es.js.map +1 -1
- package/dist/chunks/switch-B5bEl91n.es.js +67 -0
- package/dist/chunks/switch-B5bEl91n.es.js.map +1 -0
- package/dist/chunks/switch-CdLhBEPq.cjs.js +2 -0
- package/dist/chunks/switch-CdLhBEPq.cjs.js.map +1 -0
- package/dist/chunks/tabs-CJ0OAUSR.cjs.js +2 -0
- package/dist/chunks/tabs-CJ0OAUSR.cjs.js.map +1 -0
- package/dist/chunks/tabs-DGzmzlun.es.js +428 -0
- package/dist/chunks/tabs-DGzmzlun.es.js.map +1 -0
- package/dist/chunks/tag-group-Btt0egzG.cjs.js +2 -0
- package/dist/chunks/tag-group-Btt0egzG.cjs.js.map +1 -0
- package/dist/chunks/tag-group-pJFnuRoJ.es.js +554 -0
- package/dist/chunks/tag-group-pJFnuRoJ.es.js.map +1 -0
- package/dist/chunks/text-BgiP8ZB6.es.js +24 -0
- package/dist/chunks/text-BgiP8ZB6.es.js.map +1 -0
- package/dist/chunks/text-CCW9kDT_.cjs.js.map +1 -1
- package/dist/chunks/text-input-CSAODlCw.es.js +49 -0
- package/dist/chunks/text-input-CSAODlCw.es.js.map +1 -0
- package/dist/chunks/text-input-DZdkCbdd.cjs.js +2 -0
- package/dist/chunks/text-input-DZdkCbdd.cjs.js.map +1 -0
- package/dist/chunks/time-input-BUej1BjY.es.js +21 -0
- package/dist/chunks/time-input-BUej1BjY.es.js.map +1 -0
- package/dist/chunks/time-input-zXykDANk.cjs.js +2 -0
- package/dist/chunks/time-input-zXykDANk.cjs.js.map +1 -0
- package/dist/chunks/toggle-button-CPzjUSI_.es.js +30 -0
- package/dist/chunks/toggle-button-CPzjUSI_.es.js.map +1 -0
- package/dist/chunks/toggle-button-DxMZsem4.cjs.js +2 -0
- package/dist/chunks/toggle-button-DxMZsem4.cjs.js.map +1 -0
- package/dist/chunks/toggle-button-group-CE2Urvj8.cjs.js +2 -0
- package/dist/chunks/toggle-button-group-CE2Urvj8.cjs.js.map +1 -0
- package/dist/chunks/toggle-button-group-DOxjowig.es.js +29 -0
- package/dist/chunks/toggle-button-group-DOxjowig.es.js.map +1 -0
- package/dist/chunks/toggle-button-group.recipe-CbCnJQP3.es.js +244 -0
- package/dist/chunks/toggle-button-group.recipe-CbCnJQP3.es.js.map +1 -0
- package/dist/chunks/toggle-button-group.recipe-DgySRvOW.cjs.js +2 -0
- package/dist/chunks/toggle-button-group.recipe-DgySRvOW.cjs.js.map +1 -0
- package/dist/chunks/toolbar-DV0l5MqA.cjs.js +2 -0
- package/dist/chunks/toolbar-DV0l5MqA.cjs.js.map +1 -0
- package/dist/chunks/toolbar-Dduysqqi.es.js +61 -0
- package/dist/chunks/toolbar-Dduysqqi.es.js.map +1 -0
- package/dist/chunks/tooltip-BPTOkK7W.cjs.js +2 -0
- package/dist/chunks/tooltip-BPTOkK7W.cjs.js.map +1 -0
- package/dist/chunks/tooltip-sgakxhiy.es.js +268 -0
- package/dist/chunks/tooltip-sgakxhiy.es.js.map +1 -0
- package/dist/chunks/use-inline-svg-C2ko8Bcq.cjs.js +2 -0
- package/dist/chunks/use-inline-svg-C2ko8Bcq.cjs.js.map +1 -0
- package/dist/chunks/use-inline-svg-Cua0623E.es.js +47 -0
- package/dist/chunks/use-inline-svg-Cua0623E.es.js.map +1 -0
- package/dist/chunks/useButton-DkQVxdIF.es.js +57 -0
- package/dist/chunks/useButton-DkQVxdIF.es.js.map +1 -0
- package/dist/chunks/useButton-KnJ6A32S.cjs.js +2 -0
- package/dist/chunks/useButton-KnJ6A32S.cjs.js.map +1 -0
- package/dist/chunks/useCollator-BHMZd1r6.es.js.map +1 -1
- package/dist/chunks/useCollator-YVJAe1GI.cjs.js.map +1 -1
- package/dist/chunks/useControlledState-D0L6S_5r.cjs.js.map +1 -1
- package/dist/chunks/useControlledState-u436Wbp1.es.js.map +1 -1
- package/dist/chunks/useDateFormatter-BBcUQTYP.cjs.js +2 -0
- package/dist/chunks/useDateFormatter-BBcUQTYP.cjs.js.map +1 -0
- package/dist/chunks/useDateFormatter-BkKCXbud.es.js +1632 -0
- package/dist/chunks/useDateFormatter-BkKCXbud.es.js.map +1 -0
- package/dist/chunks/useDisclosureState-DtcHCDt4.es.js +87 -0
- package/dist/chunks/useDisclosureState-DtcHCDt4.es.js.map +1 -0
- package/dist/chunks/useDisclosureState-ipt8A1Kc.cjs.js +2 -0
- package/dist/chunks/useDisclosureState-ipt8A1Kc.cjs.js.map +1 -0
- package/dist/chunks/useEvent-Bh_fbauk.es.js +22 -0
- package/dist/chunks/useEvent-Bh_fbauk.es.js.map +1 -0
- package/dist/chunks/useEvent-CuUOU5WV.cjs.js.map +1 -1
- package/dist/chunks/useField-B0j4t47V.es.js +36 -0
- package/dist/chunks/useField-B0j4t47V.es.js.map +1 -0
- package/dist/chunks/useField-C_piDZ9g.cjs.js +2 -0
- package/dist/chunks/useField-C_piDZ9g.cjs.js.map +1 -0
- package/dist/chunks/useFilter-CG8lxfCP.cjs.js.map +1 -1
- package/dist/chunks/useFilter-DOfNzeZ9.es.js.map +1 -1
- package/dist/chunks/useFocus-CwNVYldV.es.js +29 -0
- package/dist/chunks/useFocus-CwNVYldV.es.js.map +1 -0
- package/dist/chunks/useFocus-DVHC9n4e.cjs.js +2 -0
- package/dist/chunks/useFocus-DVHC9n4e.cjs.js.map +1 -0
- package/dist/chunks/useFocusRing-BuJmrp03.cjs.js +2 -0
- package/dist/chunks/useFocusRing-BuJmrp03.cjs.js.map +1 -0
- package/dist/chunks/useFocusRing-DRIG5NVg.es.js +35 -0
- package/dist/chunks/useFocusRing-DRIG5NVg.es.js.map +1 -0
- package/dist/chunks/useFocusVisible-BIPjFmFE.es.js +111 -0
- package/dist/chunks/useFocusVisible-BIPjFmFE.es.js.map +1 -0
- package/dist/chunks/useFocusVisible-CN9NILN7.cjs.js +2 -0
- package/dist/chunks/useFocusVisible-CN9NILN7.cjs.js.map +1 -0
- package/dist/chunks/useFocusWithin-CfiDXiVK.es.js +56 -0
- package/dist/chunks/useFocusWithin-CfiDXiVK.es.js.map +1 -0
- package/dist/chunks/useFocusWithin-CucqUylS.cjs.js +2 -0
- package/dist/chunks/useFocusWithin-CucqUylS.cjs.js.map +1 -0
- package/dist/chunks/useFocusable-D1mzTlxa.es.js +77 -0
- package/dist/chunks/useFocusable-D1mzTlxa.es.js.map +1 -0
- package/dist/chunks/useFocusable-Dv8K4Git.cjs.js +2 -0
- package/dist/chunks/useFocusable-Dv8K4Git.cjs.js.map +1 -0
- package/dist/chunks/useFormReset--wPlnEOl.cjs.js.map +1 -1
- package/dist/chunks/useFormReset-D_wskGk5.es.js +21 -0
- package/dist/chunks/useFormReset-D_wskGk5.es.js.map +1 -0
- package/dist/chunks/useFormValidation-DR5NgZ9j.es.js +202 -0
- package/dist/chunks/useFormValidation-DR5NgZ9j.es.js.map +1 -0
- package/dist/chunks/useFormValidation-STNSjSmx.cjs.js +2 -0
- package/dist/chunks/useFormValidation-STNSjSmx.cjs.js.map +1 -0
- package/dist/chunks/useGlobalListeners-BOOfV5Wh.es.js.map +1 -1
- package/dist/chunks/useGlobalListeners-DcmIlwrO.cjs.js.map +1 -1
- package/dist/chunks/useGridListItem-6gZ8SfZH.cjs.js +2 -0
- package/dist/chunks/useGridListItem-6gZ8SfZH.cjs.js.map +1 -0
- package/dist/chunks/useGridListItem-Cosrmt8g.es.js +251 -0
- package/dist/chunks/useGridListItem-Cosrmt8g.es.js.map +1 -0
- package/dist/chunks/useGridSelectionCheckbox-UA-rsjJv.cjs.js +2 -0
- package/dist/chunks/useGridSelectionCheckbox-UA-rsjJv.cjs.js.map +1 -0
- package/dist/chunks/useGridSelectionCheckbox-yspK-vJA.es.js +23 -0
- package/dist/chunks/useGridSelectionCheckbox-yspK-vJA.es.js.map +1 -0
- package/dist/chunks/useHasTabbableChild-Bif_c3Cz.cjs.js +2 -0
- package/dist/chunks/useHasTabbableChild-Bif_c3Cz.cjs.js.map +1 -0
- package/dist/chunks/useHasTabbableChild-Dq0HGz7B.es.js +35 -0
- package/dist/chunks/useHasTabbableChild-Dq0HGz7B.es.js.map +1 -0
- package/dist/chunks/useHighlightSelectionDescription-BVp60RjN.cjs.js +2 -0
- package/dist/chunks/useHighlightSelectionDescription-BVp60RjN.cjs.js.map +1 -0
- package/dist/chunks/useHighlightSelectionDescription-qks4kKs2.es.js +568 -0
- package/dist/chunks/useHighlightSelectionDescription-qks4kKs2.es.js.map +1 -0
- package/dist/chunks/useHover-271zEzph.cjs.js +2 -0
- package/dist/chunks/useHover-271zEzph.cjs.js.map +1 -0
- package/dist/chunks/useHover-9Xdm5U9d.es.js +86 -0
- package/dist/chunks/useHover-9Xdm5U9d.es.js.map +1 -0
- package/dist/chunks/useLabel-Cv-EvK4W.es.js +24 -0
- package/dist/chunks/useLabel-Cv-EvK4W.es.js.map +1 -0
- package/dist/chunks/useLabel-neE14Yau.cjs.js +2 -0
- package/dist/chunks/useLabel-neE14Yau.cjs.js.map +1 -0
- package/dist/chunks/useLabels-82wzG8z1.es.js +18 -0
- package/dist/chunks/useLabels-82wzG8z1.es.js.map +1 -0
- package/dist/chunks/useLabels-BsHtLxGl.cjs.js +2 -0
- package/dist/chunks/useLabels-BsHtLxGl.cjs.js.map +1 -0
- package/dist/chunks/useListState-CUO8Wibt.es.js +134 -0
- package/dist/chunks/useListState-CUO8Wibt.es.js.map +1 -0
- package/dist/chunks/useListState-CyKtsfSM.cjs.js +2 -0
- package/dist/chunks/useListState-CyKtsfSM.cjs.js.map +1 -0
- package/dist/chunks/useLocalizedStringFormatter-BRnRyxJp.es.js.map +1 -1
- package/dist/chunks/useLocalizedStringFormatter-sB0mFYtL.cjs.js.map +1 -1
- package/dist/chunks/useObjectRef-CaJ5pgjX.es.js.map +1 -1
- package/dist/chunks/useObjectRef-dXOJdONs.cjs.js.map +1 -1
- package/dist/chunks/usePress-Bxb2-xLP.es.js +456 -0
- package/dist/chunks/usePress-Bxb2-xLP.es.js.map +1 -0
- package/dist/chunks/usePress-D5REDWI3.cjs.js +8 -0
- package/dist/chunks/usePress-D5REDWI3.cjs.js.map +1 -0
- package/dist/chunks/useProgressBar-BsSMDAsi.es.js +48 -0
- package/dist/chunks/useProgressBar-BsSMDAsi.es.js.map +1 -0
- package/dist/chunks/useProgressBar-COda2Qef.cjs.js +2 -0
- package/dist/chunks/useProgressBar-COda2Qef.cjs.js.map +1 -0
- package/dist/chunks/useSingleSelectListState-CgOgZMJh.cjs.js +2 -0
- package/dist/chunks/useSingleSelectListState-CgOgZMJh.cjs.js.map +1 -0
- package/dist/chunks/useSingleSelectListState-CnVWWOJD.es.js +35 -0
- package/dist/chunks/useSingleSelectListState-CnVWWOJD.es.js.map +1 -0
- package/dist/chunks/useSpinButton-2dD53rZp.es.js +433 -0
- package/dist/chunks/useSpinButton-2dD53rZp.es.js.map +1 -0
- package/dist/chunks/useSpinButton-DA7sVP3T.cjs.js.map +1 -1
- package/dist/chunks/useSyncRef-bcjp9eId.cjs.js.map +1 -1
- package/dist/chunks/useSyncRef-nVBzPD3o.es.js +13 -0
- package/dist/chunks/useSyncRef-nVBzPD3o.es.js.map +1 -0
- package/dist/chunks/useTextField-0jWzqKW2.cjs.js +2 -0
- package/dist/chunks/useTextField-0jWzqKW2.cjs.js.map +1 -0
- package/dist/chunks/useTextField-CT9tuc9X.es.js +91 -0
- package/dist/chunks/useTextField-CT9tuc9X.es.js.map +1 -0
- package/dist/chunks/useToggle-BXaU8bD5.cjs.js +2 -0
- package/dist/chunks/useToggle-BXaU8bD5.cjs.js.map +1 -0
- package/dist/chunks/useToggle-CUMQAGyE.es.js +62 -0
- package/dist/chunks/useToggle-CUMQAGyE.es.js.map +1 -0
- package/dist/chunks/useToggleState-Dl-o05wQ.cjs.js.map +1 -1
- package/dist/chunks/useToggleState-Uh0wTgdI.es.js.map +1 -1
- package/dist/chunks/useToolbar-CnYu1bn9.es.js +55 -0
- package/dist/chunks/useToolbar-CnYu1bn9.es.js.map +1 -0
- package/dist/chunks/useToolbar-iBRLn7DA.cjs.js +2 -0
- package/dist/chunks/useToolbar-iBRLn7DA.cjs.js.map +1 -0
- package/dist/chunks/useUpdateEffect-C5YQs_1w.cjs.js.map +1 -1
- package/dist/chunks/useUpdateEffect-CCDx8D4X.es.js.map +1 -1
- package/dist/chunks/utils-BHdR5Nww.cjs.js.map +1 -1
- package/dist/chunks/utils-Cjs5h3ad.es.js +190 -0
- package/dist/chunks/utils-Cjs5h3ad.es.js.map +1 -0
- package/dist/chunks/utils-Cyja2WdR.es.js +128 -0
- package/dist/chunks/utils-Cyja2WdR.es.js.map +1 -0
- package/dist/chunks/utils-DUS_ZjvE.cjs.js +2 -0
- package/dist/chunks/utils-DUS_ZjvE.cjs.js.map +1 -0
- package/dist/chunks/visually-hidden-CVUszTlg.es.js +11 -0
- package/dist/chunks/visually-hidden-CVUszTlg.es.js.map +1 -0
- package/dist/chunks/visually-hidden-tTYCAVoQ.cjs.js +2 -0
- package/dist/chunks/visually-hidden-tTYCAVoQ.cjs.js.map +1 -0
- package/dist/collapsible-motion.d.ts +125 -0
- package/dist/combobox.d.ts +91 -145
- package/dist/components/accordion.cjs +1 -1
- package/dist/components/accordion.es.js +1 -1
- package/dist/components/alert.cjs +1 -1
- package/dist/components/alert.es.js +1 -1
- package/dist/components/avatar.cjs +1 -1
- package/dist/components/avatar.es.js +1 -1
- package/dist/components/badge.cjs +1 -1
- package/dist/components/badge.es.js +1 -1
- package/dist/components/button.cjs +1 -1
- package/dist/components/button.es.js +1 -1
- package/dist/components/calendar.cjs +1 -1
- package/dist/components/calendar.es.js +1 -1
- package/dist/components/card.cjs +1 -1
- package/dist/components/card.es.js +1 -1
- package/dist/components/checkbox.cjs +1 -1
- package/dist/components/checkbox.es.js +1 -1
- package/dist/components/collapsible-motion.cjs +2 -0
- package/dist/components/collapsible-motion.cjs.map +1 -0
- package/dist/components/collapsible-motion.es.js +5 -0
- package/dist/components/collapsible-motion.es.js.map +1 -0
- package/dist/components/combobox.cjs +1 -1
- package/dist/components/combobox.es.js +1 -1
- package/dist/components/components.cjs +1 -1
- package/dist/components/components.es.js +9 -164
- package/dist/components/components.es.js.map +1 -1
- package/dist/components/constants.cjs +1 -1
- package/dist/components/constants.cjs.map +1 -1
- package/dist/components/constants.es.js +13 -122
- package/dist/components/constants.es.js.map +1 -1
- package/dist/components/data-table.cjs +1 -1
- package/dist/components/data-table.es.js +1 -1
- package/dist/components/date-input.cjs +1 -1
- package/dist/components/date-input.es.js +1 -1
- package/dist/components/date-picker.cjs +1 -1
- package/dist/components/date-picker.es.js +1 -1
- package/dist/components/date-range-picker.cjs +1 -1
- package/dist/components/date-range-picker.es.js +1 -1
- package/dist/components/dialog.cjs +1 -1
- package/dist/components/dialog.es.js +1 -1
- package/dist/components/draggable-list.cjs +2 -0
- package/dist/components/draggable-list.cjs.map +1 -0
- package/dist/components/draggable-list.es.js +8 -0
- package/dist/components/draggable-list.es.js.map +1 -0
- package/dist/components/drawer.cjs +2 -0
- package/dist/components/drawer.cjs.map +1 -0
- package/dist/components/drawer.es.js +5 -0
- package/dist/components/drawer.es.js.map +1 -0
- package/dist/components/field-errors.cjs +2 -0
- package/dist/components/field-errors.cjs.map +1 -0
- package/dist/components/field-errors.es.js +6 -0
- package/dist/components/field-errors.es.js.map +1 -0
- package/dist/components/form-field.cjs +1 -1
- package/dist/components/form-field.es.js +1 -1
- package/dist/components/group.cjs +1 -1
- package/dist/components/group.es.js +1 -1
- package/dist/components/heading.cjs +1 -1
- package/dist/components/heading.es.js +2 -2
- package/dist/components/hooks.cjs +1 -1
- package/dist/components/hooks.es.js +2 -5
- package/dist/components/icon-button.cjs +1 -1
- package/dist/components/icon-button.es.js +1 -1
- package/dist/components/icon-toggle-button.cjs +1 -1
- package/dist/components/icon-toggle-button.es.js +1 -1
- package/dist/components/icon.cjs +1 -1
- package/dist/components/icon.es.js +1 -1
- package/dist/components/inline-svg.cjs +2 -0
- package/dist/components/inline-svg.cjs.map +1 -0
- package/dist/components/inline-svg.es.js +5 -0
- package/dist/components/inline-svg.es.js.map +1 -0
- package/dist/components/kbd.cjs +1 -1
- package/dist/components/kbd.es.js +1 -1
- package/dist/components/link.cjs +1 -1
- package/dist/components/link.es.js +1 -1
- package/dist/components/loading-spinner.cjs +1 -1
- package/dist/components/loading-spinner.es.js +1 -1
- package/dist/components/localized-field.cjs +2 -0
- package/dist/components/localized-field.cjs.map +1 -0
- package/dist/components/localized-field.es.js +5 -0
- package/dist/components/localized-field.es.js.map +1 -0
- package/dist/components/money-input.cjs +2 -0
- package/dist/components/money-input.cjs.map +1 -0
- package/dist/components/money-input.es.js +5 -0
- package/dist/components/money-input.es.js.map +1 -0
- package/dist/components/multiline-text-input.cjs +1 -1
- package/dist/components/multiline-text-input.es.js +1 -1
- package/dist/components/nimbus-provider.cjs +1 -1
- package/dist/components/nimbus-provider.es.js +1 -1
- package/dist/components/number-input.cjs +1 -1
- package/dist/components/number-input.es.js +1 -1
- package/dist/components/pagination.cjs +2 -0
- package/dist/components/pagination.cjs.map +1 -0
- package/dist/components/pagination.es.js +5 -0
- package/dist/components/pagination.es.js.map +1 -0
- package/dist/components/password-input.cjs +1 -1
- package/dist/components/password-input.es.js +1 -1
- package/dist/components/popover.cjs +1 -1
- package/dist/components/popover.cjs.map +1 -1
- package/dist/components/popover.es.js +2 -22
- package/dist/components/popover.es.js.map +1 -1
- package/dist/components/progress-bar.cjs +1 -1
- package/dist/components/progress-bar.es.js +1 -1
- package/dist/components/radio-input.cjs +1 -1
- package/dist/components/radio-input.es.js +1 -1
- package/dist/components/range-calendar.cjs +1 -1
- package/dist/components/range-calendar.es.js +1 -1
- package/dist/components/rich-text-input.cjs +1 -1
- package/dist/components/rich-text-input.es.js +1 -1
- package/dist/components/scoped-search-input.cjs +2 -0
- package/dist/components/scoped-search-input.cjs.map +1 -0
- package/dist/components/scoped-search-input.es.js +153 -0
- package/dist/components/scoped-search-input.es.js.map +1 -0
- package/dist/components/search-input.cjs +2 -0
- package/dist/components/search-input.cjs.map +1 -0
- package/dist/components/search-input.es.js +5 -0
- package/dist/components/search-input.es.js.map +1 -0
- package/dist/components/select.cjs +1 -1
- package/dist/components/select.es.js +1 -1
- package/dist/components/separator.cjs +2 -0
- package/dist/components/separator.cjs.map +1 -0
- package/dist/components/separator.es.js +5 -0
- package/dist/components/separator.es.js.map +1 -0
- package/dist/components/spacer.cjs +2 -0
- package/dist/components/spacer.cjs.map +1 -0
- package/dist/components/spacer.es.js +5 -0
- package/dist/components/spacer.es.js.map +1 -0
- package/dist/components/split-button.cjs +1 -1
- package/dist/components/split-button.es.js +1 -1
- package/dist/components/switch.cjs +1 -1
- package/dist/components/switch.es.js +1 -1
- package/dist/components/tabs.cjs +2 -0
- package/dist/components/tabs.cjs.map +1 -0
- package/dist/components/tabs.es.js +10 -0
- package/dist/components/tabs.es.js.map +1 -0
- package/dist/components/tag-group.cjs +1 -1
- package/dist/components/tag-group.es.js +1 -1
- package/dist/components/text-input.cjs +1 -1
- package/dist/components/text-input.es.js +1 -1
- package/dist/components/text.es.js +1 -1
- package/dist/components/time-input.cjs +1 -1
- package/dist/components/time-input.es.js +1 -1
- package/dist/components/toggle-button-group.cjs +1 -1
- package/dist/components/toggle-button-group.es.js +1 -1
- package/dist/components/toggle-button.cjs +1 -1
- package/dist/components/toggle-button.es.js +1 -1
- package/dist/components/toolbar.cjs +1 -1
- package/dist/components/toolbar.es.js +1 -1
- package/dist/components/tooltip.cjs +1 -1
- package/dist/components/tooltip.es.js +2 -2
- package/dist/components/utils.cjs +2 -1
- package/dist/components/utils.cjs.map +1 -1
- package/dist/components/utils.es.js +568 -65
- package/dist/components/utils.es.js.map +1 -1
- package/dist/components/visually-hidden.cjs +1 -1
- package/dist/components/visually-hidden.es.js +1 -1
- package/dist/components.d.ts +200 -3937
- package/dist/constants.d.ts +4 -113
- package/dist/data-table.d.ts +70 -95
- package/dist/date-input.d.ts +19 -80
- package/dist/date-picker.d.ts +31 -133
- package/dist/date-range-picker.d.ts +20 -67
- package/dist/dialog.d.ts +478 -27
- package/dist/draggable-list.d.ts +331 -0
- package/dist/drawer.d.ts +590 -0
- package/dist/field-errors.d.ts +144 -0
- package/dist/form-field.d.ts +65 -89
- package/dist/grid.d.ts +2 -2
- package/dist/group.d.ts +9 -15
- package/dist/heading.d.ts +43 -2
- package/dist/hooks.d.ts +7 -46
- package/dist/icon-button.d.ts +40 -28
- package/dist/icon-toggle-button.d.ts +31 -122
- package/dist/icon.d.ts +9 -67
- package/dist/image.d.ts +1 -2
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +196 -3970
- package/dist/index.es.js +461 -404
- package/dist/index.es.js.map +1 -1
- package/dist/inline-svg.d.ts +81 -0
- package/dist/kbd.d.ts +2 -2
- package/dist/link.d.ts +22 -61
- package/dist/loading-spinner.d.ts +20 -66
- package/dist/localized-field.d.ts +935 -0
- package/dist/money-input.d.ts +879 -0
- package/dist/multiline-text-input.d.ts +40 -46
- package/dist/nimbus-provider.d.ts +28 -18
- package/dist/number-input.d.ts +33 -115
- package/dist/pagination.d.ts +70 -0
- package/dist/password-input.d.ts +39 -52
- package/dist/popover.d.ts +10 -3
- package/dist/progress-bar.d.ts +42 -125
- package/dist/radio-input.d.ts +17 -36
- package/dist/range-calendar.d.ts +22 -17
- package/dist/rich-text-input.d.ts +9 -6
- package/dist/scoped-search-input.d.ts +94 -0
- package/dist/search-input.d.ts +56 -0
- package/dist/select.d.ts +167 -80
- package/dist/separator.d.ts +49 -0
- package/dist/setup-jsdom-polyfills.cjs +1 -1
- package/dist/setup-jsdom-polyfills.cjs.map +1 -1
- package/dist/setup-jsdom-polyfills.es.js +37 -2
- package/dist/setup-jsdom-polyfills.es.js.map +1 -1
- package/dist/simple-grid.d.ts +2 -2
- package/dist/spacer.d.ts +41 -0
- package/dist/split-button.d.ts +51 -28
- package/dist/stack.d.ts +2 -2
- package/dist/switch.d.ts +9 -51
- package/dist/tabs.d.ts +213 -0
- package/dist/tag-group.d.ts +18 -51
- package/dist/text-input.d.ts +38 -41
- package/dist/text.d.ts +2 -2
- package/dist/time-input.d.ts +20 -80
- package/dist/toggle-button-group.d.ts +21 -68
- package/dist/toggle-button.d.ts +23 -119
- package/dist/toolbar.d.ts +11 -67
- package/dist/tooltip.d.ts +41 -51
- package/dist/utils.d.ts +28 -148
- package/dist/visually-hidden.d.ts +2 -2
- package/package.json +40 -31
- package/dist/chunks/Button-BtJHe9xY.cjs.js +0 -2
- package/dist/chunks/Button-BtJHe9xY.cjs.js.map +0 -1
- package/dist/chunks/Button-CNBS3n5a.es.js +0 -73
- package/dist/chunks/Button-CNBS3n5a.es.js.map +0 -1
- package/dist/chunks/DateField-Dm2Qlhbk.es.js +0 -2685
- package/dist/chunks/DateField-Dm2Qlhbk.es.js.map +0 -1
- package/dist/chunks/DateField-rweHHCKR.cjs.js +0 -2
- package/dist/chunks/DateField-rweHHCKR.cjs.js.map +0 -1
- package/dist/chunks/DatePicker-BdV6ICAm.cjs.js +0 -2
- package/dist/chunks/DatePicker-BdV6ICAm.cjs.js.map +0 -1
- package/dist/chunks/DatePicker-BthC1bZ_.es.js +0 -782
- package/dist/chunks/DatePicker-BthC1bZ_.es.js.map +0 -1
- package/dist/chunks/Dialog-BeQ6Z6l2.es.js +0 -1924
- package/dist/chunks/Dialog-BeQ6Z6l2.es.js.map +0 -1
- package/dist/chunks/Dialog-CYa26HlL.cjs.js +0 -2
- package/dist/chunks/Dialog-CYa26HlL.cjs.js.map +0 -1
- package/dist/chunks/DragAndDrop-ChYb3tCX.es.js +0 -81
- package/dist/chunks/DragAndDrop-ChYb3tCX.es.js.map +0 -1
- package/dist/chunks/DragAndDrop-cOfUfFj8.cjs.js +0 -2
- package/dist/chunks/DragAndDrop-cOfUfFj8.cjs.js.map +0 -1
- package/dist/chunks/FocusScope-CNO0fzPs.es.js +0 -625
- package/dist/chunks/FocusScope-CNO0fzPs.es.js.map +0 -1
- package/dist/chunks/FocusScope-DPn5XtSy.cjs.js +0 -2
- package/dist/chunks/FocusScope-DPn5XtSy.cjs.js.map +0 -1
- package/dist/chunks/Group-Cfixd-fh.es.js +0 -46
- package/dist/chunks/Group-Cfixd-fh.es.js.map +0 -1
- package/dist/chunks/Group-MdeByg6t.cjs.js +0 -2
- package/dist/chunks/Group-MdeByg6t.cjs.js.map +0 -1
- package/dist/chunks/Heading-BaW6t55l.cjs.js +0 -2
- package/dist/chunks/Heading-BaW6t55l.cjs.js.map +0 -1
- package/dist/chunks/Heading-DEfy_f01.es.js +0 -1618
- package/dist/chunks/Heading-DEfy_f01.es.js.map +0 -1
- package/dist/chunks/Input-BiHwUBo4.es.js +0 -43
- package/dist/chunks/Input-BiHwUBo4.es.js.map +0 -1
- package/dist/chunks/Input-HBDt7LmM.cjs.js +0 -2
- package/dist/chunks/Input-HBDt7LmM.cjs.js.map +0 -1
- package/dist/chunks/Label-B2YyCdLl.es.js +0 -17
- package/dist/chunks/Label-B2YyCdLl.es.js.map +0 -1
- package/dist/chunks/ListBox-CikEmFBx.cjs.js +0 -2
- package/dist/chunks/ListBox-CikEmFBx.cjs.js.map +0 -1
- package/dist/chunks/ListBox-DF3NHeEX.es.js +0 -605
- package/dist/chunks/ListBox-DF3NHeEX.es.js.map +0 -1
- package/dist/chunks/OverlayArrow-sJzRZNbO.es.js +0 -491
- package/dist/chunks/OverlayArrow-sJzRZNbO.es.js.map +0 -1
- package/dist/chunks/ProgressBar-BA3sLh1k.cjs.js +0 -2
- package/dist/chunks/ProgressBar-BA3sLh1k.cjs.js.map +0 -1
- package/dist/chunks/ProgressBar-DjaUQI7N.es.js +0 -42
- package/dist/chunks/ProgressBar-DjaUQI7N.es.js.map +0 -1
- package/dist/chunks/RSPContexts-B4yvXuBR.es.js +0 -7
- package/dist/chunks/RSPContexts-B4yvXuBR.es.js.map +0 -1
- package/dist/chunks/RSPContexts-CkSl9jRK.cjs.js +0 -2
- package/dist/chunks/RSPContexts-CkSl9jRK.cjs.js.map +0 -1
- package/dist/chunks/SelectionManager-CLyu96pU.es.js +0 -1946
- package/dist/chunks/SelectionManager-CLyu96pU.es.js.map +0 -1
- package/dist/chunks/SelectionManager-Mrwf4SFv.cjs.js +0 -18
- package/dist/chunks/SelectionManager-Mrwf4SFv.cjs.js.map +0 -1
- package/dist/chunks/Separator-3-E2tRbk.es.js +0 -92
- package/dist/chunks/Separator-3-E2tRbk.es.js.map +0 -1
- package/dist/chunks/Separator-CAOg-vqY.cjs.js +0 -2
- package/dist/chunks/Separator-CAOg-vqY.cjs.js.map +0 -1
- package/dist/chunks/TextArea-BmpgvS0R.es.js +0 -42
- package/dist/chunks/TextArea-BmpgvS0R.es.js.map +0 -1
- package/dist/chunks/TextArea-D3FFXnUy.cjs.js +0 -2
- package/dist/chunks/TextArea-D3FFXnUy.cjs.js.map +0 -1
- package/dist/chunks/ToggleButton-C3JL0pgD.es.js +0 -145
- package/dist/chunks/ToggleButton-C3JL0pgD.es.js.map +0 -1
- package/dist/chunks/ToggleButton-CPAdPTCr.cjs.js +0 -2
- package/dist/chunks/ToggleButton-CPAdPTCr.cjs.js.map +0 -1
- package/dist/chunks/VisuallyHidden-Bv_AJXZ7.cjs.js +0 -2
- package/dist/chunks/VisuallyHidden-Bv_AJXZ7.cjs.js.map +0 -1
- package/dist/chunks/VisuallyHidden-VHEPK04F.es.js +0 -41
- package/dist/chunks/VisuallyHidden-VHEPK04F.es.js.map +0 -1
- package/dist/chunks/accordion-EDJoghXQ.cjs.js +0 -2
- package/dist/chunks/accordion-EDJoghXQ.cjs.js.map +0 -1
- package/dist/chunks/accordion-UL4pfC2d.es.js +0 -223
- package/dist/chunks/accordion-UL4pfC2d.es.js.map +0 -1
- package/dist/chunks/alert-BhoRNIWA.cjs.js +0 -2
- package/dist/chunks/alert-BhoRNIWA.cjs.js.map +0 -1
- package/dist/chunks/alert-D-ddqYG4.es.js +0 -186
- package/dist/chunks/alert-D-ddqYG4.es.js.map +0 -1
- package/dist/chunks/avatar-Bu12OMzz.es.js +0 -38
- package/dist/chunks/avatar-Bu12OMzz.es.js.map +0 -1
- package/dist/chunks/avatar-C2KIWewd.cjs.js +0 -2
- package/dist/chunks/avatar-C2KIWewd.cjs.js.map +0 -1
- package/dist/chunks/badge-BJd-Q81M.es.js +0 -77
- package/dist/chunks/badge-BJd-Q81M.es.js.map +0 -1
- package/dist/chunks/badge-CCrBksXu.cjs.js +0 -2
- package/dist/chunks/badge-CCrBksXu.cjs.js.map +0 -1
- package/dist/chunks/button-CRUdodZm.es.js +0 -59
- package/dist/chunks/button-CRUdodZm.es.js.map +0 -1
- package/dist/chunks/button-CU8FW_Pl.cjs.js +0 -2
- package/dist/chunks/button-CU8FW_Pl.cjs.js.map +0 -1
- package/dist/chunks/button.recipe-Cqkj3VMo.cjs.js +0 -2
- package/dist/chunks/button.recipe-Cqkj3VMo.cjs.js.map +0 -1
- package/dist/chunks/button.recipe-NdTb5f8M.es.js +0 -191
- package/dist/chunks/button.recipe-NdTb5f8M.es.js.map +0 -1
- package/dist/chunks/calendar-DJKWldpV.cjs.js +0 -2
- package/dist/chunks/calendar-DJKWldpV.cjs.js.map +0 -1
- package/dist/chunks/calendar-DzwFtg1t.es.js +0 -186
- package/dist/chunks/calendar-DzwFtg1t.es.js.map +0 -1
- package/dist/chunks/card-BfUdf1Fy.es.js +0 -138
- package/dist/chunks/card-BfUdf1Fy.es.js.map +0 -1
- package/dist/chunks/card-DeWTV05B.cjs.js +0 -2
- package/dist/chunks/card-DeWTV05B.cjs.js.map +0 -1
- package/dist/chunks/checkbox-6nLo9Jy2.cjs.js +0 -2
- package/dist/chunks/checkbox-6nLo9Jy2.cjs.js.map +0 -1
- package/dist/chunks/checkbox-GmYxVrZx.es.js +0 -219
- package/dist/chunks/checkbox-GmYxVrZx.es.js.map +0 -1
- package/dist/chunks/combobox-DtPDxCo3.cjs.js +0 -2
- package/dist/chunks/combobox-DtPDxCo3.cjs.js.map +0 -1
- package/dist/chunks/combobox-gIwba2QG.es.js +0 -2392
- package/dist/chunks/combobox-gIwba2QG.es.js.map +0 -1
- package/dist/chunks/data-table-Cpk3q34E.cjs.js +0 -2
- package/dist/chunks/data-table-Cpk3q34E.cjs.js.map +0 -1
- package/dist/chunks/data-table-mXLxUWQz.es.js +0 -3563
- package/dist/chunks/data-table-mXLxUWQz.es.js.map +0 -1
- package/dist/chunks/date-input-D5unoyMt.es.js +0 -16
- package/dist/chunks/date-input-D5unoyMt.es.js.map +0 -1
- package/dist/chunks/date-input-DJ_aFB9i.cjs.js +0 -2
- package/dist/chunks/date-input-DJ_aFB9i.cjs.js.map +0 -1
- package/dist/chunks/date-picker-CMqAI1lp.es.js +0 -190
- package/dist/chunks/date-picker-CMqAI1lp.es.js.map +0 -1
- package/dist/chunks/date-picker-f3TylaP5.cjs.js +0 -2
- package/dist/chunks/date-picker-f3TylaP5.cjs.js.map +0 -1
- package/dist/chunks/date-range-picker-CxsPpWyX.cjs.js +0 -2
- package/dist/chunks/date-range-picker-CxsPpWyX.cjs.js.map +0 -1
- package/dist/chunks/date-range-picker-Dtji64Q9.es.js +0 -283
- package/dist/chunks/date-range-picker-Dtji64Q9.es.js.map +0 -1
- package/dist/chunks/dialog-CVa-E9-A.cjs.js +0 -2
- package/dist/chunks/dialog-CVa-E9-A.cjs.js.map +0 -1
- package/dist/chunks/dialog-DTSuKnyk.es.js +0 -34
- package/dist/chunks/dialog-DTSuKnyk.es.js.map +0 -1
- package/dist/chunks/divider--BAm3ca4.es.js +0 -53
- package/dist/chunks/divider--BAm3ca4.es.js.map +0 -1
- package/dist/chunks/divider-BuizjeAj.cjs.js +0 -2
- package/dist/chunks/divider-BuizjeAj.cjs.js.map +0 -1
- package/dist/chunks/emotion-is-prop-valid.esm-Bb7Ou5_X.cjs.js +0 -2
- package/dist/chunks/emotion-is-prop-valid.esm-Bb7Ou5_X.cjs.js.map +0 -1
- package/dist/chunks/emotion-is-prop-valid.esm-qvxbqhmq.es.js +0 -16
- package/dist/chunks/emotion-is-prop-valid.esm-qvxbqhmq.es.js.map +0 -1
- package/dist/chunks/extractStyleProps-CZpHKp1I.cjs.js +0 -2
- package/dist/chunks/extractStyleProps-CZpHKp1I.cjs.js.map +0 -1
- package/dist/chunks/extractStyleProps-vA4cNUoc.es.js +0 -11
- package/dist/chunks/extractStyleProps-vA4cNUoc.es.js.map +0 -1
- package/dist/chunks/focusSafely-DJpphVHF.es.js +0 -27
- package/dist/chunks/focusSafely-DJpphVHF.es.js.map +0 -1
- package/dist/chunks/focusSafely-jDMW9aEx.cjs.js +0 -2
- package/dist/chunks/focusSafely-jDMW9aEx.cjs.js.map +0 -1
- package/dist/chunks/form-field-Dtcfgzyo.es.js +0 -309
- package/dist/chunks/form-field-Dtcfgzyo.es.js.map +0 -1
- package/dist/chunks/form-field-DxcGAb23.cjs.js +0 -11
- package/dist/chunks/form-field-DxcGAb23.cjs.js.map +0 -1
- package/dist/chunks/group-Buy-O6Mr.cjs.js +0 -2
- package/dist/chunks/group-Buy-O6Mr.cjs.js.map +0 -1
- package/dist/chunks/group-CqfSQXe7.es.js +0 -14
- package/dist/chunks/group-CqfSQXe7.es.js.map +0 -1
- package/dist/chunks/group.recipe-BQafmscW.es.js +0 -13
- package/dist/chunks/group.recipe-BQafmscW.es.js.map +0 -1
- package/dist/chunks/group.recipe-BffrkcjL.cjs.js +0 -2
- package/dist/chunks/group.recipe-BffrkcjL.cjs.js.map +0 -1
- package/dist/chunks/icon-BoRbJStV.es.js +0 -31
- package/dist/chunks/icon-BoRbJStV.es.js.map +0 -1
- package/dist/chunks/icon-Cny8ZtnX.cjs.js +0 -2
- package/dist/chunks/icon-Cny8ZtnX.cjs.js.map +0 -1
- package/dist/chunks/icon-button-C20Gw8gQ.es.js +0 -14
- package/dist/chunks/icon-button-C20Gw8gQ.es.js.map +0 -1
- package/dist/chunks/icon-button-Cc0MkBbk.cjs.js +0 -2
- package/dist/chunks/icon-button-Cc0MkBbk.cjs.js.map +0 -1
- package/dist/chunks/icon-toggle-button-CgHQMDs3.es.js +0 -13
- package/dist/chunks/icon-toggle-button-CgHQMDs3.es.js.map +0 -1
- package/dist/chunks/icon-toggle-button-D-C99Q0s.cjs.js +0 -2
- package/dist/chunks/icon-toggle-button-D-C99Q0s.cjs.js.map +0 -1
- package/dist/chunks/index-C8Yrk__l.cjs.js +0 -4
- package/dist/chunks/index-C8Yrk__l.cjs.js.map +0 -1
- package/dist/chunks/index-jAeaCpRm.es.js +0 -3787
- package/dist/chunks/index-jAeaCpRm.es.js.map +0 -1
- package/dist/chunks/kbd-BXN9aXRE.es.js +0 -17
- package/dist/chunks/kbd-BXN9aXRE.es.js.map +0 -1
- package/dist/chunks/kbd-DFeaXiKY.cjs.js +0 -2
- package/dist/chunks/kbd-DFeaXiKY.cjs.js.map +0 -1
- package/dist/chunks/kbd.recipe-DXiyvrAP.es.js +0 -26
- package/dist/chunks/kbd.recipe-DXiyvrAP.es.js.map +0 -1
- package/dist/chunks/kbd.recipe-DjQgeTG_.cjs.js +0 -2
- package/dist/chunks/kbd.recipe-DjQgeTG_.cjs.js.map +0 -1
- package/dist/chunks/link-CFK97sc0.es.js +0 -50
- package/dist/chunks/link-CFK97sc0.es.js.map +0 -1
- package/dist/chunks/link-DWa1zIUJ.cjs.js +0 -2
- package/dist/chunks/link-DWa1zIUJ.cjs.js.map +0 -1
- package/dist/chunks/link.recipe-Co4-fl4U.cjs.js +0 -2
- package/dist/chunks/link.recipe-Co4-fl4U.cjs.js.map +0 -1
- package/dist/chunks/link.recipe-pXiGIJtI.es.js +0 -51
- package/dist/chunks/link.recipe-pXiGIJtI.es.js.map +0 -1
- package/dist/chunks/loading-spinner-CvggCl-H.es.js +0 -105
- package/dist/chunks/loading-spinner-CvggCl-H.es.js.map +0 -1
- package/dist/chunks/loading-spinner-DdYXuYkg.cjs.js +0 -2
- package/dist/chunks/loading-spinner-DdYXuYkg.cjs.js.map +0 -1
- package/dist/chunks/make-element-focusable-C4ZHUSEU.es.js +0 -22
- package/dist/chunks/make-element-focusable-C4ZHUSEU.es.js.map +0 -1
- package/dist/chunks/make-element-focusable-bPAMXt4D.cjs.js +0 -2
- package/dist/chunks/make-element-focusable-bPAMXt4D.cjs.js.map +0 -1
- package/dist/chunks/menu-8g9Hn1nm.es.js +0 -157
- package/dist/chunks/menu-8g9Hn1nm.es.js.map +0 -1
- package/dist/chunks/menu-Bm1u-R6o.cjs.js +0 -2
- package/dist/chunks/menu-Bm1u-R6o.cjs.js.map +0 -1
- package/dist/chunks/mergeProps-B_9syxhT.es.js +0 -130
- package/dist/chunks/mergeProps-B_9syxhT.es.js.map +0 -1
- package/dist/chunks/multiline-text-input-BGnvpB1r.es.js +0 -118
- package/dist/chunks/multiline-text-input-BGnvpB1r.es.js.map +0 -1
- package/dist/chunks/multiline-text-input-sXIlwrvT.cjs.js +0 -12
- package/dist/chunks/multiline-text-input-sXIlwrvT.cjs.js.map +0 -1
- package/dist/chunks/nimbus-provider-CybdU89B.es.js +0 -101
- package/dist/chunks/nimbus-provider-CybdU89B.es.js.map +0 -1
- package/dist/chunks/nimbus-provider-D3DvYEDv.cjs.js +0 -2
- package/dist/chunks/nimbus-provider-D3DvYEDv.cjs.js.map +0 -1
- package/dist/chunks/number-input-CPnA0dO-.cjs.js +0 -2
- package/dist/chunks/number-input-CPnA0dO-.cjs.js.map +0 -1
- package/dist/chunks/number-input-CzObpfFa.es.js +0 -657
- package/dist/chunks/number-input-CzObpfFa.es.js.map +0 -1
- package/dist/chunks/openLink-Ctl0AdAy.es.js +0 -105
- package/dist/chunks/openLink-Ctl0AdAy.es.js.map +0 -1
- package/dist/chunks/password-input-BqhrDjyW.cjs.js +0 -2
- package/dist/chunks/password-input-BqhrDjyW.cjs.js.map +0 -1
- package/dist/chunks/password-input-C_rdTND7.es.js +0 -50
- package/dist/chunks/password-input-C_rdTND7.es.js.map +0 -1
- package/dist/chunks/progress-bar-CrS1rODC.cjs.js +0 -2
- package/dist/chunks/progress-bar-CrS1rODC.cjs.js.map +0 -1
- package/dist/chunks/progress-bar-pPWJ1Sn8.es.js +0 -77
- package/dist/chunks/progress-bar-pPWJ1Sn8.es.js.map +0 -1
- package/dist/chunks/radio-input-BTEXrXaF.cjs.js +0 -2
- package/dist/chunks/radio-input-BTEXrXaF.cjs.js.map +0 -1
- package/dist/chunks/radio-input-OpbQD2zP.es.js +0 -341
- package/dist/chunks/radio-input-OpbQD2zP.es.js.map +0 -1
- package/dist/chunks/range-calendar-BOP_J_5a.es.js +0 -186
- package/dist/chunks/range-calendar-BOP_J_5a.es.js.map +0 -1
- package/dist/chunks/range-calendar-CFotnBzs.cjs.js +0 -2
- package/dist/chunks/range-calendar-CFotnBzs.cjs.js.map +0 -1
- package/dist/chunks/rich-text-input-CItP9BzJ.cjs.js +0 -2
- package/dist/chunks/rich-text-input-CItP9BzJ.cjs.js.map +0 -1
- package/dist/chunks/rich-text-input-CgrxAPHc.es.js +0 -691
- package/dist/chunks/rich-text-input-CgrxAPHc.es.js.map +0 -1
- package/dist/chunks/scrollIntoView-BYF_8_6g.es.js +0 -94
- package/dist/chunks/scrollIntoView-BYF_8_6g.es.js.map +0 -1
- package/dist/chunks/scrollIntoView-BzIqpHLO.cjs.js +0 -2
- package/dist/chunks/scrollIntoView-BzIqpHLO.cjs.js.map +0 -1
- package/dist/chunks/select-CAeD_ZuZ.es.js +0 -558
- package/dist/chunks/select-CAeD_ZuZ.es.js.map +0 -1
- package/dist/chunks/select-Coyt1pJN.cjs.js +0 -2
- package/dist/chunks/select-Coyt1pJN.cjs.js.map +0 -1
- package/dist/chunks/slate-helpers-BN_9Hky2.cjs.js +0 -24
- package/dist/chunks/slate-helpers-BN_9Hky2.cjs.js.map +0 -1
- package/dist/chunks/slate-helpers-DunxggA8.es.js +0 -6919
- package/dist/chunks/slate-helpers-DunxggA8.es.js.map +0 -1
- package/dist/chunks/split-button-BYrr5vRr.cjs.js +0 -2
- package/dist/chunks/split-button-BYrr5vRr.cjs.js.map +0 -1
- package/dist/chunks/split-button-j2bgcP59.es.js +0 -103
- package/dist/chunks/split-button-j2bgcP59.es.js.map +0 -1
- package/dist/chunks/switch-BgNpbn2e.cjs.js +0 -2
- package/dist/chunks/switch-BgNpbn2e.cjs.js.map +0 -1
- package/dist/chunks/switch-Cid4U3m8.es.js +0 -79
- package/dist/chunks/switch-Cid4U3m8.es.js.map +0 -1
- package/dist/chunks/tag-group-B3YSTBpb.cjs.js +0 -2
- package/dist/chunks/tag-group-B3YSTBpb.cjs.js.map +0 -1
- package/dist/chunks/tag-group-CeNHz5QQ.es.js +0 -781
- package/dist/chunks/tag-group-CeNHz5QQ.es.js.map +0 -1
- package/dist/chunks/text-DfQpupDi.es.js +0 -24
- package/dist/chunks/text-DfQpupDi.es.js.map +0 -1
- package/dist/chunks/text-input-C2y4O13I.cjs.js +0 -2
- package/dist/chunks/text-input-C2y4O13I.cjs.js.map +0 -1
- package/dist/chunks/text-input-TZXg0lEQ.es.js +0 -18
- package/dist/chunks/text-input-TZXg0lEQ.es.js.map +0 -1
- package/dist/chunks/time-input-CI_HoOGU.es.js +0 -130
- package/dist/chunks/time-input-CI_HoOGU.es.js.map +0 -1
- package/dist/chunks/time-input-cHUvGWDc.cjs.js +0 -2
- package/dist/chunks/time-input-cHUvGWDc.cjs.js.map +0 -1
- package/dist/chunks/toggle-button-C9ezVsSp.cjs.js +0 -2
- package/dist/chunks/toggle-button-C9ezVsSp.cjs.js.map +0 -1
- package/dist/chunks/toggle-button-a0gCembi.es.js +0 -29
- package/dist/chunks/toggle-button-a0gCembi.es.js.map +0 -1
- package/dist/chunks/toggle-button-group-DX134q7m.cjs.js +0 -2
- package/dist/chunks/toggle-button-group-DX134q7m.cjs.js.map +0 -1
- package/dist/chunks/toggle-button-group-jRdpdYyd.es.js +0 -81
- package/dist/chunks/toggle-button-group-jRdpdYyd.es.js.map +0 -1
- package/dist/chunks/toolbar-CLGq6IO7.cjs.js +0 -2
- package/dist/chunks/toolbar-CLGq6IO7.cjs.js.map +0 -1
- package/dist/chunks/toolbar-hpBfKrTl.es.js +0 -59
- package/dist/chunks/toolbar-hpBfKrTl.es.js.map +0 -1
- package/dist/chunks/tooltip-B1YdruCE.es.js +0 -269
- package/dist/chunks/tooltip-B1YdruCE.es.js.map +0 -1
- package/dist/chunks/tooltip-g8-hEdZp.cjs.js +0 -2
- package/dist/chunks/tooltip-g8-hEdZp.cjs.js.map +0 -1
- package/dist/chunks/tooltip.recipe-Cqi_tgR5.es.js +0 -24
- package/dist/chunks/tooltip.recipe-Cqi_tgR5.es.js.map +0 -1
- package/dist/chunks/tooltip.recipe-dx7DAJbZ.cjs.js +0 -2
- package/dist/chunks/tooltip.recipe-dx7DAJbZ.cjs.js.map +0 -1
- package/dist/chunks/use-formatting-state-DVcnyVBl.cjs.js +0 -2
- package/dist/chunks/use-formatting-state-DVcnyVBl.cjs.js.map +0 -1
- package/dist/chunks/use-formatting-state-DdKYccZs.es.js +0 -247
- package/dist/chunks/use-formatting-state-DdKYccZs.es.js.map +0 -1
- package/dist/chunks/useButton-BgBfaV_L.cjs.js +0 -2
- package/dist/chunks/useButton-BgBfaV_L.cjs.js.map +0 -1
- package/dist/chunks/useButton-DAeSjgg9.es.js +0 -57
- package/dist/chunks/useButton-DAeSjgg9.es.js.map +0 -1
- package/dist/chunks/useDateFormatter-C7Kxzwro.es.js +0 -1601
- package/dist/chunks/useDateFormatter-C7Kxzwro.es.js.map +0 -1
- package/dist/chunks/useDateFormatter-CS19Cch2.cjs.js +0 -2
- package/dist/chunks/useDateFormatter-CS19Cch2.cjs.js.map +0 -1
- package/dist/chunks/useEvent-YHhqZvpU.es.js +0 -22
- package/dist/chunks/useEvent-YHhqZvpU.es.js.map +0 -1
- package/dist/chunks/useField-Ce9zQxmx.es.js +0 -36
- package/dist/chunks/useField-Ce9zQxmx.es.js.map +0 -1
- package/dist/chunks/useField-DmqO9k7a.cjs.js +0 -2
- package/dist/chunks/useField-DmqO9k7a.cjs.js.map +0 -1
- package/dist/chunks/useFocus-BtJ38vev.cjs.js +0 -2
- package/dist/chunks/useFocus-BtJ38vev.cjs.js.map +0 -1
- package/dist/chunks/useFocus-DkWJ2TJC.es.js +0 -29
- package/dist/chunks/useFocus-DkWJ2TJC.es.js.map +0 -1
- package/dist/chunks/useFocusRing-CzFer4bD.cjs.js +0 -2
- package/dist/chunks/useFocusRing-CzFer4bD.cjs.js.map +0 -1
- package/dist/chunks/useFocusRing-updnkDQg.es.js +0 -35
- package/dist/chunks/useFocusRing-updnkDQg.es.js.map +0 -1
- package/dist/chunks/useFocusVisible-CWDaG0ze.es.js +0 -111
- package/dist/chunks/useFocusVisible-CWDaG0ze.es.js.map +0 -1
- package/dist/chunks/useFocusVisible-Co0C61s7.cjs.js +0 -2
- package/dist/chunks/useFocusVisible-Co0C61s7.cjs.js.map +0 -1
- package/dist/chunks/useFocusWithin-BDSWp3rw.cjs.js +0 -2
- package/dist/chunks/useFocusWithin-BDSWp3rw.cjs.js.map +0 -1
- package/dist/chunks/useFocusWithin-ByYlHjju.es.js +0 -56
- package/dist/chunks/useFocusWithin-ByYlHjju.es.js.map +0 -1
- package/dist/chunks/useFocusable-CrsD8ZcF.es.js +0 -77
- package/dist/chunks/useFocusable-CrsD8ZcF.es.js.map +0 -1
- package/dist/chunks/useFocusable-DCgmQxS1.cjs.js +0 -2
- package/dist/chunks/useFocusable-DCgmQxS1.cjs.js.map +0 -1
- package/dist/chunks/useFormReset-DurgUJL-.es.js +0 -21
- package/dist/chunks/useFormReset-DurgUJL-.es.js.map +0 -1
- package/dist/chunks/useFormValidation-4hZ1_a6w.es.js +0 -202
- package/dist/chunks/useFormValidation-4hZ1_a6w.es.js.map +0 -1
- package/dist/chunks/useFormValidation-BEaCuNx1.cjs.js +0 -2
- package/dist/chunks/useFormValidation-BEaCuNx1.cjs.js.map +0 -1
- package/dist/chunks/useHighlightSelectionDescription-BQg1WcM3.es.js +0 -598
- package/dist/chunks/useHighlightSelectionDescription-BQg1WcM3.es.js.map +0 -1
- package/dist/chunks/useHighlightSelectionDescription-CpDw-Mgj.cjs.js +0 -2
- package/dist/chunks/useHighlightSelectionDescription-CpDw-Mgj.cjs.js.map +0 -1
- package/dist/chunks/useHover-CiP9jMFy.cjs.js +0 -2
- package/dist/chunks/useHover-CiP9jMFy.cjs.js.map +0 -1
- package/dist/chunks/useHover-DhoE75lX.es.js +0 -86
- package/dist/chunks/useHover-DhoE75lX.es.js.map +0 -1
- package/dist/chunks/useLabel-BBmkkrPP.es.js +0 -37
- package/dist/chunks/useLabel-BBmkkrPP.es.js.map +0 -1
- package/dist/chunks/useLabel-Y8tWagLu.cjs.js +0 -2
- package/dist/chunks/useLabel-Y8tWagLu.cjs.js.map +0 -1
- package/dist/chunks/usePress-C8-hLXJw.cjs.js +0 -8
- package/dist/chunks/usePress-C8-hLXJw.cjs.js.map +0 -1
- package/dist/chunks/usePress-DHhWHfMz.es.js +0 -456
- package/dist/chunks/usePress-DHhWHfMz.es.js.map +0 -1
- package/dist/chunks/useProgressBar-DHFmTHqL.es.js +0 -48
- package/dist/chunks/useProgressBar-DHFmTHqL.es.js.map +0 -1
- package/dist/chunks/useProgressBar-DWH4I0qR.cjs.js +0 -2
- package/dist/chunks/useProgressBar-DWH4I0qR.cjs.js.map +0 -1
- package/dist/chunks/useSeparator-B-OtWwE7.cjs.js +0 -2
- package/dist/chunks/useSeparator-B-OtWwE7.cjs.js.map +0 -1
- package/dist/chunks/useSeparator-Dg70ACBm.es.js +0 -19
- package/dist/chunks/useSeparator-Dg70ACBm.es.js.map +0 -1
- package/dist/chunks/useSingleSelectListState-D1rjgMv_.es.js +0 -35
- package/dist/chunks/useSingleSelectListState-D1rjgMv_.es.js.map +0 -1
- package/dist/chunks/useSingleSelectListState-F2WkLZRg.cjs.js +0 -2
- package/dist/chunks/useSingleSelectListState-F2WkLZRg.cjs.js.map +0 -1
- package/dist/chunks/useSpinButton-C9DPDo0r.es.js +0 -433
- package/dist/chunks/useSpinButton-C9DPDo0r.es.js.map +0 -1
- package/dist/chunks/useSyncRef-DGRbdR4H.es.js +0 -13
- package/dist/chunks/useSyncRef-DGRbdR4H.es.js.map +0 -1
- package/dist/chunks/useTextField-BcthGRd8.cjs.js +0 -2
- package/dist/chunks/useTextField-BcthGRd8.cjs.js.map +0 -1
- package/dist/chunks/useTextField-BnL6tOdd.es.js +0 -91
- package/dist/chunks/useTextField-BnL6tOdd.es.js.map +0 -1
- package/dist/chunks/useToggle-DqruaaTq.es.js +0 -62
- package/dist/chunks/useToggle-DqruaaTq.es.js.map +0 -1
- package/dist/chunks/useToggle-VJWgbeCC.cjs.js +0 -2
- package/dist/chunks/useToggle-VJWgbeCC.cjs.js.map +0 -1
- package/dist/chunks/useToolbar-Bqn3EANT.cjs.js +0 -2
- package/dist/chunks/useToolbar-Bqn3EANT.cjs.js.map +0 -1
- package/dist/chunks/useToolbar-CLH6Sjes.es.js +0 -55
- package/dist/chunks/useToolbar-CLH6Sjes.es.js.map +0 -1
- package/dist/chunks/utils-BGHwK7fd.cjs.js +0 -2
- package/dist/chunks/utils-BGHwK7fd.cjs.js.map +0 -1
- package/dist/chunks/utils-BkdW_cdL.es.js +0 -128
- package/dist/chunks/utils-BkdW_cdL.es.js.map +0 -1
- package/dist/chunks/utils-jpfA6kxk.es.js +0 -188
- package/dist/chunks/utils-jpfA6kxk.es.js.map +0 -1
- package/dist/chunks/visually-hidden-Bh-G5QHv.cjs.js +0 -2
- package/dist/chunks/visually-hidden-Bh-G5QHv.cjs.js.map +0 -1
- package/dist/chunks/visually-hidden-BluyWhUI.es.js +0 -11
- package/dist/chunks/visually-hidden-BluyWhUI.es.js.map +0 -1
- package/dist/components/divider.cjs +0 -2
- package/dist/components/divider.cjs.map +0 -1
- package/dist/components/divider.es.js +0 -5
- package/dist/components/divider.es.js.map +0 -1
- package/dist/divider.d.ts +0 -90
package/dist/index.d.ts
CHANGED
|
@@ -1,4080 +1,306 @@
|
|
|
1
|
-
import { AccordionItemProps as AccordionItemProps_2 } from './accordion.types';
|
|
2
|
-
import { AlertActionsProps as AlertActionsProps_2 } from './alert.types';
|
|
3
|
-
import { AlertDescriptionProps as AlertDescriptionProps_2 } from './alert.types';
|
|
4
|
-
import { AlertDismissButtonProps as AlertDismissButtonProps_2 } from './alert.types';
|
|
5
|
-
import { AlertRootComponent as AlertRootComponent_2 } from './alert.types';
|
|
6
|
-
import { AlertTitleProps as AlertTitleProps_2 } from './alert.types';
|
|
7
1
|
import { AriaButtonProps } from 'react-aria';
|
|
8
|
-
import {
|
|
9
|
-
import { AriaLinkOptions } from 'react-aria';
|
|
10
|
-
import { AriaNumberFieldProps } from 'react-aria';
|
|
11
|
-
import { AriaProgressBarProps } from 'react-aria';
|
|
12
|
-
import { AriaToggleButtonGroupProps } from 'react-aria';
|
|
13
|
-
import { AriaToggleButtonProps } from 'react-aria';
|
|
14
|
-
import { AutocompleteProps } from 'react-aria-components';
|
|
15
|
-
import { ButtonHTMLAttributes } from 'react';
|
|
16
|
-
import { ButtonProps as ButtonProps_2 } from 'react-aria-components';
|
|
17
|
-
import { CalendarProps as CalendarProps_2 } from 'react-aria-components';
|
|
18
|
-
import { CardContentProps } from './card.slots';
|
|
19
|
-
import { CardHeaderProps } from './card.slots';
|
|
20
|
-
import { CardProps as CardProps_2 } from './card.types';
|
|
21
|
-
import { CellProps } from 'react-aria-components';
|
|
22
|
-
import { CheckboxProps as CheckboxProps_2 } from 'react-aria-components';
|
|
23
|
-
import { CodeProps } from '@chakra-ui/react';
|
|
24
|
-
import { ColumnProps } from 'react-aria-components';
|
|
25
|
-
import { ComboBoxOptionGroupProps as ComboBoxOptionGroupProps_2 } from './combobox.types';
|
|
26
|
-
import { ComboBoxOptionProps as ComboBoxOptionProps_2 } from './combobox.types';
|
|
27
|
-
import { ComboBoxProps } from 'react-aria-components';
|
|
28
|
-
import { ComboBoxRootProps as ComboBoxRootProps_2 } from './combobox.types';
|
|
29
|
-
import { ComponentProps } from 'react';
|
|
30
|
-
import { Context } from 'react';
|
|
31
|
-
import { DataTableBodyProps as DataTableBodyProps_2 } from './data-table.types';
|
|
32
|
-
import { DataTableCellProps as DataTableCellProps_2 } from './data-table.types';
|
|
33
|
-
import { DataTableColumnComponent as DataTableColumnComponent_2 } from './data-table.types';
|
|
34
|
-
import { DataTableColumnItem as DataTableColumnItem_2 } from './data-table.types';
|
|
35
|
-
import { DataTableContextValue as DataTableContextValue_2 } from './data-table.types';
|
|
36
|
-
import { DataTableFooterProps } from './components/data-table.footer';
|
|
37
|
-
import { DataTableHeaderProps as DataTableHeaderProps_2 } from './data-table.types';
|
|
38
|
-
import { DataTableRowItem as DataTableRowItem_2 } from './data-table.types';
|
|
39
|
-
import { DataTableRowProps as DataTableRowProps_2 } from './data-table.types';
|
|
40
|
-
import { DateFieldProps } from 'react-aria-components';
|
|
41
|
-
import { DatePickerStateOptions } from 'react-stately';
|
|
42
|
-
import { DateRangePickerProps as DateRangePickerProps_2 } from 'react-aria-components';
|
|
43
|
-
import { DateValue } from '@internationalized/date';
|
|
44
|
-
import { DateValue as DateValue_2 } from 'react-aria';
|
|
45
|
-
import { default as default_2 } from 'react';
|
|
46
|
-
import { DetailedHTMLProps } from 'react';
|
|
47
|
-
import { Dialog as Dialog_2 } from '@chakra-ui/react/dialog';
|
|
48
|
-
import { DisclosureGroupProps as DisclosureGroupProps_2 } from './accordion.types';
|
|
49
|
-
import { DisclosureProps } from 'react-aria-components';
|
|
50
|
-
import { Editor } from 'slate';
|
|
51
|
-
import { FC } from 'react';
|
|
52
|
-
import { Flex } from '@chakra-ui/react/flex';
|
|
53
|
-
import { FocusableOptions } from 'react-aria';
|
|
54
|
-
import { FocusEventHandler } from 'react';
|
|
55
|
-
import { FormFieldDescriptionSlotProps } from './form-field.slots';
|
|
56
|
-
import { FormFieldErrorSlotProps } from './form-field.slots';
|
|
57
|
-
import { FormFieldInputSlotProps } from './form-field.slots';
|
|
58
|
-
import { FormFieldLabelSlotProps } from './form-field.slots';
|
|
59
|
-
import { FormFieldProps as FormFieldProps_2 } from './form-field.types';
|
|
60
|
-
import { ForwardRefExoticComponent } from 'react';
|
|
61
|
-
import { GridItemProps } from '@chakra-ui/react';
|
|
62
|
-
import { GridProps as GridProps_2 } from '@chakra-ui/react/grid';
|
|
63
|
-
import { Group as Group_2 } from 'react-aria-components';
|
|
64
|
-
import { GroupProps as GroupProps_2 } from 'react-aria-components';
|
|
65
|
-
import { Heading } from '@chakra-ui/react/heading';
|
|
66
|
-
import { HTMLAttributes } from 'react';
|
|
67
|
-
import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
|
|
68
|
-
import { HTMLChakraProps as HTMLChakraProps_2 } from '@chakra-ui/react';
|
|
69
|
-
import { ImageProps as ImageProps_2 } from '@chakra-ui/react/image';
|
|
2
|
+
import { HTMLChakraProps } from '@chakra-ui/react';
|
|
70
3
|
import { JSX } from 'react/jsx-runtime';
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import { List as List_2 } from '@chakra-ui/react/list';
|
|
75
|
-
import { ListBoxItemProps } from 'react-aria-components';
|
|
76
|
-
import { ListBoxProps } from 'react-aria-components';
|
|
77
|
-
import { ListBoxSectionProps } from 'react-aria-components';
|
|
78
|
-
import { ListIndicatorProps } from '@chakra-ui/react';
|
|
79
|
-
import { MenuContentProps as MenuContentProps_2 } from './menu.types';
|
|
80
|
-
import { MenuItemProps as MenuItemProps_2 } from './menu.types';
|
|
81
|
-
import { MenuItemProps as MenuItemProps_3 } from 'react-aria-components';
|
|
82
|
-
import { MenuProps } from 'react-aria-components';
|
|
83
|
-
import { MenuRootProps as MenuRootProps_2 } from './menu.types';
|
|
84
|
-
import { MenuSectionProps as MenuSectionProps_2 } from './menu.types';
|
|
85
|
-
import { MenuSectionProps as MenuSectionProps_3 } from 'react-aria-components';
|
|
86
|
-
import { MenuSeparatorProps as MenuSeparatorProps_2 } from './menu.types';
|
|
87
|
-
import { MenuSubmenuProps as MenuSubmenuProps_2 } from './menu.types';
|
|
88
|
-
import { MenuSubmenuTriggerProps as MenuSubmenuTriggerProps_2 } from './menu.types';
|
|
89
|
-
import { MenuTriggerProps as MenuTriggerProps_2 } from './menu.types';
|
|
90
|
-
import { MenuTriggerProps as MenuTriggerProps_3 } from 'react-aria-components';
|
|
91
|
-
import { PatchHtmlProps } from '@chakra-ui/react';
|
|
92
|
-
import { PolymorphicProps } from '@chakra-ui/react';
|
|
93
|
-
import { PopoverProps } from 'react-aria-components';
|
|
94
|
-
import { PropsWithChildren } from 'react';
|
|
95
|
-
import { RadioGroupProps as RadioGroupProps_2 } from 'react-aria-components';
|
|
96
|
-
import { RadioInputOptionProps as RadioInputOptionProps_2 } from './radio-input.types';
|
|
97
|
-
import { RadioInputRootProps as RadioInputRootProps_2 } from './radio-input.types';
|
|
98
|
-
import { RadioProps } from 'react-aria-components';
|
|
99
|
-
import { RangeCalendarProps as RangeCalendarProps_2 } from 'react-aria-components';
|
|
100
|
-
import { ReactNode } from 'react';
|
|
101
|
-
import { RecipeDefinition } from '@chakra-ui/react';
|
|
102
|
-
import { RecipeProps } from '@chakra-ui/react/styled-system';
|
|
103
|
-
import { RecipeProps as RecipeProps_2 } from '@chakra-ui/react';
|
|
104
|
-
import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
|
|
105
|
-
import { RecipeVariantProps as RecipeVariantProps_2 } from '@chakra-ui/react';
|
|
106
|
-
import { RecipeVariantRecord } from '@chakra-ui/react';
|
|
107
|
-
import { Ref } from 'react';
|
|
108
|
-
import { RefAttributes } from 'react';
|
|
109
|
-
import { RefObject } from 'react';
|
|
110
|
-
import { RowProps } from 'react-aria-components';
|
|
111
|
-
import { Selection as Selection_2 } from 'react-aria-components';
|
|
112
|
-
import { SelectOptionGroupProps as SelectOptionGroupProps_2 } from './select.types';
|
|
113
|
-
import { SelectOptionProps as SelectOptionProps_2 } from './select.types';
|
|
114
|
-
import { SelectOptionsProps as SelectOptionsProps_2 } from './select.types';
|
|
115
|
-
import { SelectProps } from 'react-aria-components';
|
|
116
|
-
import { SelectRootProps as SelectRootProps_2 } from './select.types';
|
|
117
|
-
import { SeparatorProps } from 'react-aria';
|
|
118
|
-
import { SeparatorProps as SeparatorProps_2 } from 'react-aria-components';
|
|
119
|
-
import { SimpleGridProps as SimpleGridProps_2 } from '@chakra-ui/react/simple-grid';
|
|
120
|
-
import { SlotRecipeDefinition } from '@chakra-ui/react';
|
|
121
|
-
import { SlotRecipeVariantRecord } from '@chakra-ui/react';
|
|
122
|
-
import { SortDirection as SortDirection_2 } from 'react-aria-components';
|
|
123
|
-
import { StackProps as StackProps_2 } from '@chakra-ui/react/stack';
|
|
124
|
-
import { SubmenuTriggerProps } from 'react-aria-components';
|
|
4
|
+
import { ModalOverlayProps } from 'react-aria-components';
|
|
5
|
+
import { RecipeProps } from '@chakra-ui/react';
|
|
6
|
+
import { SlotRecipeProps } from '@chakra-ui/react';
|
|
125
7
|
import { SystemContext } from '@chakra-ui/react';
|
|
126
|
-
import {
|
|
127
|
-
import { TableBodyProps } from 'react-aria-components';
|
|
128
|
-
import { TableHeaderProps } from 'react-aria-components';
|
|
129
|
-
import { Tag } from 'react-aria-components';
|
|
130
|
-
import { TagGroup as TagGroup_2 } from 'react-aria-components';
|
|
131
|
-
import { TagGroupProps as TagGroupProps_2 } from 'react-aria-components';
|
|
132
|
-
import { TagGroupRootComponent as TagGroupRootComponent_2 } from './tag-group.types';
|
|
133
|
-
import { TagGroupTagComponent as TagGroupTagComponent_2 } from './tag-group.types';
|
|
134
|
-
import { TagGroupTagListProps as TagGroupTagListProps_2 } from './tag-group.types';
|
|
135
|
-
import { TagListProps } from 'react-aria-components';
|
|
136
|
-
import { TagProps } from 'react-aria-components';
|
|
137
|
-
import { TdHTMLAttributes } from 'react';
|
|
138
|
-
import { TextFieldProps } from 'react-aria-components';
|
|
139
|
-
import { TextProps as TextProps_2 } from '@chakra-ui/react/text';
|
|
140
|
-
import { TextStyleDefinition } from '../constants';
|
|
141
|
-
import { ThemeProviderProps } from 'next-themes';
|
|
142
|
-
import { TimeFieldStateOptions } from 'react-stately';
|
|
143
|
-
import { TimeValue } from 'react-aria';
|
|
144
|
-
import { ToggleButton as ToggleButton_2 } from 'react-aria-components';
|
|
145
|
-
import { ToggleButtonGroup as ToggleButtonGroup_2 } from 'react-aria-components';
|
|
146
|
-
import { ToggleButtonGroupButtonComponent as ToggleButtonGroupButtonComponent_2 } from './toggle-button-group.types';
|
|
147
|
-
import { ToggleButtonGroupRootComponent as ToggleButtonGroupRootComponent_2 } from './toggle-button-group.types';
|
|
148
|
-
import { ToggleButtonProps as ToggleButtonProps_2 } from 'react-aria-components';
|
|
149
|
-
import { ToolbarProps as ToolbarProps_2 } from 'react-aria-components';
|
|
150
|
-
import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
|
|
151
|
-
import { TooltipTriggerComponentProps } from 'react-aria-components';
|
|
152
|
-
import { UnstyledProp } from '@chakra-ui/react/styled-system';
|
|
153
|
-
import { UnstyledProp as UnstyledProp_2 } from '@chakra-ui/react';
|
|
154
|
-
import { useButton } from 'react-aria';
|
|
155
|
-
import { useDisclosure } from 'react-aria';
|
|
156
|
-
import { useDisclosureState } from 'react-stately';
|
|
157
|
-
import { VisuallyHiddenProps as VisuallyHiddenProps_2 } from 'react-aria';
|
|
8
|
+
import { UnstyledProp } from '@chakra-ui/react';
|
|
158
9
|
|
|
159
|
-
|
|
160
|
-
Root: ForwardRefExoticComponent<Omit<DisclosureGroupProps_2, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
161
|
-
Item: ForwardRefExoticComponent<AccordionItemProps_2 & {
|
|
162
|
-
children: ReactNode;
|
|
163
|
-
id?: string;
|
|
164
|
-
value?: string;
|
|
165
|
-
isDisabled?: boolean;
|
|
166
|
-
isExpanded?: boolean;
|
|
167
|
-
onExpandedChange?: (isExpanded: boolean) => void;
|
|
168
|
-
} & RefAttributes<HTMLDivElement>>;
|
|
169
|
-
Header: ForwardRefExoticComponent< {
|
|
170
|
-
children: ReactNode;
|
|
171
|
-
} & RefAttributes<HTMLButtonElement>>;
|
|
172
|
-
Content: ForwardRefExoticComponent<Omit<{
|
|
173
|
-
children: ReactNode;
|
|
174
|
-
} & 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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
175
|
-
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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
|
|
176
|
-
};
|
|
177
|
-
|
|
178
|
-
export declare type AccordionComposition = {
|
|
179
|
-
state: ReturnType<typeof useDisclosureState>;
|
|
180
|
-
buttonProps: ReturnType<typeof useButton>["buttonProps"];
|
|
181
|
-
panelProps: ReturnType<typeof useDisclosure>["panelProps"];
|
|
182
|
-
triggerRef: RefObject<HTMLButtonElement>;
|
|
183
|
-
panelRef: RefObject<HTMLDivElement>;
|
|
184
|
-
isFocusVisible: boolean;
|
|
185
|
-
};
|
|
186
|
-
|
|
187
|
-
export declare const _AccordionContent: default_2.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
188
|
-
|
|
189
|
-
declare type AccordionContentProps = {
|
|
190
|
-
/**
|
|
191
|
-
* The content to display
|
|
192
|
-
*/
|
|
193
|
-
children: ReactNode;
|
|
194
|
-
} & ComponentProps<typeof AccordionPanel>;
|
|
195
|
-
|
|
196
|
-
export declare const _AccordionHeader: default_2.ForwardRefExoticComponent<AccordionHeaderProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
197
|
-
|
|
198
|
-
declare type AccordionHeaderProps = {
|
|
199
|
-
/**
|
|
200
|
-
* The text / content to display in the Header
|
|
201
|
-
*/
|
|
202
|
-
children: ReactNode;
|
|
203
|
-
};
|
|
204
|
-
|
|
205
|
-
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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
|
|
206
|
-
|
|
207
|
-
export declare const _AccordionItem: default_2.ForwardRefExoticComponent<AccordionItemProps & {
|
|
208
|
-
children: default_2.ReactNode;
|
|
209
|
-
id?: string;
|
|
210
|
-
value?: string;
|
|
211
|
-
isDisabled?: boolean;
|
|
212
|
-
isExpanded?: boolean;
|
|
213
|
-
onExpandedChange?: (isExpanded: boolean) => void;
|
|
214
|
-
} & default_2.RefAttributes<HTMLDivElement>>;
|
|
215
|
-
|
|
216
|
-
export declare type AccordionItemProps = {
|
|
217
|
-
isDisabled?: boolean;
|
|
218
|
-
isExpanded?: boolean;
|
|
219
|
-
onExpandedChange?: (isExpanded: boolean) => void;
|
|
220
|
-
id?: string;
|
|
221
|
-
children: ReactNode;
|
|
222
|
-
title?: string;
|
|
223
|
-
};
|
|
224
|
-
|
|
225
|
-
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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLDivElement>>;
|
|
226
|
-
|
|
227
|
-
export declare interface AccordionProps extends Omit<DisclosureProps, "children" | "id"> {
|
|
228
|
-
additionalTriggerComponent?: ReactNode;
|
|
229
|
-
children: ReactNode;
|
|
230
|
-
recipe?: string;
|
|
231
|
-
size?: "sm" | "md";
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
/**
|
|
235
|
-
* # Accordion
|
|
236
|
-
*
|
|
237
|
-
* Displays an Accordion.
|
|
238
|
-
*
|
|
239
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/navigation/accordion}
|
|
240
|
-
*/
|
|
241
|
-
export declare const _AccordionRoot: default_2.ForwardRefExoticComponent<Omit<DisclosureGroupProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
242
|
-
|
|
243
|
-
export declare type AccordionRootProps = HTMLChakraProps<"div", RecipeVariantProps<typeof accordionSlotRecipe>>;
|
|
244
|
-
|
|
245
|
-
/**
|
|
246
|
-
* Recipe configuration for the Accordion component.
|
|
247
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
248
|
-
*/
|
|
249
|
-
declare const accordionSlotRecipe: SlotRecipeDefinition<"root" | "trigger" | "disclosure" | "panel" | "accordionTitle" | "headerContentRight", {
|
|
250
|
-
size: {
|
|
251
|
-
md: {
|
|
252
|
-
trigger: {
|
|
253
|
-
"--font-size": "fontSizes.500";
|
|
254
|
-
"& svg": {
|
|
255
|
-
"--width": "sizes.600";
|
|
256
|
-
"--height": "sizes.600";
|
|
257
|
-
};
|
|
258
|
-
};
|
|
259
|
-
panel: {
|
|
260
|
-
"--padding-top": "spacing.600";
|
|
261
|
-
"--padding-bottom": "spacing.800";
|
|
262
|
-
"--padding-left": "spacing.800";
|
|
263
|
-
};
|
|
264
|
-
};
|
|
265
|
-
sm: {
|
|
266
|
-
trigger: {
|
|
267
|
-
"--font-size": "fontSizes.400";
|
|
268
|
-
"& svg": {
|
|
269
|
-
"--width": "sizes.500";
|
|
270
|
-
"--height": "sizes.500";
|
|
271
|
-
};
|
|
272
|
-
};
|
|
273
|
-
panel: {
|
|
274
|
-
"--padding-top": "spacing.400";
|
|
275
|
-
"--padding-bottom": "spacing.600";
|
|
276
|
-
"--padding-left": "spacing.700";
|
|
277
|
-
};
|
|
278
|
-
};
|
|
279
|
-
};
|
|
280
|
-
}>;
|
|
281
|
-
|
|
282
|
-
/**
|
|
283
|
-
* Alert
|
|
284
|
-
* ============================================================
|
|
285
|
-
* Provides feedback to the user about the status of an action or system event
|
|
286
|
-
*/
|
|
287
|
-
export declare const Alert: {
|
|
288
|
-
Root: AlertRootComponent_2;
|
|
289
|
-
Title: {
|
|
290
|
-
({ children, ...props }: AlertTitleProps_2): null;
|
|
291
|
-
displayName: string;
|
|
292
|
-
};
|
|
293
|
-
Description: {
|
|
294
|
-
({ children, ...props }: AlertDescriptionProps_2): null;
|
|
295
|
-
displayName: string;
|
|
296
|
-
};
|
|
297
|
-
Actions: {
|
|
298
|
-
({ children, ...props }: AlertActionsProps_2): null;
|
|
299
|
-
displayName: string;
|
|
300
|
-
};
|
|
301
|
-
DismissButton: {
|
|
302
|
-
({ children, ...props }: AlertDismissButtonProps_2): null;
|
|
303
|
-
displayName: string;
|
|
304
|
-
};
|
|
305
|
-
};
|
|
306
|
-
|
|
307
|
-
export declare const _AlertActions: {
|
|
308
|
-
({ children, ...props }: AlertActionsProps): null;
|
|
309
|
-
displayName: string;
|
|
310
|
-
};
|
|
311
|
-
|
|
312
|
-
/** Base Chakra styling props for the `actions` slot (`div`). */
|
|
313
|
-
export declare type AlertActionsProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
314
|
-
|
|
315
|
-
export declare const _AlertDescription: {
|
|
316
|
-
({ children, ...props }: AlertDescriptionProps): null;
|
|
317
|
-
displayName: string;
|
|
318
|
-
};
|
|
319
|
-
|
|
320
|
-
/** Props for the `Alert.Description` sub-component (inherits from Text). */
|
|
321
|
-
export declare type AlertDescriptionProps = Omit<TextProps, "ref"> & {
|
|
322
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
323
|
-
};
|
|
324
|
-
|
|
325
|
-
export declare const _AlertDismissButton: {
|
|
326
|
-
({ children, ...props }: AlertDismissButtonProps): null;
|
|
327
|
-
displayName: string;
|
|
328
|
-
};
|
|
329
|
-
|
|
330
|
-
/** Props for the `Alert.DismissButton` sub-component (inherits from Button). */
|
|
331
|
-
export declare type AlertDismissButtonProps = ButtonProps;
|
|
332
|
-
|
|
333
|
-
/** Base Chakra styling props for the `icon` slot (`div`). */
|
|
334
|
-
export declare type AlertIconProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
335
|
-
|
|
336
|
-
/** Final external props for the `<Alert>` component (variants + children + data-* attrs). */
|
|
337
|
-
export declare type AlertProps = PropsWithChildren<AlertVariantProps> & {
|
|
338
|
-
[key: `data-${string}`]: unknown;
|
|
339
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
340
|
-
};
|
|
341
|
-
|
|
342
|
-
/**
|
|
343
|
-
* Recipe configuration for the Alert component.
|
|
344
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
345
|
-
*/
|
|
346
|
-
declare const alertRecipe: SlotRecipeDefinition<"title" | "description" | "icon" | "root" | "actions" | "dismissButton", {
|
|
347
|
-
tone: {
|
|
348
|
-
critical: {
|
|
349
|
-
root: {
|
|
350
|
-
colorPalette: "critical";
|
|
351
|
-
};
|
|
352
|
-
};
|
|
353
|
-
info: {
|
|
354
|
-
root: {
|
|
355
|
-
colorPalette: "info";
|
|
356
|
-
};
|
|
357
|
-
};
|
|
358
|
-
warning: {
|
|
359
|
-
root: {
|
|
360
|
-
colorPalette: "amber";
|
|
361
|
-
};
|
|
362
|
-
};
|
|
363
|
-
positive: {
|
|
364
|
-
root: {
|
|
365
|
-
colorPalette: "positive";
|
|
366
|
-
};
|
|
367
|
-
};
|
|
368
|
-
};
|
|
369
|
-
variant: {
|
|
370
|
-
flat: {};
|
|
371
|
-
outlined: {
|
|
372
|
-
root: {
|
|
373
|
-
border: "solid-25";
|
|
374
|
-
borderColor: "colorPalette.5";
|
|
375
|
-
backgroundColor: "colorPalette.2";
|
|
376
|
-
padding: "200";
|
|
377
|
-
borderRadius: "200";
|
|
378
|
-
};
|
|
379
|
-
};
|
|
380
|
-
};
|
|
381
|
-
}>;
|
|
382
|
-
|
|
383
|
-
/**
|
|
384
|
-
* # Alert
|
|
385
|
-
*
|
|
386
|
-
* Provides feedback to the user about the status of an action or system event
|
|
387
|
-
*
|
|
388
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}
|
|
389
|
-
*/
|
|
390
|
-
export declare const _AlertRoot: AlertRootComponent;
|
|
391
|
-
|
|
392
|
-
/** Type signature for the main `Alert` component. */
|
|
393
|
-
export declare type AlertRootComponent = React.FC<AlertProps>;
|
|
394
|
-
|
|
395
|
-
/** Base Chakra styling props for the root `div` slot. */
|
|
396
|
-
export declare type AlertRootProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
397
|
-
|
|
398
|
-
export declare const _AlertTitle: {
|
|
399
|
-
({ children, ...props }: AlertTitleProps): null;
|
|
400
|
-
displayName: string;
|
|
401
|
-
};
|
|
402
|
-
|
|
403
|
-
/** Props for the `Alert.Title` sub-component (inherits from Text). */
|
|
404
|
-
export declare type AlertTitleProps = Omit<TextProps, "ref"> & {
|
|
405
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
406
|
-
};
|
|
407
|
-
|
|
408
|
-
/** Combined root props including Chakra styles and recipe variants. */
|
|
409
|
-
declare type AlertVariantProps = AlertRootProps & RecipeVariantProps<typeof alertRecipe>;
|
|
410
|
-
|
|
411
|
-
export declare const Avatar: {
|
|
412
|
-
(props: AvatarProps): JSX.Element;
|
|
413
|
-
displayName: string;
|
|
414
|
-
};
|
|
415
|
-
|
|
416
|
-
export declare interface AvatarComponentProps extends HTMLAttributes<HTMLDivElement>, RecipeVariantProps<typeof avatarRecipe> {
|
|
417
|
-
/**
|
|
418
|
-
* The first name used to show initials
|
|
419
|
-
*/
|
|
420
|
-
firstName: string;
|
|
421
|
-
/**
|
|
422
|
-
* The last name used to show initials
|
|
423
|
-
*/
|
|
424
|
-
lastName: string;
|
|
425
|
-
/**
|
|
426
|
-
* The image URL
|
|
427
|
-
*/
|
|
428
|
-
src?: string;
|
|
429
|
-
/**
|
|
430
|
-
* Alt text for the avatar image
|
|
431
|
-
*/
|
|
432
|
-
alt?: string;
|
|
433
|
-
/**
|
|
434
|
-
* If the avatar is disabled
|
|
435
|
-
*/
|
|
436
|
-
isDisabled?: boolean;
|
|
437
|
-
}
|
|
438
|
-
|
|
439
|
-
export declare interface AvatarProps extends FunctionalAvatarProps {
|
|
440
|
-
children?: React.ReactNode;
|
|
441
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
442
|
-
}
|
|
443
|
-
|
|
444
|
-
declare const avatarRecipe: RecipeDefinition< {
|
|
445
|
-
size: {
|
|
446
|
-
md: {
|
|
447
|
-
width: number;
|
|
448
|
-
height: number;
|
|
449
|
-
textStyle: "sm";
|
|
450
|
-
};
|
|
451
|
-
xs: {
|
|
452
|
-
width: number;
|
|
453
|
-
height: number;
|
|
454
|
-
textStyle: "xs";
|
|
455
|
-
};
|
|
456
|
-
"2xs": {
|
|
457
|
-
width: number;
|
|
458
|
-
height: number;
|
|
459
|
-
textStyle: "xs";
|
|
460
|
-
};
|
|
461
|
-
};
|
|
462
|
-
}>;
|
|
463
|
-
|
|
464
|
-
declare interface AvatarRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
465
|
-
}
|
|
466
|
-
|
|
467
|
-
declare interface AvatarRootProps extends HTMLChakraProps<"div", AvatarRecipeProps> {
|
|
468
|
-
}
|
|
469
|
-
|
|
470
|
-
/**
|
|
471
|
-
* # Badge
|
|
472
|
-
*
|
|
473
|
-
* Briefly highlights or categorizes associated UI elements with concise visual cues for status or metadata.
|
|
474
|
-
*
|
|
475
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/data-display/badge}
|
|
476
|
-
*/
|
|
477
|
-
export declare const Badge: {
|
|
478
|
-
(props: BadgeProps): JSX.Element;
|
|
479
|
-
displayName: string;
|
|
480
|
-
};
|
|
481
|
-
|
|
482
|
-
/**
|
|
483
|
-
* Main props interface for the Badge component.
|
|
484
|
-
* Extends BadgeVariantProps to include both root props and variant props,
|
|
485
|
-
* while adding support for React children.
|
|
486
|
-
*/
|
|
487
|
-
export declare interface BadgeProps extends BadgeVariantProps {
|
|
488
|
-
children?: React.ReactNode;
|
|
489
|
-
ref?: React.Ref<HTMLSpanElement>;
|
|
490
|
-
}
|
|
491
|
-
|
|
492
|
-
/**
|
|
493
|
-
* Recipe configuration for the Badge component.
|
|
494
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
495
|
-
*/
|
|
496
|
-
declare const badgeRecipe: RecipeDefinition< {
|
|
497
|
-
size: {
|
|
498
|
-
"2xs": {
|
|
499
|
-
fontSize: "300";
|
|
500
|
-
gap: "100";
|
|
501
|
-
h: "600";
|
|
502
|
-
lineHeight: "350";
|
|
503
|
-
px: "200";
|
|
504
|
-
_icon: {
|
|
505
|
-
width: "400";
|
|
506
|
-
height: "400";
|
|
507
|
-
};
|
|
508
|
-
};
|
|
509
|
-
xs: {
|
|
510
|
-
fontSize: "350";
|
|
511
|
-
gap: "100";
|
|
512
|
-
h: "800";
|
|
513
|
-
lineHeight: "400";
|
|
514
|
-
px: "300";
|
|
515
|
-
_icon: {
|
|
516
|
-
width: "500";
|
|
517
|
-
height: "500";
|
|
518
|
-
};
|
|
519
|
-
};
|
|
520
|
-
md: {
|
|
521
|
-
fontSize: "400";
|
|
522
|
-
gap: "200";
|
|
523
|
-
h: "1000";
|
|
524
|
-
lineHeight: "500";
|
|
525
|
-
px: "400";
|
|
526
|
-
_icon: {
|
|
527
|
-
width: "600";
|
|
528
|
-
height: "600";
|
|
529
|
-
};
|
|
530
|
-
};
|
|
531
|
-
};
|
|
532
|
-
}>;
|
|
533
|
-
|
|
534
|
-
/**
|
|
535
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
536
|
-
* with the unstyled prop option for the span element.
|
|
537
|
-
*/
|
|
538
|
-
export declare interface BadgeRecipeProps extends RecipeProps<"span">, UnstyledProp {
|
|
539
|
-
}
|
|
540
|
-
|
|
541
|
-
/**
|
|
542
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
543
|
-
* This creates a complete set of props for the root element, combining
|
|
544
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
545
|
-
*/
|
|
546
|
-
export declare interface BadgeRootProps extends HTMLChakraProps<"span", BadgeRecipeProps> {
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
/**
|
|
550
|
-
* Combines the root props with Chakra UI's recipe variant props.
|
|
551
|
-
* This allows the component to accept both structural props from Root
|
|
552
|
-
* and styling variants from the recipe.
|
|
553
|
-
*/
|
|
554
|
-
declare type BadgeVariantProps = BadgeRootProps & RecipeVariantProps<typeof badgeRecipe> & {
|
|
555
|
-
[key: `data-${string}`]: string;
|
|
556
|
-
};
|
|
557
|
-
|
|
558
|
-
/**
|
|
559
|
-
* # Box
|
|
560
|
-
*
|
|
561
|
-
* A basic layout component that serves as a wrapper or container.
|
|
562
|
-
*
|
|
563
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/layout/box}
|
|
564
|
-
*/
|
|
565
|
-
export declare const Box: {
|
|
566
|
-
(props: BoxProps): JSX.Element;
|
|
567
|
-
displayName: string;
|
|
568
|
-
};
|
|
569
|
-
|
|
570
|
-
export declare interface BoxProps extends HTMLChakraProps<"div"> {
|
|
571
|
-
children?: React.ReactNode;
|
|
572
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
573
|
-
}
|
|
574
|
-
|
|
575
|
-
/**
|
|
576
|
-
* # Button
|
|
577
|
-
*
|
|
578
|
-
* Displays a Button.
|
|
579
|
-
*
|
|
580
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}
|
|
581
|
-
*/
|
|
582
|
-
export declare const Button: {
|
|
583
|
-
(props: ButtonProps): JSX.Element;
|
|
584
|
-
displayName: string;
|
|
585
|
-
};
|
|
586
|
-
|
|
587
|
-
/**
|
|
588
|
-
* Recipe configuration for the ToggleButtonGroup component.
|
|
589
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
590
|
-
*/
|
|
591
|
-
declare const buttonGroupRecipe: SlotRecipeDefinition<"button" | "root", {
|
|
592
|
-
size: {
|
|
593
|
-
xs: {
|
|
594
|
-
button: {
|
|
595
|
-
h: "800";
|
|
596
|
-
minW: "800";
|
|
597
|
-
fontSize: "350";
|
|
598
|
-
fontWeight: "500";
|
|
599
|
-
lineHeight: "400";
|
|
600
|
-
px: "300";
|
|
601
|
-
gap: "100";
|
|
602
|
-
_icon: {
|
|
603
|
-
width: "500";
|
|
604
|
-
height: "500";
|
|
605
|
-
};
|
|
606
|
-
} | undefined;
|
|
607
|
-
};
|
|
608
|
-
md: {
|
|
609
|
-
button: {
|
|
610
|
-
h: "1000";
|
|
611
|
-
minW: "1000";
|
|
612
|
-
fontSize: "400";
|
|
613
|
-
lineHeight: "500";
|
|
614
|
-
px: "400";
|
|
615
|
-
gap: "200";
|
|
616
|
-
_icon: {
|
|
617
|
-
width: "600";
|
|
618
|
-
height: "600";
|
|
619
|
-
};
|
|
620
|
-
} | undefined;
|
|
621
|
-
};
|
|
622
|
-
};
|
|
623
|
-
tone: {
|
|
624
|
-
primary: {
|
|
625
|
-
button: {
|
|
626
|
-
colorPalette: "primary";
|
|
627
|
-
};
|
|
628
|
-
};
|
|
629
|
-
critical: {
|
|
630
|
-
button: {
|
|
631
|
-
colorPalette: "critical";
|
|
632
|
-
};
|
|
633
|
-
};
|
|
634
|
-
neutral: {
|
|
635
|
-
button: {
|
|
636
|
-
colorPalette: "neutral";
|
|
637
|
-
};
|
|
638
|
-
};
|
|
639
|
-
};
|
|
640
|
-
}>;
|
|
641
|
-
|
|
642
|
-
export declare interface ButtonProps extends FunctionalButtonProps {
|
|
643
|
-
slot?: string | null | undefined;
|
|
644
|
-
ref?: React.Ref<HTMLButtonElement>;
|
|
645
|
-
}
|
|
646
|
-
|
|
647
|
-
/**
|
|
648
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
649
|
-
* with the unstyled prop option for the button element.
|
|
650
|
-
*/
|
|
651
|
-
declare interface ButtonRecipeProps extends RecipeProps<"button">, UnstyledProp {
|
|
652
|
-
}
|
|
653
|
-
|
|
654
|
-
/**
|
|
655
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
656
|
-
* This creates a complete set of props for the root element, combining
|
|
657
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
658
|
-
*/
|
|
659
|
-
declare interface ButtonRootProps extends Omit<HTMLChakraProps<"button", ButtonRecipeProps>, "slot"> {
|
|
660
|
-
slot?: string | null | undefined;
|
|
661
|
-
}
|
|
662
|
-
|
|
663
|
-
/**
|
|
664
|
-
* # Calendar
|
|
665
|
-
*
|
|
666
|
-
* Calendars display a grid of days in one or more months and allow users to select a single date.
|
|
667
|
-
*
|
|
668
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/calendar}
|
|
669
|
-
*/
|
|
670
|
-
export declare const Calendar: (props: CalendarProps<DateValue_2>) => JSX.Element;
|
|
671
|
-
|
|
672
|
-
export declare interface CalendarProps<T extends DateValue> extends Omit<CalendarRootSlotProps, keyof CalendarProps_2<DateValue> | ExcludedProps_4>, Omit<CalendarProps_2<T>, ExcludedProps_4>, RecipeVariantProps<typeof calendarSlotRecipe> {
|
|
673
|
-
}
|
|
674
|
-
|
|
675
|
-
declare interface CalendarRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof calendarSlotRecipe> & CalendarProps_2<DateValue>> {
|
|
676
|
-
}
|
|
677
|
-
|
|
678
|
-
declare const calendarSlotRecipe: SlotRecipeDefinition<"grid" | "header" | "root" | "grids" | "monthTitle" | "gridHeader" | "headerCell" | "gridBody" | "bodyCell", SlotRecipeVariantRecord<"grid" | "header" | "root" | "grids" | "monthTitle" | "gridHeader" | "headerCell" | "gridBody" | "bodyCell">>;
|
|
679
|
-
|
|
680
|
-
export declare const Card: {
|
|
681
|
-
Root: {
|
|
682
|
-
({ children, ref, ...props }: CardProps_2): JSX.Element;
|
|
683
|
-
displayName: string;
|
|
684
|
-
};
|
|
685
|
-
Header: {
|
|
686
|
-
({ children, ...props }: CardHeaderProps): null;
|
|
687
|
-
displayName: string;
|
|
688
|
-
};
|
|
689
|
-
Content: {
|
|
690
|
-
({ children, ...props }: CardContentProps): null;
|
|
691
|
-
displayName: string;
|
|
692
|
-
};
|
|
693
|
-
};
|
|
694
|
-
|
|
695
|
-
export declare const _CardContent: {
|
|
696
|
-
({ children, ...props }: CardContentProps_2): null;
|
|
697
|
-
displayName: string;
|
|
698
|
-
};
|
|
699
|
-
|
|
700
|
-
declare interface CardContentProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
701
|
-
}
|
|
702
|
-
|
|
703
|
-
export declare const _CardHeader: {
|
|
704
|
-
({ children, ...props }: CardHeaderProps_2): null;
|
|
705
|
-
displayName: string;
|
|
706
|
-
};
|
|
707
|
-
|
|
708
|
-
declare interface CardHeaderProps_2 extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
709
|
-
}
|
|
710
|
-
|
|
711
|
-
/**
|
|
712
|
-
* Main props interface for the Card component.
|
|
713
|
-
* Extends CardVariantProps to include both root props and variant props,
|
|
714
|
-
* while adding support for React children.
|
|
715
|
-
*/
|
|
716
|
-
export declare interface CardProps extends CardVariantProps {
|
|
717
|
-
children?: React.ReactNode;
|
|
718
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
719
|
-
}
|
|
720
|
-
|
|
721
|
-
/**
|
|
722
|
-
* Recipe configuration for the Card component.
|
|
723
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
724
|
-
*/
|
|
725
|
-
declare const cardRecipe: SlotRecipeDefinition<"content" | "header" | "root", {
|
|
726
|
-
cardPadding: {
|
|
727
|
-
sm: {
|
|
728
|
-
root: {
|
|
729
|
-
padding: "200";
|
|
730
|
-
};
|
|
731
|
-
};
|
|
732
|
-
md: {
|
|
733
|
-
root: {
|
|
734
|
-
padding: "400";
|
|
735
|
-
};
|
|
736
|
-
};
|
|
737
|
-
lg: {
|
|
738
|
-
root: {
|
|
739
|
-
padding: "600";
|
|
740
|
-
};
|
|
741
|
-
};
|
|
742
|
-
};
|
|
743
|
-
borderStyle: {
|
|
744
|
-
none: {};
|
|
745
|
-
outlined: {
|
|
746
|
-
root: {
|
|
747
|
-
border: "solid-25";
|
|
748
|
-
borderColor: "colorPalette.3";
|
|
749
|
-
};
|
|
750
|
-
};
|
|
751
|
-
};
|
|
752
|
-
elevation: {
|
|
753
|
-
none: {};
|
|
754
|
-
elevated: {
|
|
755
|
-
root: {
|
|
756
|
-
shadow: "1";
|
|
757
|
-
};
|
|
758
|
-
};
|
|
759
|
-
};
|
|
760
|
-
backgroundStyle: {
|
|
761
|
-
default: {
|
|
762
|
-
root: {
|
|
763
|
-
backgroundColor: "colorPalette.contrast";
|
|
764
|
-
};
|
|
765
|
-
};
|
|
766
|
-
muted: {
|
|
767
|
-
root: {
|
|
768
|
-
backgroundColor: "colorPalette.2";
|
|
769
|
-
};
|
|
770
|
-
};
|
|
771
|
-
};
|
|
772
|
-
}>;
|
|
773
|
-
|
|
774
|
-
/**
|
|
775
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
776
|
-
* with the unstyled prop option for the div element.
|
|
777
|
-
*/
|
|
778
|
-
declare interface CardRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
779
|
-
}
|
|
780
|
-
|
|
781
|
-
/**
|
|
782
|
-
* # Card
|
|
783
|
-
*
|
|
784
|
-
* A versatile container component presents self-contained information
|
|
785
|
-
*
|
|
786
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/data-display/card}
|
|
787
|
-
*/
|
|
788
|
-
export declare const _CardRoot: {
|
|
789
|
-
({ children, ref, ...props }: CardProps): JSX.Element;
|
|
790
|
-
displayName: string;
|
|
791
|
-
};
|
|
792
|
-
|
|
793
|
-
/**
|
|
794
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
795
|
-
* This creates a complete set of props for the root element, combining
|
|
796
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
797
|
-
*/
|
|
798
|
-
declare interface CardRootProps extends HTMLChakraProps<"div", CardRecipeProps> {
|
|
799
|
-
}
|
|
800
|
-
|
|
801
|
-
/**
|
|
802
|
-
* Combines the root props with Chakra UI's recipe variant props.
|
|
803
|
-
* This allows the component to accept both structural props from Root
|
|
804
|
-
* and styling variants from the recipe.
|
|
805
|
-
*/
|
|
806
|
-
declare type CardVariantProps = CardRootProps & RecipeVariantProps<typeof cardRecipe> & {
|
|
807
|
-
[key: `data-${string}`]: unknown;
|
|
808
|
-
};
|
|
809
|
-
|
|
810
|
-
/**
|
|
811
|
-
* # Checkbox
|
|
812
|
-
*
|
|
813
|
-
* Displays a checkbox.
|
|
814
|
-
*
|
|
815
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}
|
|
816
|
-
*/
|
|
817
|
-
export declare const Checkbox: {
|
|
818
|
-
(props: CheckboxProps): JSX.Element;
|
|
819
|
-
displayName: string;
|
|
820
|
-
};
|
|
821
|
-
|
|
822
|
-
/**
|
|
823
|
-
* Main props interface for the Checkbox component.
|
|
824
|
-
* Extends CheckboxVariantProps to include both root props and variant props,
|
|
825
|
-
* while adding support for React children.
|
|
826
|
-
*/
|
|
827
|
-
export declare interface CheckboxProps extends Omit<CheckboxVariantProps, "children"> {
|
|
828
|
-
ref?: Ref<CheckboxProps_2>;
|
|
829
|
-
children?: ReactNode;
|
|
830
|
-
}
|
|
831
|
-
|
|
832
|
-
declare interface CheckboxRootProps extends Omit<HTMLChakraProps<"label", RecipeVariantProps<typeof checkboxSlotRecipe>>, keyof CheckboxProps_2>, CheckboxProps_2 {
|
|
833
|
-
}
|
|
834
|
-
|
|
835
|
-
/**
|
|
836
|
-
* Recipe configuration for the Checkbox component.
|
|
837
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
838
|
-
*/
|
|
839
|
-
declare const checkboxSlotRecipe: SlotRecipeDefinition<"label" | "root" | "indicator", {
|
|
840
|
-
size: {
|
|
841
|
-
md: {
|
|
842
|
-
label: {
|
|
843
|
-
fontSize: "350";
|
|
844
|
-
fontWeight: "400";
|
|
845
|
-
lineHeight: "400";
|
|
846
|
-
};
|
|
847
|
-
indicator: {
|
|
848
|
-
w: "400";
|
|
849
|
-
h: "400";
|
|
850
|
-
zIndex: number;
|
|
851
|
-
_after: {
|
|
852
|
-
position: "absolute";
|
|
853
|
-
content: "''";
|
|
854
|
-
width: "600";
|
|
855
|
-
height: "600";
|
|
856
|
-
zIndex: number;
|
|
857
|
-
};
|
|
858
|
-
};
|
|
859
|
-
};
|
|
860
|
-
};
|
|
861
|
-
}>;
|
|
862
|
-
|
|
863
|
-
/**
|
|
864
|
-
* Combines the root props with Chakra UI's recipe variant props.
|
|
865
|
-
* This allows the component to accept both structural props from Root
|
|
866
|
-
* and styling variants from the recipe.
|
|
867
|
-
*/
|
|
868
|
-
declare type CheckboxVariantProps = CheckboxRootProps & RecipeVariantProps<typeof checkboxSlotRecipe> & CheckboxProps_2;
|
|
869
|
-
|
|
870
|
-
/**
|
|
871
|
-
* # Code
|
|
872
|
-
*
|
|
873
|
-
* renders code blocks
|
|
874
|
-
*
|
|
875
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/typography/code}
|
|
876
|
-
*
|
|
877
|
-
* @experimental This component is experimental and may change or be removed in future versions.
|
|
878
|
-
*/
|
|
879
|
-
export declare const Code: ForwardRefExoticComponent<CodeProps & RefAttributes<HTMLElement>>;
|
|
880
|
-
|
|
881
|
-
export declare interface ColorModeProviderProps extends ThemeProviderProps {
|
|
882
|
-
}
|
|
883
|
-
|
|
884
|
-
export declare const ComboBox: {
|
|
885
|
-
Root: {
|
|
886
|
-
<T extends object>({ children, ref, ...props }: ComboBoxRootProps_2<T>): JSX.Element;
|
|
887
|
-
displayName: string;
|
|
888
|
-
};
|
|
889
|
-
OptionGroup: {
|
|
890
|
-
<T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
891
|
-
displayName: string;
|
|
892
|
-
};
|
|
893
|
-
Option: {
|
|
894
|
-
<T extends object>({ children, ref, ...props }: ComboBoxOptionProps_2<T>): JSX.Element;
|
|
895
|
-
displayName: string;
|
|
896
|
-
};
|
|
897
|
-
};
|
|
898
|
-
|
|
899
|
-
/** component prop interface */
|
|
900
|
-
export declare type ComboBoxButtonGroupProps = {
|
|
901
|
-
selectedKeys?: ComboBoxMultiSelectRootProps<{}>["selectedKeys"];
|
|
902
|
-
onSelectionChange?: ComboBoxMultiSelectRootProps<{}>["onSelectionChange"];
|
|
903
|
-
onInputChange?: ComboBoxMultiSelectRootProps<{}>["onInputChange"];
|
|
904
|
-
onOpenChange?: ComboBoxSingleSelectRootProps<{}>["onOpenChange"];
|
|
905
|
-
containerRef?: RefObject<HTMLDivElement | null>;
|
|
906
|
-
isOpen?: boolean;
|
|
907
|
-
isLoading?: boolean;
|
|
908
|
-
isDisabled?: boolean;
|
|
909
|
-
isReadOnly?: boolean;
|
|
910
|
-
};
|
|
911
|
-
|
|
912
|
-
/** The slot is a wrapper for multiple components,
|
|
913
|
-
* and therefore not combined with the component props
|
|
914
|
-
* because it is not used to style the component directly using asChild */
|
|
915
|
-
export declare interface ComboBoxButtonGroupSlotProps extends HTMLChakraProps<"div", RecipeProps<"buttonGroup">> {
|
|
916
|
-
}
|
|
917
|
-
|
|
918
|
-
/** MultiSelect combobox */
|
|
919
|
-
export declare interface ComboBoxMultiSelect<T extends object> extends Omit<AutocompleteProps, "children" | "filter" | "slot">, Omit<ListBoxProps<T>, "filter" | "autoFocus" | "style" | "slot"> {
|
|
920
|
-
defaultFilter?: (textValue: string, inputValue: string) => boolean;
|
|
921
|
-
defaultInputValue?: ComboBoxProps<T>["defaultInputValue"];
|
|
922
|
-
defaultItems?: ComboBoxProps<T>["defaultItems"];
|
|
923
|
-
validate?: ComboBoxProps<T>["validate"];
|
|
924
|
-
allowsCustomValue?: boolean;
|
|
925
|
-
onSubmitCustomValue?: (value: string) => void;
|
|
926
|
-
onOpenChange?: ComboBoxProps<T>["onOpenChange"];
|
|
927
|
-
autoFocus?: boolean;
|
|
928
|
-
isLoading?: boolean;
|
|
929
|
-
isDisabled?: boolean;
|
|
930
|
-
isReadOnly?: boolean;
|
|
931
|
-
isRequired?: boolean;
|
|
932
|
-
isInvalid?: boolean;
|
|
933
|
-
itemId?: string;
|
|
934
|
-
itemValue?: string;
|
|
935
|
-
placeholder?: string;
|
|
936
|
-
ref?: Ref<HTMLDivElement>;
|
|
937
|
-
size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
|
|
938
|
-
}
|
|
939
|
-
|
|
940
|
-
export declare interface ComboBoxMultiSelectInputSlotProps extends HTMLChakraProps<"input", RecipeProps<"multiSelectInput">> {
|
|
941
|
-
}
|
|
942
|
-
|
|
943
|
-
/** Combined props for the multi select root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
944
|
-
export declare interface ComboBoxMultiSelectRootProps<T extends object> extends Omit<ComboBoxMultiSelectRootSlotProps<T>, "selectionMode">, ComboBoxMultiSelect<T> {
|
|
945
|
-
ref?: Ref<HTMLDivElement>;
|
|
946
|
-
}
|
|
947
|
-
|
|
948
|
-
/** Base Chakra styling props for the root `div` slot when multi select*/
|
|
949
|
-
export declare interface ComboBoxMultiSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxMultiSelect<T>> {
|
|
950
|
-
}
|
|
951
|
-
|
|
952
|
-
/** component prop interface */
|
|
953
|
-
export declare type ComboBoxMultiSelectValueProps<T extends object> = {
|
|
954
|
-
items: ComboBoxMultiSelectRootProps<T>["items"];
|
|
955
|
-
itemId: ComboBoxMultiSelectRootProps<T>["itemId"];
|
|
956
|
-
itemValue: ComboBoxMultiSelectRootProps<T>["itemValue"];
|
|
957
|
-
selectedKeys: ComboBoxMultiSelectRootProps<T>["selectedKeys"];
|
|
958
|
-
onSelectionChange: ComboBoxMultiSelectRootProps<T>["onSelectionChange"];
|
|
959
|
-
placeholder?: string;
|
|
960
|
-
isDisabled?: boolean;
|
|
961
|
-
isReadOnly?: boolean;
|
|
962
|
-
ref?: Ref<HTMLDivElement>;
|
|
963
|
-
containerRef?: RefObject<HTMLDivElement | null>;
|
|
964
|
-
size?: RecipeVariantProps<typeof comboBoxSlotRecipe>["size"];
|
|
965
|
-
};
|
|
966
|
-
|
|
967
|
-
export declare const _ComboBoxOption: {
|
|
968
|
-
<T extends object>({ children, ref, ...props }: ComboBoxOptionProps<T>): JSX.Element;
|
|
969
|
-
displayName: string;
|
|
970
|
-
};
|
|
971
|
-
|
|
972
|
-
export declare type ComboBoxOptionContentSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
|
|
973
|
-
|
|
974
|
-
export declare const _ComboBoxOptionGroup: {
|
|
975
|
-
<T extends object>({ children, label, items, ref, ...props }: ComboBoxOptionGroupProps<T> & RefAttributes<HTMLDivElement>): JSX.Element;
|
|
976
|
-
displayName: string;
|
|
977
|
-
};
|
|
978
|
-
|
|
979
|
-
/** Combined props for the OptionGroup element (Chakra styles + Aria behavior + Recipe variants). */
|
|
980
|
-
export declare interface ComboBoxOptionGroupProps<T extends object> extends ListBoxSectionProps<T>, Omit<ComboBoxOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
|
|
981
|
-
label?: ReactNode;
|
|
982
|
-
}
|
|
983
|
-
|
|
984
|
-
/** Base Chakra styling props for the root `div` slot. */
|
|
985
|
-
declare type ComboBoxOptionGroupSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
986
|
-
|
|
987
|
-
export declare type ComboBoxOptionIndicatorSlotProps = HTMLChakraProps<"span", RecipeProps<"span">>;
|
|
988
|
-
|
|
989
|
-
/** Combined props for the ListBoxItem element (Chakra styles + Aria behavior + Recipe variants). */
|
|
990
|
-
export declare interface ComboBoxOptionProps<T extends object> extends ListBoxItemProps<T>, Omit<ComboBoxOptionSlotProps, keyof ListBoxItemProps<T>> {
|
|
991
|
-
ref?: Ref<HTMLDivElement>;
|
|
992
|
-
}
|
|
993
|
-
|
|
994
|
-
/** Base Chakra styling props for the root `div` slot. */
|
|
995
|
-
declare type ComboBoxOptionSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
996
|
-
|
|
997
|
-
/** Combined props for the ListBox element used in Single Select (Chakra styles + Aria behavior + Recipe variants) */
|
|
998
|
-
export declare interface ComboBoxOptionsProps<T extends object> extends ListBoxProps<T>, Omit<ComboBoxOptionsSlotProps, keyof ListBoxProps<T>> {
|
|
999
|
-
ref?: Ref<HTMLDivElement>;
|
|
1000
|
-
}
|
|
1001
|
-
|
|
1002
|
-
/** Base Chakra styling props for the root `div` slot. */
|
|
1003
|
-
export declare interface ComboBoxOptionsSlotProps extends HTMLChakraProps<"div", RecipeProps<"options">> {
|
|
1004
|
-
}
|
|
1005
|
-
|
|
1006
|
-
export declare interface ComboBoxPopoverSlotProps extends HTMLChakraProps<"div", RecipeProps<"popover">> {
|
|
1007
|
-
}
|
|
1008
|
-
|
|
1009
|
-
/**
|
|
1010
|
-
* # ComboBox
|
|
1011
|
-
*
|
|
1012
|
-
* A combo box combines a text input with a dropdown list, allowing users to filter a list of options to items matching a query.
|
|
1013
|
-
*
|
|
1014
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/combobox}
|
|
1015
|
-
*/
|
|
1016
|
-
export declare const _ComboBoxRoot: {
|
|
1017
|
-
<T extends object>({ children, ref, ...props }: ComboBoxRootProps<T>): JSX.Element;
|
|
1018
|
-
displayName: string;
|
|
1019
|
-
};
|
|
1020
|
-
|
|
1021
|
-
/** Root element can either be single or multi select */
|
|
1022
|
-
export declare type ComboBoxRootProps<T extends object> = ComboBoxSingleSelectRootProps<T> | ComboBoxMultiSelectRootProps<T>;
|
|
1023
|
-
|
|
1024
|
-
/** Combined props for the single select root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
1025
|
-
export declare interface ComboBoxSingleSelectRootProps<T extends object> extends ComboBoxSingleSelectRootSlotProps<T>, ComboBoxWithCustomChildren<T> {
|
|
1026
|
-
ref?: Ref<HTMLDivElement>;
|
|
1027
|
-
}
|
|
1028
|
-
|
|
1029
|
-
/** Base Chakra styling props for the root `div` slot when single select*/
|
|
1030
|
-
export declare interface ComboBoxSingleSelectRootSlotProps<T extends object> extends HTMLChakraProps<"div", RecipeVariantProps<typeof comboBoxSlotRecipe> & ComboBoxWithCustomChildren<T>> {
|
|
1031
|
-
}
|
|
1032
|
-
|
|
1033
|
-
/**
|
|
1034
|
-
* Recipe configuration for the Combobox component.
|
|
1035
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1036
|
-
*/
|
|
1037
|
-
declare const comboBoxSlotRecipe: SlotRecipeDefinition<"option" | "popover" | "value" | "root" | "options" | "optionGroup" | "buttonGroup" | "multiSelectInput" | "optionIndicator" | "optionContent", {
|
|
1038
|
-
size: {
|
|
1039
|
-
sm: {
|
|
1040
|
-
value: {
|
|
1041
|
-
minH: "800";
|
|
1042
|
-
textStyle: "sm";
|
|
1043
|
-
};
|
|
1044
|
-
};
|
|
1045
|
-
md: {
|
|
1046
|
-
value: {
|
|
1047
|
-
minH: "1000";
|
|
1048
|
-
textStyle: "md";
|
|
1049
|
-
};
|
|
1050
|
-
};
|
|
1051
|
-
};
|
|
1052
|
-
variant: {
|
|
1053
|
-
solid: {
|
|
1054
|
-
root: {
|
|
1055
|
-
width: "7200";
|
|
1056
|
-
};
|
|
1057
|
-
value: {
|
|
1058
|
-
width: "100%";
|
|
1059
|
-
"--border-width"?: "sizes.25" | undefined;
|
|
1060
|
-
"--border-color"?: "colors.neutral.7" | undefined;
|
|
1061
|
-
};
|
|
1062
|
-
};
|
|
1063
|
-
ghost: {
|
|
1064
|
-
root: {
|
|
1065
|
-
maxW: "7200";
|
|
1066
|
-
bg?: "transparent" | undefined;
|
|
1067
|
-
"&:hover"?: {
|
|
1068
|
-
bg: "primaryAlpha.2";
|
|
1069
|
-
} | undefined;
|
|
1070
|
-
};
|
|
1071
|
-
value: {
|
|
1072
|
-
bg: "transparent";
|
|
1073
|
-
"--border-width"?: "sizes.25" | undefined;
|
|
1074
|
-
"--border-color"?: "transparent" | undefined;
|
|
1075
|
-
};
|
|
1076
|
-
};
|
|
1077
|
-
};
|
|
1078
|
-
selectionMode: {
|
|
1079
|
-
multiple: {
|
|
1080
|
-
options: {
|
|
1081
|
-
boxShadow: "none";
|
|
1082
|
-
px: "200";
|
|
1083
|
-
my: "200";
|
|
1084
|
-
minW: "unset";
|
|
1085
|
-
"& section:first-of-type > header": {
|
|
1086
|
-
mt: number;
|
|
1087
|
-
};
|
|
1088
|
-
};
|
|
1089
|
-
option: {
|
|
1090
|
-
colorPalette: "primary";
|
|
1091
|
-
display: "flex";
|
|
1092
|
-
alignItems: "flex-start";
|
|
1093
|
-
justifyContent: "center";
|
|
1094
|
-
position: "relative";
|
|
1095
|
-
cursor: "pointer";
|
|
1096
|
-
gap: "200";
|
|
1097
|
-
mb: "var(--focus-ring-width)";
|
|
1098
|
-
"&:last-of-type": {
|
|
1099
|
-
mb: number;
|
|
1100
|
-
};
|
|
1101
|
-
'&[aria-selected="true"]': {
|
|
1102
|
-
bg: "unset";
|
|
1103
|
-
};
|
|
1104
|
-
'&[data-focused="true"]': {
|
|
1105
|
-
outlineWidth: "var(--focus-ring-width)";
|
|
1106
|
-
outlineColor: "var(--focus-ring-color)";
|
|
1107
|
-
outlineStyle: "var(--focus-ring-style)";
|
|
1108
|
-
bg: "unset";
|
|
1109
|
-
};
|
|
1110
|
-
_hover: {
|
|
1111
|
-
bg: "primary.2";
|
|
1112
|
-
};
|
|
1113
|
-
};
|
|
1114
|
-
};
|
|
1115
|
-
single: {};
|
|
1116
|
-
none: {};
|
|
1117
|
-
};
|
|
1118
|
-
}>;
|
|
1119
|
-
|
|
1120
|
-
/** The slot is a wrapper for multiple components,
|
|
1121
|
-
* and therefore not combined with the component props
|
|
1122
|
-
* because it is not used to style the component directly using asChild */
|
|
1123
|
-
export declare interface ComboBoxValueSlotProps extends HTMLChakraProps<"div", RecipeProps<"value">> {
|
|
1124
|
-
}
|
|
1125
|
-
|
|
1126
|
-
/** ComboBox with overridden children prop based on expected dom structure. */
|
|
1127
|
-
declare type ComboBoxWithCustomChildren<T extends object> = Omit<ComboBoxProps<T>, "children"> & {
|
|
1128
|
-
onSubmitCustomValue?: (value: string) => void;
|
|
1129
|
-
renderEmptyState?: ListBoxProps<T>["renderEmptyState"];
|
|
1130
|
-
placeholder?: string;
|
|
1131
|
-
isLoading?: boolean;
|
|
1132
|
-
children: ReactNode | ((item: T) => default_2.ReactNode);
|
|
1133
|
-
ref?: Ref<HTMLDivElement>;
|
|
1134
|
-
};
|
|
1135
|
-
|
|
1136
|
-
/**
|
|
1137
|
-
* Properties from TimeFieldStateOptions that would conflict with similarly named
|
|
1138
|
-
* properties in TimeInputRootProps. We use this to prevent TypeScript interface
|
|
1139
|
-
* merging conflicts by prioritizing the TimeFieldStateOptions implementation.
|
|
1140
|
-
*
|
|
1141
|
-
* Examples include: value, defaultValue, onChange, onBlur, onFocus, etc.
|
|
1142
|
-
*/
|
|
1143
|
-
declare type ConflictingFieldStateProps = keyof TimeFieldStateOptions<TimeValue>;
|
|
1144
|
-
|
|
1145
|
-
/**
|
|
1146
|
-
* Properties from DatePickerStateOptions that would conflict with similarly named
|
|
1147
|
-
* properties in DateInputProps. We use this to prevent TypeScript interface
|
|
1148
|
-
* merging conflicts by prioritizing the DatePickerStateOptions implementation.
|
|
1149
|
-
*/
|
|
1150
|
-
declare type ConflictingPickerStateProps = keyof DatePickerStateOptions<DateValue_2>;
|
|
1151
|
-
|
|
1152
|
-
export declare const DataTable: ForwardRefExoticComponent<Omit<DataTableProps<Record<string, unknown>> & {
|
|
1153
|
-
footer?: React.ReactNode;
|
|
1154
|
-
}, "ref"> & RefAttributes<HTMLDivElement>> & {
|
|
1155
|
-
Root: ForwardRefExoticComponent<Omit<DataTableProps<Record<string, unknown>>, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
1156
|
-
Table: ForwardRefExoticComponent<Omit<HTMLChakraProps_2<"table">, "translate"> & {
|
|
1157
|
-
translate?: "yes" | "no";
|
|
1158
|
-
} & RefAttributes<HTMLTableElement>>;
|
|
1159
|
-
Header: {
|
|
1160
|
-
<T extends DataTableColumnItem_2 = DataTableColumnItem_2>({ ref, ...props }: DataTableHeaderProps_2<T>): JSX.Element;
|
|
1161
|
-
displayName: string;
|
|
1162
|
-
};
|
|
1163
|
-
Column: DataTableColumnComponent_2;
|
|
1164
|
-
Body: {
|
|
1165
|
-
<T extends DataTableRowItem_2 = DataTableRowItem_2>({ ref, ...props }: DataTableBodyProps_2<T>): JSX.Element;
|
|
1166
|
-
displayName: string;
|
|
1167
|
-
};
|
|
1168
|
-
Row: {
|
|
1169
|
-
<T extends DataTableRowItem_2 = DataTableRowItem_2>({ row, ref, ...props }: DataTableRowProps_2<T>): JSX.Element;
|
|
1170
|
-
displayName: string;
|
|
1171
|
-
};
|
|
1172
|
-
Cell: ({ ref, children, isDisabled, ...props }: DataTableCellProps_2) => JSX.Element;
|
|
1173
|
-
Footer: ForwardRefExoticComponent<DataTableFooterProps & RefAttributes<HTMLDivElement>>;
|
|
1174
|
-
ExpandButton: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLButtonElement>>;
|
|
1175
|
-
NestedIcon: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLSpanElement>>;
|
|
1176
|
-
SelectionCell: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLTableCellElement>>;
|
|
1177
|
-
Context: Context<DataTableContextValue_2<Record<string, unknown>> | null>;
|
|
1178
|
-
useDataTableContext: <T extends object = Record<string, unknown>>() => DataTableContextValue_2<T>;
|
|
1179
|
-
};
|
|
1180
|
-
|
|
1181
|
-
export declare const _DataTableBody: {
|
|
1182
|
-
<T extends DataTableRowItem = DataTableRowItem>({ ref, ...props }: DataTableBodyProps<T>): JSX.Element;
|
|
1183
|
-
displayName: string;
|
|
1184
|
-
};
|
|
1185
|
-
|
|
1186
|
-
/** Combined props for the TableBody element (Chakra styles + Aria behavior). */
|
|
1187
|
-
export declare type DataTableBodyProps<T extends DataTableRowItem> = TableBodyProps<T> & DataTableBodySlotProps & {
|
|
1188
|
-
ref?: Ref<HTMLTableSectionElement>;
|
|
1189
|
-
};
|
|
1190
|
-
|
|
1191
|
-
declare type DataTableBodySlotProps = HTMLChakraProps_2<"tbody">;
|
|
1192
|
-
|
|
1193
|
-
export declare const _DataTableCell: ({ ref, children, isDisabled, ...props }: DataTableCellProps) => JSX.Element;
|
|
1194
|
-
|
|
1195
|
-
/** Combined props for the Cell element (Chakra styles + Aria behavior). */
|
|
1196
|
-
export declare type DataTableCellProps = CellProps & DataTableCellSlotProps & {
|
|
1197
|
-
ref?: Ref<HTMLTableCellElement>;
|
|
1198
|
-
isDisabled?: boolean;
|
|
1199
|
-
};
|
|
1200
|
-
|
|
1201
|
-
declare type DataTableCellSlotProps = HTMLChakraProps_2<"td">;
|
|
1202
|
-
|
|
1203
|
-
export declare const _DataTableColumn: DataTableColumnComponent;
|
|
1204
|
-
|
|
1205
|
-
/** Type signature for the `DataTable.Column` sub-component. */
|
|
1206
|
-
export declare type DataTableColumnComponent = FC<DataTableColumnProps>;
|
|
1207
|
-
|
|
1208
|
-
export declare type DataTableColumnItem<T extends object = Record<string, unknown>> = {
|
|
1209
|
-
id: string;
|
|
1210
|
-
header: ReactNode;
|
|
1211
|
-
accessor: (row: T) => ReactNode;
|
|
1212
|
-
render?: (cell: {
|
|
1213
|
-
value: unknown;
|
|
1214
|
-
row: T;
|
|
1215
|
-
column: DataTableColumnItem<T>;
|
|
1216
|
-
}) => ReactNode;
|
|
1217
|
-
isVisible?: boolean;
|
|
1218
|
-
isResizable?: boolean;
|
|
1219
|
-
width?: number | null;
|
|
1220
|
-
defaultWidth?: number | null;
|
|
1221
|
-
minWidth?: number | null;
|
|
1222
|
-
maxWidth?: number | null;
|
|
1223
|
-
sticky?: boolean;
|
|
1224
|
-
isSortable?: boolean;
|
|
1225
|
-
isRowHeader?: boolean;
|
|
1226
|
-
headerIcon?: ReactNode;
|
|
1227
|
-
[key: string]: unknown;
|
|
1228
|
-
};
|
|
1229
|
-
|
|
1230
|
-
/** Combined props for the Column element (Chakra styles + Aria behavior). */
|
|
1231
|
-
export declare type DataTableColumnProps = ColumnProps & Omit<DataTableColumnSlotProps, "width" | "minWidth" | "maxWidth"> & {
|
|
1232
|
-
ref?: Ref<HTMLTableCellElement>;
|
|
1233
|
-
column?: DataTableColumnItem;
|
|
1234
|
-
unstyled?: boolean;
|
|
1235
|
-
isInternalColumn?: boolean;
|
|
1236
|
-
tabIndex?: number;
|
|
1237
|
-
};
|
|
1238
|
-
|
|
1239
|
-
declare type DataTableColumnSlotProps = HTMLChakraProps_2<"th">;
|
|
1240
|
-
|
|
1241
|
-
export declare interface DataTableContextValue<T extends object = Record<string, unknown>> {
|
|
1242
|
-
columns: DataTableColumnItem<T>[];
|
|
1243
|
-
data: DataTableRowItem<T>[];
|
|
1244
|
-
visibleColumns?: string[];
|
|
1245
|
-
renderEmptyState?: TableBodyProps<T>["renderEmptyState"];
|
|
1246
|
-
search?: string;
|
|
1247
|
-
sortDescriptor?: SortDescriptor;
|
|
1248
|
-
selectedKeys?: Selection_2;
|
|
1249
|
-
defaultSelectedKeys?: Selection_2;
|
|
1250
|
-
expanded: Record<string, boolean>;
|
|
1251
|
-
allowsSorting?: boolean;
|
|
1252
|
-
selectionMode?: "none" | "single" | "multiple";
|
|
1253
|
-
disallowEmptySelection?: boolean;
|
|
1254
|
-
isRowClickable?: boolean;
|
|
1255
|
-
maxHeight?: string | number;
|
|
1256
|
-
isTruncated?: boolean;
|
|
1257
|
-
density?: "default" | "condensed";
|
|
1258
|
-
nestedKey?: string;
|
|
1259
|
-
onSortChange?: (descriptor: SortDescriptor) => void;
|
|
1260
|
-
onSelectionChange?: (keys: Selection_2) => void;
|
|
1261
|
-
onRowClick?: (row: DataTableRowItem<T>) => void;
|
|
1262
|
-
toggleExpand: (id: string) => void;
|
|
1263
|
-
activeColumns: DataTableColumnItem<T>[];
|
|
1264
|
-
filteredRows: DataTableRowItem<T>[];
|
|
1265
|
-
sortedRows: DataTableRowItem<T>[];
|
|
1266
|
-
showExpandColumn: boolean;
|
|
1267
|
-
showSelectionColumn: boolean;
|
|
1268
|
-
disabledKeys?: Selection_2;
|
|
1269
|
-
onRowAction?: (row: DataTableRowItem<T>, action: "click" | "select") => void;
|
|
1270
|
-
isResizable?: boolean;
|
|
1271
|
-
pinnedRows: Set<string>;
|
|
1272
|
-
onPinToggle?: (rowId: string) => void;
|
|
1273
|
-
togglePin: (id: string) => void;
|
|
1274
|
-
}
|
|
1275
|
-
|
|
1276
|
-
export declare type DataTableDensity = "default" | "condensed";
|
|
1277
|
-
|
|
1278
|
-
export declare const _DataTableExpandButton: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLButtonElement>>;
|
|
1279
|
-
|
|
1280
|
-
export declare const _DataTableFooter: ForwardRefExoticComponent<DataTableFooterProps_2 & RefAttributes<HTMLDivElement>>;
|
|
1281
|
-
|
|
1282
|
-
declare interface DataTableFooterProps_2 {
|
|
1283
|
-
children?: React.ReactNode;
|
|
1284
|
-
}
|
|
1285
|
-
|
|
1286
|
-
export declare const _DataTableHeader: {
|
|
1287
|
-
<T extends DataTableColumnItem = DataTableColumnItem>({ ref, ...props }: DataTableHeaderProps<T>): JSX.Element;
|
|
1288
|
-
displayName: string;
|
|
1289
|
-
};
|
|
1290
|
-
|
|
1291
|
-
/**Combined props for the TableHeader element (Chakra styles + Aria behavior). */
|
|
1292
|
-
export declare type DataTableHeaderProps<T extends DataTableColumnItem> = TableHeaderProps<T> & DataTableHeaderSlotProps & {
|
|
1293
|
-
ref?: Ref<HTMLTableSectionElement>;
|
|
1294
|
-
};
|
|
1295
|
-
|
|
1296
|
-
declare type DataTableHeaderSlotProps = HTMLChakraProps_2<"tr">;
|
|
1297
|
-
|
|
1298
|
-
export declare const _DataTableNestedIcon: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLSpanElement>>;
|
|
1299
|
-
|
|
1300
|
-
/**
|
|
1301
|
-
* Main props interface for the DataTable component.
|
|
1302
|
-
* Extends DataTableVariantProps to include both root props and variant props,
|
|
1303
|
-
* while adding support for React children.
|
|
1304
|
-
*/
|
|
1305
|
-
export declare interface DataTableProps<T extends object = Record<string, unknown>> extends DataTableVariantProps {
|
|
1306
|
-
columns: DataTableColumnItem<T>[];
|
|
1307
|
-
unstyled?: boolean;
|
|
1308
|
-
data: DataTableRowItem<T>[];
|
|
1309
|
-
visibleColumns?: string[];
|
|
1310
|
-
renderEmptyState?: TableBodyProps<T>["renderEmptyState"];
|
|
1311
|
-
isResizable?: boolean;
|
|
1312
|
-
isRowClickable?: boolean;
|
|
1313
|
-
allowsSorting?: boolean;
|
|
1314
|
-
search?: string;
|
|
1315
|
-
maxHeight?: string | number;
|
|
1316
|
-
sortDescriptor?: SortDescriptor;
|
|
1317
|
-
defaultSortDescriptor?: SortDescriptor;
|
|
1318
|
-
onSortChange?: (descriptor: SortDescriptor) => void;
|
|
1319
|
-
selectionMode?: "none" | "single" | "multiple";
|
|
1320
|
-
selectionBehavior?: "toggle" | "replace";
|
|
1321
|
-
disallowEmptySelection?: boolean;
|
|
1322
|
-
selectedKeys?: Selection_2;
|
|
1323
|
-
defaultSelectedKeys?: Selection_2;
|
|
1324
|
-
onSelectionChange?: (keys: Selection_2) => void;
|
|
1325
|
-
onRowClick?: (row: DataTableRowItem<T>) => void;
|
|
1326
|
-
onDetailsClick?: (row: DataTableRowItem<T>) => void;
|
|
1327
|
-
renderDetails?: (row: DataTableRowItem<T>) => ReactNode;
|
|
1328
|
-
ref?: Ref<HTMLDivElement>;
|
|
1329
|
-
children?: ReactNode;
|
|
1330
|
-
density?: DataTableDensity;
|
|
1331
|
-
isTruncated?: boolean;
|
|
1332
|
-
footer?: ReactNode;
|
|
1333
|
-
nestedKey?: string;
|
|
1334
|
-
disabledKeys?: Selection_2;
|
|
1335
|
-
onRowAction?: (row: DataTableRowItem<T>, action: "click" | "select") => void;
|
|
1336
|
-
pinnedRows?: Set<string>;
|
|
1337
|
-
defaultPinnedRows?: Set<string>;
|
|
1338
|
-
onPinToggle?: (rowId: string) => void;
|
|
1339
|
-
}
|
|
1340
|
-
|
|
1341
|
-
export declare const _DataTableRoot: ForwardRefExoticComponent<Omit<DataTableProps<Record<string, unknown>>, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
1342
|
-
|
|
1343
|
-
/**
|
|
1344
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1345
|
-
* This creates a complete set of props for the root element, combining
|
|
1346
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1347
|
-
*/
|
|
1348
|
-
declare interface DataTableRootProps extends HTMLChakraProps_2<"div", dataTableSlotRecipeProps> {
|
|
1349
|
-
}
|
|
1350
|
-
|
|
1351
|
-
export declare const _DataTableRow: {
|
|
1352
|
-
<T extends DataTableRowItem = DataTableRowItem>({ row, ref, ...props }: DataTableRowProps<T>): JSX.Element;
|
|
1353
|
-
displayName: string;
|
|
1354
|
-
};
|
|
1355
|
-
|
|
1356
|
-
export declare type DataTableRowItem<T extends object = Record<string, unknown>> = T & {
|
|
1357
|
-
id: string;
|
|
1358
|
-
isDisabled?: boolean;
|
|
1359
|
-
[key: string]: unknown;
|
|
1360
|
-
};
|
|
1361
|
-
|
|
1362
|
-
/** Combined props for the Row element (Chakra styles + Aria behavior). */
|
|
1363
|
-
export declare type DataTableRowProps<T extends DataTableRowItem> = RowProps<T> & DataTableRowSlotProps & {
|
|
1364
|
-
ref?: Ref<HTMLTableRowElement>;
|
|
1365
|
-
row: T;
|
|
1366
|
-
depth?: number;
|
|
1367
|
-
};
|
|
1368
|
-
|
|
1369
|
-
declare type DataTableRowSlotProps = HTMLChakraProps_2<"tr">;
|
|
1370
|
-
|
|
1371
|
-
export declare const _DataTableSelectionCell: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "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" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLTableCellElement>>;
|
|
1372
|
-
|
|
1373
|
-
/**
|
|
1374
|
-
* Slot recipe configuration for the DataTable component.
|
|
1375
|
-
* Defines the styling variants, base styles, and slots using Chakra UI's slot recipe system.
|
|
1376
|
-
*/
|
|
1377
|
-
declare const dataTableSlotRecipe: SlotRecipeDefinition<"table" | "cell" | "body" | "footer" | "header" | "row" | "column" | "root" | "selectionCell" | "detailsButton" | "expandButton" | "nestedIcon" | "headerSortIcon" | "columnResizer", {
|
|
1378
|
-
truncated: {
|
|
1379
|
-
true: {
|
|
1380
|
-
root: {
|
|
1381
|
-
"& .truncated-cell": {
|
|
1382
|
-
maxWidth: "200px";
|
|
1383
|
-
overflow: "hidden";
|
|
1384
|
-
textOverflow: "ellipsis";
|
|
1385
|
-
whiteSpace: "nowrap";
|
|
1386
|
-
};
|
|
1387
|
-
};
|
|
1388
|
-
};
|
|
1389
|
-
};
|
|
1390
|
-
density: {
|
|
1391
|
-
default: {
|
|
1392
|
-
cell: {
|
|
1393
|
-
paddingTop: "400";
|
|
1394
|
-
paddingBottom: "400";
|
|
1395
|
-
};
|
|
1396
|
-
};
|
|
1397
|
-
condensed: {
|
|
1398
|
-
cell: {
|
|
1399
|
-
paddingTop: "300";
|
|
1400
|
-
paddingBottom: "300";
|
|
1401
|
-
};
|
|
1402
|
-
};
|
|
1403
|
-
};
|
|
1404
|
-
}>;
|
|
1405
|
-
|
|
1406
|
-
/**
|
|
1407
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1408
|
-
* with the unstyled prop option for the div element.
|
|
1409
|
-
*/
|
|
1410
|
-
declare interface dataTableSlotRecipeProps extends RecipeProps_2<"div">, UnstyledProp_2 {
|
|
1411
|
-
truncated?: boolean;
|
|
1412
|
-
density?: "default" | "condensed";
|
|
1413
|
-
}
|
|
1414
|
-
|
|
1415
|
-
export declare const _DataTableTable: ForwardRefExoticComponent<Omit<HTMLChakraProps_2<"table">, "translate"> & {
|
|
1416
|
-
translate?: "yes" | "no";
|
|
1417
|
-
} & RefAttributes<HTMLTableElement>>;
|
|
1418
|
-
|
|
1419
|
-
/**
|
|
1420
|
-
* Combines the root props with Chakra UI's recipe variant props.
|
|
1421
|
-
* This allows the component to accept both structural props from Root
|
|
1422
|
-
* and styling variants from the recipe.
|
|
1423
|
-
*/
|
|
1424
|
-
declare type DataTableVariantProps = Omit<DataTableRootProps, "columns" | "data"> & RecipeVariantProps<typeof dataTableSlotRecipe>;
|
|
1425
|
-
|
|
1426
|
-
/**
|
|
1427
|
-
* # DateInput
|
|
1428
|
-
*
|
|
1429
|
-
* allows entering a date
|
|
1430
|
-
*
|
|
1431
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/dateinput}
|
|
1432
|
-
*/
|
|
1433
|
-
export declare const DateInput: {
|
|
1434
|
-
(props: DateInputProps): JSX.Element;
|
|
1435
|
-
displayName: string;
|
|
1436
|
-
};
|
|
1437
|
-
|
|
1438
|
-
/**
|
|
1439
|
-
* Main props interface for the DateInput component.
|
|
1440
|
-
*
|
|
1441
|
-
* We use the same pattern as TextInput to avoid type conflicts:
|
|
1442
|
-
* 1. Start with DateFieldProps as the base
|
|
1443
|
-
* 2. Merge with DateInputRootProps, excluding conflicting keys
|
|
1444
|
-
* 3. Add recipe variant props
|
|
1445
|
-
*/
|
|
1446
|
-
export declare interface DateInputProps extends DateFieldProps<DateValue_2>, Omit<DateInputRootProps, keyof DateFieldProps<DateValue_2> | ExcludedProps_3>, RecipeVariantProps<typeof dateInputSlotRecipe> {
|
|
1447
|
-
}
|
|
1448
|
-
|
|
1449
|
-
/**
|
|
1450
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1451
|
-
* with the unstyled prop option for the div element.
|
|
1452
|
-
*/
|
|
1453
|
-
declare interface DateInputRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
1454
|
-
}
|
|
1455
|
-
|
|
1456
|
-
/**
|
|
1457
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1458
|
-
* This creates a complete set of props for the root element, combining
|
|
1459
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1460
|
-
*/
|
|
1461
|
-
declare interface DateInputRootProps extends HTMLChakraProps<"div", DateInputRecipeProps> {
|
|
1462
|
-
}
|
|
1463
|
-
|
|
1464
|
-
/**
|
|
1465
|
-
* Recipe configuration for the DateInput component.
|
|
1466
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1467
|
-
*/
|
|
1468
|
-
declare const dateInputSlotRecipe: SlotRecipeDefinition<"root" | "segmentGroup" | "segment", {
|
|
1469
|
-
size: {
|
|
1470
|
-
sm: {
|
|
1471
|
-
segmentGroup: {
|
|
1472
|
-
h: number;
|
|
1473
|
-
textStyle: "sm";
|
|
1474
|
-
px: number;
|
|
1475
|
-
};
|
|
1476
|
-
};
|
|
1477
|
-
md: {
|
|
1478
|
-
segmentGroup: {
|
|
1479
|
-
h: number;
|
|
1480
|
-
textStyle: "md";
|
|
1481
|
-
px: number;
|
|
1482
|
-
};
|
|
1483
|
-
};
|
|
1484
|
-
};
|
|
1485
|
-
variant: {
|
|
1486
|
-
solid: {
|
|
1487
|
-
segmentGroup: {
|
|
1488
|
-
"--border-width": "sizes.25";
|
|
1489
|
-
"--border-color": "colors.neutral.7";
|
|
1490
|
-
backgroundColor: "neutral.1";
|
|
1491
|
-
_hover: {
|
|
1492
|
-
backgroundColor: "primary.2";
|
|
1493
|
-
};
|
|
1494
|
-
};
|
|
1495
|
-
};
|
|
1496
|
-
ghost: {
|
|
1497
|
-
segmentGroup: {
|
|
1498
|
-
_hover: {
|
|
1499
|
-
backgroundColor: "primary.2";
|
|
1500
|
-
};
|
|
1501
|
-
};
|
|
1502
|
-
};
|
|
1503
|
-
plain: {
|
|
1504
|
-
segmentGroup: {
|
|
1505
|
-
px: "0";
|
|
1506
|
-
outline: "none!";
|
|
1507
|
-
boxShadow: "none!";
|
|
1508
|
-
};
|
|
1509
|
-
};
|
|
1510
|
-
};
|
|
1511
|
-
}>;
|
|
1512
|
-
|
|
1513
|
-
/**
|
|
1514
|
-
* # DatePicker
|
|
1515
|
-
*
|
|
1516
|
-
* a UI component for users to enter or select a specific calendar date.
|
|
1517
|
-
*
|
|
1518
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/datepicker}
|
|
1519
|
-
*/
|
|
1520
|
-
export declare const DatePicker: {
|
|
1521
|
-
(props: DatePickerProps): JSX.Element;
|
|
1522
|
-
displayName: string;
|
|
1523
|
-
};
|
|
1524
|
-
|
|
1525
|
-
/**
|
|
1526
|
-
* Main props interface for the DatePicker component.
|
|
1527
|
-
*
|
|
1528
|
-
* We use Omit to remove:
|
|
1529
|
-
* 1. Conflicting props from DateInputProps to avoid TypeScript errors
|
|
1530
|
-
* 2. Explicitly excluded props that we don't want users to access
|
|
1531
|
-
*/
|
|
1532
|
-
export declare interface DatePickerProps extends Omit<DateInputProps, ConflictingPickerStateProps | ExcludedProps_5>, Omit<DatePickerStateOptions<DateValue_2>, ExcludedProps_5>, RecipeVariantProps<typeof datePickerSlotRecipe> {
|
|
1533
|
-
/**
|
|
1534
|
-
* Whether the calendar popover should be open by default (uncontrolled).
|
|
1535
|
-
*/
|
|
1536
|
-
defaultOpen?: boolean;
|
|
1537
|
-
/**
|
|
1538
|
-
* Whether the calendar popover is open (controlled).
|
|
1539
|
-
*/
|
|
1540
|
-
isOpen?: boolean;
|
|
1541
|
-
/**
|
|
1542
|
-
* Handler that is called when the calendar popover's open state changes.
|
|
1543
|
-
*/
|
|
1544
|
-
onOpenChange?: (isOpen: boolean) => void;
|
|
1545
|
-
/**
|
|
1546
|
-
* Whether to hide the time zone information when using ZonedDateTime values.
|
|
1547
|
-
* This prop is forwarded to both the main date input and footer time input.
|
|
1548
|
-
*/
|
|
1549
|
-
hideTimeZone?: boolean;
|
|
1550
|
-
}
|
|
1551
|
-
|
|
1552
|
-
/**
|
|
1553
|
-
* Recipe configuration for the DatePicker component.
|
|
1554
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1555
|
-
*/
|
|
1556
|
-
declare const datePickerSlotRecipe: SlotRecipeDefinition<"group" | "popover" | "root" | "trigger" | "calendar" | "calendarHeader" | "calendarGrid" | "calendarCell", {
|
|
1557
|
-
size: {
|
|
1558
|
-
sm: {
|
|
1559
|
-
group: {
|
|
1560
|
-
"& .nimbus-date-input__root": {
|
|
1561
|
-
mr: "1400";
|
|
1562
|
-
};
|
|
1563
|
-
};
|
|
1564
|
-
trigger: {
|
|
1565
|
-
top: "50";
|
|
1566
|
-
};
|
|
1567
|
-
};
|
|
1568
|
-
md: {
|
|
1569
|
-
group: {
|
|
1570
|
-
"& .nimbus-date-input__root": {
|
|
1571
|
-
mr: "calc({spacing.1600} + {spacing.200})";
|
|
1572
|
-
};
|
|
1573
|
-
};
|
|
1574
|
-
trigger: {
|
|
1575
|
-
top: "100";
|
|
1576
|
-
};
|
|
1577
|
-
};
|
|
1578
|
-
};
|
|
1579
|
-
variant: {
|
|
1580
|
-
solid: {};
|
|
1581
|
-
ghost: {};
|
|
1582
|
-
};
|
|
1583
|
-
}>;
|
|
1584
|
-
|
|
1585
|
-
/**
|
|
1586
|
-
* Props for the DatePickerTimeInput component.
|
|
1587
|
-
*/
|
|
1588
|
-
export declare interface DatePickerTimeInputProps {
|
|
1589
|
-
hideTimeZone?: boolean;
|
|
1590
|
-
hourCycle?: 12 | 24;
|
|
1591
|
-
}
|
|
1592
|
-
|
|
1593
|
-
/**
|
|
1594
|
-
* DateRangePicker
|
|
1595
|
-
* ============================================================
|
|
1596
|
-
* Combines a DateInput with a RangeCalendar popover for date range selection.
|
|
1597
|
-
* Users can either type a date range directly or select from the calendar.
|
|
1598
|
-
*/
|
|
1599
|
-
export declare const DateRangePicker: {
|
|
1600
|
-
(props: DateRangePickerProps): JSX.Element;
|
|
1601
|
-
displayName: string;
|
|
1602
|
-
};
|
|
1603
|
-
|
|
1604
|
-
/**
|
|
1605
|
-
* Main props interface for the DateRangePicker component.
|
|
1606
|
-
*
|
|
1607
|
-
* We extend React Aria's DateRangePickerProps and add the size/variant props
|
|
1608
|
-
* that we want to pass through to the DateInput components.
|
|
1609
|
-
*/
|
|
1610
|
-
export declare interface DateRangePickerProps extends Omit<DateRangePickerProps_2<DateValue_2>, ExcludedProps_8>, Omit<DateRangePickerRootProps, keyof DateRangePickerProps_2<DateValue_2> | ExcludedProps_8>, RecipeVariantProps<typeof dateRangePickerSlotRecipe> {
|
|
1611
|
-
/**
|
|
1612
|
-
* Whether the calendar popover should be open by default (uncontrolled).
|
|
1613
|
-
*/
|
|
1614
|
-
defaultOpen?: boolean;
|
|
1615
|
-
/**
|
|
1616
|
-
* Whether the calendar popover is open (controlled).
|
|
1617
|
-
*/
|
|
1618
|
-
isOpen?: boolean;
|
|
1619
|
-
/**
|
|
1620
|
-
* Handler that is called when the calendar popover's open state changes.
|
|
1621
|
-
*/
|
|
1622
|
-
onOpenChange?: (isOpen: boolean) => void;
|
|
1623
|
-
/**
|
|
1624
|
-
* Whether to hide the time zone information when using ZonedDateTime values.
|
|
1625
|
-
* This prop is forwarded to both the main date inputs and footer time inputs.
|
|
1626
|
-
*/
|
|
1627
|
-
hideTimeZone?: boolean;
|
|
1628
|
-
}
|
|
1629
|
-
|
|
1630
|
-
/**
|
|
1631
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1632
|
-
* with the unstyled prop option for the div element.
|
|
1633
|
-
*/
|
|
1634
|
-
declare interface DateRangePickerRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
1635
|
-
}
|
|
1636
|
-
|
|
1637
|
-
/**
|
|
1638
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1639
|
-
* This creates a complete set of props for the root element, combining
|
|
1640
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1641
|
-
*/
|
|
1642
|
-
declare interface DateRangePickerRootProps extends HTMLChakraProps<"div", DateRangePickerRecipeProps> {
|
|
1643
|
-
}
|
|
1644
|
-
|
|
1645
|
-
declare const dateRangePickerSlotRecipe: SlotRecipeDefinition<"group" | "popover" | "root" | "trigger" | "calendar" | "calendarHeader" | "calendarGrid" | "calendarCell", {
|
|
1646
|
-
size: {
|
|
1647
|
-
sm: {
|
|
1648
|
-
group: {
|
|
1649
|
-
height: "800";
|
|
1650
|
-
pr: "calc({spacing.1400} + {spacing.400})";
|
|
1651
|
-
};
|
|
1652
|
-
trigger: {
|
|
1653
|
-
top: "50";
|
|
1654
|
-
};
|
|
1655
|
-
};
|
|
1656
|
-
md: {
|
|
1657
|
-
group: {
|
|
1658
|
-
height: "1000";
|
|
1659
|
-
pr: "calc({spacing.1600} + {spacing.200} + {spacing.400})";
|
|
1660
|
-
};
|
|
1661
|
-
trigger: {
|
|
1662
|
-
top: "100";
|
|
1663
|
-
};
|
|
1664
|
-
};
|
|
1665
|
-
};
|
|
1666
|
-
variant: {
|
|
1667
|
-
solid: {};
|
|
1668
|
-
ghost: {
|
|
1669
|
-
group: {
|
|
1670
|
-
bg: "transparent";
|
|
1671
|
-
px: "300";
|
|
1672
|
-
_hover: {
|
|
1673
|
-
bg: "primary.2";
|
|
1674
|
-
};
|
|
1675
|
-
};
|
|
1676
|
-
};
|
|
1677
|
-
};
|
|
1678
|
-
}>;
|
|
1679
|
-
|
|
1680
|
-
/**
|
|
1681
|
-
* Props for the DateRangePickerTimeInput component.
|
|
1682
|
-
*/
|
|
1683
|
-
export declare interface DateRangePickerTimeInputProps {
|
|
1684
|
-
hideTimeZone?: boolean;
|
|
1685
|
-
hourCycle?: 12 | 24;
|
|
1686
|
-
}
|
|
1687
|
-
|
|
1688
|
-
declare type DefaultExcludedProps = "css" | "asChild" | "as" | "colorScheme";
|
|
1689
|
-
|
|
1690
|
-
declare type DefaultExcludedProps_2 = "css" | "asChild" | "as";
|
|
1691
|
-
|
|
1692
|
-
declare type DefaultExcludedProps_3 = "css" | "asChild" | "as" | "onChange";
|
|
1693
|
-
|
|
1694
|
-
/**
|
|
1695
|
-
* # Dialog
|
|
1696
|
-
*
|
|
1697
|
-
* displays a dialog
|
|
1698
|
-
*
|
|
1699
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/feedback/dialog}
|
|
1700
|
-
*
|
|
1701
|
-
* @experimental This component is experimental and may change or be removed in future versions.
|
|
1702
|
-
*/
|
|
1703
|
-
export declare const Dialog: DialogComponents;
|
|
1704
|
-
|
|
1705
|
-
declare interface DialogComponents {
|
|
1706
|
-
Root: typeof Dialog_2.Root;
|
|
1707
|
-
Trigger: typeof Dialog_2.Trigger;
|
|
1708
|
-
Content: typeof DialogContent;
|
|
1709
|
-
Backdrop: typeof Dialog_2.Backdrop;
|
|
1710
|
-
Positioner: typeof Dialog_2.Positioner;
|
|
1711
|
-
Title: typeof Dialog_2.Title;
|
|
1712
|
-
Description: typeof Dialog_2.Description;
|
|
1713
|
-
Body: typeof Dialog_2.Body;
|
|
1714
|
-
Footer: typeof Dialog_2.Footer;
|
|
1715
|
-
Header: typeof Dialog_2.Header;
|
|
1716
|
-
CloseTrigger: typeof Dialog_2.CloseTrigger;
|
|
1717
|
-
ActionTrigger: typeof Dialog_2.ActionTrigger;
|
|
1718
|
-
}
|
|
1719
|
-
|
|
1720
|
-
declare const DialogContent: (props: DialogContentProps) => JSX.Element;
|
|
1721
|
-
|
|
1722
|
-
declare interface DialogContentProps extends Dialog_2.ContentProps {
|
|
1723
|
-
portalled?: boolean;
|
|
1724
|
-
portalRef?: React.RefObject<HTMLElement>;
|
|
1725
|
-
backdrop?: boolean;
|
|
1726
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
1727
|
-
}
|
|
1728
|
-
|
|
1729
|
-
export declare type DisclosureGroupProps = AccordionProps & {
|
|
1730
|
-
children: ReactNode;
|
|
1731
|
-
ref?: RefAttributes<HTMLButtonElement>;
|
|
1732
|
-
allowsMultipleExpanded?: boolean;
|
|
1733
|
-
onExpandedChange?: (isExpanded: boolean) => void;
|
|
1734
|
-
isDisabled?: boolean;
|
|
1735
|
-
isExpanded?: boolean;
|
|
1736
|
-
};
|
|
1737
|
-
|
|
1738
|
-
export declare type DisclosureItemProps = AccordionItemProps & {
|
|
1739
|
-
children: ReactNode;
|
|
1740
|
-
id?: string;
|
|
1741
|
-
value?: string;
|
|
1742
|
-
isDisabled?: boolean;
|
|
1743
|
-
isExpanded?: boolean;
|
|
1744
|
-
onExpandedChange?: (isExpanded: boolean) => void;
|
|
1745
|
-
};
|
|
1746
|
-
|
|
1747
|
-
/**
|
|
1748
|
-
* Divider
|
|
1749
|
-
* ============================================================
|
|
1750
|
-
* A visual separator that divides content sections
|
|
1751
|
-
*
|
|
1752
|
-
* Features:
|
|
1753
|
-
*
|
|
1754
|
-
* - allows forwarding refs to the underlying DOM element
|
|
1755
|
-
* - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)
|
|
1756
|
-
* - supports 'variants', 'orientation', etc. configured in the recipe
|
|
1757
|
-
* - allows overriding styles by using style-props
|
|
1758
|
-
* - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)
|
|
1759
|
-
* - built with React Aria for accessibility
|
|
1760
|
-
*/
|
|
1761
|
-
export declare const Divider: {
|
|
1762
|
-
(props: DividerProps): JSX.Element;
|
|
1763
|
-
displayName: string;
|
|
1764
|
-
};
|
|
1765
|
-
|
|
1766
|
-
/**
|
|
1767
|
-
* Main props interface for the Divider component.
|
|
1768
|
-
* Extends DividerVariantProps to include both root props and variant props,
|
|
1769
|
-
* while adding support for React Aria separator props.
|
|
1770
|
-
*/
|
|
1771
|
-
export declare interface DividerProps extends Omit<DividerVariantProps, "orientation">, Pick<SeparatorProps, "orientation"> {
|
|
1772
|
-
/** The orientation of the divider */
|
|
1773
|
-
orientation?: "horizontal" | "vertical";
|
|
1774
|
-
/** Reference to the divider element */
|
|
1775
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
1776
|
-
}
|
|
1777
|
-
|
|
1778
|
-
/**
|
|
1779
|
-
* Recipe configuration for the Divider component.
|
|
1780
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1781
|
-
*/
|
|
1782
|
-
declare const dividerRecipe: RecipeDefinition< {
|
|
1783
|
-
orientation: {
|
|
1784
|
-
horizontal: {
|
|
1785
|
-
width: "100%";
|
|
1786
|
-
height: "25";
|
|
1787
|
-
};
|
|
1788
|
-
vertical: {
|
|
1789
|
-
width: "25";
|
|
1790
|
-
height: "100%";
|
|
1791
|
-
};
|
|
1792
|
-
};
|
|
1793
|
-
}>;
|
|
1794
|
-
|
|
1795
|
-
/**
|
|
1796
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1797
|
-
* with the unstyled prop option for the div element.
|
|
1798
|
-
*/
|
|
1799
|
-
export declare interface DividerRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
1800
|
-
}
|
|
1801
|
-
|
|
1802
|
-
/**
|
|
1803
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1804
|
-
* This creates a complete set of props for the root element, combining
|
|
1805
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1806
|
-
*/
|
|
1807
|
-
export declare interface DividerRootProps extends HTMLChakraProps<"div", DividerRecipeProps> {
|
|
1808
|
-
}
|
|
1809
|
-
|
|
1810
|
-
/**
|
|
1811
|
-
* Combines the root props with Chakra UI's recipe variant props.
|
|
1812
|
-
* This allows the component to accept both structural props from Root
|
|
1813
|
-
* and styling variants from the recipe.
|
|
1814
|
-
*/
|
|
1815
|
-
declare type DividerVariantProps = DividerRootProps & RecipeVariantProps<typeof dividerRecipe> & {
|
|
1816
|
-
[key: `data-${string}`]: unknown;
|
|
1817
|
-
};
|
|
1818
|
-
|
|
1819
|
-
declare type ExcludedNumberInputProps = "asChild" | "onChange";
|
|
1820
|
-
|
|
1821
|
-
/**
|
|
1822
|
-
* Additional properties we want to exclude from the ToggleButton component.
|
|
1823
|
-
* These are chakra-ui props we don't want exposed for non-polymorphic components.
|
|
1824
|
-
*/
|
|
1825
|
-
declare type ExcludedProps = "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
1826
|
-
|
|
1827
|
-
/**
|
|
1828
|
-
* Additional properties we want to exclude from the TimeInput component.
|
|
1829
|
-
* These are either deprecated or not intended for use in this component.
|
|
1830
|
-
*/
|
|
1831
|
-
declare type ExcludedProps_2 = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
1832
|
-
|
|
1833
|
-
/**
|
|
1834
|
-
* Additional properties we want to exclude from the DateInput component.
|
|
1835
|
-
* These are either deprecated or not intended for use in this component.
|
|
1836
|
-
*/
|
|
1837
|
-
declare type ExcludedProps_3 = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
1838
|
-
|
|
1839
|
-
/**
|
|
1840
|
-
* Additional properties we want to exclude from the TimeInput component.
|
|
1841
|
-
* These are either deprecated or not intended for use in this component.
|
|
1842
|
-
*/
|
|
1843
|
-
declare type ExcludedProps_4 = "as" | "asChild" | "style" | "createCalendar";
|
|
1844
|
-
|
|
1845
|
-
/**
|
|
1846
|
-
* Additional properties we want to exclude from the DatePicker component.
|
|
1847
|
-
* These are either deprecated or not intended for use in this component.
|
|
1848
|
-
*/
|
|
1849
|
-
declare type ExcludedProps_5 = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild" | "variant";
|
|
1850
|
-
|
|
1851
|
-
/**
|
|
1852
|
-
* Additional properties we want to exclude from the ProgressBar component.
|
|
1853
|
-
* These are chakra-ui props we don't want exposed.
|
|
1854
|
-
*/
|
|
1855
|
-
declare type ExcludedProps_6 = "css" | "unstyled" | "as" | "asChild";
|
|
1856
|
-
|
|
1857
|
-
/**
|
|
1858
|
-
* Additional properties we want to exclude from the RangeCalendar component.
|
|
1859
|
-
* These are either deprecated or not intended for use in this component.
|
|
1860
|
-
*/
|
|
1861
|
-
declare type ExcludedProps_7 = "as" | "style" | "createCalendar";
|
|
1862
|
-
|
|
1863
|
-
/**
|
|
1864
|
-
* Additional properties we want to exclude from the DateRangePicker component.
|
|
1865
|
-
* These are either deprecated or not intended for use in this component.
|
|
1866
|
-
*/
|
|
1867
|
-
declare type ExcludedProps_8 = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
|
|
1868
|
-
|
|
1869
|
-
/**
|
|
1870
|
-
* List of props that should be excluded from the root props when combining with ARIA props
|
|
1871
|
-
*/
|
|
1872
|
-
declare type ExcludedSwitchProps = "asChild" | "isIndeterminate" | "colorScheme" | "validationState" | "validationBehavior" | "validate";
|
|
1873
|
-
|
|
1874
|
-
/**
|
|
1875
|
-
* For use in components that use the polymorphic `as` and `asChild` props
|
|
1876
|
-
* internally, but do not make them available to the consumer.
|
|
1877
|
-
*
|
|
1878
|
-
* Long rambling background:
|
|
1879
|
-
* React-Aria's components cannot be configured to use `as` and `asChild` internally,
|
|
1880
|
-
* and cannot be directly styled by chakra's styledSystem. Therefore components
|
|
1881
|
-
* from `react-aria-components` should be wrapped in a chakra `withContext`
|
|
1882
|
-
* root component to set the styles onto the `r-a-c` component using `asChild`.
|
|
1883
|
-
* This means that we need to allow polymorphism internally, but should not
|
|
1884
|
-
* allow it in the external props api since it would not work.
|
|
1885
|
-
*/
|
|
1886
|
-
declare type ExcludePolymorphicFromProps<T> = Omit<T, "as" | "asChild">;
|
|
1887
|
-
|
|
1888
|
-
export { Flex }
|
|
1889
|
-
|
|
1890
|
-
export declare const FormField: {
|
|
1891
|
-
Root: ForwardRefExoticComponent<FormFieldProps_2 & RefAttributes<HTMLDivElement>>;
|
|
1892
|
-
Label: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps) => null;
|
|
1893
|
-
Input: ({ children, ...inputSlotProps }: FormFieldInputSlotProps) => null;
|
|
1894
|
-
Description: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps) => null;
|
|
1895
|
-
Error: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps) => null;
|
|
1896
|
-
InfoBox: ({ children }: {
|
|
1897
|
-
children: ReactNode;
|
|
1898
|
-
}) => null;
|
|
1899
|
-
};
|
|
1900
|
-
|
|
1901
|
-
export declare const _FormFieldDescription: ({ children, ...descriptionSlotProps }: FormFieldDescriptionSlotProps_2) => null;
|
|
1902
|
-
|
|
1903
|
-
declare interface FormFieldDescriptionSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1904
|
-
}
|
|
1905
|
-
|
|
1906
|
-
export declare const _FormFieldError: ({ children, ...errorSlotProps }: FormFieldErrorSlotProps_2) => null;
|
|
1907
|
-
|
|
1908
|
-
declare interface FormFieldErrorSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1909
|
-
}
|
|
1910
|
-
|
|
1911
|
-
export declare const _FormFieldInfoBox: ({ children }: FormFieldInfoBoxProps) => null;
|
|
1912
|
-
|
|
1913
|
-
declare type FormFieldInfoBoxProps = {
|
|
1914
|
-
/**
|
|
1915
|
-
* The content to display in the InfoBox
|
|
1916
|
-
*/
|
|
1917
|
-
children: ReactNode;
|
|
1918
|
-
};
|
|
1919
|
-
|
|
1920
|
-
export declare const _FormFieldInput: ({ children, ...inputSlotProps }: FormFieldInputSlotProps_2) => null;
|
|
1921
|
-
|
|
1922
|
-
declare interface FormFieldInputSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1923
|
-
}
|
|
1924
|
-
|
|
1925
|
-
export declare const _FormFieldLabel: ({ children, ...labelSlotProps }: FormFieldLabelSlotProps_2) => null;
|
|
1926
|
-
|
|
1927
|
-
declare interface FormFieldLabelSlotProps_2 extends HTMLChakraProps<"div"> {
|
|
1928
|
-
}
|
|
1929
|
-
|
|
1930
|
-
/**
|
|
1931
|
-
* Main props interface for the FormField component.
|
|
1932
|
-
* Extends FormFieldVariantProps to include both root props and variant props,
|
|
1933
|
-
* while adding support for React children.
|
|
1934
|
-
*/
|
|
1935
|
-
export declare interface FormFieldProps extends FormFieldRootSlotProps {
|
|
1936
|
-
children?: React.ReactNode;
|
|
1937
|
-
/** true if the field is a required field */
|
|
1938
|
-
isRequired?: boolean;
|
|
1939
|
-
/** true if the field is invalid */
|
|
1940
|
-
isInvalid?: boolean;
|
|
1941
|
-
/** true if the field is disabled */
|
|
1942
|
-
isDisabled?: boolean;
|
|
1943
|
-
/** true, if the field is read only */
|
|
1944
|
-
isReadOnly?: boolean;
|
|
1945
|
-
}
|
|
1946
|
-
|
|
1947
|
-
/**
|
|
1948
|
-
* Recipe configuration for the FormField component.
|
|
1949
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
1950
|
-
*/
|
|
1951
|
-
declare const formFieldRecipe: SlotRecipeDefinition<"input" | "label" | "popover" | "description" | "root" | "error", {
|
|
1952
|
-
size: {
|
|
1953
|
-
md: {
|
|
1954
|
-
root: {
|
|
1955
|
-
"--form-field-font-size": "fontSizes.350";
|
|
1956
|
-
"--form-field-line-height": "lineHeights.500";
|
|
1957
|
-
};
|
|
1958
|
-
};
|
|
1959
|
-
sm: {
|
|
1960
|
-
root: {
|
|
1961
|
-
"--form-field-font-size": "fontSizes.300";
|
|
1962
|
-
"--form-field-line-height": "lineHeights.450";
|
|
1963
|
-
};
|
|
1964
|
-
};
|
|
1965
|
-
};
|
|
1966
|
-
direction: {
|
|
1967
|
-
column: {
|
|
1968
|
-
root: {
|
|
1969
|
-
gridTemplateAreas: "\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n";
|
|
1970
|
-
};
|
|
1971
|
-
input: {
|
|
1972
|
-
mt: "var(--grid-gap)";
|
|
1973
|
-
};
|
|
1974
|
-
description: {
|
|
1975
|
-
mt: "var(--grid-gap)";
|
|
1976
|
-
};
|
|
1977
|
-
error: {
|
|
1978
|
-
mt: "var(--grid-gap)";
|
|
1979
|
-
};
|
|
1980
|
-
};
|
|
1981
|
-
row: {
|
|
1982
|
-
root: {
|
|
1983
|
-
gridTemplateAreas: "\n\"label input\"\n\"label description\"\n\"label error\"\n";
|
|
1984
|
-
gridTemplateColumns: "auto 1fr";
|
|
1985
|
-
gridColumnGap: "200";
|
|
1986
|
-
};
|
|
1987
|
-
description: {
|
|
1988
|
-
mt: "var(--grid-gap)";
|
|
1989
|
-
};
|
|
1990
|
-
error: {
|
|
1991
|
-
mt: "var(--grid-gap)";
|
|
1992
|
-
};
|
|
1993
|
-
};
|
|
1994
|
-
};
|
|
1995
|
-
}>;
|
|
1996
|
-
|
|
1997
|
-
/**
|
|
1998
|
-
* # FormField
|
|
1999
|
-
*
|
|
2000
|
-
* displays miscellaneous inputs in a FormField context
|
|
2001
|
-
*
|
|
2002
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}
|
|
2003
|
-
*/
|
|
2004
|
-
export declare const _FormFieldRoot: ForwardRefExoticComponent<FormFieldProps & RefAttributes<HTMLDivElement>>;
|
|
2005
|
-
|
|
2006
|
-
declare interface FormFieldRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp> {
|
|
2007
|
-
}
|
|
2008
|
-
|
|
2009
|
-
declare type FunctionalAvatarProps = AvatarRootProps & AvatarComponentProps;
|
|
2010
|
-
|
|
2011
|
-
/** combine chakra-button props with aria-button props */
|
|
2012
|
-
declare type FunctionalButtonProps = AriaButtonProps & Omit<ButtonRootProps, keyof AriaButtonProps | "slot"> & {
|
|
2013
|
-
[key: `data-${string}`]: unknown;
|
|
2014
|
-
};
|
|
2015
|
-
|
|
2016
|
-
export declare const Grid: {
|
|
2017
|
-
(props: GridProps): JSX.Element;
|
|
2018
|
-
displayName: string;
|
|
2019
|
-
} & {
|
|
2020
|
-
Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
|
|
2021
|
-
};
|
|
2022
|
-
|
|
2023
|
-
/**
|
|
2024
|
-
* # Grid
|
|
2025
|
-
*
|
|
2026
|
-
* An easily customizable Grid component, re-exported from Chakra UI, that provides a consistent layout structure across different products.
|
|
2027
|
-
*
|
|
2028
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/layout/grid}
|
|
2029
|
-
*/
|
|
2030
|
-
export declare interface GridProps extends GridProps_2 {
|
|
2031
|
-
children?: React.ReactNode;
|
|
2032
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
2033
|
-
}
|
|
2034
|
-
|
|
2035
|
-
export declare const Group: GroupComponent;
|
|
2036
|
-
|
|
2037
|
-
/** Type signature for the main `Group` component. */
|
|
2038
|
-
export declare type GroupComponent = FC<GroupProps>;
|
|
2039
|
-
|
|
2040
|
-
export declare interface GroupProps extends Omit<GroupSlotProps, DefaultExcludedProps>, Pick<GroupProps_2, "isDisabled" | "isInvalid" | "onHoverChange" | "onHoverStart" | "onHoverEnd"> {
|
|
2041
|
-
ref?: Ref<typeof Group_2>;
|
|
2042
|
-
}
|
|
2043
|
-
|
|
2044
|
-
/**
|
|
2045
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
2046
|
-
* with the unstyled prop option for the div element.
|
|
2047
|
-
*/
|
|
2048
|
-
declare interface GroupRecipeProps extends RecipeProps_2<"div">, UnstyledProp_2 {
|
|
2049
|
-
}
|
|
2050
|
-
|
|
2051
|
-
/**
|
|
2052
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
2053
|
-
* This creates a complete set of props for the root element, combining
|
|
2054
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
2055
|
-
*/
|
|
2056
|
-
declare interface GroupSlotProps extends HTMLChakraProps_2<"div", GroupRecipeProps> {
|
|
2057
|
-
}
|
|
2058
|
-
|
|
2059
|
-
export { Heading }
|
|
2060
|
-
|
|
2061
|
-
/**
|
|
2062
|
-
* # Icon
|
|
2063
|
-
*
|
|
2064
|
-
* displays icon components
|
|
2065
|
-
*
|
|
2066
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/media/icon}
|
|
2067
|
-
*/
|
|
2068
|
-
export declare const Icon: {
|
|
2069
|
-
(props: IconProps): JSX.Element;
|
|
2070
|
-
displayName: string;
|
|
2071
|
-
};
|
|
2072
|
-
|
|
2073
|
-
/**
|
|
2074
|
-
* # IconButton
|
|
2075
|
-
*
|
|
2076
|
-
* displays a button with an icon only as child
|
|
2077
|
-
*
|
|
2078
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/iconbutton}
|
|
2079
|
-
*/
|
|
2080
|
-
export declare const IconButton: {
|
|
2081
|
-
(props: IconButtonProps): JSX.Element;
|
|
2082
|
-
displayName: string;
|
|
2083
|
-
};
|
|
2084
|
-
|
|
2085
|
-
/**
|
|
2086
|
-
* Main props interface for the IconButton component.
|
|
2087
|
-
*/
|
|
2088
|
-
export declare interface IconButtonProps extends ButtonProps {
|
|
2089
|
-
/** explains the intended action, required for accessibility */
|
|
2090
|
-
"aria-label": string;
|
|
2091
|
-
ref?: React.Ref<HTMLButtonElement>;
|
|
2092
|
-
}
|
|
2093
|
-
|
|
2094
|
-
/**
|
|
2095
|
-
* Main props interface for the Icon component.
|
|
2096
|
-
* Extends IconVariantProps to include both root props and variant props,
|
|
2097
|
-
* while adding support for React children.
|
|
2098
|
-
*/
|
|
2099
|
-
export declare interface IconProps extends IconVariantProps {
|
|
2100
|
-
/**
|
|
2101
|
-
* Accepts only a single child - an icon-component or SVG html-element.
|
|
2102
|
-
* Alternatively, as shorthand, use the `as` property.
|
|
2103
|
-
*/
|
|
2104
|
-
children?: React.ReactNode;
|
|
2105
|
-
/**
|
|
2106
|
-
* Colors the icon, accepts a color token from the theme or a custom value
|
|
2107
|
-
*/
|
|
2108
|
-
color?: BoxProps["color"];
|
|
2109
|
-
/**
|
|
2110
|
-
* Accepts a React component to be rendered as the icon .
|
|
2111
|
-
*/
|
|
2112
|
-
as?: BoxProps["as"];
|
|
2113
|
-
/**
|
|
2114
|
-
* Ref to the icon element
|
|
2115
|
-
*/
|
|
2116
|
-
ref?: React.Ref<SVGSVGElement>;
|
|
2117
|
-
/**
|
|
2118
|
-
* The slot to render the icon in.
|
|
2119
|
-
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/slot
|
|
2120
|
-
*/
|
|
2121
|
-
slot?: string | null | undefined;
|
|
2122
|
-
}
|
|
2123
|
-
|
|
2124
|
-
/**
|
|
2125
|
-
* Recipe configuration for the Icon component.
|
|
2126
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2127
|
-
*/
|
|
2128
|
-
declare const iconRecipe: RecipeDefinition< {
|
|
2129
|
-
/**
|
|
2130
|
-
* allows applying a predefined size to the icon
|
|
2131
|
-
*/
|
|
2132
|
-
size: {
|
|
2133
|
-
"2xs": {
|
|
2134
|
-
boxSize: "600";
|
|
2135
|
-
};
|
|
2136
|
-
xs: {
|
|
2137
|
-
boxSize: "800";
|
|
2138
|
-
};
|
|
2139
|
-
sm: {
|
|
2140
|
-
boxSize: "900";
|
|
2141
|
-
};
|
|
2142
|
-
md: {
|
|
2143
|
-
boxSize: "1000";
|
|
2144
|
-
};
|
|
2145
|
-
lg: {
|
|
2146
|
-
boxSize: "1200";
|
|
2147
|
-
};
|
|
2148
|
-
xl: {
|
|
2149
|
-
boxSize: "1400";
|
|
2150
|
-
};
|
|
2151
|
-
};
|
|
2152
|
-
}>;
|
|
2153
|
-
|
|
2154
|
-
/**
|
|
2155
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
2156
|
-
* with the unstyled prop option for the svg element.
|
|
2157
|
-
*/
|
|
2158
|
-
declare interface IconRecipeProps extends RecipeProps<"svg">, UnstyledProp {
|
|
2159
|
-
}
|
|
2160
|
-
|
|
2161
|
-
/**
|
|
2162
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
2163
|
-
* This creates a complete set of props for the root element, combining
|
|
2164
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
2165
|
-
*/
|
|
2166
|
-
declare interface IconRootSlotProps extends HTMLChakraProps<"svg", IconRecipeProps> {
|
|
2167
|
-
}
|
|
2168
|
-
|
|
2169
|
-
/**
|
|
2170
|
-
* # IconToggleButton
|
|
2171
|
-
* ============================================================
|
|
2172
|
-
* A toggle button with only an icon as child. It is based
|
|
2173
|
-
* on the regular `ToggleButton` component, but with a few adjustments.
|
|
2174
|
-
*
|
|
2175
|
-
*/
|
|
2176
|
-
export declare const IconToggleButton: {
|
|
2177
|
-
({ "aria-label": ariaLabel, children, ref, ...props }: IconToggleButtonProps): JSX.Element;
|
|
2178
|
-
displayName: string;
|
|
2179
|
-
};
|
|
2180
|
-
|
|
2181
|
-
export declare interface IconToggleButtonProps extends Omit<ToggleButtonProps, "aria-label"> {
|
|
2182
|
-
/** explains the intended action, required for accessibility */
|
|
2183
|
-
"aria-label": string;
|
|
2184
|
-
ref?: React.Ref<HTMLButtonElement>;
|
|
2185
|
-
}
|
|
2186
|
-
|
|
2187
|
-
/**
|
|
2188
|
-
* Combines the root props with Chakra UI's recipe variant props.
|
|
2189
|
-
* This allows the component to accept both structural props from Root
|
|
2190
|
-
* and styling variants from the recipe.
|
|
2191
|
-
*/
|
|
2192
|
-
declare type IconVariantProps = Omit<IconRootSlotProps, keyof React.SVGProps<SVGSVGElement> | "css" | "unstyled" | "asChild" | "recipe"> & RecipeVariantProps<typeof iconRecipe>;
|
|
2193
|
-
|
|
2194
|
-
/**
|
|
2195
|
-
* # Image
|
|
2196
|
-
*
|
|
2197
|
-
* A component to display images with support for fallback.
|
|
2198
|
-
*
|
|
2199
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/media/image}
|
|
2200
|
-
*/
|
|
2201
|
-
declare const Image_2: {
|
|
2202
|
-
(props: ImageProps): JSX.Element;
|
|
2203
|
-
displayName: string;
|
|
2204
|
-
};
|
|
2205
|
-
export { Image_2 as Image }
|
|
2206
|
-
|
|
2207
|
-
export declare interface ImageProps extends ImageProps_2 {
|
|
2208
|
-
}
|
|
2209
|
-
|
|
2210
|
-
/**
|
|
2211
|
-
* # Kbd
|
|
2212
|
-
*
|
|
2213
|
-
* Renders a keyboard shortcut or key combination, styled for visual clarity.
|
|
2214
|
-
* Typically used to visually represent keyboard keys.
|
|
2215
|
-
*
|
|
2216
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/typography/kbd}
|
|
2217
|
-
*/
|
|
2218
|
-
export declare const Kbd: ({ ref: forwardedRef, slot, ...props }: KbdProps) => JSX.Element;
|
|
2219
|
-
|
|
2220
|
-
export declare interface KbdProps extends Omit<KbdProps_2, "slot"> {
|
|
2221
|
-
ref?: default_2.Ref<HTMLElement>;
|
|
2222
|
-
slot?: string | null | undefined;
|
|
2223
|
-
}
|
|
2224
|
-
|
|
2225
|
-
/**
|
|
2226
|
-
* # Link
|
|
2227
|
-
*
|
|
2228
|
-
* To allow a user to navigate to a different page or resource
|
|
2229
|
-
*
|
|
2230
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/navigation/link}
|
|
2231
|
-
*/
|
|
2232
|
-
export declare const Link: {
|
|
2233
|
-
(props: LinkProps): JSX.Element;
|
|
2234
|
-
displayName: string;
|
|
2235
|
-
};
|
|
2236
|
-
|
|
2237
|
-
/**
|
|
2238
|
-
* Main props interface for the Link component.
|
|
2239
|
-
* Extends LinkVariantProps to include both root props and variant props,
|
|
2240
|
-
* while adding support for React children.
|
|
2241
|
-
*/
|
|
2242
|
-
export declare interface LinkProps extends LinkVariantProps {
|
|
2243
|
-
children?: React.ReactNode;
|
|
2244
|
-
ref?: React.Ref<HTMLAnchorElement>;
|
|
2245
|
-
}
|
|
2246
|
-
|
|
2247
|
-
/**
|
|
2248
|
-
* Recipe configuration for the Link component.
|
|
2249
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2250
|
-
*/
|
|
2251
|
-
declare const linkRecipe: RecipeDefinition< {
|
|
2252
|
-
size: {
|
|
2253
|
-
xs: {
|
|
2254
|
-
fontSize: "300";
|
|
2255
|
-
lineHeight: "450";
|
|
2256
|
-
};
|
|
2257
|
-
sm: {
|
|
2258
|
-
fontSize: "350";
|
|
2259
|
-
lineHeight: "500";
|
|
2260
|
-
};
|
|
2261
|
-
md: {
|
|
2262
|
-
fontSize: "400";
|
|
2263
|
-
lineHeight: "600";
|
|
2264
|
-
};
|
|
2265
|
-
};
|
|
2266
|
-
fontColor: {
|
|
2267
|
-
primary: {
|
|
2268
|
-
color: "primary";
|
|
2269
|
-
};
|
|
2270
|
-
inherit: {
|
|
2271
|
-
color: "inherit";
|
|
2272
|
-
};
|
|
2273
|
-
};
|
|
2274
|
-
}>;
|
|
2275
|
-
|
|
2276
|
-
/**
|
|
2277
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
2278
|
-
* with the unstyled prop option for the a element.
|
|
2279
|
-
*/
|
|
2280
|
-
declare interface LinkRecipeProps extends RecipeProps<"a">, UnstyledProp {
|
|
2281
|
-
}
|
|
2282
|
-
|
|
2283
|
-
/**
|
|
2284
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
2285
|
-
* This creates a complete set of props for the root element, combining
|
|
2286
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
2287
|
-
*/
|
|
2288
|
-
declare type LinkRootProps = HTMLChakraProps<"a", LinkRecipeProps>;
|
|
2289
|
-
|
|
2290
|
-
/**
|
|
2291
|
-
* Combines the root props with Chakra UI's recipe variant props.
|
|
2292
|
-
* This allows the component to accept both structural props from Root
|
|
2293
|
-
* and styling variants from the recipe.
|
|
2294
|
-
*
|
|
2295
|
-
* Differences between LinkRootProps and LinkVariantProps necessitate
|
|
2296
|
-
* the use of Omit and Pick to ensure the correct props are passed
|
|
2297
|
-
*/
|
|
2298
|
-
declare type LinkVariantProps = Omit<LinkRootProps, "onFocus" | "onBlur" | "onClick"> & Pick<AriaLinkOptions, "onFocus" | "onBlur" | "onClick"> & RecipeVariantProps<typeof linkRecipe> & {
|
|
2299
|
-
[key: `data-${string}`]: string;
|
|
2300
|
-
};
|
|
2301
|
-
|
|
2302
|
-
/**
|
|
2303
|
-
* # List
|
|
2304
|
-
*
|
|
2305
|
-
* displays a list
|
|
2306
|
-
*
|
|
2307
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/typography/list}
|
|
2308
|
-
* @experimental This component is experimental and may change or be removed in future versions.
|
|
2309
|
-
*/
|
|
2310
|
-
export declare const List: {
|
|
2311
|
-
Root: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
|
|
2312
|
-
Item: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
|
|
2313
|
-
Indicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
2314
|
-
};
|
|
2315
|
-
|
|
2316
|
-
export declare const _ListIndicator: ForwardRefExoticComponent<ListIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
2317
|
-
|
|
2318
|
-
export declare const _ListItem: ForwardRefExoticComponent<List_2.ItemProps & RefAttributes<HTMLLIElement>>;
|
|
2319
|
-
|
|
2320
|
-
export declare const _ListRoot: ForwardRefExoticComponent<List_2.RootProps & RefAttributes<HTMLUListElement>>;
|
|
2321
|
-
|
|
2322
|
-
/**
|
|
2323
|
-
* # LoadingSpinner
|
|
2324
|
-
*
|
|
2325
|
-
* Indicates ongoing processes or loading states
|
|
2326
|
-
*
|
|
2327
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/feedback/loadingspinner}
|
|
2328
|
-
*/
|
|
2329
|
-
export declare const LoadingSpinner: {
|
|
2330
|
-
(props: LoadingSpinnerProps): JSX.Element;
|
|
2331
|
-
displayName: string;
|
|
2332
|
-
};
|
|
2333
|
-
|
|
2334
|
-
/**
|
|
2335
|
-
* Main props interface for the LoadingSpinner component.
|
|
2336
|
-
* Extends LoadingSpinnerVariantProps to include both root props and variant props,
|
|
2337
|
-
* while adding support for React children.
|
|
2338
|
-
*/
|
|
2339
|
-
export declare type LoadingSpinnerProps = LoadingSpinnerVariantProps & {
|
|
2340
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
2341
|
-
};
|
|
2342
|
-
|
|
2343
|
-
/**
|
|
2344
|
-
* Recipe configuration for the LoadingSpinner component.
|
|
2345
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2346
|
-
*/
|
|
2347
|
-
declare const loadingSpinnerRecipe: RecipeDefinition< {
|
|
2348
|
-
size: {
|
|
2349
|
-
"2xs": {
|
|
2350
|
-
width: "350";
|
|
2351
|
-
height: "350";
|
|
2352
|
-
};
|
|
2353
|
-
xs: {
|
|
2354
|
-
width: "500";
|
|
2355
|
-
height: "500";
|
|
2356
|
-
};
|
|
2357
|
-
sm: {
|
|
2358
|
-
width: "600";
|
|
2359
|
-
height: "600";
|
|
2360
|
-
};
|
|
2361
|
-
md: {
|
|
2362
|
-
width: "800";
|
|
2363
|
-
height: "800";
|
|
2364
|
-
};
|
|
2365
|
-
lg: {
|
|
2366
|
-
width: "1000";
|
|
2367
|
-
height: "1000";
|
|
2368
|
-
};
|
|
2369
|
-
};
|
|
2370
|
-
tone: {
|
|
2371
|
-
primary: {
|
|
2372
|
-
colorPalette: "ctvioletAlpha";
|
|
2373
|
-
};
|
|
2374
|
-
white: {
|
|
2375
|
-
colorPalette: "whiteAlpha";
|
|
2376
|
-
};
|
|
2377
|
-
};
|
|
2378
|
-
}>;
|
|
2379
|
-
|
|
2380
|
-
/**
|
|
2381
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
2382
|
-
* with the unstyled prop option for the div element.
|
|
2383
|
-
*/
|
|
2384
|
-
declare interface LoadingSpinnerRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
2385
|
-
}
|
|
2386
|
-
|
|
2387
|
-
/**
|
|
2388
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
2389
|
-
* This creates a complete set of props for the root element, combining
|
|
2390
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
2391
|
-
*/
|
|
2392
|
-
declare type LoadingSpinnerRootProps = Omit<HTMLChakraProps<"div", LoadingSpinnerRecipeProps>, "as" | "asChild">;
|
|
2393
|
-
|
|
2394
|
-
/**
|
|
2395
|
-
* Combines the root props with Chakra UI's recipe variant props and Aria's progress bar props.
|
|
2396
|
-
*
|
|
2397
|
-
* This allows the component to accept both structural props from Root
|
|
2398
|
-
* and styling variants from the recipe.
|
|
2399
|
-
*/
|
|
2400
|
-
declare type LoadingSpinnerVariantProps = LoadingSpinnerRootProps & RecipeVariantProps<typeof loadingSpinnerRecipe> & {
|
|
2401
|
-
[key: `data-${string}`]: string;
|
|
2402
|
-
};
|
|
2403
|
-
|
|
2404
|
-
/**
|
|
2405
|
-
* MakeElementFocusable
|
|
2406
|
-
* ============================================================
|
|
2407
|
-
* A helper component that adds props from `react-aria`s `useFocusable` hook
|
|
2408
|
-
* to its child so that it can be used as a trigger element for a `Tooltip`
|
|
2409
|
-
*
|
|
2410
|
-
* Caveats:
|
|
2411
|
-
* - Using non-interactive elements as tooltip triggers is against ARIA best-practices,
|
|
2412
|
-
* it is your responsibility to ensure that the underlying trigger element handles
|
|
2413
|
-
* focus and hover interactions correctly for keyboard-only users
|
|
2414
|
-
*
|
|
2415
|
-
* Features:
|
|
2416
|
-
* - allows forwarding refs to the underlying DOM element
|
|
2417
|
-
* - accepts all native html 'HTMLElement' attributes (including aria- & data-attributes)
|
|
2418
|
-
*
|
|
2419
|
-
* Further Context:
|
|
2420
|
-
* - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
|
|
2421
|
-
* - [React Aria Components Issue re:Tooltip with custom trigger](https://github.com/adobe/react-spectrum/issues/5733#issuecomment-1918691983)
|
|
2422
|
-
* - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
|
|
2423
|
-
*/
|
|
2424
|
-
export declare const MakeElementFocusable: ForwardRefExoticComponent<FocusableOptions<HTMLElement> & {
|
|
2425
|
-
children?: ReactNode | undefined;
|
|
2426
|
-
} & RefAttributes<HTMLElement>>;
|
|
2427
|
-
|
|
2428
|
-
export declare const Menu: {
|
|
2429
|
-
Root: {
|
|
2430
|
-
(props: MenuRootProps_2): JSX.Element;
|
|
2431
|
-
displayName: string;
|
|
2432
|
-
};
|
|
2433
|
-
Trigger: {
|
|
2434
|
-
({ children, asChild, ref, ...props }: MenuTriggerProps_2): JSX.Element;
|
|
2435
|
-
displayName: string;
|
|
2436
|
-
};
|
|
2437
|
-
Content: {
|
|
2438
|
-
({ children, placement: placementOverride, ref, }: MenuContentProps_2): JSX.Element;
|
|
2439
|
-
displayName: string;
|
|
2440
|
-
};
|
|
2441
|
-
Item: {
|
|
2442
|
-
({ children, isCritical, ref, ...props }: MenuItemProps_2): JSX.Element;
|
|
2443
|
-
displayName: string;
|
|
2444
|
-
};
|
|
2445
|
-
Separator: {
|
|
2446
|
-
({ ref, ...props }: MenuSeparatorProps_2): JSX.Element;
|
|
2447
|
-
displayName: string;
|
|
2448
|
-
};
|
|
2449
|
-
Section: {
|
|
2450
|
-
<T extends object = object>({ children, ref, label, items, ...props }: MenuSectionProps_2<T>): JSX.Element;
|
|
2451
|
-
displayName: string;
|
|
2452
|
-
};
|
|
2453
|
-
Submenu: {
|
|
2454
|
-
({ children, ...props }: MenuSubmenuProps_2): JSX.Element;
|
|
2455
|
-
displayName: string;
|
|
2456
|
-
};
|
|
2457
|
-
SubmenuTrigger: {
|
|
2458
|
-
({ children, ...props }: MenuSubmenuTriggerProps_2): JSX.Element;
|
|
2459
|
-
displayName: string;
|
|
2460
|
-
};
|
|
2461
|
-
};
|
|
2462
|
-
|
|
2463
|
-
export declare const _MenuContent: {
|
|
2464
|
-
({ children, placement: placementOverride, ref, }: MenuContentProps): JSX.Element;
|
|
2465
|
-
displayName: string;
|
|
2466
|
-
};
|
|
2467
|
-
|
|
2468
|
-
export declare interface MenuContentProps {
|
|
2469
|
-
children?: ReactNode;
|
|
2470
|
-
ref?: Ref<HTMLDivElement>;
|
|
2471
|
-
/**
|
|
2472
|
-
* The placement of the menu relative to the trigger.
|
|
2473
|
-
*/
|
|
2474
|
-
placement?: PopoverProps["placement"];
|
|
2475
|
-
}
|
|
2476
|
-
|
|
2477
|
-
export declare const _MenuItem: {
|
|
2478
|
-
({ children, isCritical, ref, ...props }: MenuItemProps): JSX.Element;
|
|
2479
|
-
displayName: string;
|
|
2480
|
-
};
|
|
2481
|
-
|
|
2482
|
-
export declare interface MenuItemProps extends MenuItemProps_3 {
|
|
2483
|
-
/**
|
|
2484
|
-
* if set to `true`, highlights the item as critical (red)
|
|
2485
|
-
* */
|
|
2486
|
-
isCritical?: boolean;
|
|
2487
|
-
ref?: Ref<HTMLDivElement>;
|
|
2488
|
-
}
|
|
2489
|
-
|
|
2490
|
-
export declare const _MenuRoot: {
|
|
2491
|
-
(props: MenuRootProps): JSX.Element;
|
|
2492
|
-
displayName: string;
|
|
2493
|
-
};
|
|
2494
|
-
|
|
2495
|
-
export declare interface MenuRootProps extends Omit<MenuTriggerProps_3, "trigger" | "children">, Omit<MenuProps<object>, "children">, RecipeVariantProps<typeof menuSlotRecipe> {
|
|
2496
|
-
/**
|
|
2497
|
-
* The trigger element and menu content
|
|
2498
|
-
*/
|
|
2499
|
-
children: ReactNode;
|
|
2500
|
-
/**
|
|
2501
|
-
* The trigger event to use for the menu.
|
|
2502
|
-
* @default "press"
|
|
2503
|
-
*/
|
|
2504
|
-
trigger?: "press" | "longPress";
|
|
2505
|
-
/**
|
|
2506
|
-
* The placement of the menu relative to the trigger.
|
|
2507
|
-
* @default "bottom start"
|
|
2508
|
-
*/
|
|
2509
|
-
placement?: PopoverProps["placement"];
|
|
2510
|
-
}
|
|
2511
|
-
|
|
2512
|
-
export declare const _MenuSection: {
|
|
2513
|
-
<T extends object = object>({ children, ref, label, items, ...props }: MenuSectionProps<T>): JSX.Element;
|
|
2514
|
-
displayName: string;
|
|
2515
|
-
};
|
|
2516
|
-
|
|
2517
|
-
export declare interface MenuSectionLabelProps {
|
|
2518
|
-
children: ReactNode;
|
|
2519
|
-
ref?: Ref<HTMLDivElement>;
|
|
2520
|
-
}
|
|
2521
|
-
|
|
2522
|
-
export declare interface MenuSectionProps<T = object> extends MenuSectionProps_3<T> {
|
|
2523
|
-
ref?: Ref<HTMLDivElement>;
|
|
2524
|
-
/**
|
|
2525
|
-
* Label for the section header
|
|
2526
|
-
*/
|
|
2527
|
-
label: ReactNode;
|
|
2528
|
-
}
|
|
2529
|
-
|
|
2530
|
-
export declare const _MenuSeparator: {
|
|
2531
|
-
({ ref, ...props }: MenuSeparatorProps): JSX.Element;
|
|
2532
|
-
displayName: string;
|
|
2533
|
-
};
|
|
2534
|
-
|
|
2535
|
-
export declare interface MenuSeparatorProps extends SeparatorProps_2 {
|
|
2536
|
-
ref?: Ref<HTMLDivElement>;
|
|
2537
|
-
}
|
|
2538
|
-
|
|
2539
|
-
/**
|
|
2540
|
-
* Recipe configuration for the Menu component.
|
|
2541
|
-
* Defines the styling variants and base styles using Chakra UI's slot recipe system.
|
|
2542
|
-
*/
|
|
2543
|
-
declare const menuSlotRecipe: SlotRecipeDefinition<"content" | "section" | "popover" | "separator" | "root" | "trigger" | "item" | "sectionLabel" | "submenu", SlotRecipeVariantRecord<"content" | "section" | "popover" | "separator" | "root" | "trigger" | "item" | "sectionLabel" | "submenu">>;
|
|
2544
|
-
|
|
2545
|
-
export declare const _MenuSubmenu: {
|
|
2546
|
-
({ children, ...props }: MenuSubmenuProps): JSX.Element;
|
|
2547
|
-
displayName: string;
|
|
2548
|
-
};
|
|
2549
|
-
|
|
2550
|
-
export declare interface MenuSubmenuProps extends MenuContentProps {
|
|
2551
|
-
}
|
|
2552
|
-
|
|
2553
|
-
export declare const _MenuSubmenuTrigger: {
|
|
2554
|
-
({ children, ...props }: MenuSubmenuTriggerProps): JSX.Element;
|
|
2555
|
-
displayName: string;
|
|
2556
|
-
};
|
|
2557
|
-
|
|
2558
|
-
export declare interface MenuSubmenuTriggerProps extends SubmenuTriggerProps {
|
|
2559
|
-
ref?: Ref<HTMLDivElement>;
|
|
2560
|
-
}
|
|
2561
|
-
|
|
2562
|
-
export declare const _MenuTrigger: {
|
|
2563
|
-
({ children, asChild, ref, ...props }: MenuTriggerProps): JSX.Element;
|
|
2564
|
-
displayName: string;
|
|
2565
|
-
};
|
|
2566
|
-
|
|
2567
|
-
export declare interface MenuTriggerProps extends Omit<MenuTriggerSlotProps, keyof ButtonProps_2>, ButtonProps_2 {
|
|
2568
|
-
ref?: Ref<HTMLButtonElement>;
|
|
2569
|
-
}
|
|
2570
|
-
|
|
2571
|
-
declare type MenuTriggerSlotProps = HTMLChakraProps<"button">;
|
|
2572
|
-
|
|
2573
|
-
/**
|
|
2574
|
-
* # Multiline Text Input
|
|
2575
|
-
*
|
|
2576
|
-
* A multiline text input component for capturing longer text content.
|
|
2577
|
-
*
|
|
2578
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/forms/multiline-text-input}
|
|
2579
|
-
*/
|
|
2580
|
-
export declare const MultilineTextInput: {
|
|
2581
|
-
(props: MultilineTextInputProps): JSX.Element;
|
|
2582
|
-
displayName: string;
|
|
2583
|
-
};
|
|
2584
|
-
|
|
2585
|
-
export declare interface MultilineTextInputProps extends TextFieldProps, Omit<MultilineTextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
|
|
2586
|
-
ref?: React.Ref<HTMLTextAreaElement>;
|
|
2587
|
-
/**
|
|
2588
|
-
* When true, the textarea will automatically grow in height to fit its content.
|
|
2589
|
-
* This works in addition to the default draggable resize behavior.
|
|
2590
|
-
*/
|
|
2591
|
-
autoGrow?: boolean;
|
|
2592
|
-
}
|
|
2593
|
-
|
|
2594
|
-
/**
|
|
2595
|
-
* Recipe configuration for the MultilineTextInput component.
|
|
2596
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
2597
|
-
*/
|
|
2598
|
-
declare const multilineTextInputRecipe: RecipeDefinition< {
|
|
2599
|
-
size: {
|
|
2600
|
-
sm: {
|
|
2601
|
-
minH: number;
|
|
2602
|
-
textStyle: "sm";
|
|
2603
|
-
px: number;
|
|
2604
|
-
py: number;
|
|
2605
|
-
};
|
|
2606
|
-
md: {
|
|
2607
|
-
minH: number;
|
|
2608
|
-
textStyle: "md";
|
|
2609
|
-
px: number;
|
|
2610
|
-
py: number;
|
|
2611
|
-
};
|
|
2612
|
-
};
|
|
2613
|
-
variant: {
|
|
2614
|
-
solid: {
|
|
2615
|
-
"--border-width": "sizes.25";
|
|
2616
|
-
"--border-color": "colors.neutral.7";
|
|
2617
|
-
backgroundColor: "neutral.1";
|
|
2618
|
-
_hover: {
|
|
2619
|
-
backgroundColor: "primary.2";
|
|
2620
|
-
};
|
|
2621
|
-
};
|
|
2622
|
-
ghost: {
|
|
2623
|
-
_hover: {
|
|
2624
|
-
backgroundColor: "primary.2";
|
|
2625
|
-
};
|
|
2626
|
-
};
|
|
2627
|
-
};
|
|
2628
|
-
}>;
|
|
2629
|
-
|
|
2630
|
-
declare interface MultilineTextInputRecipeProps extends RecipeVariantProps<typeof multilineTextInputRecipe>, UnstyledProp {
|
|
2631
|
-
}
|
|
2632
|
-
|
|
2633
|
-
declare type MultilineTextInputRootSlotProps = HTMLChakraProps<"textarea", MultilineTextInputRecipeProps>;
|
|
2634
|
-
|
|
2635
|
-
/**
|
|
2636
|
-
* # NimbusProvider
|
|
2637
|
-
*
|
|
2638
|
-
* provides an environment for the rest of the components to work in
|
|
2639
|
-
*
|
|
2640
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/utilities/nimbusprovider}
|
|
2641
|
-
*/
|
|
2642
|
-
export declare function NimbusProvider({ children, locale, router, ...props }: NimbusProviderProps): JSX.Element;
|
|
2643
|
-
|
|
2644
|
-
export declare interface NimbusProviderProps extends ColorModeProviderProps {
|
|
2645
|
-
/**
|
|
2646
|
-
* Optional locale for internationalization.
|
|
2647
|
-
* Expects a [BCP47 language tag](https://en.wikipedia.org/wiki/IETF_language_tag) (e.g., 'en-US', 'de-DE', 'fr-FR').
|
|
2648
|
-
* Defaults to the user's browser locale if not provided.
|
|
2649
|
-
*/
|
|
2650
|
-
locale?: string;
|
|
2651
|
-
/**
|
|
2652
|
-
* Optional router configuration object for client-side navigation.
|
|
2653
|
-
* When provided, all nimbus components with href props will use client-side routing.
|
|
2654
|
-
* - `navigate`: Function to programmatically navigate to routes.
|
|
2655
|
-
* - `useHref`: Optional function to transform hrefs (useful for base paths).
|
|
2656
|
-
*/
|
|
2657
|
-
router?: NimbusRouterConfig | TypedNimbusRouterConfig;
|
|
2658
|
-
}
|
|
2659
|
-
|
|
2660
|
-
export declare interface NimbusRouterConfig {
|
|
2661
|
-
/**
|
|
2662
|
-
* Function to programmatically navigate to a new route.
|
|
2663
|
-
* This should be the navigate function from your client-side router.
|
|
2664
|
-
*
|
|
2665
|
-
* @example
|
|
2666
|
-
* // React Router
|
|
2667
|
-
* const navigate = useNavigate();
|
|
2668
|
-
* <NimbusProvider router={{ navigate }} />
|
|
2669
|
-
*
|
|
2670
|
-
* @example
|
|
2671
|
-
* // Next.js App Router
|
|
2672
|
-
* const router = useRouter();
|
|
2673
|
-
* <NimbusProvider router={{ navigate: router.push }} />
|
|
2674
|
-
*/
|
|
2675
|
-
navigate: (href: string, routerOptions?: any) => void;
|
|
2676
|
-
/**
|
|
2677
|
-
* Optional function to transform hrefs before they are used.
|
|
2678
|
-
* Useful for prepending base paths or other URL transformations.
|
|
2679
|
-
*
|
|
2680
|
-
* @example
|
|
2681
|
-
* // Next.js with basePath
|
|
2682
|
-
* const useHref = (href: string) => process.env.BASE_PATH + href;
|
|
2683
|
-
* <NimbusProvider router={{ navigate, useHref }} />
|
|
2684
|
-
*/
|
|
2685
|
-
useHref?: (href: string) => string;
|
|
2686
|
-
}
|
|
2687
|
-
|
|
2688
|
-
/**
|
|
2689
|
-
* TypeScript module augmentation for Nimbus router configuration.
|
|
2690
|
-
*
|
|
2691
|
-
* This allows consumers to extend the router configuration types
|
|
2692
|
-
* to match their specific router framework, providing better type safety.
|
|
2693
|
-
*
|
|
2694
|
-
* TODO: Document this in an mdx-file, available to consumers via the docs-app
|
|
2695
|
-
*
|
|
2696
|
-
* @example
|
|
2697
|
-
* // For React Router
|
|
2698
|
-
* import type { NavigateOptions } from 'react-router-dom';
|
|
2699
|
-
*
|
|
2700
|
-
* declare module '@commercetools/nimbus' {
|
|
2701
|
-
* interface NimbusRouterOptionsBase {
|
|
2702
|
-
* routerOptions?: NavigateOptions;
|
|
2703
|
-
* }
|
|
2704
|
-
* }
|
|
2705
|
-
*
|
|
2706
|
-
* @example
|
|
2707
|
-
* // For Next.js App Router
|
|
2708
|
-
* import type { AppRouterInstance } from 'next/dist/shared/lib/app-router-context';
|
|
2709
|
-
*
|
|
2710
|
-
* declare module '@commercetools/nimbus' {
|
|
2711
|
-
* interface NimbusRouterOptionsBase {
|
|
2712
|
-
* routerOptions?: Parameters<AppRouterInstance['push']>[1];
|
|
2713
|
-
* }
|
|
2714
|
-
* }
|
|
2715
|
-
*/
|
|
2716
|
-
export declare interface NimbusRouterOptionsBase {
|
|
2717
|
-
}
|
|
2718
|
-
|
|
2719
|
-
/**
|
|
2720
|
-
* # NumberInput
|
|
2721
|
-
*
|
|
2722
|
-
* A number input allows users to enter numerical values and adjust them incrementally.
|
|
2723
|
-
*
|
|
2724
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/number-input}
|
|
2725
|
-
*/
|
|
2726
|
-
export declare const NumberInput: {
|
|
2727
|
-
(props: NumberInputProps): JSX.Element;
|
|
2728
|
-
displayName: string;
|
|
2729
|
-
};
|
|
2730
|
-
|
|
2731
|
-
export declare interface NumberInputProps extends AriaNumberFieldProps, Omit<NumberInputRootSlotProps, keyof AriaNumberFieldProps | ExcludedNumberInputProps> {
|
|
2732
|
-
ref?: React.Ref<HTMLInputElement>;
|
|
2733
|
-
}
|
|
2734
|
-
|
|
2735
|
-
/**
|
|
2736
|
-
* Recipe configuration for the NumberInput component.
|
|
2737
|
-
* Defines the styling variants and base styles using Chakra UI's slot recipe system.
|
|
2738
|
-
*/
|
|
2739
|
-
declare const numberInputRecipe: SlotRecipeDefinition<"input" | "root" | "incrementButton" | "decrementButton", {
|
|
2740
|
-
size: {
|
|
2741
|
-
sm: {
|
|
2742
|
-
input: {
|
|
2743
|
-
h: number;
|
|
2744
|
-
textStyle: "sm";
|
|
2745
|
-
px: number;
|
|
2746
|
-
paddingRight: number;
|
|
2747
|
-
};
|
|
2748
|
-
};
|
|
2749
|
-
md: {
|
|
2750
|
-
input: {
|
|
2751
|
-
h: number;
|
|
2752
|
-
textStyle: "md";
|
|
2753
|
-
px: number;
|
|
2754
|
-
paddingRight: number;
|
|
2755
|
-
};
|
|
2756
|
-
};
|
|
2757
|
-
};
|
|
2758
|
-
variant: {
|
|
2759
|
-
solid: {
|
|
2760
|
-
root: {
|
|
2761
|
-
"&:has(button:hover) input": {
|
|
2762
|
-
backgroundColor: "primary.2";
|
|
2763
|
-
};
|
|
2764
|
-
};
|
|
2765
|
-
input: {
|
|
2766
|
-
"&[data-invalid='true']": {
|
|
2767
|
-
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
2768
|
-
"--border-width": "sizes.50";
|
|
2769
|
-
};
|
|
2770
|
-
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
2771
|
-
backgroundColor: "neutral.1";
|
|
2772
|
-
_hover: {
|
|
2773
|
-
backgroundColor: "primary.2";
|
|
2774
|
-
};
|
|
2775
|
-
};
|
|
2776
|
-
incrementButton: {
|
|
2777
|
-
"&[data-invalid='true']": {
|
|
2778
|
-
borderTop: "2px solid var(--border-color)";
|
|
2779
|
-
borderRight: "2px solid var(--border-color)";
|
|
2780
|
-
};
|
|
2781
|
-
borderTop: "var(--border-width) solid var(--border-color)";
|
|
2782
|
-
borderRight: "var(--border-width) solid var(--border-color)";
|
|
2783
|
-
borderLeft: "var(--border-width) solid var(--border-color)";
|
|
2784
|
-
boxShadow: "inset 0 -0.5px 0 0 var(--border-color)";
|
|
2785
|
-
_hover: {
|
|
2786
|
-
backgroundColor: "primaryAlpha.3";
|
|
2787
|
-
};
|
|
2788
|
-
};
|
|
2789
|
-
decrementButton: {
|
|
2790
|
-
"&[data-invalid='true']": {
|
|
2791
|
-
borderBottom: "2px solid var(--border-color)";
|
|
2792
|
-
borderRight: "2px solid var(--border-color)";
|
|
2793
|
-
};
|
|
2794
|
-
borderBottom: "var(--border-width) solid var(--border-color)";
|
|
2795
|
-
borderRight: "var(--border-width) solid var(--border-color)";
|
|
2796
|
-
borderLeft: "var(--border-width) solid var(--border-color)";
|
|
2797
|
-
boxShadow: "inset 0 0.5px 0 0 var(--border-color)";
|
|
2798
|
-
_hover: {
|
|
2799
|
-
backgroundColor: "primaryAlpha.3";
|
|
2800
|
-
};
|
|
2801
|
-
};
|
|
2802
|
-
};
|
|
2803
|
-
ghost: {
|
|
2804
|
-
root: {
|
|
2805
|
-
"&:has(button:hover) input": {
|
|
2806
|
-
backgroundColor: "primary.2";
|
|
2807
|
-
};
|
|
2808
|
-
};
|
|
2809
|
-
input: {
|
|
2810
|
-
"&[data-invalid='true']": {
|
|
2811
|
-
boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
|
|
2812
|
-
"--border-width": "sizes.50";
|
|
2813
|
-
};
|
|
2814
|
-
_hover: {
|
|
2815
|
-
backgroundColor: "primary.2";
|
|
2816
|
-
};
|
|
2817
|
-
};
|
|
2818
|
-
incrementButton: {
|
|
2819
|
-
"&[data-invalid='true']": {
|
|
2820
|
-
borderTop: "2px solid var(--border-color)";
|
|
2821
|
-
borderRight: "2px solid var(--border-color)";
|
|
2822
|
-
};
|
|
2823
|
-
_hover: {
|
|
2824
|
-
backgroundColor: "primaryAlpha.3";
|
|
2825
|
-
};
|
|
2826
|
-
};
|
|
2827
|
-
decrementButton: {
|
|
2828
|
-
"&[data-invalid='true']": {
|
|
2829
|
-
borderBottom: "2px solid var(--border-color)";
|
|
2830
|
-
borderRight: "2px solid var(--border-color)";
|
|
2831
|
-
};
|
|
2832
|
-
_hover: {
|
|
2833
|
-
backgroundColor: "primaryAlpha.3";
|
|
2834
|
-
};
|
|
2835
|
-
};
|
|
2836
|
-
};
|
|
2837
|
-
};
|
|
2838
|
-
}>;
|
|
2839
|
-
|
|
2840
|
-
declare interface NumberInputRecipeProps extends RecipeVariantProps<typeof numberInputRecipe>, UnstyledProp {
|
|
2841
|
-
}
|
|
2842
|
-
|
|
2843
|
-
declare type NumberInputRootSlotProps = HTMLChakraProps<"div", NumberInputRecipeProps>;
|
|
2844
|
-
|
|
2845
|
-
/**
|
|
2846
|
-
* # PasswordInput
|
|
2847
|
-
*
|
|
2848
|
-
* A password input is a text field that hides entered characters for secure password entry.
|
|
2849
|
-
*
|
|
2850
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/passwordinput}
|
|
2851
|
-
*/
|
|
2852
|
-
export declare const PasswordInput: ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
|
|
2853
|
-
|
|
2854
|
-
/**
|
|
2855
|
-
* Interface for PasswordInput component props
|
|
2856
|
-
* Extends TextInputProps but omits the type prop since it's controlled internally
|
|
2857
|
-
* We want to keep this as an explicit interface to allow for future additions
|
|
2858
|
-
*/
|
|
2859
|
-
export declare interface PasswordInputProps extends Omit<TextInputProps, "type"> {
|
|
2860
|
-
}
|
|
2861
|
-
|
|
2862
|
-
/**
|
|
2863
|
-
* ProgressBar
|
|
2864
|
-
* ============================================================
|
|
2865
|
-
* Displays progress towards completion of a task or process
|
|
2866
|
-
*
|
|
2867
|
-
* Features:
|
|
2868
|
-
*
|
|
2869
|
-
* - Supports both determinate (with value) and indeterminate (loading) states
|
|
2870
|
-
* - Two visual variants: solid (gradient) and contrast (monochromatic)
|
|
2871
|
-
* - Three layouts: minimal, inline, and stacked
|
|
2872
|
-
* - Configurable value formatting with internationalization support
|
|
2873
|
-
* - Full accessibility support with ARIA attributes
|
|
2874
|
-
* - Allows forwarding refs to the underlying DOM element
|
|
2875
|
-
* - Accepts all native HTML div attributes
|
|
2876
|
-
* - Supports variants, sizes, etc. configured in the recipe
|
|
2877
|
-
* - Allows overriding styles by using style-props
|
|
2878
|
-
*/
|
|
2879
|
-
export declare const ProgressBar: {
|
|
2880
|
-
(props: ProgressBarProps): JSX.Element;
|
|
2881
|
-
displayName: string;
|
|
2882
|
-
};
|
|
2883
|
-
|
|
2884
|
-
/**
|
|
2885
|
-
* Main props interface for the ProgressBar component.
|
|
2886
|
-
* Extends ProgressBarRootProps to include root props, variant props, and aria props,
|
|
2887
|
-
* while adding custom props for label display and formatting.
|
|
2888
|
-
*/
|
|
2889
|
-
export declare interface ProgressBarProps extends Omit<ProgressBarRootProps, ExcludedProps_6> {
|
|
2890
|
-
/**
|
|
2891
|
-
* Ref forwarding to the root element
|
|
2892
|
-
*/
|
|
2893
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
2894
|
-
/**
|
|
2895
|
-
* Whether the progress bar represents an active, ongoing process.
|
|
2896
|
-
* Set to `true` for dynamic progress (e.g., file uploads, downloads).
|
|
2897
|
-
* Set to `false` for static progress indicators (e.g., step 3 of 5 in a wizard).
|
|
2898
|
-
* @default true
|
|
2899
|
-
*/
|
|
2900
|
-
isDynamic?: boolean;
|
|
2901
|
-
/**
|
|
2902
|
-
* Format options for the progress bar.
|
|
2903
|
-
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
|
|
2904
|
-
* @default { style: "percent" }
|
|
2905
|
-
*/
|
|
2906
|
-
formatOptions?: ProgressBarRootProps["formatOptions"];
|
|
2907
|
-
}
|
|
2908
|
-
|
|
2909
|
-
/**
|
|
2910
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
2911
|
-
* with the unstyled prop option for the div element.
|
|
2912
|
-
*/
|
|
2913
|
-
declare interface ProgressBarRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
2914
|
-
}
|
|
2915
|
-
|
|
2916
|
-
/**
|
|
2917
|
-
* Root props interface that extends Chakra's HTML props with our recipe props,
|
|
2918
|
-
* aria props, and data attributes.
|
|
2919
|
-
*/
|
|
2920
|
-
declare interface ProgressBarRootProps extends Omit<HTMLChakraProps<"div", ProgressBarRecipeProps>, "translate">, Omit<RecipeVariantProps<typeof progressBarSlotRecipe>, "isIndeterminate">, AriaProgressBarProps {
|
|
2921
|
-
[key: `data-${string}`]: string;
|
|
2922
|
-
translate?: "yes" | "no";
|
|
2923
|
-
}
|
|
2924
|
-
|
|
2925
|
-
/**
|
|
2926
|
-
* Recipe configuration for the ProgressBar component.
|
|
2927
|
-
* Defines the styling variants and base styles using Chakra UI's slot recipe system.
|
|
2928
|
-
*/
|
|
2929
|
-
declare const progressBarSlotRecipe: SlotRecipeDefinition<"fill" | "label" | "track" | "value" | "root", {
|
|
2930
|
-
size: {
|
|
2931
|
-
"2xs": {
|
|
2932
|
-
root: {
|
|
2933
|
-
"--progress-bar-radius": "{radii.300}";
|
|
2934
|
-
"--progress-bar-font-size": "{fontSizes.350}";
|
|
2935
|
-
"--progress-bar-height": "{sizes.300}";
|
|
2936
|
-
"--progress-bar-line-height": "{fontSizes.500}";
|
|
2937
|
-
};
|
|
2938
|
-
};
|
|
2939
|
-
md: {
|
|
2940
|
-
root: {
|
|
2941
|
-
"--progress-bar-radius": "{radii.600}";
|
|
2942
|
-
"--progress-bar-font-size": "{fontSizes.400}";
|
|
2943
|
-
"--progress-bar-height": "{sizes.600}";
|
|
2944
|
-
"--progress-bar-line-height": "{fontSizes.600}";
|
|
2945
|
-
};
|
|
2946
|
-
};
|
|
2947
|
-
};
|
|
2948
|
-
isDynamic: {
|
|
2949
|
-
true: {
|
|
2950
|
-
fill: {
|
|
2951
|
-
"--progress-bar-animation": "gradient-shimmer 4s ease-in-out infinite";
|
|
2952
|
-
"&[data-complete='true']": {
|
|
2953
|
-
"--progress-bar-animation": "none";
|
|
2954
|
-
};
|
|
2955
|
-
};
|
|
2956
|
-
};
|
|
2957
|
-
};
|
|
2958
|
-
isIndeterminate: {
|
|
2959
|
-
true: {
|
|
2960
|
-
fill: {
|
|
2961
|
-
"--progress-bar-animation": "progress-indeterminate 2s ease-in-out infinite";
|
|
2962
|
-
width: "40% !important";
|
|
2963
|
-
};
|
|
2964
|
-
};
|
|
2965
|
-
};
|
|
2966
|
-
variant: {
|
|
2967
|
-
solid: {
|
|
2968
|
-
root: {
|
|
2969
|
-
"--progress-bar-text-color": "{colors.neutral.12}";
|
|
2970
|
-
"--progress-bar-track-bg": "{colors.neutralAlpha.3}";
|
|
2971
|
-
};
|
|
2972
|
-
};
|
|
2973
|
-
contrast: {
|
|
2974
|
-
root: {
|
|
2975
|
-
"--progress-bar-text-color": "{colors.colorPalette.contrast}";
|
|
2976
|
-
"--progress-bar-track-bg": "{colors.colorPalette.contrast/15}";
|
|
2977
|
-
};
|
|
2978
|
-
fill: {
|
|
2979
|
-
bgImage: "linear-gradient(90deg, {colors.colorPalette.contrast/25}, {colors.colorPalette.contrast}, {colors.colorPalette.contrast/25})";
|
|
2980
|
-
};
|
|
2981
|
-
};
|
|
2982
|
-
};
|
|
2983
|
-
layout: {
|
|
2984
|
-
minimal: {
|
|
2985
|
-
label: {
|
|
2986
|
-
display: "none";
|
|
2987
|
-
};
|
|
2988
|
-
value: {
|
|
2989
|
-
display: "none";
|
|
2990
|
-
};
|
|
2991
|
-
};
|
|
2992
|
-
inline: {
|
|
2993
|
-
root: {
|
|
2994
|
-
flexDirection: "row";
|
|
2995
|
-
alignItems: "center";
|
|
2996
|
-
gap: "400";
|
|
2997
|
-
};
|
|
2998
|
-
track: {
|
|
2999
|
-
flex: number;
|
|
3000
|
-
};
|
|
3001
|
-
};
|
|
3002
|
-
stacked: {
|
|
3003
|
-
root: {
|
|
3004
|
-
flexDirection: "column";
|
|
3005
|
-
gap: "200";
|
|
3006
|
-
};
|
|
3007
|
-
text: {
|
|
3008
|
-
display: "flex";
|
|
3009
|
-
justifyContent: "space-between";
|
|
3010
|
-
alignItems: "center";
|
|
3011
|
-
width: "100%";
|
|
3012
|
-
};
|
|
3013
|
-
};
|
|
3014
|
-
};
|
|
3015
|
-
}>;
|
|
3016
|
-
|
|
3017
|
-
declare type RadioGroupProps = Omit<RadioGroupProps_2, "children"> & {
|
|
3018
|
-
children?: React.ReactNode;
|
|
3019
|
-
};
|
|
3020
|
-
|
|
3021
|
-
export declare const RadioInput: {
|
|
3022
|
-
Root: {
|
|
3023
|
-
(props: RadioInputRootProps_2): JSX.Element;
|
|
3024
|
-
displayName: string;
|
|
3025
|
-
};
|
|
3026
|
-
Option: {
|
|
3027
|
-
({ children, value, ...rest }: RadioInputOptionProps_2): JSX.Element;
|
|
3028
|
-
displayName: string;
|
|
3029
|
-
};
|
|
3030
|
-
};
|
|
3031
|
-
|
|
3032
|
-
export declare const _RadioInputOption: {
|
|
3033
|
-
({ children, value, ...rest }: RadioInputOptionProps): JSX.Element;
|
|
3034
|
-
displayName: string;
|
|
3035
|
-
};
|
|
3036
|
-
|
|
3037
|
-
export declare interface RadioInputOptionProps extends RadioProps, Omit<RadioInputOptionSlotProps, keyof RadioProps> {
|
|
3038
|
-
}
|
|
3039
|
-
|
|
3040
|
-
export declare interface RadioInputOptionSlotProps extends HTMLChakraProps<"span", RecipeProps<"option">> {
|
|
3041
|
-
}
|
|
3042
|
-
|
|
3043
|
-
/**
|
|
3044
|
-
* # RadioInput
|
|
3045
|
-
*
|
|
3046
|
-
* A set of closely related, mutually exclusive or complementary actions that are important enough to be displayed directly in the interface for quick access.
|
|
3047
|
-
*
|
|
3048
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/radio-input}
|
|
3049
|
-
*/
|
|
3050
|
-
export declare const _RadioInputRoot: {
|
|
3051
|
-
(props: RadioInputRootProps): JSX.Element;
|
|
3052
|
-
displayName: string;
|
|
3053
|
-
};
|
|
3054
|
-
|
|
3055
|
-
export declare interface RadioInputRootProps extends RadioGroupProps, Omit<RadioInputRootSlotProps, keyof RadioGroupProps> {
|
|
3056
|
-
}
|
|
3057
|
-
|
|
3058
|
-
export declare interface RadioInputRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof radioInputSlotRecipe>> {
|
|
3059
|
-
}
|
|
3060
|
-
|
|
3061
|
-
/**
|
|
3062
|
-
* Recipe configuration for the RadioInput component.
|
|
3063
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
3064
|
-
*/
|
|
3065
|
-
declare const radioInputSlotRecipe: SlotRecipeDefinition<"option" | "root", {
|
|
3066
|
-
orientation: {
|
|
3067
|
-
horizontal: {
|
|
3068
|
-
root: {
|
|
3069
|
-
flexDirection: "row";
|
|
3070
|
-
gap: "600";
|
|
3071
|
-
};
|
|
3072
|
-
};
|
|
3073
|
-
vertical: {
|
|
3074
|
-
root: {
|
|
3075
|
-
flexDirection: "column";
|
|
3076
|
-
alignItems: "flex-start";
|
|
3077
|
-
gap: "400";
|
|
3078
|
-
};
|
|
3079
|
-
};
|
|
3080
|
-
};
|
|
3081
|
-
}>;
|
|
3082
|
-
|
|
3083
|
-
export declare const RangeCalendar: (props: RangeCalendarProps<DateValue>) => JSX.Element;
|
|
3084
|
-
|
|
3085
|
-
export declare interface RangeCalendarProps<T extends DateValue> extends Omit<RangeCalendarRootSlotProps, keyof RangeCalendarProps_2<DateValue> | ExcludedProps_7>, Omit<RangeCalendarProps_2<T>, ExcludedProps_7>, RecipeVariantProps<typeof rangeCalendarSlotRecipe> {
|
|
3086
|
-
}
|
|
3087
|
-
|
|
3088
|
-
declare interface RangeCalendarRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof rangeCalendarSlotRecipe> & RangeCalendarProps_2<DateValue>> {
|
|
3089
|
-
}
|
|
3090
|
-
|
|
3091
|
-
declare const rangeCalendarSlotRecipe: SlotRecipeDefinition<"grid" | "header" | "root" | "grids" | "monthTitle" | "gridHeader" | "headerCell" | "gridBody" | "bodyCell", SlotRecipeVariantRecord<"grid" | "header" | "root" | "grids" | "monthTitle" | "gridHeader" | "headerCell" | "gridBody" | "bodyCell">>;
|
|
3092
|
-
|
|
3093
|
-
/**
|
|
3094
|
-
* Range value type for date ranges
|
|
3095
|
-
*/
|
|
3096
|
-
export declare type RangeValue<T> = {
|
|
3097
|
-
start: T;
|
|
3098
|
-
end: T;
|
|
3099
|
-
};
|
|
3100
|
-
|
|
3101
|
-
/**
|
|
3102
|
-
RichTextInput - A rich text input component with formatting capabilities.
|
|
3103
|
-
*/
|
|
3104
|
-
export declare const RichTextInput: {
|
|
3105
|
-
(props: RichTextInputProps): JSX.Element;
|
|
3106
|
-
displayName: string;
|
|
3107
|
-
};
|
|
3108
|
-
|
|
3109
|
-
export declare interface RichTextInputProps extends Omit<RichTextInputRootSlotProps, DefaultExcludedProps_3 | "children"> {
|
|
3110
|
-
/**
|
|
3111
|
-
* The ref for the rich text input component
|
|
3112
|
-
*/
|
|
3113
|
-
ref?: Ref<HTMLDivElement>;
|
|
3114
|
-
/**
|
|
3115
|
-
* The HTML value of the rich text input
|
|
3116
|
-
*/
|
|
3117
|
-
value?: string;
|
|
3118
|
-
/**
|
|
3119
|
-
* The default HTML value of the rich text input (uncontrolled)
|
|
3120
|
-
*/
|
|
3121
|
-
defaultValue?: string;
|
|
3122
|
-
/**
|
|
3123
|
-
* Called when the value changes
|
|
3124
|
-
*/
|
|
3125
|
-
onChange?: (value: string) => void;
|
|
3126
|
-
/**
|
|
3127
|
-
* Called when the input is focused
|
|
3128
|
-
*/
|
|
3129
|
-
onFocus?: FocusEventHandler<HTMLDivElement>;
|
|
10
|
+
declare type ButtonProps = Omit<ButtonRootSlotProps, keyof AriaButtonProps> & AriaButtonProps & {
|
|
3130
11
|
/**
|
|
3131
|
-
*
|
|
12
|
+
* Data attributes for testing or custom metadata
|
|
3132
13
|
*/
|
|
3133
|
-
|
|
14
|
+
[key: `data-${string}`]: unknown;
|
|
3134
15
|
/**
|
|
3135
|
-
*
|
|
16
|
+
* Slot name for React Aria Components composition
|
|
3136
17
|
*/
|
|
3137
|
-
|
|
18
|
+
slot?: string | null | undefined;
|
|
3138
19
|
/**
|
|
3139
|
-
*
|
|
20
|
+
* Ref forwarding to the button element
|
|
3140
21
|
*/
|
|
3141
|
-
|
|
22
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
declare type ButtonRecipeProps = {
|
|
3142
26
|
/**
|
|
3143
|
-
*
|
|
27
|
+
* Size variant of the button
|
|
28
|
+
* @default "md"
|
|
3144
29
|
*/
|
|
3145
|
-
|
|
30
|
+
size?: RecipeProps<"button">["size"];
|
|
3146
31
|
/**
|
|
3147
|
-
*
|
|
32
|
+
* Visual style variant of the button
|
|
33
|
+
* @default "subtle"
|
|
3148
34
|
*/
|
|
3149
|
-
|
|
35
|
+
variant?: RecipeProps<"button">["variant"];
|
|
3150
36
|
/**
|
|
3151
|
-
*
|
|
37
|
+
* Color tone palette for the button
|
|
3152
38
|
*/
|
|
3153
|
-
|
|
3154
|
-
}
|
|
3155
|
-
|
|
3156
|
-
declare const richTextInputRecipe: SlotRecipeDefinition<"toolbar" | "root" | "editable", {}>;
|
|
3157
|
-
|
|
3158
|
-
declare type RichTextInputRootSlotProps = HTMLChakraProps_2<"div", RecipeVariantProps_2<typeof richTextInputRecipe> & UnstyledProp_2>;
|
|
3159
|
-
|
|
3160
|
-
export declare type RouterOptions = NimbusRouterOptionsBase extends {
|
|
3161
|
-
routerOptions: any;
|
|
3162
|
-
} ? NimbusRouterOptionsBase["routerOptions"] : any;
|
|
3163
|
-
|
|
3164
|
-
export declare const Select: {
|
|
3165
|
-
Root: ForwardRefExoticComponent<SelectRootProps_2 & RefAttributes<HTMLDivElement>>;
|
|
3166
|
-
Options: {
|
|
3167
|
-
<T extends object>(props: SelectOptionsProps_2<T> & {
|
|
3168
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
3169
|
-
}): JSX.Element;
|
|
3170
|
-
displayName: string;
|
|
3171
|
-
};
|
|
3172
|
-
Option: {
|
|
3173
|
-
<T extends object>({ ref, ...restProps }: SelectOptionProps_2<T> & {
|
|
3174
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
3175
|
-
}): JSX.Element;
|
|
3176
|
-
displayName: string;
|
|
3177
|
-
};
|
|
3178
|
-
OptionGroup: {
|
|
3179
|
-
<T extends object>(props: SelectOptionGroupProps_2<T> & {
|
|
3180
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
3181
|
-
}): JSX.Element;
|
|
3182
|
-
displayName: string;
|
|
3183
|
-
};
|
|
3184
|
-
};
|
|
3185
|
-
|
|
3186
|
-
export declare const _SelectOption: {
|
|
3187
|
-
<T extends object>({ ref, ...restProps }: SelectOptionProps<T> & {
|
|
3188
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
3189
|
-
}): JSX.Element;
|
|
3190
|
-
displayName: string;
|
|
3191
|
-
};
|
|
39
|
+
tone?: RecipeProps<"button">["tone"];
|
|
40
|
+
} & UnstyledProp;
|
|
3192
41
|
|
|
3193
|
-
|
|
3194
|
-
|
|
3195
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
3196
|
-
}): JSX.Element;
|
|
3197
|
-
displayName: string;
|
|
42
|
+
declare type ButtonRootSlotProps = Omit<HTMLChakraProps<"button", ButtonRecipeProps>, "slot"> & {
|
|
43
|
+
slot?: string | null | undefined;
|
|
3198
44
|
};
|
|
3199
45
|
|
|
3200
|
-
export declare
|
|
3201
|
-
|
|
3202
|
-
label: string;
|
|
3203
|
-
}
|
|
3204
|
-
|
|
3205
|
-
declare interface SelectOptionGroupSlotProps extends HTMLChakraProps<"div"> {
|
|
3206
|
-
}
|
|
3207
|
-
|
|
3208
|
-
export declare interface SelectOptionProps<T> extends Omit<ListBoxItemProps<T>, "onClick" | "translate" | "onBlur" | "onFocus" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onMouseUp">, Omit<SelectOptionSlotProps, keyof ListBoxItemProps<T>> {
|
|
3209
|
-
}
|
|
3210
|
-
|
|
3211
|
-
export declare const _SelectOptions: {
|
|
3212
|
-
<T extends object>(props: SelectOptionsProps<T> & {
|
|
3213
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
3214
|
-
}): JSX.Element;
|
|
46
|
+
export declare const DialogBody: {
|
|
47
|
+
(props: DialogBodyProps): JSX.Element;
|
|
3215
48
|
displayName: string;
|
|
3216
49
|
};
|
|
3217
50
|
|
|
3218
|
-
declare interface SelectOptionSlotProps extends HTMLChakraProps<"div"> {
|
|
3219
|
-
}
|
|
3220
|
-
|
|
3221
|
-
export declare interface SelectOptionsProps<T> extends ListBoxProps<T>, Omit<SelectOptionsSlotProps, keyof ListBoxProps<T>> {
|
|
3222
|
-
}
|
|
3223
|
-
|
|
3224
|
-
declare interface SelectOptionsSlotProps extends HTMLChakraProps<"div"> {
|
|
3225
|
-
}
|
|
3226
|
-
|
|
3227
51
|
/**
|
|
3228
|
-
*
|
|
52
|
+
* Props for the Dialog.Body component
|
|
3229
53
|
*
|
|
3230
|
-
*
|
|
3231
|
-
*
|
|
3232
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/select}
|
|
54
|
+
* The main body content section of the dialog.
|
|
3233
55
|
*/
|
|
3234
|
-
|
|
3235
|
-
|
|
3236
|
-
|
|
3237
|
-
|
|
3238
|
-
|
|
3239
|
-
/**
|
|
3240
|
-
|
|
3241
|
-
|
|
3242
|
-
|
|
3243
|
-
|
|
3244
|
-
}
|
|
56
|
+
declare type DialogBodyProps = DialogBodySlotProps & {
|
|
57
|
+
/**
|
|
58
|
+
* The body content
|
|
59
|
+
*/
|
|
60
|
+
children: React.ReactNode;
|
|
61
|
+
/**
|
|
62
|
+
* The ref to the dialog body
|
|
63
|
+
*/
|
|
64
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
65
|
+
};
|
|
3245
66
|
|
|
3246
|
-
|
|
3247
|
-
* Recipe configuration for the Select component.
|
|
3248
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
3249
|
-
*/
|
|
3250
|
-
declare const selectSlotRecipe: SlotRecipeDefinition<"option" | "root" | "trigger" | "triggerLabel" | "options" | "optionGroup", {
|
|
3251
|
-
size: {
|
|
3252
|
-
sm: {
|
|
3253
|
-
root: {};
|
|
3254
|
-
trigger: {
|
|
3255
|
-
h: "800";
|
|
3256
|
-
px: "400";
|
|
3257
|
-
textStyle: "sm";
|
|
3258
|
-
};
|
|
3259
|
-
};
|
|
3260
|
-
md: {
|
|
3261
|
-
root: {};
|
|
3262
|
-
trigger: {
|
|
3263
|
-
h: "1000";
|
|
3264
|
-
px: "400";
|
|
3265
|
-
textStyle: "md";
|
|
3266
|
-
};
|
|
3267
|
-
};
|
|
3268
|
-
};
|
|
3269
|
-
variant: {
|
|
3270
|
-
outline: {
|
|
3271
|
-
root: {
|
|
3272
|
-
bg: "primary.1";
|
|
3273
|
-
"&:hover": {
|
|
3274
|
-
bg: "primary.2";
|
|
3275
|
-
};
|
|
3276
|
-
};
|
|
3277
|
-
trigger: {
|
|
3278
|
-
"--border-width": "sizes.25";
|
|
3279
|
-
"--border-color": "colors.neutral.7";
|
|
3280
|
-
};
|
|
3281
|
-
};
|
|
3282
|
-
ghost: {
|
|
3283
|
-
root: {
|
|
3284
|
-
bg: "transparent";
|
|
3285
|
-
"&:hover": {
|
|
3286
|
-
bg: "primaryAlpha.2";
|
|
3287
|
-
};
|
|
3288
|
-
};
|
|
3289
|
-
trigger: {
|
|
3290
|
-
"--border-width": "sizes.25";
|
|
3291
|
-
"--border-color": "transparent";
|
|
3292
|
-
};
|
|
3293
|
-
};
|
|
3294
|
-
};
|
|
3295
|
-
}>;
|
|
67
|
+
declare type DialogBodySlotProps = HTMLChakraProps<"div">;
|
|
3296
68
|
|
|
3297
|
-
export declare const
|
|
3298
|
-
(props:
|
|
69
|
+
export declare const DialogCloseTrigger: {
|
|
70
|
+
(props: DialogCloseTriggerProps): JSX.Element;
|
|
3299
71
|
displayName: string;
|
|
3300
|
-
} & {
|
|
3301
|
-
Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
|
|
3302
72
|
};
|
|
3303
73
|
|
|
3304
74
|
/**
|
|
3305
|
-
*
|
|
3306
|
-
*
|
|
3307
|
-
* displays a simple grid / matrix
|
|
75
|
+
* Props for the Dialog.CloseTrigger component
|
|
3308
76
|
*
|
|
3309
|
-
*
|
|
77
|
+
* A button that closes the dialog when activated.
|
|
78
|
+
* Displays an IconButton with an X icon by default.
|
|
3310
79
|
*/
|
|
3311
|
-
|
|
3312
|
-
|
|
3313
|
-
|
|
3314
|
-
|
|
3315
|
-
|
|
3316
|
-
|
|
3317
|
-
placeholder?: string;
|
|
3318
|
-
inputValue?: string;
|
|
3319
|
-
allowsCustomValue?: boolean;
|
|
3320
|
-
onSubmitCustomValue?: (value: string) => void;
|
|
3321
|
-
onInputChange?: (value: string) => void;
|
|
3322
|
-
ref?: default_2.Ref<HTMLInputElement>;
|
|
3323
|
-
}
|
|
3324
|
-
|
|
3325
|
-
export declare type SortDescriptor = {
|
|
3326
|
-
column: string;
|
|
3327
|
-
direction: SortDirection;
|
|
80
|
+
declare type DialogCloseTriggerProps = Omit<IconButtonProps, "aria-label"> & {
|
|
81
|
+
/**
|
|
82
|
+
* Accessible label for the close button
|
|
83
|
+
* @default "Close dialog"
|
|
84
|
+
*/
|
|
85
|
+
"aria-label"?: string;
|
|
3328
86
|
};
|
|
3329
87
|
|
|
3330
|
-
export declare
|
|
88
|
+
export declare const DialogContent: {
|
|
89
|
+
(props: DialogContentProps): JSX.Element;
|
|
90
|
+
displayName: string;
|
|
91
|
+
};
|
|
3331
92
|
|
|
3332
93
|
/**
|
|
3333
|
-
*
|
|
3334
|
-
*
|
|
3335
|
-
* A split-button component that combines a primary action button with a dropdown menu.
|
|
94
|
+
* Props for the Dialog.Content component
|
|
3336
95
|
*
|
|
3337
|
-
*
|
|
3338
|
-
*
|
|
3339
|
-
* with all available options.
|
|
3340
|
-
*
|
|
3341
|
-
* Use with Menu.Item, Menu.Section, and Menu.Separator components for content.
|
|
96
|
+
* The main dialog content container that wraps the React Aria Dialog and Dialog.
|
|
97
|
+
* Configuration (size, placement, etc.) is inherited from Dialog.Root via context.
|
|
3342
98
|
*/
|
|
3343
|
-
|
|
3344
|
-
(props: SplitButtonProps): JSX.Element;
|
|
3345
|
-
displayName: string;
|
|
3346
|
-
};
|
|
3347
|
-
|
|
3348
|
-
export declare interface SplitButtonProps extends Omit<MenuTriggerProps_3, "trigger" | "children">, Required<Pick<MenuProps<object>, "onAction">>, Pick<ButtonProps, "size" | "variant" | "tone" | "isDisabled"> {
|
|
99
|
+
declare type DialogContentProps = DialogModalOverlaySlotProps & {
|
|
3349
100
|
/**
|
|
3350
|
-
*
|
|
101
|
+
* The dialog content
|
|
3351
102
|
*/
|
|
3352
|
-
|
|
103
|
+
children: React.ReactNode;
|
|
3353
104
|
/**
|
|
3354
|
-
*
|
|
3355
|
-
* - Icon slot: Icon component with slot="icon" containing an icon element
|
|
3356
|
-
* - Menu components: Menu.Item, Menu.Section, Menu.Separator
|
|
3357
|
-
*
|
|
3358
|
-
* The component automatically selects the first enabled Menu.Item as the primary action.
|
|
105
|
+
* The ref to the dialog content
|
|
3359
106
|
*/
|
|
3360
|
-
|
|
3361
|
-
}
|
|
3362
|
-
|
|
3363
|
-
/**
|
|
3364
|
-
* # Stack
|
|
3365
|
-
*
|
|
3366
|
-
* An easily customizable Stack component, re-exported from Chakra UI, that provides a consistent layout structure across different products.
|
|
3367
|
-
*
|
|
3368
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/layout/stack}
|
|
3369
|
-
*/
|
|
3370
|
-
export declare const Stack: {
|
|
3371
|
-
(props: StackProps): JSX.Element;
|
|
3372
|
-
displayName: string;
|
|
107
|
+
ref?: React.RefObject<HTMLDivElement>;
|
|
3373
108
|
};
|
|
3374
109
|
|
|
3375
|
-
export declare
|
|
3376
|
-
|
|
3377
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
3378
|
-
}
|
|
3379
|
-
|
|
3380
|
-
/**
|
|
3381
|
-
* # Switch
|
|
3382
|
-
*
|
|
3383
|
-
* A clear, visual toggle, allowing users to activate or deactivate a setting quickly.
|
|
3384
|
-
*
|
|
3385
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/switch}
|
|
3386
|
-
*/
|
|
3387
|
-
export declare const Switch: {
|
|
3388
|
-
({ ref: externalRef, ...props }: SwitchProps): JSX.Element;
|
|
110
|
+
export declare const DialogFooter: {
|
|
111
|
+
(props: DialogFooterProps): JSX.Element;
|
|
3389
112
|
displayName: string;
|
|
3390
113
|
};
|
|
3391
114
|
|
|
3392
115
|
/**
|
|
3393
|
-
*
|
|
3394
|
-
*
|
|
116
|
+
* Props for the Dialog.Footer component
|
|
117
|
+
*
|
|
118
|
+
* The footer section of the dialog, typically containing action buttons.
|
|
3395
119
|
*/
|
|
3396
|
-
|
|
120
|
+
declare type DialogFooterProps = DialogFooterSlotProps & {
|
|
3397
121
|
/**
|
|
3398
|
-
* The content
|
|
3399
|
-
* Can be a string or React node.
|
|
122
|
+
* The footer content (usually buttons)
|
|
3400
123
|
*/
|
|
3401
|
-
children
|
|
3402
|
-
|
|
124
|
+
children: React.ReactNode;
|
|
125
|
+
/**
|
|
126
|
+
* The ref to the dialog footer
|
|
127
|
+
*/
|
|
128
|
+
ref?: React.Ref<HTMLElement>;
|
|
3403
129
|
};
|
|
3404
130
|
|
|
3405
|
-
|
|
3406
|
-
* Props for the Switch component root element.
|
|
3407
|
-
* Includes all HTML props for the label element and recipe variant props.
|
|
3408
|
-
*/
|
|
3409
|
-
declare interface SwitchRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof switchSlotRecipe>> {
|
|
3410
|
-
}
|
|
3411
|
-
|
|
3412
|
-
/**
|
|
3413
|
-
* Recipe configuration for the Switch component.
|
|
3414
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
3415
|
-
*/
|
|
3416
|
-
declare const switchSlotRecipe: SlotRecipeDefinition<"label" | "track" | "root" | "thumb", {
|
|
3417
|
-
size: {
|
|
3418
|
-
sm: {
|
|
3419
|
-
track: {
|
|
3420
|
-
"--track-height": "sizes.400";
|
|
3421
|
-
"--track-width": "sizes.700";
|
|
3422
|
-
};
|
|
3423
|
-
thumb: {
|
|
3424
|
-
"--thumb-size": "sizes.400";
|
|
3425
|
-
};
|
|
3426
|
-
label: {
|
|
3427
|
-
"--label-font-size": "fontSizes.350";
|
|
3428
|
-
};
|
|
3429
|
-
};
|
|
3430
|
-
md: {
|
|
3431
|
-
track: {
|
|
3432
|
-
"--track-height": "sizes.600";
|
|
3433
|
-
"--track-width": "sizes.1100";
|
|
3434
|
-
};
|
|
3435
|
-
thumb: {
|
|
3436
|
-
"--thumb-size": "sizes.600";
|
|
3437
|
-
};
|
|
3438
|
-
label: {
|
|
3439
|
-
"--label-font-size": "fontSizes.400";
|
|
3440
|
-
};
|
|
3441
|
-
};
|
|
3442
|
-
};
|
|
3443
|
-
}>;
|
|
3444
|
-
|
|
3445
|
-
export declare const system: SystemContext;
|
|
131
|
+
declare type DialogFooterSlotProps = HTMLChakraProps<"footer">;
|
|
3446
132
|
|
|
3447
|
-
export
|
|
133
|
+
export declare const DialogHeader: {
|
|
134
|
+
(props: DialogHeaderProps): JSX.Element;
|
|
135
|
+
displayName: string;
|
|
136
|
+
};
|
|
3448
137
|
|
|
3449
138
|
/**
|
|
3450
|
-
*
|
|
3451
|
-
* ============================================================
|
|
3452
|
-
* A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.
|
|
139
|
+
* Props for the Dialog.Header component
|
|
3453
140
|
*
|
|
141
|
+
* The header section of the dialog content.
|
|
3454
142
|
*/
|
|
3455
|
-
|
|
3456
|
-
|
|
3457
|
-
|
|
3458
|
-
|
|
3459
|
-
|
|
3460
|
-
|
|
3461
|
-
|
|
3462
|
-
|
|
3463
|
-
|
|
3464
|
-
/** Final external props for the `<TagGroup>` component, including `children`. */
|
|
3465
|
-
export declare type TagGroupProps = PropsWithChildren<TagGroupRootProps> & {
|
|
3466
|
-
ref?: React.Ref<typeof TagGroup_2>;
|
|
143
|
+
declare type DialogHeaderProps = DialogHeaderSlotProps & {
|
|
144
|
+
/**
|
|
145
|
+
* The header content
|
|
146
|
+
*/
|
|
147
|
+
children: React.ReactNode;
|
|
148
|
+
/**
|
|
149
|
+
* The ref to the dialog header
|
|
150
|
+
*/
|
|
151
|
+
ref?: React.Ref<HTMLElement>;
|
|
3467
152
|
};
|
|
3468
153
|
|
|
3469
|
-
|
|
3470
|
-
export declare type TagGroupRootComponent = FC<TagGroupProps>;
|
|
3471
|
-
|
|
3472
|
-
/** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
3473
|
-
declare type TagGroupRootProps = TagGroupRootSlotProps & TagGroupProps_2 & RecipeVariantProps<typeof tagGroupSlotRecipe>;
|
|
3474
|
-
|
|
3475
|
-
/** Base Chakra styling props for the root `div` slot. */
|
|
3476
|
-
declare type TagGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
3477
|
-
|
|
3478
|
-
/**
|
|
3479
|
-
* Recipe configuration for the TagGroup component.
|
|
3480
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
3481
|
-
*/
|
|
3482
|
-
declare const tagGroupSlotRecipe: SlotRecipeDefinition<"root" | "tagList" | "tag", {
|
|
3483
|
-
size: {
|
|
3484
|
-
sm: {
|
|
3485
|
-
tag: {
|
|
3486
|
-
minH: "600";
|
|
3487
|
-
paddingX: "200";
|
|
3488
|
-
fontSize: "350";
|
|
3489
|
-
lineHeight: "400";
|
|
3490
|
-
};
|
|
3491
|
-
};
|
|
3492
|
-
md: {
|
|
3493
|
-
tag: {
|
|
3494
|
-
minH: "800";
|
|
3495
|
-
paddingX: "200";
|
|
3496
|
-
paddingY: "100";
|
|
3497
|
-
};
|
|
3498
|
-
};
|
|
3499
|
-
lg: {
|
|
3500
|
-
tag: {
|
|
3501
|
-
minH: "1000";
|
|
3502
|
-
padding: "200";
|
|
3503
|
-
};
|
|
3504
|
-
};
|
|
3505
|
-
};
|
|
3506
|
-
}>;
|
|
3507
|
-
|
|
3508
|
-
/** Type signature for the `TagGroup.Tag` sub-component. */
|
|
3509
|
-
export declare type TagGroupTagComponent = FC<TagGroupTagProps>;
|
|
3510
|
-
|
|
3511
|
-
/** Type signature for the `TagGroup.TagList` sub-component. */
|
|
3512
|
-
export declare type TagGroupTagListComponent<T extends object> = FC<TagGroupTagListProps<T>>;
|
|
3513
|
-
|
|
3514
|
-
/** Combined props for the tagList element (Chakra styles + Aria behavior + Recipe variants). */
|
|
3515
|
-
export declare type TagGroupTagListProps<T extends object> = TagListProps<T> & Omit<TagGroupTagListSlotProps, keyof TagListProps<T>> & {
|
|
3516
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
3517
|
-
};
|
|
154
|
+
declare type DialogHeaderSlotProps = HTMLChakraProps<"header">;
|
|
3518
155
|
|
|
3519
|
-
|
|
3520
|
-
declare type TagGroupTagListSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
156
|
+
declare type DialogModalOverlaySlotProps = HTMLChakraProps<"div">;
|
|
3521
157
|
|
|
3522
|
-
|
|
3523
|
-
|
|
3524
|
-
|
|
158
|
+
declare type DialogRecipeProps = {
|
|
159
|
+
/** Placement of the dialog in the viewport */
|
|
160
|
+
placement?: SlotRecipeProps<"dialog">["placement"];
|
|
161
|
+
/** How scrolling behavior is handled when content overflows */
|
|
162
|
+
scrollBehavior?: SlotRecipeProps<"dialog">["scrollBehavior"];
|
|
3525
163
|
};
|
|
3526
164
|
|
|
3527
|
-
|
|
3528
|
-
|
|
3529
|
-
|
|
3530
|
-
/**
|
|
3531
|
-
* # Text
|
|
3532
|
-
*
|
|
3533
|
-
* the Text component is used to display text
|
|
3534
|
-
*
|
|
3535
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/typography/text}
|
|
3536
|
-
*/
|
|
3537
|
-
declare const Text_2: {
|
|
3538
|
-
({ ref: forwardedRef, ...props }: TextProps): JSX.Element;
|
|
165
|
+
export declare const DialogRoot: {
|
|
166
|
+
(props: DialogRootProps): JSX.Element;
|
|
3539
167
|
displayName: string;
|
|
3540
168
|
};
|
|
3541
|
-
export { Text_2 as Text }
|
|
3542
169
|
|
|
3543
170
|
/**
|
|
3544
|
-
*
|
|
171
|
+
* Props for the Dialog.Root component
|
|
3545
172
|
*
|
|
3546
|
-
*
|
|
173
|
+
* The root component that provides context and state management for the dialog.
|
|
174
|
+
* Uses React Aria's DialogTrigger for accessibility and state management.
|
|
3547
175
|
*
|
|
3548
|
-
*
|
|
176
|
+
* This component handles configuration through recipe variants that are passed
|
|
177
|
+
* down to child components via context.
|
|
3549
178
|
*/
|
|
3550
|
-
|
|
3551
|
-
|
|
3552
|
-
|
|
179
|
+
declare type DialogRootProps = DialogRootSlotProps & {
|
|
180
|
+
/**
|
|
181
|
+
* The children components (Trigger, Content, etc.)
|
|
182
|
+
*/
|
|
183
|
+
children: React.ReactNode;
|
|
184
|
+
/**
|
|
185
|
+
* Whether the dialog is open (controlled mode)
|
|
186
|
+
*/
|
|
187
|
+
isOpen?: boolean;
|
|
188
|
+
/**
|
|
189
|
+
* Whether the dialog is open by default (uncontrolled mode)
|
|
190
|
+
* @default false
|
|
191
|
+
*/
|
|
192
|
+
defaultOpen?: boolean;
|
|
193
|
+
/**
|
|
194
|
+
* Whether the dialog can be dismissed by clicking the backdrop or pressing Escape.
|
|
195
|
+
* If true, clicking outside the dialog or pressing Escape will close it.
|
|
196
|
+
* @default true
|
|
197
|
+
*/
|
|
198
|
+
isDismissable?: ModalOverlayProps["isDismissable"];
|
|
199
|
+
/**
|
|
200
|
+
* Whether keyboard dismissal (Escape key) is disabled.
|
|
201
|
+
* If true, pressing Escape will NOT close the dialog.
|
|
202
|
+
* @default false
|
|
203
|
+
*/
|
|
204
|
+
isKeyboardDismissDisabled?: ModalOverlayProps["isKeyboardDismissDisabled"];
|
|
205
|
+
/**
|
|
206
|
+
* Function to determine whether the dialog should close when interacting outside.
|
|
207
|
+
* Receives the event and returns true to allow closing, false to prevent.
|
|
208
|
+
*/
|
|
209
|
+
shouldCloseOnInteractOutside?: ModalOverlayProps["shouldCloseOnInteractOutside"];
|
|
210
|
+
/**
|
|
211
|
+
* Callback fired when the dialog open state changes
|
|
212
|
+
* @param isOpen - Whether the dialog is now open
|
|
213
|
+
*/
|
|
214
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
215
|
+
/** A Title for the dialog, optional, as long as the Dialog.Title component is user
|
|
216
|
+
* or there is a Heading component used inside the Dialog with
|
|
217
|
+
* a `slot`-property set to `title`.
|
|
218
|
+
*/
|
|
219
|
+
"aria-label"?: string;
|
|
3553
220
|
};
|
|
3554
221
|
|
|
3555
|
-
|
|
3556
|
-
ref?: React.Ref<HTMLInputElement>;
|
|
3557
|
-
}
|
|
3558
|
-
|
|
3559
|
-
/**
|
|
3560
|
-
* Recipe configuration for the TextInput component.
|
|
3561
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
3562
|
-
*/
|
|
3563
|
-
declare const textInputRecipe: RecipeDefinition< {
|
|
3564
|
-
size: {
|
|
3565
|
-
sm: {
|
|
3566
|
-
h: number;
|
|
3567
|
-
textStyle: "sm";
|
|
3568
|
-
px: number;
|
|
3569
|
-
};
|
|
3570
|
-
md: {
|
|
3571
|
-
h: number;
|
|
3572
|
-
textStyle: "md";
|
|
3573
|
-
px: number;
|
|
3574
|
-
};
|
|
3575
|
-
};
|
|
3576
|
-
variant: {
|
|
3577
|
-
solid: {
|
|
3578
|
-
"--border-width": "sizes.25";
|
|
3579
|
-
"--border-color": "colors.neutral.7";
|
|
3580
|
-
backgroundColor: "primary.1";
|
|
3581
|
-
_hover: {
|
|
3582
|
-
backgroundColor: "primary.2";
|
|
3583
|
-
};
|
|
3584
|
-
};
|
|
3585
|
-
ghost: {
|
|
3586
|
-
_hover: {
|
|
3587
|
-
backgroundColor: "primary.2";
|
|
3588
|
-
};
|
|
3589
|
-
};
|
|
3590
|
-
};
|
|
3591
|
-
}>;
|
|
3592
|
-
|
|
3593
|
-
declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInputRecipe>, UnstyledProp {
|
|
3594
|
-
}
|
|
3595
|
-
|
|
3596
|
-
declare type TextInputRootSlotProps = HTMLChakraProps<"input", TextInputRecipeProps>;
|
|
3597
|
-
|
|
3598
|
-
export declare interface TextProps extends Omit<TextProps_2, "slot"> {
|
|
3599
|
-
ref?: React.Ref<HTMLElement>;
|
|
3600
|
-
slot?: string | null | undefined;
|
|
3601
|
-
}
|
|
222
|
+
declare type DialogRootSlotProps = HTMLChakraProps<"div", DialogRecipeProps>;
|
|
3602
223
|
|
|
3603
|
-
|
|
3604
|
-
|
|
3605
|
-
* ============================================================
|
|
3606
|
-
* allows entering a time in the currently selected locale
|
|
3607
|
-
*/
|
|
3608
|
-
export declare const TimeInput: {
|
|
3609
|
-
(props: TimeInputProps): JSX.Element;
|
|
224
|
+
export declare const DialogTitle: {
|
|
225
|
+
(props: DialogTitleProps): JSX.Element;
|
|
3610
226
|
displayName: string;
|
|
3611
227
|
};
|
|
3612
228
|
|
|
3613
229
|
/**
|
|
3614
|
-
*
|
|
3615
|
-
*
|
|
3616
|
-
* We use Omit to remove:
|
|
3617
|
-
* 1. Conflicting props from TimeInputRootProps to avoid TypeScript errors
|
|
3618
|
-
* 2. Explicitly excluded props that we don't want users to access
|
|
3619
|
-
*/
|
|
3620
|
-
export declare interface TimeInputProps extends Omit<TimeInputRootProps, ConflictingFieldStateProps | ExcludedProps_2>, Omit<TimeFieldStateOptions<TimeValue>, ExcludedProps_2>, RecipeVariantProps<typeof timeInputRecipe> {
|
|
3621
|
-
}
|
|
3622
|
-
|
|
3623
|
-
/**
|
|
3624
|
-
* Recipe configuration for the TimeInput component.
|
|
3625
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
3626
|
-
*/
|
|
3627
|
-
declare const timeInputRecipe: SlotRecipeDefinition<"root" | "segmentGroup" | "segment", {
|
|
3628
|
-
size: {
|
|
3629
|
-
sm: {
|
|
3630
|
-
segmentGroup: {
|
|
3631
|
-
h: number;
|
|
3632
|
-
textStyle: "sm";
|
|
3633
|
-
px: number;
|
|
3634
|
-
};
|
|
3635
|
-
};
|
|
3636
|
-
md: {
|
|
3637
|
-
segmentGroup: {
|
|
3638
|
-
h: number;
|
|
3639
|
-
textStyle: "md";
|
|
3640
|
-
px: number;
|
|
3641
|
-
};
|
|
3642
|
-
};
|
|
3643
|
-
};
|
|
3644
|
-
variant: {
|
|
3645
|
-
solid: {
|
|
3646
|
-
segmentGroup: {
|
|
3647
|
-
"--border-width": "sizes.25";
|
|
3648
|
-
"--border-color": "colors.neutral.7";
|
|
3649
|
-
backgroundColor: "neutral.1";
|
|
3650
|
-
_hover: {
|
|
3651
|
-
backgroundColor: "primary.2";
|
|
3652
|
-
};
|
|
3653
|
-
};
|
|
3654
|
-
};
|
|
3655
|
-
ghost: {
|
|
3656
|
-
segmentGroup: {
|
|
3657
|
-
_hover: {
|
|
3658
|
-
backgroundColor: "primary.2";
|
|
3659
|
-
};
|
|
3660
|
-
};
|
|
3661
|
-
};
|
|
3662
|
-
};
|
|
3663
|
-
}>;
|
|
3664
|
-
|
|
3665
|
-
/**
|
|
3666
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
3667
|
-
* with the unstyled prop option for the div element.
|
|
3668
|
-
*/
|
|
3669
|
-
declare interface TimeInputRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
3670
|
-
}
|
|
3671
|
-
|
|
3672
|
-
/**
|
|
3673
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
3674
|
-
* This creates a complete set of props for the root element, combining
|
|
3675
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
3676
|
-
*/
|
|
3677
|
-
declare interface TimeInputRootProps extends HTMLChakraProps<"div", TimeInputRecipeProps> {
|
|
3678
|
-
}
|
|
3679
|
-
|
|
3680
|
-
/**
|
|
3681
|
-
* # ToggleButton
|
|
3682
|
-
*
|
|
3683
|
-
* A toggleable button component that can be pressed to switch between
|
|
3684
|
-
* selected and unselected states.
|
|
230
|
+
* Props for the Dialog.Title component
|
|
3685
231
|
*
|
|
3686
|
-
*
|
|
3687
|
-
*/
|
|
3688
|
-
export declare const ToggleButton: {
|
|
3689
|
-
({ ref: forwardedRef, ...props }: ToggleButtonProps): JSX.Element;
|
|
3690
|
-
displayName: string;
|
|
3691
|
-
};
|
|
3692
|
-
|
|
3693
|
-
/**
|
|
3694
|
-
* ToggleButtonGroup
|
|
3695
|
-
* ============================================================
|
|
3696
|
-
* To group multiple `Button` components together, visually and logically, representing a set of related actions.
|
|
232
|
+
* The accessible title element for the dialog.
|
|
3697
233
|
*/
|
|
3698
|
-
|
|
3699
|
-
|
|
3700
|
-
|
|
3701
|
-
|
|
3702
|
-
|
|
3703
|
-
|
|
3704
|
-
|
|
3705
|
-
|
|
3706
|
-
|
|
3707
|
-
|
|
3708
|
-
/** Combined props for the button element (Chakra styles + Aria behavior). */
|
|
3709
|
-
export declare type ToggleButtonGroupButtonProps = ToggleButtonGroupButtonSlotProps & AriaToggleButtonProps & {
|
|
3710
|
-
ref?: React.Ref<typeof ToggleButton_2>;
|
|
234
|
+
declare type DialogTitleProps = DialogTitleSlotProps & {
|
|
235
|
+
/**
|
|
236
|
+
* The title text
|
|
237
|
+
*/
|
|
238
|
+
children: React.ReactNode;
|
|
239
|
+
/**
|
|
240
|
+
* The ref to the dialog title
|
|
241
|
+
*/
|
|
242
|
+
ref?: React.Ref<HTMLHeadingElement>;
|
|
3711
243
|
};
|
|
3712
244
|
|
|
3713
|
-
|
|
3714
|
-
declare type ToggleButtonGroupButtonSlotProps = HTMLChakraProps<"button", RecipeProps<"button">>;
|
|
245
|
+
declare type DialogTitleSlotProps = HTMLChakraProps<"h2">;
|
|
3715
246
|
|
|
3716
|
-
|
|
3717
|
-
|
|
3718
|
-
|
|
247
|
+
export declare const DialogTrigger: {
|
|
248
|
+
({ ref: forwardedRef, children, asChild, ...props }: DialogTriggerProps): JSX.Element;
|
|
249
|
+
displayName: string;
|
|
3719
250
|
};
|
|
3720
251
|
|
|
3721
252
|
/**
|
|
3722
|
-
*
|
|
253
|
+
* Props for the Dialog.Trigger component
|
|
3723
254
|
*
|
|
3724
|
-
*
|
|
3725
|
-
*
|
|
3726
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/inputs/togglebuttongroup}
|
|
255
|
+
* The trigger element that opens the dialog when activated.
|
|
3727
256
|
*/
|
|
3728
|
-
|
|
3729
|
-
|
|
3730
|
-
/** Type signature for the main `ToggleButtonGroup` component. */
|
|
3731
|
-
export declare type ToggleButtonGroupRootComponent = React.FC<ToggleButtonGroupProps>;
|
|
3732
|
-
|
|
3733
|
-
/** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
|
|
3734
|
-
declare type ToggleButtonGroupRootProps = ToggleButtonGroupRootSlotProps & AriaToggleButtonGroupProps & RecipeVariantProps<typeof buttonGroupRecipe>;
|
|
3735
|
-
|
|
3736
|
-
/** Base Chakra styling props for the root `div` slot. */
|
|
3737
|
-
declare type ToggleButtonGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
|
|
3738
|
-
|
|
3739
|
-
export declare interface ToggleButtonProps extends ToggleButtonProps_2, Omit<ToggleButtonRootProps, keyof ToggleButtonProps_2 | ExcludedProps> {
|
|
257
|
+
declare type DialogTriggerProps = DialogTriggerSlotProps & {
|
|
3740
258
|
/**
|
|
3741
|
-
*
|
|
259
|
+
* The trigger content
|
|
3742
260
|
*/
|
|
3743
|
-
|
|
3744
|
-
}
|
|
3745
|
-
|
|
3746
|
-
declare const toggleButtonRecipe: RecipeDefinition< {
|
|
3747
|
-
size: {
|
|
3748
|
-
"2xs"?: {
|
|
3749
|
-
h: "600";
|
|
3750
|
-
minW: "600";
|
|
3751
|
-
fontSize: "300";
|
|
3752
|
-
fontWeight: "500";
|
|
3753
|
-
lineHeight: "400";
|
|
3754
|
-
px: "200";
|
|
3755
|
-
gap: "100";
|
|
3756
|
-
_icon: {
|
|
3757
|
-
width: "400";
|
|
3758
|
-
height: "400";
|
|
3759
|
-
};
|
|
3760
|
-
} | undefined;
|
|
3761
|
-
xs?: {
|
|
3762
|
-
h: "800";
|
|
3763
|
-
minW: "800";
|
|
3764
|
-
fontSize: "350";
|
|
3765
|
-
fontWeight: "500";
|
|
3766
|
-
lineHeight: "400";
|
|
3767
|
-
px: "300";
|
|
3768
|
-
gap: "100";
|
|
3769
|
-
_icon: {
|
|
3770
|
-
width: "500";
|
|
3771
|
-
height: "500";
|
|
3772
|
-
};
|
|
3773
|
-
} | undefined;
|
|
3774
|
-
md?: {
|
|
3775
|
-
h: "1000";
|
|
3776
|
-
minW: "1000";
|
|
3777
|
-
fontSize: "400";
|
|
3778
|
-
lineHeight: "500";
|
|
3779
|
-
px: "400";
|
|
3780
|
-
gap: "200";
|
|
3781
|
-
_icon: {
|
|
3782
|
-
width: "600";
|
|
3783
|
-
height: "600";
|
|
3784
|
-
};
|
|
3785
|
-
} | undefined;
|
|
3786
|
-
};
|
|
3787
|
-
variant: {
|
|
3788
|
-
outline: {
|
|
3789
|
-
"--button-bg": "transparent";
|
|
3790
|
-
"--button-text": "{colors.colorPalette.11}";
|
|
3791
|
-
"--border-width": "{sizes.25}";
|
|
3792
|
-
"--border-color": "{colors.colorPalette.7}";
|
|
3793
|
-
bg: "var(--button-bg)";
|
|
3794
|
-
boxShadow: "0 0 0 var(--border-width) var(--border-color)";
|
|
3795
|
-
color: "var(--button-text)";
|
|
3796
|
-
"&[data-hovered='true']": {
|
|
3797
|
-
"--button-bg": "{colors.colorPalette.2}";
|
|
3798
|
-
"--border-color": "{colors.colorPalette.8}";
|
|
3799
|
-
};
|
|
3800
|
-
"&[data-selected=true]": {
|
|
3801
|
-
"--button-bg": "{colors.colorPalette.3}";
|
|
3802
|
-
"--border-color": "{colors.colorPalette.8}";
|
|
3803
|
-
_hover: {
|
|
3804
|
-
"--button-bg": "{colors.colorPalette.4}";
|
|
3805
|
-
"--border-color": "{colors.colorPalette.9}";
|
|
3806
|
-
};
|
|
3807
|
-
};
|
|
3808
|
-
};
|
|
3809
|
-
ghost: {
|
|
3810
|
-
"--button-text": "{colors.neutral.11}";
|
|
3811
|
-
"--button-bg": "transparent";
|
|
3812
|
-
color: "var(--button-text)";
|
|
3813
|
-
bg: "var(--button-bg)";
|
|
3814
|
-
"&[data-hovered='true']": {
|
|
3815
|
-
"--button-bg": "{colors.colorPalette.2}";
|
|
3816
|
-
};
|
|
3817
|
-
"&[data-selected='true']": {
|
|
3818
|
-
"--button-bg": "{colors.colorPalette.3}";
|
|
3819
|
-
"--button-text": "{colors.colorPalette.11}";
|
|
3820
|
-
"&[data-hovered='true']": {
|
|
3821
|
-
"--button-bg": "{colors.colorPalette.4}";
|
|
3822
|
-
};
|
|
3823
|
-
};
|
|
3824
|
-
};
|
|
3825
|
-
};
|
|
3826
|
-
tone: {
|
|
3827
|
-
primary?: {
|
|
3828
|
-
colorPalette: "primary";
|
|
3829
|
-
} | undefined;
|
|
3830
|
-
critical?: {
|
|
3831
|
-
colorPalette: "critical";
|
|
3832
|
-
} | undefined;
|
|
3833
|
-
neutral?: {
|
|
3834
|
-
colorPalette: "neutral";
|
|
3835
|
-
} | undefined;
|
|
3836
|
-
info?: {
|
|
3837
|
-
colorPalette: "info";
|
|
3838
|
-
} | undefined;
|
|
3839
|
-
};
|
|
3840
|
-
}>;
|
|
3841
|
-
|
|
3842
|
-
/**
|
|
3843
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
3844
|
-
* with the unstyled prop option for the toggle button element.
|
|
3845
|
-
*/
|
|
3846
|
-
declare interface ToggleButtonRecipeProps extends RecipeVariantProps<typeof toggleButtonRecipe>, UnstyledProp {
|
|
3847
|
-
}
|
|
3848
|
-
|
|
3849
|
-
/**
|
|
3850
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
3851
|
-
* This creates a complete set of props for the root element, combining
|
|
3852
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
3853
|
-
*/
|
|
3854
|
-
declare type ToggleButtonRootProps = HTMLChakraProps<"button", ToggleButtonRecipeProps>;
|
|
3855
|
-
|
|
3856
|
-
export declare const Toolbar: ToolbarComponent;
|
|
3857
|
-
|
|
3858
|
-
export declare type ToolbarComponent = FC<ToolbarProps>;
|
|
3859
|
-
|
|
3860
|
-
export declare interface ToolbarProps extends Omit<ToolbarSlotProps, DefaultExcludedProps_2 | "orientation" | "children" | "slot">, Omit<ToolbarProps_2, "orientation" | "className" | "style"> {
|
|
261
|
+
children: React.ReactNode;
|
|
3861
262
|
/**
|
|
3862
|
-
*
|
|
3863
|
-
*
|
|
3864
|
-
* @default "horizontal"
|
|
263
|
+
* Whether to render as a child element (use children directly as the trigger)
|
|
264
|
+
* @default false
|
|
3865
265
|
*/
|
|
3866
|
-
|
|
266
|
+
asChild?: boolean;
|
|
3867
267
|
/**
|
|
3868
|
-
*
|
|
3869
|
-
* @default
|
|
268
|
+
* Whether the trigger is disabled
|
|
269
|
+
* @default false
|
|
3870
270
|
*/
|
|
3871
|
-
|
|
271
|
+
isDisabled?: boolean;
|
|
3872
272
|
/**
|
|
3873
|
-
* The
|
|
3874
|
-
* @default "plain"
|
|
273
|
+
* The ref to the trigger html-button
|
|
3875
274
|
*/
|
|
3876
|
-
|
|
3877
|
-
ref?: Ref<HTMLDivElement>;
|
|
3878
|
-
}
|
|
3879
|
-
|
|
3880
|
-
declare const toolbarRecipe: RecipeDefinition< {
|
|
3881
|
-
size: {
|
|
3882
|
-
xs: {
|
|
3883
|
-
"--toolbar-spacing": "{spacing.100}";
|
|
3884
|
-
"--divider-size": "{sizes.600}";
|
|
3885
|
-
};
|
|
3886
|
-
md: {
|
|
3887
|
-
"--toolbar-spacing": "{spacing.200}";
|
|
3888
|
-
"--divider-size": "{sizes.800}";
|
|
3889
|
-
};
|
|
3890
|
-
};
|
|
3891
|
-
orientation: {
|
|
3892
|
-
horizontal: {
|
|
3893
|
-
"--toolbar-direction": "row";
|
|
3894
|
-
"& .nimbus-divider": {
|
|
3895
|
-
height: "var(--divider-size)";
|
|
3896
|
-
mx: "var(--toolbar-spacing)";
|
|
3897
|
-
};
|
|
3898
|
-
};
|
|
3899
|
-
vertical: {
|
|
3900
|
-
"--toolbar-direction": "column";
|
|
3901
|
-
"& .nimbus-divider": {
|
|
3902
|
-
width: "var(--divider-size)";
|
|
3903
|
-
my: "var(--toolbar-spacing)";
|
|
3904
|
-
};
|
|
3905
|
-
};
|
|
3906
|
-
};
|
|
3907
|
-
variant: {
|
|
3908
|
-
plain: {};
|
|
3909
|
-
outline: {
|
|
3910
|
-
boxShadow: "0 0 0 {sizes.25} {colors.neutral.6}";
|
|
3911
|
-
};
|
|
3912
|
-
};
|
|
3913
|
-
}>;
|
|
3914
|
-
|
|
3915
|
-
/**
|
|
3916
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
3917
|
-
* with the unstyled prop option for the toolbar recipe.
|
|
3918
|
-
*/
|
|
3919
|
-
declare interface ToolbarRecipeProps extends RecipeProps_2<typeof toolbarRecipe>, UnstyledProp_2 {
|
|
3920
|
-
}
|
|
3921
|
-
|
|
3922
|
-
/**
|
|
3923
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
3924
|
-
* This creates a complete set of props for the root element, combining
|
|
3925
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
3926
|
-
*/
|
|
3927
|
-
declare interface ToolbarSlotProps extends Omit<HTMLChakraProps_2<"div", ToolbarRecipeProps>, "translate"> {
|
|
3928
|
-
translate?: "yes" | "no";
|
|
3929
|
-
}
|
|
3930
|
-
|
|
3931
|
-
export declare const Tooltip: {
|
|
3932
|
-
Root: typeof _TooltipRoot;
|
|
3933
|
-
Content: typeof _TooltipContent;
|
|
3934
|
-
};
|
|
3935
|
-
|
|
3936
|
-
/**
|
|
3937
|
-
* TooltipContent
|
|
3938
|
-
* ============================================================
|
|
3939
|
-
* A contextual popup that displays a description for an element, uses `Tooltip` component from `react-aria-components`.
|
|
3940
|
-
*
|
|
3941
|
-
* Features:
|
|
3942
|
-
* - allows forwarding refs to the underlying DOM element
|
|
3943
|
-
* - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)
|
|
3944
|
-
* - allows overriding styles by using style-props
|
|
3945
|
-
*
|
|
3946
|
-
* Further Context:
|
|
3947
|
-
* - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
|
|
3948
|
-
* - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
|
|
3949
|
-
*/
|
|
3950
|
-
export declare function _TooltipContent({ children, placement, ref, ...props }: TooltipProps & {
|
|
3951
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
3952
|
-
}): JSX.Element;
|
|
3953
|
-
|
|
3954
|
-
export declare namespace _TooltipContent {
|
|
3955
|
-
var displayName: string;
|
|
3956
|
-
}
|
|
3957
|
-
|
|
3958
|
-
/**
|
|
3959
|
-
* Main props interface for the Tooltip components
|
|
3960
|
-
* Extends TooltipVariantProps to include root props, variant props,
|
|
3961
|
-
* and react-aria props, while adding support for React children.
|
|
3962
|
-
*/
|
|
3963
|
-
export declare interface TooltipProps extends PropsWithChildren<TooltipVariantProps> {
|
|
3964
|
-
}
|
|
3965
|
-
|
|
3966
|
-
/**
|
|
3967
|
-
* Recipe configuration for the Tooltip component.
|
|
3968
|
-
* Defines the styling variants and base styles using Chakra UI's recipe system.
|
|
3969
|
-
*/
|
|
3970
|
-
declare const tooltipRecipe: RecipeDefinition<RecipeVariantRecord>;
|
|
3971
|
-
|
|
3972
|
-
/**
|
|
3973
|
-
* Base recipe props interface that combines Chakra UI's recipe props
|
|
3974
|
-
*/
|
|
3975
|
-
declare interface TooltipRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
3976
|
-
}
|
|
3977
|
-
|
|
3978
|
-
/**
|
|
3979
|
-
* # Tooltip
|
|
3980
|
-
*
|
|
3981
|
-
* A contextual popup that displays a description for an element.
|
|
3982
|
-
*
|
|
3983
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/feedback/tooltip}
|
|
3984
|
-
*/
|
|
3985
|
-
export declare function _TooltipRoot({ delay, closeDelay, ...props }: TooltipTriggerComponentProps): JSX.Element;
|
|
3986
|
-
|
|
3987
|
-
export declare namespace _TooltipRoot {
|
|
3988
|
-
var displayName: string;
|
|
3989
|
-
}
|
|
3990
|
-
|
|
3991
|
-
/**
|
|
3992
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
3993
|
-
* This creates a complete set of props for the root element, combining
|
|
3994
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
3995
|
-
*/
|
|
3996
|
-
declare interface TooltipRootProps extends HTMLChakraProps<"div", TooltipRecipeProps> {
|
|
3997
|
-
}
|
|
3998
|
-
|
|
3999
|
-
/**
|
|
4000
|
-
* Combines the root props with Chakra UI's recipe variant props, and
|
|
4001
|
-
* react-aria-component's TooltipProps
|
|
4002
|
-
* This allows the component to accept:
|
|
4003
|
-
* - structural props from Root
|
|
4004
|
-
* - styling variants from the recipe
|
|
4005
|
-
* - a11y/state related props from react-aria-components Tooltip
|
|
4006
|
-
*/
|
|
4007
|
-
declare type TooltipVariantProps = ExcludePolymorphicFromProps<TooltipRootProps & RecipeVariantProps<typeof tooltipRecipe> & TooltipProps_2>;
|
|
4008
|
-
|
|
4009
|
-
export declare interface TypedNimbusRouterConfig {
|
|
4010
|
-
navigate: (href: string, routerOptions?: RouterOptions) => void;
|
|
4011
|
-
useHref?: (href: string) => string;
|
|
4012
|
-
}
|
|
4013
|
-
|
|
4014
|
-
export declare const useFormattingState: ({ withPreservedSelection, }: UseFormattingStateProps) => {
|
|
4015
|
-
selectedKeys: Set<string>;
|
|
4016
|
-
selectedScriptKeys: Set<string>;
|
|
4017
|
-
allSelectedKeys: Set<string>;
|
|
4018
|
-
handleAllSelectionChange: (keys: "all" | Set<Key>) => void;
|
|
4019
|
-
};
|
|
4020
|
-
|
|
4021
|
-
export declare interface UseFormattingStateProps {
|
|
4022
|
-
withPreservedSelection: (fn: () => void) => () => void;
|
|
4023
|
-
}
|
|
4024
|
-
|
|
4025
|
-
export declare const useKeyboardShortcuts: ({ editor }: UseKeyboardShortcutsProps) => {
|
|
4026
|
-
handleKeyDown: (event: React.KeyboardEvent) => void;
|
|
275
|
+
ref?: React.RefObject<HTMLButtonElement>;
|
|
4027
276
|
};
|
|
4028
277
|
|
|
4029
|
-
|
|
4030
|
-
editor: Editor;
|
|
4031
|
-
}
|
|
278
|
+
declare type DialogTriggerSlotProps = HTMLChakraProps<"button">;
|
|
4032
279
|
|
|
4033
|
-
|
|
4034
|
-
|
|
4035
|
-
|
|
4036
|
-
|
|
4037
|
-
|
|
4038
|
-
|
|
4039
|
-
|
|
4040
|
-
|
|
4041
|
-
|
|
4042
|
-
export declare const usePreservedSelection: (editor: Editor) => (action: () => void) => () => void;
|
|
4043
|
-
|
|
4044
|
-
export declare const useToolbarState: ({ withPreservedSelection, }: UseToolbarStateProps) => {
|
|
4045
|
-
currentTextStyle: string;
|
|
4046
|
-
selectedTextStyle: TextStyleDefinition | undefined;
|
|
4047
|
-
selectedTextStyleLabel: string;
|
|
4048
|
-
handleTextStyleChange: (styleId: string) => void;
|
|
4049
|
-
handleListToggle: (selectedKeys: Set<Key>) => void;
|
|
4050
|
-
selectedFormatKeys: Set<string>;
|
|
4051
|
-
selectedListKeys: Set<string>;
|
|
4052
|
-
hasUndos: boolean;
|
|
4053
|
-
hasRedos: boolean;
|
|
280
|
+
declare type IconButtonProps = ButtonProps & {
|
|
281
|
+
/**
|
|
282
|
+
* Required accessible label explaining the intended action
|
|
283
|
+
*/
|
|
284
|
+
"aria-label": string;
|
|
285
|
+
/**
|
|
286
|
+
* Ref forwarding to the button element
|
|
287
|
+
*/
|
|
288
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
4054
289
|
};
|
|
4055
290
|
|
|
4056
|
-
export declare
|
|
4057
|
-
withPreservedSelection: (fn: () => void) => () => void;
|
|
4058
|
-
}
|
|
291
|
+
export declare const system: SystemContext;
|
|
4059
292
|
|
|
4060
293
|
/**
|
|
4061
|
-
*
|
|
4062
|
-
*
|
|
4063
|
-
*
|
|
4064
|
-
*
|
|
4065
|
-
* @see {@link https://nimbus-documentation.vercel.app/components/accessibility/visually-hidden}
|
|
294
|
+
* Hook for processing and sanitizing SVG data
|
|
295
|
+
* @param data - Raw SVG markup as a string
|
|
296
|
+
* @returns Processed SVG attributes, content, and sanitization status
|
|
4066
297
|
*/
|
|
4067
|
-
export declare
|
|
4068
|
-
|
|
4069
|
-
|
|
298
|
+
export declare function useInlineSvg(data: string): {
|
|
299
|
+
isValid: boolean;
|
|
300
|
+
svgAttributes: Record<string, string>;
|
|
301
|
+
innerSvgContent: string;
|
|
4070
302
|
};
|
|
4071
303
|
|
|
4072
|
-
export declare interface VisuallyHiddenProps extends Omit<VisuallyHiddenProps_2, "elementType"> {
|
|
4073
|
-
/** specifies the element type to render, use `span` for inline content
|
|
4074
|
-
* and `div` for block content */
|
|
4075
|
-
as?: "span" | "div";
|
|
4076
|
-
}
|
|
4077
|
-
|
|
4078
304
|
export { }
|
|
4079
305
|
|
|
4080
306
|
|