@commercetools/nimbus 0.0.0-canary-20251027194157 → 0.0.0-canary-20251028144530
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{Button-CqCJF7Kz.es.js → Button-SjGHt140.es.js} +2 -2
- package/dist/chunks/{Button-CqCJF7Kz.es.js.map → Button-SjGHt140.es.js.map} +1 -1
- package/dist/chunks/{CollectionBuilder-CoZRYV8T.es.js → CollectionBuilder-BhYUxJYI.es.js} +6 -6
- package/dist/chunks/{CollectionBuilder-CoZRYV8T.es.js.map → CollectionBuilder-BhYUxJYI.es.js.map} +1 -1
- package/dist/chunks/{DateField-ChNVEFNs.es.js → DateField-DMjgxual.es.js} +5 -5
- package/dist/chunks/{DateField-ChNVEFNs.es.js.map → DateField-DMjgxual.es.js.map} +1 -1
- package/dist/chunks/{DatePicker-uW8Z5fWm.es.js → DatePicker-Cvad8nra.es.js} +7 -7
- package/dist/chunks/{DatePicker-uW8Z5fWm.es.js.map → DatePicker-Cvad8nra.es.js.map} +1 -1
- package/dist/chunks/{DatePicker-Codg0QnC.cjs.js → DatePicker-DGLrUdLu.cjs.js} +2 -2
- package/dist/chunks/{DatePicker-Codg0QnC.cjs.js.map → DatePicker-DGLrUdLu.cjs.js.map} +1 -1
- package/dist/chunks/{Dialog-DyQtQIZJ.es.js → Dialog-BUtdEtlF.es.js} +11 -11
- package/dist/chunks/{Dialog-DyQtQIZJ.es.js.map → Dialog-BUtdEtlF.es.js.map} +1 -1
- package/dist/chunks/{Dialog-DINBl88u.cjs.js → Dialog-Ye_7tQZU.cjs.js} +2 -2
- package/dist/chunks/{Dialog-DINBl88u.cjs.js.map → Dialog-Ye_7tQZU.cjs.js.map} +1 -1
- package/dist/chunks/Header-Bvl-gjeR.cjs.js +2 -0
- package/dist/chunks/Header-Bvl-gjeR.cjs.js.map +1 -0
- package/dist/chunks/Header-CpF5ynyj.es.js +213 -0
- package/dist/chunks/Header-CpF5ynyj.es.js.map +1 -0
- package/dist/chunks/{Heading-C5BLc9Ds.es.js → Heading-DXod1zoy.es.js} +7 -7
- package/dist/chunks/{Heading-C5BLc9Ds.es.js.map → Heading-DXod1zoy.es.js.map} +1 -1
- package/dist/chunks/ListBox-CdtzuZzA.es.js +561 -0
- package/dist/chunks/ListBox-CdtzuZzA.es.js.map +1 -0
- package/dist/chunks/ListBox-Dcnj8pHo.cjs.js +2 -0
- package/dist/chunks/ListBox-Dcnj8pHo.cjs.js.map +1 -0
- package/dist/chunks/{Modal-DDTTtqGV.es.js → Modal-BgIeZMyG.es.js} +4 -4
- package/dist/chunks/{Modal-DDTTtqGV.es.js.map → Modal-BgIeZMyG.es.js.map} +1 -1
- package/dist/chunks/{Modal-C9uSJ3BN.cjs.js → Modal-DjOIA2BE.cjs.js} +2 -2
- package/dist/chunks/{Modal-C9uSJ3BN.cjs.js.map → Modal-DjOIA2BE.cjs.js.map} +1 -1
- package/dist/chunks/{RSPContexts-DV4cFLUV.es.js → RSPContexts-DLgb84PF.es.js} +3 -3
- package/dist/chunks/{RSPContexts-DV4cFLUV.es.js.map → RSPContexts-DLgb84PF.es.js.map} +1 -1
- package/dist/chunks/{SelectionManager-Bo1rTzWU.es.js → SelectionManager-S9Amkvfg.es.js} +9 -9
- package/dist/chunks/{SelectionManager-Bo1rTzWU.es.js.map → SelectionManager-S9Amkvfg.es.js.map} +1 -1
- package/dist/chunks/{Separator-OdAUxccH.es.js → Separator-kuF-Wo1o.es.js} +2 -2
- package/dist/chunks/{Separator-OdAUxccH.es.js.map → Separator-kuF-Wo1o.es.js.map} +1 -1
- package/dist/chunks/{ToggleButton-BlpcYfFt.es.js → ToggleButton-BIiBT_jL.es.js} +2 -2
- package/dist/chunks/{ToggleButton-BlpcYfFt.es.js.map → ToggleButton-BIiBT_jL.es.js.map} +1 -1
- package/dist/chunks/{accordion-B9pzlIJn.cjs.js → accordion-BqNWELBY.cjs.js} +2 -2
- package/dist/chunks/{accordion-B9pzlIJn.cjs.js.map → accordion-BqNWELBY.cjs.js.map} +1 -1
- package/dist/chunks/{accordion-BazoFx8H.es.js → accordion-ilrNSEj0.es.js} +3 -3
- package/dist/chunks/{accordion-BazoFx8H.es.js.map → accordion-ilrNSEj0.es.js.map} +1 -1
- package/dist/chunks/{alert-BYw_3VgA.cjs.js → alert-BVC4J_cp.cjs.js} +2 -2
- package/dist/chunks/{alert-BYw_3VgA.cjs.js.map → alert-BVC4J_cp.cjs.js.map} +1 -1
- package/dist/chunks/{alert-DafE92Ep.es.js → alert-Dmucg4lE.es.js} +2 -2
- package/dist/chunks/{alert-DafE92Ep.es.js.map → alert-Dmucg4lE.es.js.map} +1 -1
- package/dist/chunks/{button-rMTplznF.es.js → button-BYK9-Rwz.es.js} +4 -4
- package/dist/chunks/{button-rMTplznF.es.js.map → button-BYK9-Rwz.es.js.map} +1 -1
- package/dist/chunks/{button-DEenpJMD.cjs.js → button-Cj_eyghC.cjs.js} +2 -2
- package/dist/chunks/{button-DEenpJMD.cjs.js.map → button-Cj_eyghC.cjs.js.map} +1 -1
- package/dist/chunks/{calendar-Kd_2ZJIo.cjs.js → calendar-BL54SDy8.cjs.js} +2 -2
- package/dist/chunks/{calendar-Kd_2ZJIo.cjs.js.map → calendar-BL54SDy8.cjs.js.map} +1 -1
- package/dist/chunks/{calendar-B_6JEmid.es.js → calendar-DT6_tMD-.es.js} +7 -7
- package/dist/chunks/{calendar-B_6JEmid.es.js.map → calendar-DT6_tMD-.es.js.map} +1 -1
- package/dist/chunks/{checkbox-CBESN7DZ.cjs.js → checkbox-BDfVoBuz.cjs.js} +2 -2
- package/dist/chunks/{checkbox-CBESN7DZ.cjs.js.map → checkbox-BDfVoBuz.cjs.js.map} +1 -1
- package/dist/chunks/{checkbox-BAfhgr2Q.es.js → checkbox-CJKCPfWz.es.js} +5 -5
- package/dist/chunks/{checkbox-BAfhgr2Q.es.js.map → checkbox-CJKCPfWz.es.js.map} +1 -1
- package/dist/chunks/{collapsible-motion-BAHapRD_.es.js → collapsible-motion-Dc7ZucfX.es.js} +3 -3
- package/dist/chunks/{collapsible-motion-BAHapRD_.es.js.map → collapsible-motion-Dc7ZucfX.es.js.map} +1 -1
- package/dist/chunks/{collapsible-motion-D0FWLqB-.cjs.js → collapsible-motion-Dya8mTU-.cjs.js} +2 -2
- package/dist/chunks/{collapsible-motion-D0FWLqB-.cjs.js.map → collapsible-motion-Dya8mTU-.cjs.js.map} +1 -1
- package/dist/chunks/combobox-DEmq10im.cjs.js +2 -0
- package/dist/chunks/{combobox-CJEs8K1H.cjs.js.map → combobox-DEmq10im.cjs.js.map} +1 -1
- package/dist/chunks/{combobox-Dcaw-Scl.es.js → combobox-W96Q_8E9.es.js} +68 -69
- package/dist/chunks/{combobox-Dcaw-Scl.es.js.map → combobox-W96Q_8E9.es.js.map} +1 -1
- package/dist/chunks/data-table-C0o2YmP-.es.js +4176 -0
- package/dist/chunks/data-table-C0o2YmP-.es.js.map +1 -0
- package/dist/chunks/data-table-QsvOmVpq.cjs.js +2 -0
- package/dist/chunks/data-table-QsvOmVpq.cjs.js.map +1 -0
- package/dist/chunks/{date-input-CbJeRnmd.cjs.js → date-input-eUqjf2SB.cjs.js} +2 -2
- package/dist/chunks/{date-input-CbJeRnmd.cjs.js.map → date-input-eUqjf2SB.cjs.js.map} +1 -1
- package/dist/chunks/{date-input-Edn9vWV1.es.js → date-input-rDtJKsDi.es.js} +4 -4
- package/dist/chunks/{date-input-Edn9vWV1.es.js.map → date-input-rDtJKsDi.es.js.map} +1 -1
- package/dist/chunks/{date-picker-Bedy6752.cjs.js → date-picker-C8QkSpxY.cjs.js} +2 -2
- package/dist/chunks/{date-picker-Bedy6752.cjs.js.map → date-picker-C8QkSpxY.cjs.js.map} +1 -1
- package/dist/chunks/{date-picker-DvI-NGBn.es.js → date-picker-CdMuNpv1.es.js} +11 -11
- package/dist/chunks/{date-picker-DvI-NGBn.es.js.map → date-picker-CdMuNpv1.es.js.map} +1 -1
- package/dist/chunks/{date-range-picker-BoYoffUD.es.js → date-range-picker-CkgPLacd.es.js} +11 -11
- package/dist/chunks/{date-range-picker-BoYoffUD.es.js.map → date-range-picker-CkgPLacd.es.js.map} +1 -1
- package/dist/chunks/{date-range-picker-odYIm4fD.cjs.js → date-range-picker-VBn7qOOc.cjs.js} +2 -2
- package/dist/chunks/{date-range-picker-odYIm4fD.cjs.js.map → date-range-picker-VBn7qOOc.cjs.js.map} +1 -1
- package/dist/chunks/{date-range-picker.field-DTWGHjdx.cjs.js → date-range-picker.field-CmPn5erM.cjs.js} +2 -2
- package/dist/chunks/{date-range-picker.field-DTWGHjdx.cjs.js.map → date-range-picker.field-CmPn5erM.cjs.js.map} +1 -1
- package/dist/chunks/{date-range-picker.field-CzsXm49P.es.js → date-range-picker.field-DvXce6WS.es.js} +3 -3
- package/dist/chunks/{date-range-picker.field-CzsXm49P.es.js.map → date-range-picker.field-DvXce6WS.es.js.map} +1 -1
- package/dist/chunks/{dialog-CMGeFzws.cjs.js → dialog-BoNKL-1x.cjs.js} +2 -2
- package/dist/chunks/{dialog-CMGeFzws.cjs.js.map → dialog-BoNKL-1x.cjs.js.map} +1 -1
- package/dist/chunks/{dialog-DuiXnZGx.es.js → dialog-CRw9DGjr.es.js} +2 -2
- package/dist/chunks/{dialog-DuiXnZGx.es.js.map → dialog-CRw9DGjr.es.js.map} +1 -1
- package/dist/chunks/{dialog.close-trigger-BNvTsWOn.es.js → dialog.close-trigger-CoQbSso6.es.js} +7 -7
- package/dist/chunks/{dialog.close-trigger-BNvTsWOn.es.js.map → dialog.close-trigger-CoQbSso6.es.js.map} +1 -1
- package/dist/chunks/{dialog.close-trigger-Crx_OdhW.cjs.js → dialog.close-trigger-Dod_8RNP.cjs.js} +2 -2
- package/dist/chunks/{dialog.close-trigger-Crx_OdhW.cjs.js.map → dialog.close-trigger-Dod_8RNP.cjs.js.map} +1 -1
- package/dist/chunks/{draggable-list-BB8IGQJ6.es.js → draggable-list-BpEm-5VK.es.js} +332 -318
- package/dist/chunks/draggable-list-BpEm-5VK.es.js.map +1 -0
- package/dist/chunks/{draggable-list-DR2KKaO_.cjs.js → draggable-list-CQ3bJuDZ.cjs.js} +3 -3
- package/dist/chunks/draggable-list-CQ3bJuDZ.cjs.js.map +1 -0
- package/dist/chunks/{drawer-DUVlTd1F.cjs.js → drawer-Cm0Oi80c.cjs.js} +2 -2
- package/dist/chunks/{drawer-DUVlTd1F.cjs.js.map → drawer-Cm0Oi80c.cjs.js.map} +1 -1
- package/dist/chunks/{drawer-hKr6SpSe.es.js → drawer-CqM2ImTR.es.js} +8 -8
- package/dist/chunks/{drawer-hKr6SpSe.es.js.map → drawer-CqM2ImTR.es.js.map} +1 -1
- package/dist/chunks/{extract-style-props-Cw0ebuoO.es.js → extract-style-props-2276ZL5_.es.js} +2 -2
- package/dist/chunks/{extract-style-props-Cw0ebuoO.es.js.map → extract-style-props-2276ZL5_.es.js.map} +1 -1
- package/dist/chunks/{extract-style-props-CBaCGha4.cjs.js → extract-style-props-CVeaQf1Q.cjs.js} +2 -2
- package/dist/chunks/{extract-style-props-CBaCGha4.cjs.js.map → extract-style-props-CVeaQf1Q.cjs.js.map} +1 -1
- package/dist/chunks/{form-field-Dn5VxoQ2.cjs.js → form-field-COgsGNq8.cjs.js} +2 -2
- package/dist/chunks/{form-field-Dn5VxoQ2.cjs.js.map → form-field-COgsGNq8.cjs.js.map} +1 -1
- package/dist/chunks/{form-field-DBi9CFok.es.js → form-field-LjiGmS5D.es.js} +3 -3
- package/dist/chunks/{form-field-DBi9CFok.es.js.map → form-field-LjiGmS5D.es.js.map} +1 -1
- package/dist/chunks/{getScrollParent-BsNSsJla.es.js → getScrollParent-g7luwBTz.es.js} +2 -2
- package/dist/chunks/{getScrollParent-BsNSsJla.es.js.map → getScrollParent-g7luwBTz.es.js.map} +1 -1
- package/dist/chunks/{heading-Ck9HCM5P.es.js → heading-BfaL2s7d.es.js} +2 -2
- package/dist/chunks/{heading-Ck9HCM5P.es.js.map → heading-BfaL2s7d.es.js.map} +1 -1
- package/dist/chunks/{icon-button-Bvr0zLGt.es.js → icon-button-CKpO4Zvy.es.js} +2 -2
- package/dist/chunks/{icon-button-Bvr0zLGt.es.js.map → icon-button-CKpO4Zvy.es.js.map} +1 -1
- package/dist/chunks/{icon-button-DJZJwO7E.cjs.js → icon-button-Dpm72ZM3.cjs.js} +2 -2
- package/dist/chunks/{icon-button-DJZJwO7E.cjs.js.map → icon-button-Dpm72ZM3.cjs.js.map} +1 -1
- package/dist/chunks/{icon-toggle-button-CUmglgfA.cjs.js → icon-toggle-button-H8bRL_oR.cjs.js} +2 -2
- package/dist/chunks/{icon-toggle-button-CUmglgfA.cjs.js.map → icon-toggle-button-H8bRL_oR.cjs.js.map} +1 -1
- package/dist/chunks/{icon-toggle-button-BlY5NEmP.es.js → icon-toggle-button-kGtDXkhR.es.js} +2 -2
- package/dist/chunks/{icon-toggle-button-BlY5NEmP.es.js.map → icon-toggle-button-kGtDXkhR.es.js.map} +1 -1
- package/dist/chunks/{index-CFfbr5i_.cjs.js → index-D6Ew5ZKz.cjs.js} +2 -2
- package/dist/chunks/index-D6Ew5ZKz.cjs.js.map +1 -0
- package/dist/chunks/{index-BGkAxVw_.es.js → index-pVzMA0Um.es.js} +9 -8
- package/dist/chunks/index-pVzMA0Um.es.js.map +1 -0
- package/dist/chunks/{link-CU-7XY0h.es.js → link-CPnL46cY.es.js} +3 -3
- package/dist/chunks/{link-CU-7XY0h.es.js.map → link-CPnL46cY.es.js.map} +1 -1
- package/dist/chunks/{localized-field-Cfr2yWfg.cjs.js → localized-field-CJWQo0v3.cjs.js} +2 -2
- package/dist/chunks/{localized-field-Cfr2yWfg.cjs.js.map → localized-field-CJWQo0v3.cjs.js.map} +1 -1
- package/dist/chunks/{localized-field-CmbkpZ4q.es.js → localized-field-DMdo6UAF.es.js} +11 -11
- package/dist/chunks/{localized-field-CmbkpZ4q.es.js.map → localized-field-DMdo6UAF.es.js.map} +1 -1
- package/dist/chunks/{menu-DG4V0LSQ.es.js → menu-B2ieY7_x.es.js} +6 -6
- package/dist/chunks/{menu-DG4V0LSQ.es.js.map → menu-B2ieY7_x.es.js.map} +1 -1
- package/dist/chunks/{menu-KGSl9Em7.cjs.js → menu-Dbas4peS.cjs.js} +2 -2
- package/dist/chunks/{menu-KGSl9Em7.cjs.js.map → menu-Dbas4peS.cjs.js.map} +1 -1
- package/dist/chunks/{money-input-Dci2k5rg.es.js → money-input-9zGv--NB.es.js} +5 -5
- package/dist/chunks/{money-input-Dci2k5rg.es.js.map → money-input-9zGv--NB.es.js.map} +1 -1
- package/dist/chunks/{money-input-CGMeW-uD.cjs.js → money-input-CCi55rzS.cjs.js} +2 -2
- package/dist/chunks/{money-input-CGMeW-uD.cjs.js.map → money-input-CCi55rzS.cjs.js.map} +1 -1
- package/dist/chunks/{multiline-text-input-IMPfRfkg.cjs.js → multiline-text-input-DfRYgHd0.cjs.js} +2 -2
- package/dist/chunks/{multiline-text-input-IMPfRfkg.cjs.js.map → multiline-text-input-DfRYgHd0.cjs.js.map} +1 -1
- package/dist/chunks/{multiline-text-input-DvnSJca6.es.js → multiline-text-input-DkNjJitJ.es.js} +3 -3
- package/dist/chunks/{multiline-text-input-DvnSJca6.es.js.map → multiline-text-input-DkNjJitJ.es.js.map} +1 -1
- package/dist/chunks/{nimbus-provider-DyYGXHWz.cjs.js → nimbus-provider-D-eC1r_o.cjs.js} +2 -2
- package/dist/chunks/{nimbus-provider-DyYGXHWz.cjs.js.map → nimbus-provider-D-eC1r_o.cjs.js.map} +1 -1
- package/dist/chunks/{nimbus-provider-CymDVsXZ.es.js → nimbus-provider-Jk7GPBIO.es.js} +9 -9
- package/dist/chunks/{nimbus-provider-CymDVsXZ.es.js.map → nimbus-provider-Jk7GPBIO.es.js.map} +1 -1
- package/dist/chunks/{number-input-CoVt943T.es.js → number-input-BNhAEH40.es.js} +4 -4
- package/dist/chunks/{number-input-CoVt943T.es.js.map → number-input-BNhAEH40.es.js.map} +1 -1
- package/dist/chunks/{number-input-D5uge6-t.cjs.js → number-input-BoKK83TD.cjs.js} +2 -2
- package/dist/chunks/{number-input-D5uge6-t.cjs.js.map → number-input-BoKK83TD.cjs.js.map} +1 -1
- package/dist/chunks/{openLink-D7--QlSJ.es.js → openLink-BNz58j4a.es.js} +7 -7
- package/dist/chunks/{openLink-D7--QlSJ.es.js.map → openLink-BNz58j4a.es.js.map} +1 -1
- package/dist/chunks/{pagination-C4_2Ov7h.es.js → pagination-Bu8aiNt7.es.js} +4 -4
- package/dist/chunks/{pagination-C4_2Ov7h.es.js.map → pagination-Bu8aiNt7.es.js.map} +1 -1
- package/dist/chunks/{pagination-Dbf6i8je.cjs.js → pagination-C4k5hXOQ.cjs.js} +2 -2
- package/dist/chunks/{pagination-Dbf6i8je.cjs.js.map → pagination-C4k5hXOQ.cjs.js.map} +1 -1
- package/dist/chunks/{password-input-D-WKBfJ_.es.js → password-input-BdB9kh4U.es.js} +3 -3
- package/dist/chunks/{password-input-D-WKBfJ_.es.js.map → password-input-BdB9kh4U.es.js.map} +1 -1
- package/dist/chunks/{password-input-DApa74CT.cjs.js → password-input-D_ODC7ip.cjs.js} +2 -2
- package/dist/chunks/{password-input-DApa74CT.cjs.js.map → password-input-D_ODC7ip.cjs.js.map} +1 -1
- package/dist/chunks/{popover-B5j28gJx.es.js → popover-CaE5pDl9.es.js} +2 -2
- package/dist/chunks/{popover-B5j28gJx.es.js.map → popover-CaE5pDl9.es.js.map} +1 -1
- package/dist/chunks/{popover-D0TkE271.cjs.js → popover-DY7ASSCU.cjs.js} +2 -2
- package/dist/chunks/{popover-D0TkE271.cjs.js.map → popover-DY7ASSCU.cjs.js.map} +1 -1
- package/dist/chunks/{progress-bar-DrK5bppD.es.js → progress-bar-CQnGy5PM.es.js} +2 -2
- package/dist/chunks/{progress-bar-DrK5bppD.es.js.map → progress-bar-CQnGy5PM.es.js.map} +1 -1
- package/dist/chunks/{progress-bar-CJqyWOZe.cjs.js → progress-bar-CWyotAqI.cjs.js} +2 -2
- package/dist/chunks/{progress-bar-CJqyWOZe.cjs.js.map → progress-bar-CWyotAqI.cjs.js.map} +1 -1
- package/dist/chunks/{radio-input-BL1YItkC.es.js → radio-input-D4YXlpKz.es.js} +4 -4
- package/dist/chunks/{radio-input-BL1YItkC.es.js.map → radio-input-D4YXlpKz.es.js.map} +1 -1
- package/dist/chunks/{radio-input-1myCCuNN.cjs.js → radio-input-DJ6k3jMD.cjs.js} +2 -2
- package/dist/chunks/{radio-input-1myCCuNN.cjs.js.map → radio-input-DJ6k3jMD.cjs.js.map} +1 -1
- package/dist/chunks/{range-calendar-M5itlXS-.cjs.js → range-calendar-Cp2cmyqz.cjs.js} +2 -2
- package/dist/chunks/{range-calendar-M5itlXS-.cjs.js.map → range-calendar-Cp2cmyqz.cjs.js.map} +1 -1
- package/dist/chunks/{range-calendar-C_2BhVos.es.js → range-calendar-DvTiSgL_.es.js} +7 -7
- package/dist/chunks/{range-calendar-C_2BhVos.es.js.map → range-calendar-DvTiSgL_.es.js.map} +1 -1
- package/dist/chunks/{rich-text-input-BH9R2Ndd.es.js → rich-text-input-BCzPUqty.es.js} +9 -9
- package/dist/chunks/{rich-text-input-BH9R2Ndd.es.js.map → rich-text-input-BCzPUqty.es.js.map} +1 -1
- package/dist/chunks/{rich-text-input-rd0Z_BZN.cjs.js → rich-text-input-DvVo_Eg2.cjs.js} +2 -2
- package/dist/chunks/{rich-text-input-rd0Z_BZN.cjs.js.map → rich-text-input-DvVo_Eg2.cjs.js.map} +1 -1
- package/dist/chunks/{scoped-search-input-DNmFeyN7.cjs.js → scoped-search-input-BT8q8wWG.cjs.js} +2 -2
- package/dist/chunks/{scoped-search-input-DNmFeyN7.cjs.js.map → scoped-search-input-BT8q8wWG.cjs.js.map} +1 -1
- package/dist/chunks/{scoped-search-input-DZYDPxMi.es.js → scoped-search-input-DRTNuQbE.es.js} +5 -5
- package/dist/chunks/{scoped-search-input-DZYDPxMi.es.js.map → scoped-search-input-DRTNuQbE.es.js.map} +1 -1
- package/dist/chunks/{scrollIntoView-DniANfOx.es.js → scrollIntoView-CRn_Y0bq.es.js} +4 -4
- package/dist/chunks/{scrollIntoView-DniANfOx.es.js.map → scrollIntoView-CRn_Y0bq.es.js.map} +1 -1
- package/dist/chunks/{search-input-CbKf6uv-.es.js → search-input-9M9ZUejR.es.js} +6 -6
- package/dist/chunks/{search-input-CbKf6uv-.es.js.map → search-input-9M9ZUejR.es.js.map} +1 -1
- package/dist/chunks/{search-input-Cuqj5Ozc.cjs.js → search-input-Bd0ztwi6.cjs.js} +2 -2
- package/dist/chunks/{search-input-Cuqj5Ozc.cjs.js.map → search-input-Bd0ztwi6.cjs.js.map} +1 -1
- package/dist/chunks/select-5S6KoqpX.cjs.js +2 -0
- package/dist/chunks/{select-CWaI47Kc.cjs.js.map → select-5S6KoqpX.cjs.js.map} +1 -1
- package/dist/chunks/{select-C2lIA5hg.es.js → select-CU9scStC.es.js} +66 -67
- package/dist/chunks/{select-C2lIA5hg.es.js.map → select-CU9scStC.es.js.map} +1 -1
- package/dist/chunks/{separator-DVnpuMAc.es.js → separator-BwUlkA4z.es.js} +4 -4
- package/dist/chunks/{separator-DVnpuMAc.es.js.map → separator-BwUlkA4z.es.js.map} +1 -1
- package/dist/chunks/{separator-D75V0Oga.cjs.js → separator-DUW3AXC1.cjs.js} +2 -2
- package/dist/chunks/{separator-D75V0Oga.cjs.js.map → separator-DUW3AXC1.cjs.js.map} +1 -1
- package/dist/chunks/{split-button-C1PFrcU6.es.js → split-button-BF2i1oac.es.js} +4 -4
- package/dist/chunks/{split-button-C1PFrcU6.es.js.map → split-button-BF2i1oac.es.js.map} +1 -1
- package/dist/chunks/{split-button-DhxZShYM.cjs.js → split-button-D1SBEue5.cjs.js} +2 -2
- package/dist/chunks/{split-button-DhxZShYM.cjs.js.map → split-button-D1SBEue5.cjs.js.map} +1 -1
- package/dist/chunks/{switch-2AsRNDVU.cjs.js → switch-Bj0TETJy.cjs.js} +2 -2
- package/dist/chunks/{switch-2AsRNDVU.cjs.js.map → switch-Bj0TETJy.cjs.js.map} +1 -1
- package/dist/chunks/{switch-DVQRB0wu.es.js → switch-DIyA-F5Y.es.js} +4 -4
- package/dist/chunks/{switch-DVQRB0wu.es.js.map → switch-DIyA-F5Y.es.js.map} +1 -1
- package/dist/chunks/{tabs-SeVATsGV.es.js → tabs-DkXwV7Rn.es.js} +35 -35
- package/dist/chunks/{tabs-SeVATsGV.es.js.map → tabs-DkXwV7Rn.es.js.map} +1 -1
- package/dist/chunks/tabs-DnLTEynV.cjs.js +2 -0
- package/dist/chunks/{tabs-BlcjUZnC.cjs.js.map → tabs-DnLTEynV.cjs.js.map} +1 -1
- package/dist/chunks/{tag-group-DrCKPNqX.es.js → tag-group-Ap0yJZi5.es.js} +12 -12
- package/dist/chunks/{tag-group-DrCKPNqX.es.js.map → tag-group-Ap0yJZi5.es.js.map} +1 -1
- package/dist/chunks/tag-group-Bsc70Ngj.cjs.js +2 -0
- package/dist/chunks/{tag-group-DexGJ8Hf.cjs.js.map → tag-group-Bsc70Ngj.cjs.js.map} +1 -1
- package/dist/chunks/{text-input-Bm7-FMPR.cjs.js → text-input-BQDIyzj5.cjs.js} +2 -2
- package/dist/chunks/{text-input-Bm7-FMPR.cjs.js.map → text-input-BQDIyzj5.cjs.js.map} +1 -1
- package/dist/chunks/{text-input-CSkQFwGX.es.js → text-input-De_9rKQ7.es.js} +3 -3
- package/dist/chunks/{text-input-CSkQFwGX.es.js.map → text-input-De_9rKQ7.es.js.map} +1 -1
- package/dist/chunks/{time-input-ClOP5fJr.es.js → time-input-BsU8mjpn.es.js} +4 -4
- package/dist/chunks/{time-input-ClOP5fJr.es.js.map → time-input-BsU8mjpn.es.js.map} +1 -1
- package/dist/chunks/{time-input-BHyImNO3.cjs.js → time-input-Dp2k90B5.cjs.js} +2 -2
- package/dist/chunks/{time-input-BHyImNO3.cjs.js.map → time-input-Dp2k90B5.cjs.js.map} +1 -1
- package/dist/chunks/{toggle-button-Rczis1rR.es.js → toggle-button-CmSEInGZ.es.js} +4 -4
- package/dist/chunks/{toggle-button-Rczis1rR.es.js.map → toggle-button-CmSEInGZ.es.js.map} +1 -1
- package/dist/chunks/{toggle-button-enJHTjsJ.cjs.js → toggle-button-bW_T3P8c.cjs.js} +2 -2
- package/dist/chunks/{toggle-button-enJHTjsJ.cjs.js.map → toggle-button-bW_T3P8c.cjs.js.map} +1 -1
- package/dist/chunks/{toggle-button-group-TrFHgAeL.es.js → toggle-button-group-CjWoTw03.es.js} +2 -2
- package/dist/chunks/{toggle-button-group-TrFHgAeL.es.js.map → toggle-button-group-CjWoTw03.es.js.map} +1 -1
- package/dist/chunks/{toolbar-CNqSGtQi.cjs.js → toolbar-BVtlNDgf.cjs.js} +2 -2
- package/dist/chunks/{toolbar-CNqSGtQi.cjs.js.map → toolbar-BVtlNDgf.cjs.js.map} +1 -1
- package/dist/chunks/{toolbar-CsuzuQNn.es.js → toolbar-ckQGv75h.es.js} +3 -3
- package/dist/chunks/{toolbar-CsuzuQNn.es.js.map → toolbar-ckQGv75h.es.js.map} +1 -1
- package/dist/chunks/{useButton-DEV993k7.es.js → useButton-C6AOJI9V.es.js} +2 -2
- package/dist/chunks/{useButton-DEV993k7.es.js.map → useButton-C6AOJI9V.es.js.map} +1 -1
- package/dist/chunks/{useDateFormatter-YLMdKUmg.es.js → useDateFormatter-eE8d1TkO.es.js} +2 -2
- package/dist/chunks/{useDateFormatter-YLMdKUmg.es.js.map → useDateFormatter-eE8d1TkO.es.js.map} +1 -1
- package/dist/chunks/useGridListItem-BETI-KGO.cjs.js +2 -0
- package/dist/chunks/useGridListItem-BETI-KGO.cjs.js.map +1 -0
- package/dist/chunks/{useHighlightSelectionDescription-DH3XBG7f.es.js → useGridListItem-WBYPB9KF.es.js} +406 -163
- package/dist/chunks/useGridListItem-WBYPB9KF.es.js.map +1 -0
- package/dist/chunks/useListState-BFNT8oUW.es.js +139 -0
- package/dist/chunks/useListState-BFNT8oUW.es.js.map +1 -0
- package/dist/chunks/useListState-QQtJHpsQ.cjs.js +2 -0
- package/dist/chunks/useListState-QQtJHpsQ.cjs.js.map +1 -0
- package/dist/chunks/{usePress-D9qOoxbA.es.js → usePress-HeLch-fy.es.js} +2 -2
- package/dist/chunks/{usePress-D9qOoxbA.es.js.map → usePress-HeLch-fy.es.js.map} +1 -1
- package/dist/chunks/{useSingleSelectListState-BawVWofI.cjs.js → useSingleSelectListState-CsD7W9nK.cjs.js} +2 -2
- package/dist/chunks/{useSingleSelectListState-BawVWofI.cjs.js.map → useSingleSelectListState-CsD7W9nK.cjs.js.map} +1 -1
- package/dist/chunks/{useSingleSelectListState-Bjn8R8w0.es.js → useSingleSelectListState-DcU-tU_H.es.js} +2 -2
- package/dist/chunks/{useSingleSelectListState-Bjn8R8w0.es.js.map → useSingleSelectListState-DcU-tU_H.es.js.map} +1 -1
- package/dist/chunks/{useToggle-Cc5uCpc9.es.js → useToggle-XQtoJnll.es.js} +2 -2
- package/dist/chunks/{useToggle-Cc5uCpc9.es.js.map → useToggle-XQtoJnll.es.js.map} +1 -1
- 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/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/checkbox.cjs +1 -1
- package/dist/components/checkbox.es.js +1 -1
- package/dist/components/collapsible-motion.cjs +1 -1
- package/dist/components/collapsible-motion.es.js +1 -1
- 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 +1 -1
- package/dist/components/data-table/components/data-table.layout-settings-panel.d.ts +4 -0
- package/dist/components/data-table/components/data-table.manager.d.ts +9 -0
- package/dist/components/data-table/components/data-table.visible-columns-panel.d.ts +7 -0
- package/dist/components/data-table/constants.d.ts +4 -0
- package/dist/components/data-table/data-table.d.ts +24 -1
- package/dist/components/data-table/data-table.i18n.d.ts +120 -0
- package/dist/components/data-table/data-table.slots.d.ts +2 -2
- package/dist/components/data-table/data-table.types.d.ts +20 -7
- package/dist/components/data-table/index.d.ts +1 -0
- package/dist/components/data-table/test-data.d.ts +4 -1
- package/dist/components/data-table.cjs +1 -1
- package/dist/components/data-table.es.js +10 -8
- 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-field.cjs +1 -1
- package/dist/components/date-range-picker-field.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 +1 -1
- package/dist/components/draggable-list.es.js +1 -1
- package/dist/components/drawer.cjs +1 -1
- package/dist/components/drawer.es.js +1 -1
- package/dist/components/fields.cjs +1 -1
- package/dist/components/fields.es.js +1 -1
- package/dist/components/form-field.cjs +1 -1
- package/dist/components/form-field.es.js +1 -1
- package/dist/components/heading.es.js +1 -1
- 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/link.es.js +1 -1
- package/dist/components/localized-field.cjs +1 -1
- package/dist/components/localized-field.es.js +1 -1
- package/dist/components/money-input.cjs +1 -1
- package/dist/components/money-input.es.js +1 -1
- 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 +1 -1
- package/dist/components/pagination.es.js +1 -1
- package/dist/components/password-input.cjs +1 -1
- package/dist/components/password-input.es.js +1 -1
- package/dist/components/patterns.cjs +1 -1
- package/dist/components/patterns.es.js +1 -1
- package/dist/components/popover.cjs +1 -1
- package/dist/components/popover.es.js +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 +1 -1
- package/dist/components/scoped-search-input.es.js +1 -1
- package/dist/components/search-input.cjs +1 -1
- package/dist/components/search-input.es.js +1 -1
- package/dist/components/select.cjs +1 -1
- package/dist/components/select.es.js +1 -1
- package/dist/components/separator.cjs +1 -1
- package/dist/components/separator.es.js +1 -1
- 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 +1 -1
- package/dist/components/tabs.es.js +1 -1
- 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/time-input.cjs +1 -1
- package/dist/components/time-input.es.js +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/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.es.js +136 -134
- package/dist/index.es.js.map +1 -1
- package/package.json +5 -5
- package/dist/chunks/DragAndDrop-35iVlv_E.cjs.js +0 -2
- package/dist/chunks/DragAndDrop-35iVlv_E.cjs.js.map +0 -1
- package/dist/chunks/DragAndDrop-Cu_xjzZg.es.js +0 -76
- package/dist/chunks/DragAndDrop-Cu_xjzZg.es.js.map +0 -1
- package/dist/chunks/Header-BE5dOA7y.es.js +0 -59
- package/dist/chunks/Header-BE5dOA7y.es.js.map +0 -1
- package/dist/chunks/Header-Ba1_guwA.cjs.js +0 -2
- package/dist/chunks/Header-Ba1_guwA.cjs.js.map +0 -1
- package/dist/chunks/ListBox-DkXFmzHf.cjs.js +0 -2
- package/dist/chunks/ListBox-DkXFmzHf.cjs.js.map +0 -1
- package/dist/chunks/ListBox-DxgCeXuN.es.js +0 -493
- package/dist/chunks/ListBox-DxgCeXuN.es.js.map +0 -1
- package/dist/chunks/ListKeyboardDelegate-BEarLHjT.cjs.js +0 -2
- package/dist/chunks/ListKeyboardDelegate-BEarLHjT.cjs.js.map +0 -1
- package/dist/chunks/ListKeyboardDelegate-ekIDdehS.es.js +0 -159
- package/dist/chunks/ListKeyboardDelegate-ekIDdehS.es.js.map +0 -1
- package/dist/chunks/combobox-CJEs8K1H.cjs.js +0 -2
- package/dist/chunks/data-table-DdnSEpEq.cjs.js +0 -2
- package/dist/chunks/data-table-DdnSEpEq.cjs.js.map +0 -1
- package/dist/chunks/data-table-zaE0wk1G.es.js +0 -3638
- package/dist/chunks/data-table-zaE0wk1G.es.js.map +0 -1
- package/dist/chunks/draggable-list-BB8IGQJ6.es.js.map +0 -1
- package/dist/chunks/draggable-list-DR2KKaO_.cjs.js.map +0 -1
- package/dist/chunks/index-BGkAxVw_.es.js.map +0 -1
- package/dist/chunks/index-CFfbr5i_.cjs.js.map +0 -1
- package/dist/chunks/inertValue-B7loUihk.es.js +0 -9
- package/dist/chunks/inertValue-B7loUihk.es.js.map +0 -1
- package/dist/chunks/inertValue-BWmZ1afe.cjs.js +0 -2
- package/dist/chunks/inertValue-BWmZ1afe.cjs.js.map +0 -1
- package/dist/chunks/select-CWaI47Kc.cjs.js +0 -2
- package/dist/chunks/tabs-BlcjUZnC.cjs.js +0 -2
- package/dist/chunks/tag-group-DexGJ8Hf.cjs.js +0 -2
- package/dist/chunks/useGridListItem-DSRAVcC0.es.js +0 -251
- package/dist/chunks/useGridListItem-DSRAVcC0.es.js.map +0 -1
- package/dist/chunks/useGridListItem-Dt8Kui_9.cjs.js +0 -2
- package/dist/chunks/useGridListItem-Dt8Kui_9.cjs.js.map +0 -1
- package/dist/chunks/useGridSelectionCheckbox-CB9AkcJ-.cjs.js +0 -2
- package/dist/chunks/useGridSelectionCheckbox-CB9AkcJ-.cjs.js.map +0 -1
- package/dist/chunks/useGridSelectionCheckbox-qNlOk_Zu.es.js +0 -23
- package/dist/chunks/useGridSelectionCheckbox-qNlOk_Zu.es.js.map +0 -1
- package/dist/chunks/useHighlightSelectionDescription-C37fwYgQ.cjs.js +0 -2
- package/dist/chunks/useHighlightSelectionDescription-C37fwYgQ.cjs.js.map +0 -1
- package/dist/chunks/useHighlightSelectionDescription-DH3XBG7f.es.js.map +0 -1
- package/dist/chunks/useListState-HM8Jsi0C.cjs.js +0 -2
- package/dist/chunks/useListState-HM8Jsi0C.cjs.js.map +0 -1
- package/dist/chunks/useListState-QNqJ2RZ-.es.js +0 -134
- package/dist/chunks/useListState-QNqJ2RZ-.es.js.map +0 -1
|
@@ -4,7 +4,7 @@ import { createSlotRecipeContext as y } from "@chakra-ui/react";
|
|
|
4
4
|
import { B as E } from "./box-DuBoAZvq.es.js";
|
|
5
5
|
import { S as R } from "./stack-CoNreM7B.es.js";
|
|
6
6
|
import { CheckCircleOutline as $, WarningAmber as w, Info as M, ErrorOutline as S, Clear as k } from "@commercetools/nimbus-icons";
|
|
7
|
-
import { I as P } from "./icon-button-
|
|
7
|
+
import { I as P } from "./icon-button-CKpO4Zvy.es.js";
|
|
8
8
|
import { defineMessages as j, useIntl as O } from "react-intl";
|
|
9
9
|
const { withProvider: W, withContext: o } = /* @__PURE__ */ y({
|
|
10
10
|
key: "alert"
|
|
@@ -135,4 +135,4 @@ export {
|
|
|
135
135
|
h as d,
|
|
136
136
|
v as e
|
|
137
137
|
};
|
|
138
|
-
//# sourceMappingURL=alert-
|
|
138
|
+
//# sourceMappingURL=alert-Dmucg4lE.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-DafE92Ep.es.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/alert.i18n.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n AlertActionsSlotProps,\n AlertDescriptionProps,\n AlertDismissButtonProps,\n AlertIconSlotProps,\n AlertRootSlotProps,\n AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"alert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\n \"div\",\n \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n \"div\",\n \"title\"\n);\n\nexport const AlertDescription = withContext<\n HTMLDivElement,\n AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconSlotProps>(\n \"div\",\n \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\n \"div\",\n \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n HTMLDivElement,\n AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport { Box } from \"../../box\";\nimport { Stack } from \"../../stack\";\nimport {\n CheckCircleOutline,\n ErrorOutline,\n Info,\n WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromTone = (tone: AlertProps[\"tone\"]) => {\n switch (tone) {\n case \"critical\":\n return <ErrorOutline />;\n case \"info\":\n return <Info />;\n case \"warning\":\n return <WarningAmber />;\n case \"positive\":\n return <CheckCircleOutline />;\n default:\n return null;\n }\n};\n\ntype AlertContextValue = {\n setTitle: (title: ReactNode) => void;\n setDescription: (description: ReactNode) => void;\n setActions: (actions: ReactNode) => void;\n setDismiss: (dismiss: ReactNode) => void;\n};\n\nexport const AlertContext = createContext<AlertContextValue | undefined>(\n undefined\n);\n\n/**\n * # Alert\n *\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n const { ref, children, ...restProps } = props;\n const [titleNode, setTitle] = useState<ReactNode>(null);\n const [descriptionNode, setDescription] = useState<ReactNode>(null);\n const [actionsNode, setActions] = useState<ReactNode>(null);\n const [dismissNode, setDismiss] = useState<ReactNode>(null);\n\n // Memoize the context value so we don't cause unnecessary re-renders\n const contextValue = useMemo(\n () => ({\n setTitle,\n setDescription,\n setActions,\n setDismiss,\n }),\n [setTitle, setDescription, setActions, setDismiss]\n );\n\n return (\n <AlertContext.Provider value={contextValue}>\n <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n <AlertIcon alignItems=\"flex-start\">\n {getIconFromTone(restProps.tone)}\n </AlertIcon>\n <Stack flex=\"1\" gap=\"200\">\n <Box>\n {titleNode}\n {descriptionNode}\n </Box>\n {actionsNode}\n </Stack>\n {dismissNode}\n\n {children}\n </AlertRootSlot>\n </AlertContext.Provider>\n );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertTitleSlot {...props} fontWeight=\"600\">\n {children}\n </AlertTitleSlot>\n );\n // Register it with the parent\n context.setTitle(slotElement);\n\n // On unmount, remove it\n return () => context.setTitle(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertDescription = ({\n children,\n ...props\n}: AlertDescriptionProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>\n );\n // Register it with the parent\n context.setDescription(slotElement);\n\n // On unmount, remove it\n return () => context.setDescription(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertActionsSlot {...props}>{children}</AlertActionsSlot>\n );\n // Register it with the parent\n context.setActions(slotElement);\n\n // On unmount, remove it\n return () => context.setActions(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n dismiss: {\n id: \"Nimbus.Alert.dismiss\",\n description: \"aria-label for the dismiss button in an alert\",\n defaultMessage: \"Dismiss\",\n },\n});\n","import { useContext, useEffect } from \"react\";\nimport { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { AlertContext } from \"./alert.root\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../alert.i18n\";\n\nexport const AlertDismissButton = ({\n children,\n ...props\n}: AlertDismissButtonProps) => {\n const context = useContext(AlertContext);\n const intl = useIntl();\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDismissButtonSlot>\n <IconButton\n aria-label={intl.formatMessage(messages.dismiss)}\n {...props}\n variant=\"ghost\"\n size=\"2xs\"\n >\n <Clear role=\"img\" />\n </IconButton>\n </AlertDismissButtonSlot>\n );\n // Register it with the parent\n context.setDismiss(slotElement);\n\n // On unmount, remove it\n return () => context.setDismiss(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import { AlertTitle } from \"./components/alert.title\";\nimport { AlertDescription } from \"./components/alert.description\";\nimport { AlertActions } from \"./components/alert.actions\";\nimport { AlertDismissButton } from \"./components/alert.dismiss-button\";\nimport { AlertRoot } from \"./components/alert.root\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n */\nexport const Alert = {\n Root: AlertRoot,\n Title: AlertTitle,\n Description: AlertDescription,\n Actions: AlertActions,\n DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n AlertRoot as _AlertRoot,\n AlertTitle as _AlertTitle,\n AlertDescription as _AlertDescription,\n AlertActions as _AlertActions,\n AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromTone","tone","ErrorOutline","Info","WarningAmber","CheckCircleOutline","AlertContext","createContext","props","ref","children","restProps","titleNode","setTitle","useState","descriptionNode","setDescription","actionsNode","setActions","dismissNode","setDismiss","contextValue","useMemo","jsx","jsxs","AlertRootSlot","Stack","Box","context","useContext","useEffect","slotElement","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","messages","defineMessages","intl","useIntl","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"alert-Dmucg4lE.es.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/alert.i18n.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n AlertActionsSlotProps,\n AlertDescriptionProps,\n AlertDismissButtonProps,\n AlertIconSlotProps,\n AlertRootSlotProps,\n AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"alert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\n \"div\",\n \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n \"div\",\n \"title\"\n);\n\nexport const AlertDescription = withContext<\n HTMLDivElement,\n AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconSlotProps>(\n \"div\",\n \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\n \"div\",\n \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n HTMLDivElement,\n AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport { Box } from \"../../box\";\nimport { Stack } from \"../../stack\";\nimport {\n CheckCircleOutline,\n ErrorOutline,\n Info,\n WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromTone = (tone: AlertProps[\"tone\"]) => {\n switch (tone) {\n case \"critical\":\n return <ErrorOutline />;\n case \"info\":\n return <Info />;\n case \"warning\":\n return <WarningAmber />;\n case \"positive\":\n return <CheckCircleOutline />;\n default:\n return null;\n }\n};\n\ntype AlertContextValue = {\n setTitle: (title: ReactNode) => void;\n setDescription: (description: ReactNode) => void;\n setActions: (actions: ReactNode) => void;\n setDismiss: (dismiss: ReactNode) => void;\n};\n\nexport const AlertContext = createContext<AlertContextValue | undefined>(\n undefined\n);\n\n/**\n * # Alert\n *\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n const { ref, children, ...restProps } = props;\n const [titleNode, setTitle] = useState<ReactNode>(null);\n const [descriptionNode, setDescription] = useState<ReactNode>(null);\n const [actionsNode, setActions] = useState<ReactNode>(null);\n const [dismissNode, setDismiss] = useState<ReactNode>(null);\n\n // Memoize the context value so we don't cause unnecessary re-renders\n const contextValue = useMemo(\n () => ({\n setTitle,\n setDescription,\n setActions,\n setDismiss,\n }),\n [setTitle, setDescription, setActions, setDismiss]\n );\n\n return (\n <AlertContext.Provider value={contextValue}>\n <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n <AlertIcon alignItems=\"flex-start\">\n {getIconFromTone(restProps.tone)}\n </AlertIcon>\n <Stack flex=\"1\" gap=\"200\">\n <Box>\n {titleNode}\n {descriptionNode}\n </Box>\n {actionsNode}\n </Stack>\n {dismissNode}\n\n {children}\n </AlertRootSlot>\n </AlertContext.Provider>\n );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertTitleSlot {...props} fontWeight=\"600\">\n {children}\n </AlertTitleSlot>\n );\n // Register it with the parent\n context.setTitle(slotElement);\n\n // On unmount, remove it\n return () => context.setTitle(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertDescription = ({\n children,\n ...props\n}: AlertDescriptionProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>\n );\n // Register it with the parent\n context.setDescription(slotElement);\n\n // On unmount, remove it\n return () => context.setDescription(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertActionsSlot {...props}>{children}</AlertActionsSlot>\n );\n // Register it with the parent\n context.setActions(slotElement);\n\n // On unmount, remove it\n return () => context.setActions(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n dismiss: {\n id: \"Nimbus.Alert.dismiss\",\n description: \"aria-label for the dismiss button in an alert\",\n defaultMessage: \"Dismiss\",\n },\n});\n","import { useContext, useEffect } from \"react\";\nimport { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { AlertContext } from \"./alert.root\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../alert.i18n\";\n\nexport const AlertDismissButton = ({\n children,\n ...props\n}: AlertDismissButtonProps) => {\n const context = useContext(AlertContext);\n const intl = useIntl();\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDismissButtonSlot>\n <IconButton\n aria-label={intl.formatMessage(messages.dismiss)}\n {...props}\n variant=\"ghost\"\n size=\"2xs\"\n >\n <Clear role=\"img\" />\n </IconButton>\n </AlertDismissButtonSlot>\n );\n // Register it with the parent\n context.setDismiss(slotElement);\n\n // On unmount, remove it\n return () => context.setDismiss(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import { AlertTitle } from \"./components/alert.title\";\nimport { AlertDescription } from \"./components/alert.description\";\nimport { AlertActions } from \"./components/alert.actions\";\nimport { AlertDismissButton } from \"./components/alert.dismiss-button\";\nimport { AlertRoot } from \"./components/alert.root\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n */\nexport const Alert = {\n Root: AlertRoot,\n Title: AlertTitle,\n Description: AlertDescription,\n Actions: AlertActions,\n DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n AlertRoot as _AlertRoot,\n AlertTitle as _AlertTitle,\n AlertDescription as _AlertDescription,\n AlertActions as _AlertActions,\n AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromTone","tone","ErrorOutline","Info","WarningAmber","CheckCircleOutline","AlertContext","createContext","props","ref","children","restProps","titleNode","setTitle","useState","descriptionNode","setDescription","actionsNode","setActions","dismissNode","setDismiss","contextValue","useMemo","jsx","jsxs","AlertRootSlot","Stack","Box","context","useContext","useEffect","slotElement","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","messages","defineMessages","intl","useIntl","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as $ } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as u } from "react";
|
|
3
|
-
import { $ as i } from "./Button-
|
|
3
|
+
import { $ as i } from "./Button-SjGHt140.es.js";
|
|
4
4
|
import { $ as x } from "./utils-_m_bPtjI.es.js";
|
|
5
5
|
import { createRecipeContext as R, mergeRefs as P } from "@chakra-ui/react";
|
|
6
6
|
import { b as h } from "./toggle-button-group.recipe-CbCnJQP3.es.js";
|
|
7
7
|
import { i as y } from "./emotion-is-prop-valid.esm-BUuA3iy8.es.js";
|
|
8
|
-
import { s as B } from "./index-
|
|
8
|
+
import { s as B } from "./index-pVzMA0Um.es.js";
|
|
9
9
|
import { $ as C } from "./useObjectRef-CaJ5pgjX.es.js";
|
|
10
10
|
import { $ as v } from "./mergeProps-DtKAFxbD.es.js";
|
|
11
|
-
import { $ as w } from "./useButton-
|
|
11
|
+
import { $ as w } from "./useButton-C6AOJI9V.es.js";
|
|
12
12
|
const { withContext: g } = /* @__PURE__ */ R({
|
|
13
13
|
recipe: h
|
|
14
14
|
}), j = /* @__PURE__ */ g(
|
|
@@ -62,4 +62,4 @@ const E = /* @__PURE__ */ Object.assign(c, {
|
|
|
62
62
|
export {
|
|
63
63
|
E as B
|
|
64
64
|
};
|
|
65
|
-
//# sourceMappingURL=button-
|
|
65
|
+
//# sourceMappingURL=button-BYK9-Rwz.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-
|
|
1
|
+
{"version":3,"file":"button-BYK9-Rwz.es.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\nconst { withContext } = createRecipeContext({\n recipe: buttonRecipe,\n});\n\n/**\n * Root component that provides the styling context for the Button component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ButtonRoot = withContext<HTMLButtonElement, ButtonRootSlotProps>(\n \"button\",\n {\n defaultProps: {\n type: \"button\",\n },\n /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n shouldForwardProp(prop, variantKeys) {\n const chakraSfp =\n !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n },\n }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef, mergeProps } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nconst ButtonComponent = (props: ButtonProps) => {\n const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n // create a local ref (because the consumer may not provide a forwardedRef)\n const localRef = useRef<HTMLButtonElement>(null);\n // merge the local ref with a potentially forwarded ref\n const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n // Consume context props based on slot (this enables slot-aware behavior)\n const [contextProps, contextRef] = useContextProps(\n rest,\n baseRef,\n ButtonContext\n );\n\n // if asChild is set, for react-aria to add the button-role, the elementType\n // has to be manually set to something else than button\n\n const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n const { buttonProps } = useButton(\n {\n ...contextProps,\n elementType,\n },\n contextRef\n );\n\n const componentProps = mergeProps(contextProps, buttonProps, {\n as,\n asChild,\n /**\n * In case `slot` was null, the `useContextProps` hook already\n * processed it at this point, so it's safe to not attach it\n * to the DOM element\n */\n slot: contextProps.slot || undefined,\n });\n\n return (\n <ButtonRoot\n ref={contextRef}\n {...componentProps}\n aria-disabled={componentProps.isDisabled || undefined}\n data-disabled={componentProps.isDisabled || undefined}\n >\n {children}\n </ButtonRoot>\n );\n};\n\n// Manually assign a displayName for debugging purposes\nButtonComponent.displayName = \"Button\";\n\n/**\n * ### Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button: typeof ButtonComponent & {\n // TypeScript can't properly name the internal React Aria types when inferring\n // Button.Context, so we explicitly type it using typeof and Object.assign\n /**\n * ### Button.Context\n *\n * Re-exports React-Aria's `ButtonContext`\n *\n * For advanced use cases, **you generally will not need this**\n *\n * @see {@link https://react-spectrum.adobe.com/react-aria/advanced.html#contexts}\n * @see {@link https://react-spectrum.adobe.com/react-aria/Button.html#contexts}\n */\n Context: typeof ButtonContext;\n} = Object.assign(ButtonComponent, {\n Context: ButtonContext,\n});\n"],"names":["withContext","createRecipeContext","buttonRecipe","ButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","ButtonComponent","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","useButton","componentProps","mergeProps","jsx","Button"],"mappings":";;;;;;;;;;;AAMA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAMYC,IAAa,gBAAAH;AAAA,EACxB;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IAAA;AAAA;AAAA,IAGR,kBAAkBI,GAAMC,GAAa;AACnC,YAAMC,IACJ,CAACD,GAAa,SAASD,CAAI,KAAK,CAACG,EAAO,gBAAgBH,CAAI;AAC9D,aAAOI,EAAkBJ,CAAI,KAAKE,KAAa,CAACF,EAAK,SAAS,SAAS;AAAA,IACzE;AAAA,EAAA;AAEJ,GCbMK,IAAkB,CAACC,MAAuB;AAC9C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,SAAAC,GAAS,UAAAC,GAAU,GAAGC,MAASL,GAGxDM,IAAWC,EAA0B,IAAI,GAEzCC,IAAUC,EAAaC,EAAUJ,GAAUL,CAAY,CAAC,GAGxD,CAACU,GAAcC,CAAU,IAAIC;AAAAA,IACjCR;AAAA,IACAG;AAAA,IACAM;AAAAA,EAAA,GAMIC,IAAcb,MAAOC,IAAU,MAAM,WAErC,EAAE,aAAAa,MAAgBC;AAAAA,IACtB;AAAA,MACE,GAAGN;AAAA,MACH,aAAAI;AAAA,IAAA;AAAA,IAEFH;AAAA,EAAA,GAGIM,IAAiBC,EAAWR,GAAcK,GAAa;AAAA,IAC3D,IAAAd;AAAA,IACA,SAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAMQ,EAAa,QAAQ;AAAA,EAAA,CAC5B;AAED,SACE,gBAAAS;AAAA,IAAC3B;AAAA,IAAA;AAAA,MACC,KAAKmB;AAAA,MACJ,GAAGM;AAAA,MACJ,iBAAeA,EAAe,cAAc;AAAA,MAC5C,iBAAeA,EAAe,cAAc;AAAA,MAE3C,UAAAd;AAAA,IAAA;AAAA,EAAA;AAGP;AAGAL,EAAgB,cAAc;AASvB,MAAMsB,IAcT,uBAAO,OAAOtB,GAAiB;AAAA,EACjC,SAASe;AACX,CAAC;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const x=require("react/jsx-runtime"),R=require("react"),i=require("./Button-DLCecw8f.cjs.js"),q=require("./utils-DVb3jcp5.cjs.js"),d=require("@chakra-ui/react"),m=require("./toggle-button-group.recipe-DgySRvOW.cjs.js"),P=require("./emotion-is-prop-valid.esm-ux_11lix.cjs.js"),B=require("./index-
|
|
2
|
-
//# sourceMappingURL=button-
|
|
1
|
+
"use strict";const x=require("react/jsx-runtime"),R=require("react"),i=require("./Button-DLCecw8f.cjs.js"),q=require("./utils-DVb3jcp5.cjs.js"),d=require("@chakra-ui/react"),m=require("./toggle-button-group.recipe-DgySRvOW.cjs.js"),P=require("./emotion-is-prop-valid.esm-ux_11lix.cjs.js"),B=require("./index-D6Ew5ZKz.cjs.js"),g=require("./useObjectRef-4v2MxSjQ.cjs.js"),h=require("./mergeProps-CxnHrnow.cjs.js"),y=require("./useButton-BwsmYrml.cjs.js"),{withContext:C}=d.createRecipeContext({recipe:m.buttonRecipe}),j=C("button",{defaultProps:{type:"button"},shouldForwardProp(e,o){const t=!o?.includes(e)&&!B.system.isValidProperty(e);return P.isPropValid(e)&&t&&!e.includes("onPress")}}),a=e=>{const{ref:o,as:t,asChild:n,children:u,...b}=e,f=R.useRef(null),l=g.$df56164dff5785e2$export$4338b53315abf666(d.mergeRefs(f,o)),[s,c]=q.$64fa3d84918910a7$export$29f1550f4b0d4415(b,l,i.$d2b4bc8c273e7be6$export$24d547caef80ccd1),$=t||(n?"a":"button"),{buttonProps:p}=y.$701a24aa0da5b062$export$ea18c227d4417cc3({...s,elementType:$},c),r=h.$3ef42575df84b30b$export$9d1611c77c2fe928(s,p,{as:t,asChild:n,slot:s.slot||void 0});return x.jsx(j,{ref:c,...r,"aria-disabled":r.isDisabled||void 0,"data-disabled":r.isDisabled||void 0,children:u})};a.displayName="Button";const v=Object.assign(a,{Context:i.$d2b4bc8c273e7be6$export$24d547caef80ccd1});exports.Button=v;
|
|
2
|
+
//# sourceMappingURL=button-Cj_eyghC.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-
|
|
1
|
+
{"version":3,"file":"button-Cj_eyghC.cjs.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\nconst { withContext } = createRecipeContext({\n recipe: buttonRecipe,\n});\n\n/**\n * Root component that provides the styling context for the Button component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ButtonRoot = withContext<HTMLButtonElement, ButtonRootSlotProps>(\n \"button\",\n {\n defaultProps: {\n type: \"button\",\n },\n /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n shouldForwardProp(prop, variantKeys) {\n const chakraSfp =\n !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n },\n }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef, mergeProps } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nconst ButtonComponent = (props: ButtonProps) => {\n const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n // create a local ref (because the consumer may not provide a forwardedRef)\n const localRef = useRef<HTMLButtonElement>(null);\n // merge the local ref with a potentially forwarded ref\n const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n // Consume context props based on slot (this enables slot-aware behavior)\n const [contextProps, contextRef] = useContextProps(\n rest,\n baseRef,\n ButtonContext\n );\n\n // if asChild is set, for react-aria to add the button-role, the elementType\n // has to be manually set to something else than button\n\n const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n const { buttonProps } = useButton(\n {\n ...contextProps,\n elementType,\n },\n contextRef\n );\n\n const componentProps = mergeProps(contextProps, buttonProps, {\n as,\n asChild,\n /**\n * In case `slot` was null, the `useContextProps` hook already\n * processed it at this point, so it's safe to not attach it\n * to the DOM element\n */\n slot: contextProps.slot || undefined,\n });\n\n return (\n <ButtonRoot\n ref={contextRef}\n {...componentProps}\n aria-disabled={componentProps.isDisabled || undefined}\n data-disabled={componentProps.isDisabled || undefined}\n >\n {children}\n </ButtonRoot>\n );\n};\n\n// Manually assign a displayName for debugging purposes\nButtonComponent.displayName = \"Button\";\n\n/**\n * ### Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button: typeof ButtonComponent & {\n // TypeScript can't properly name the internal React Aria types when inferring\n // Button.Context, so we explicitly type it using typeof and Object.assign\n /**\n * ### Button.Context\n *\n * Re-exports React-Aria's `ButtonContext`\n *\n * For advanced use cases, **you generally will not need this**\n *\n * @see {@link https://react-spectrum.adobe.com/react-aria/advanced.html#contexts}\n * @see {@link https://react-spectrum.adobe.com/react-aria/Button.html#contexts}\n */\n Context: typeof ButtonContext;\n} = Object.assign(ButtonComponent, {\n Context: ButtonContext,\n});\n"],"names":["withContext","createRecipeContext","buttonRecipe","ButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","ButtonComponent","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","useButton","componentProps","mergeProps","jsx","Button"],"mappings":"qcAMM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQC,EAAAA,YACV,CAAC,EAMYC,EAAaH,EACxB,SACA,CACE,aAAc,CACZ,KAAM,QAAA,EAGR,kBAAkBI,EAAMC,EAAa,CACnC,MAAMC,EACJ,CAACD,GAAa,SAASD,CAAI,GAAK,CAACG,EAAAA,OAAO,gBAAgBH,CAAI,EAC9D,OAAOI,EAAAA,YAAkBJ,CAAI,GAAKE,GAAa,CAACF,EAAK,SAAS,SAAS,CACzE,CAAA,CAEJ,ECbMK,EAAmBC,GAAuB,CAC9C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,QAAAC,EAAS,SAAAC,EAAU,GAAGC,GAASL,EAGxDM,EAAWC,EAAAA,OAA0B,IAAI,EAEzCC,EAAUC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUL,CAAY,CAAC,EAGxD,CAACU,EAAcC,CAAU,EAAIC,EAAAA,0CACjCR,EACAG,EACAM,EAAAA,yCAAA,EAMIC,EAAcb,IAAOC,EAAU,IAAM,UAErC,CAAE,YAAAa,GAAgBC,EAAAA,0CACtB,CACE,GAAGN,EACH,YAAAI,CAAA,EAEFH,CAAA,EAGIM,EAAiBC,EAAAA,0CAAWR,EAAcK,EAAa,CAC3D,GAAAd,EACA,QAAAC,EAMA,KAAMQ,EAAa,MAAQ,MAAA,CAC5B,EAED,OACES,EAAAA,IAAC3B,EAAA,CACC,IAAKmB,EACJ,GAAGM,EACJ,gBAAeA,EAAe,YAAc,OAC5C,gBAAeA,EAAe,YAAc,OAE3C,SAAAd,CAAA,CAAA,CAGP,EAGAL,EAAgB,YAAc,SASvB,MAAMsB,EAcT,OAAO,OAAOtB,EAAiB,CACjC,QAASe,EAAAA,yCACX,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),a=require("./Heading-kcnZ-PKv.cjs.js"),D=require("@chakra-ui/react"),$=require("react"),c=require("./useDateFormatter-WCaFojul.cjs.js"),m=require("./utils-DVb3jcp5.cjs.js"),S=require("./context-CyT9C4U4.cjs.js"),q=require("./box-CWni3A32.cjs.js"),u=require("@commercetools/nimbus-icons"),y=require("./stack-CIN13EDn.cjs.js"),j=require("./text-BtRhIklG.cjs.js"),P=require("@chakra-ui/react/flex"),R=require("./visually-hidden-BjtXUoFK.cjs.js"),h=require("./icon-button-
|
|
2
|
-
//# sourceMappingURL=calendar-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),a=require("./Heading-kcnZ-PKv.cjs.js"),D=require("@chakra-ui/react"),$=require("react"),c=require("./useDateFormatter-WCaFojul.cjs.js"),m=require("./utils-DVb3jcp5.cjs.js"),S=require("./context-CyT9C4U4.cjs.js"),q=require("./box-CWni3A32.cjs.js"),u=require("@commercetools/nimbus-icons"),y=require("./stack-CIN13EDn.cjs.js"),j=require("./text-BtRhIklG.cjs.js"),P=require("@chakra-ui/react/flex"),R=require("./visually-hidden-BjtXUoFK.cjs.js"),h=require("./icon-button-Dpm72ZM3.cjs.js"),I=require("./index-D6Ew5ZKz.cjs.js"),T=require("@chakra-ui/react/styled-system"),B=require("./extract-style-props-CVeaQf1Q.cjs.js"),v=require("./Button-DLCecw8f.cjs.js"),C=require("./Text-BWSfeB9p.cjs.js"),w=require("react-intl"),{withProvider:N,withContext:i}=D.createSlotRecipeContext({key:"calendar"}),H=N("div","root"),A=i("div","header"),F=i("div","grids"),G=i("div","monthTitle"),L=i("table","grid"),Y=i("thead","gridHeader"),k=i("th","headerCell"),z=i("tbody","gridBody"),K=i("td","bodyCell"),V=()=>{const{locale:d}=S.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),n=m.$64fa3d84918910a7$export$fabf2dc03a41866e(a.$dfd62f934fc76fed$export$3b805cea1f178355),t=$.useContext(a.$dfd62f934fc76fed$export$9e31dcedda1dadc7),r=n?.visibleDuration?.months||1,s=c.$14e0f24ef4ac5c92$export$d0bdf45af03a6ea3(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()),o=r>1;return e.jsx(F,{children:Array.from({length:r},(g,f)=>{const p=t.visibleRange.start.add({months:f}),x=new Intl.DateTimeFormat(d,{month:"long"}).format(p.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()));return e.jsxs(q.Box,{width:r==1?"full":"auto",children:[o&&e.jsx(G,{children:x}),e.jsx(L,{asChild:!0,children:e.jsxs(a.$dfd62f934fc76fed$export$5bd780d491cfc46c,{offset:{months:f},weekdayStyle:"short",children:[e.jsx(Y,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$22e2d15eaa4d2377,{children:l=>e.jsx(k,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$ad2135cac3a11b3d,{children:l})})})}),e.jsx(z,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$e11f8ba65d857bff,{children:l=>{const M=l.compare(s)===0;return e.jsx(K,{asChild:!0,"data-today":M,children:e.jsx(a.$dfd62f934fc76fed$export$5d847498420df57b,{date:l})})}})})]})})]},x)})})},W=()=>{const t=(m.$64fa3d84918910a7$export$fabf2dc03a41866e(a.$dfd62f934fc76fed$export$3b805cea1f178355)?.visibleDuration?.months||1)>1;return e.jsx(A,{children:e.jsxs(P.Flex,{children:[e.jsxs(y.Stack,{direction:"row",alignItems:"center",children:[e.jsx(R.VisuallyHidden,{children:e.jsx(a.$5cb03073d3f54797$export$a8a3e93435678ff9,{})}),e.jsx(h.IconButton,{slot:t?"previous":"previous-month",size:"xs",variant:"ghost",tone:"primary",children:e.jsx(u.KeyboardArrowLeft,{})}),e.jsx(j.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:t?"4000":"2000",textAlign:"center","aria-hidden":"true",slot:t?"monthRange":"month"}),e.jsx(h.IconButton,{slot:t?"next":"next-month",size:"xs",variant:"ghost",tone:"primary",children:e.jsx(u.KeyboardArrowRight,{})})]}),e.jsx(q.Box,{flexGrow:"1"}),e.jsxs(y.Stack,{direction:"row",alignItems:"center",children:[e.jsx(h.IconButton,{slot:"previous-year",size:"xs",variant:"ghost",tone:"primary",children:e.jsx(u.KeyboardArrowLeft,{})}),e.jsx(j.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:"1400",textAlign:"center","aria-hidden":"true",slot:"year"}),e.jsx(h.IconButton,{slot:"next-year",size:"xs",variant:"ghost",tone:"primary",children:e.jsx(u.KeyboardArrowRight,{})})]})]})})},b=w.defineMessages({nextMonth:{id:"Nimbus.Calendar.nextMonth",description:"aria-label for next month navigation button",defaultMessage:"Next month"},previousMonth:{id:"Nimbus.Calendar.previousMonth",description:"aria-label for previous month navigation button",defaultMessage:"Previous month"},nextYear:{id:"Nimbus.Calendar.nextYear",description:"aria-label for next year navigation button",defaultMessage:"Next year"},previousYear:{id:"Nimbus.Calendar.previousYear",description:"aria-label for previous year navigation button",defaultMessage:"Previous year"}}),_=({children:d})=>{const n=w.useIntl(),{locale:t}=S.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),r=$.useContext(v.$d2b4bc8c273e7be6$export$24d547caef80ccd1),s=$.useContext(C.$514c0188e459b4c0$export$9afb8bc826b033ea),o=$.useContext(a.$dfd62f934fc76fed$export$9e31dcedda1dadc7),g={"next-month":{onPress:()=>o.focusNextSection(),"aria-label":n.formatMessage(b.nextMonth)},"previous-month":{onPress:()=>o.focusPreviousSection(),"aria-label":n.formatMessage(b.previousMonth)},"next-year":{onPress:()=>o.focusNextSection(!0),"aria-label":n.formatMessage(b.nextYear)},"previous-year":{onPress:()=>o.focusPreviousSection(!0),"aria-label":n.formatMessage(b.previousYear)}},f=new Intl.DateTimeFormat(t,{month:"long"}).format(o.focusedDate.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),p=[new Intl.DateTimeFormat(t,{month:"long"}).format(o.visibleRange.start.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),new Intl.DateTimeFormat(t,{month:"long"}).format(o.visibleRange.end.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()))].join(" - "),x=new Intl.DateTimeFormat(t,{year:"numeric"}).format(o.focusedDate.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),l={month:{children:f},monthRange:{children:p},year:{children:x}};return e.jsx(m.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...r,slots:{...r&&typeof r=="object"&&"slots"in r?r.slots:{},...g}}],[C.$514c0188e459b4c0$export$9afb8bc826b033ea,{...s,slots:{...s&&typeof s=="object"&&"slots"in s?s.slots:{},...l}}]],children:d})},E=d=>{const n=T.useRecipe({recipe:I.calendarSlotRecipe}),[t,r]=n.splitVariantProps(d),[s,o]=B.extractStyleProps(r);return e.jsx(H,{...t,...s,asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$e1aef45b828286de,{...o,children:e.jsxs(_,{children:[e.jsx(W,{}),e.jsx(V,{})]})})})};exports.Calendar=E;
|
|
2
|
+
//# sourceMappingURL=calendar-BL54SDy8.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-Kd_2ZJIo.cjs.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/components/calendar.grids.tsx","../../src/components/calendar/components/calendar.header.tsx","../../src/components/calendar/calendar.i18n.ts","../../src/components/calendar/components/calendar.custom-context.tsx","../../src/components/calendar/calendar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n CalendarCellSlotProps,\n CalendarGridBodySlotProps,\n CalendarGridHeaderSlotProps,\n CalendarGridSlotProps,\n CalendarGridsSlotProps,\n CalendarHeaderCellSlotProps,\n CalendarHeaderSlotProps,\n CalendarMonthTitleSlotProps,\n CalendarRootSlotProps,\n} from \"./calendar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"calendar\",\n});\n\nexport const CalendarRootSlot: SlotComponent<\n HTMLDivElement,\n CalendarRootSlotProps\n> = withProvider<HTMLDivElement, CalendarRootSlotProps>(\"div\", \"root\");\n\nexport const CalendarHeaderSlot = withContext<\n HTMLDivElement,\n CalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport const CalendarGridsSlot = withContext<\n HTMLDivElement,\n CalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport const CalendarMonthTitleSlot = withContext<\n HTMLDivElement,\n CalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport const CalendarGridSlot = withContext<\n HTMLTableElement,\n CalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport const CalendarGridHeaderSlot = withContext<\n HTMLTableSectionElement,\n CalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport const CalendarHeaderCellSlot = withContext<\n HTMLTableCellElement,\n CalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport const CalendarGridBodySlot = withContext<\n HTMLTableSectionElement,\n CalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport const CalendarCellSlot = withContext<\n HTMLTableCellElement,\n CalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n CalendarGrid as RaCalendarGrid,\n CalendarGridBody as RaCalendarGridBody,\n CalendarGridHeader as RaCalendarGridHeader,\n CalendarHeaderCell as RaCalendarHeaderCell,\n CalendarCell as RaCalendarCell,\n useSlottedContext,\n CalendarContext,\n CalendarStateContext,\n useLocale,\n} from \"react-aria-components\";\n\nimport { Box } from \"@/components\";\n\nimport {\n CalendarCellSlot,\n CalendarGridBodySlot,\n CalendarGridHeaderSlot,\n CalendarGridSlot,\n CalendarGridsSlot,\n CalendarHeaderCellSlot,\n CalendarMonthTitleSlot,\n} from \"../calendar.slots\";\n\nexport const CalendarGrids = () => {\n const { locale } = useLocale();\n const context = useSlottedContext(CalendarContext);\n const calendarState = useContext(CalendarStateContext)!;\n const visibleMonthsCount = context?.visibleDuration?.months || 1;\n const todayDate = today(getLocalTimeZone());\n const showMonthTitles = visibleMonthsCount > 1;\n\n return (\n <CalendarGridsSlot>\n {Array.from({ length: visibleMonthsCount }, (_, index) => {\n const gridDate = calendarState.visibleRange.start.add({\n months: index,\n });\n const monthName = new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(gridDate.toDate(getLocalTimeZone()));\n\n return (\n <Box\n key={monthName}\n width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n >\n {showMonthTitles && (\n <CalendarMonthTitleSlot>{monthName}</CalendarMonthTitleSlot>\n )}\n <CalendarGridSlot asChild>\n <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n <CalendarGridHeaderSlot asChild>\n <RaCalendarGridHeader>\n {(day) => (\n <CalendarHeaderCellSlot asChild>\n <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n </CalendarHeaderCellSlot>\n )}\n </RaCalendarGridHeader>\n </CalendarGridHeaderSlot>\n <CalendarGridBodySlot asChild>\n <RaCalendarGridBody>\n {(date) => {\n const isToday = date.compare(todayDate) === 0;\n return (\n <CalendarCellSlot asChild data-today={isToday}>\n <RaCalendarCell date={date} />\n </CalendarCellSlot>\n );\n }}\n </RaCalendarGridBody>\n </CalendarGridBodySlot>\n </RaCalendarGrid>\n </CalendarGridSlot>\n </Box>\n );\n })}\n </CalendarGridsSlot>\n );\n};\n","import {\n CalendarContext,\n Heading,\n useSlottedContext,\n} from \"react-aria-components\";\nimport {\n Box,\n Flex,\n IconButton,\n Stack,\n Text,\n VisuallyHidden,\n} from \"@/components\";\nimport {\n KeyboardArrowLeft,\n KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { CalendarHeaderSlot } from \"../calendar.slots\";\n\nexport const CalendarHeader = () => {\n const calendarProps = useSlottedContext(CalendarContext);\n\n // Needed to decide wether to show a single month or a range\n const visibleDurationMonths = calendarProps?.visibleDuration?.months || 1;\n const showRangeLabel = visibleDurationMonths > 1;\n\n return (\n <CalendarHeaderSlot>\n <Flex>\n <Stack direction=\"row\" alignItems=\"center\">\n {/** solely for screen readers, if not present, a11y issues are raised */}\n <VisuallyHidden>\n <Heading />\n </VisuallyHidden>\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton\n slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n size=\"xs\"\n variant=\"ghost\"\n tone=\"primary\"\n >\n <KeyboardArrowLeft />\n </IconButton>\n <Text\n textStyle=\"sm\"\n fontWeight=\"500\"\n color=\"neutral.11\"\n width={showRangeLabel ? \"4000\" : \"2000\"}\n textAlign=\"center\"\n aria-hidden=\"true\"\n slot={showRangeLabel ? \"monthRange\" : \"month\"}\n />\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton\n slot={showRangeLabel ? \"next\" : \"next-month\"}\n size=\"xs\"\n variant=\"ghost\"\n tone=\"primary\"\n >\n <KeyboardArrowRight />\n </IconButton>\n </Stack>\n <Box flexGrow=\"1\" />\n <Stack direction=\"row\" alignItems=\"center\">\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton\n slot=\"previous-year\"\n size=\"xs\"\n variant=\"ghost\"\n tone=\"primary\"\n >\n <KeyboardArrowLeft />\n </IconButton>\n <Text\n textStyle=\"sm\"\n fontWeight=\"500\"\n color=\"neutral.11\"\n width=\"1400\"\n textAlign=\"center\"\n aria-hidden=\"true\"\n slot=\"year\"\n />\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton slot=\"next-year\" size=\"xs\" variant=\"ghost\" tone=\"primary\">\n <KeyboardArrowRight />\n </IconButton>\n </Stack>\n </Flex>\n </CalendarHeaderSlot>\n );\n};\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n nextMonth: {\n id: \"Nimbus.Calendar.nextMonth\",\n description: \"aria-label for next month navigation button\",\n defaultMessage: \"Next month\",\n },\n previousMonth: {\n id: \"Nimbus.Calendar.previousMonth\",\n description: \"aria-label for previous month navigation button\",\n defaultMessage: \"Previous month\",\n },\n nextYear: {\n id: \"Nimbus.Calendar.nextYear\",\n description: \"aria-label for next year navigation button\",\n defaultMessage: \"Next year\",\n },\n previousYear: {\n id: \"Nimbus.Calendar.previousYear\",\n description: \"aria-label for previous year navigation button\",\n defaultMessage: \"Previous year\",\n },\n});\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n Provider,\n ButtonContext,\n CalendarStateContext,\n TextContext,\n useLocale,\n} from \"react-aria-components\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../calendar.i18n\";\n\nexport const CalendarCustomContext = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const intl = useIntl();\n const { locale } = useLocale();\n const buttonContext = useContext(ButtonContext)!;\n const textContext = useContext(TextContext)!;\n const calendarState = useContext(CalendarStateContext)!;\n\n /**\n * Button slots\n * ================================\n */\n const buttonSlots = {\n \"next-month\": {\n onPress: () => calendarState.focusNextSection(),\n \"aria-label\": intl.formatMessage(messages.nextMonth),\n },\n \"previous-month\": {\n onPress: () => calendarState.focusPreviousSection(),\n \"aria-label\": intl.formatMessage(messages.previousMonth),\n },\n \"next-year\": {\n onPress: () => calendarState.focusNextSection(true),\n \"aria-label\": intl.formatMessage(messages.nextYear),\n },\n \"previous-year\": {\n onPress: () => calendarState.focusPreviousSection(true),\n \"aria-label\": intl.formatMessage(messages.previousYear),\n },\n };\n\n /**\n * Text slots\n * ================================\n */\n const monthLabel = new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n const monthRangeLabel = [\n new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n ].join(\" - \");\n\n const yearLabel = new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n const textSlots = {\n month: { children: monthLabel },\n monthRange: { children: monthRangeLabel },\n year: { children: yearLabel },\n };\n\n return (\n <Provider\n values={[\n [\n ButtonContext,\n {\n ...buttonContext,\n slots: {\n ...(buttonContext &&\n typeof buttonContext === \"object\" &&\n \"slots\" in buttonContext\n ? buttonContext.slots\n : {}),\n ...buttonSlots,\n },\n },\n ],\n [\n TextContext,\n {\n ...textContext,\n slots: {\n ...(textContext &&\n typeof textContext === \"object\" &&\n \"slots\" in textContext\n ? textContext.slots\n : {}),\n ...textSlots,\n },\n },\n ],\n ]}\n >\n {children}\n </Provider>\n );\n};\n","import type { CalendarProps } from \"./calendar.types\";\nimport type { DateValue } from \"react-aria\";\n\nimport { Calendar as RaCalendar } from \"react-aria-components\";\n\nimport { CalendarRootSlot } from \"./calendar.slots\";\nimport { CalendarGrids } from \"./components/calendar.grids\";\nimport { CalendarHeader } from \"./components/calendar.header\";\nimport { calendarSlotRecipe } from \"./calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { CalendarCustomContext } from \"./components/calendar.custom-context\";\n\n/**\n * # Calendar\n *\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/calendar}\n */\nexport const Calendar = (props: CalendarProps<DateValue>) => {\n const recipe = useRecipe({ recipe: calendarSlotRecipe });\n const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n return (\n <CalendarRootSlot {...recipeProps} {...styleProps} asChild>\n <RaCalendar {...otherProps}>\n <CalendarCustomContext>\n <CalendarHeader />\n <CalendarGrids />\n </CalendarCustomContext>\n </RaCalendar>\n </CalendarRootSlot>\n );\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","CalendarRootSlot","CalendarHeaderSlot","CalendarGridsSlot","CalendarMonthTitleSlot","CalendarGridSlot","CalendarGridHeaderSlot","CalendarHeaderCellSlot","CalendarGridBodySlot","CalendarCellSlot","CalendarGrids","locale","useLocale","context","useSlottedContext","CalendarContext","calendarState","useContext","CalendarStateContext","visibleMonthsCount","todayDate","today","getLocalTimeZone","showMonthTitles","jsx","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","CalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","messages","defineMessages","CalendarCustomContext","children","intl","useIntl","buttonContext","ButtonContext","textContext","TextContext","buttonSlots","monthLabel","monthRangeLabel","yearLabel","textSlots","Provider","Calendar","props","recipe","useRecipe","calendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaCalendar"],"mappings":"8vBAcM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,UACP,CAAC,EAEYC,EAGTH,EAAoD,MAAO,MAAM,EAExDI,EAAqBH,EAGhC,MAAO,QAAQ,EAEJI,EAAoBJ,EAG/B,MAAO,OAAO,EAEHK,EAAyBL,EAGpC,MAAO,YAAY,EAERM,EAAmBN,EAG9B,QAAS,MAAM,EAEJO,EAAyBP,EAGpC,QAAS,YAAY,EAEVQ,EAAyBR,EAGpC,KAAM,YAAY,EAEPS,EAAuBT,EAGlC,QAAS,UAAU,EAERU,EAAmBV,EAG9B,KAAM,UAAU,ECnCLW,EAAgB,IAAM,CACjC,KAAM,CAAE,OAAAC,CAAA,EAAWC,4CAAA,EACbC,EAAUC,EAAAA,0CAAkBC,2CAAe,EAC3CC,EAAgBC,EAAAA,WAAWC,2CAAoB,EAC/CC,EAAqBN,GAAS,iBAAiB,QAAU,EACzDO,EAAYC,4CAAMC,EAAAA,2CAAkB,EACpCC,EAAkBJ,EAAqB,EAE7C,OACEK,MAACrB,EAAA,CACE,SAAA,MAAM,KAAK,CAAE,OAAQgB,CAAA,EAAsB,CAACM,EAAGC,IAAU,CACxD,MAAMC,EAAWX,EAAc,aAAa,MAAM,IAAI,CACpD,OAAQU,CAAA,CACT,EACKE,EAAY,IAAI,KAAK,eAAejB,EAAQ,CAChD,MAAO,MAAA,CACR,EAAE,OAAOgB,EAAS,OAAOL,EAAAA,0CAAA,CAAkB,CAAC,EAE7C,OACEO,EAAAA,KAACC,EAAAA,IAAA,CAEC,MAAOX,GAAsB,EAAI,OAAS,OAEzC,SAAA,CAAAI,GACCC,EAAAA,IAACpB,GAAwB,SAAAwB,CAAA,CAAU,EAErCJ,EAAAA,IAACnB,EAAA,CAAiB,QAAO,GACvB,SAAAwB,EAAAA,KAACE,EAAAA,0CAAA,CAAe,OAAQ,CAAE,OAAQL,CAAA,EAAS,aAAa,QACtD,SAAA,CAAAF,EAAAA,IAAClB,GAAuB,QAAO,GAC7B,SAAAkB,EAAAA,IAACQ,4CAAA,CACE,SAACC,GACAT,EAAAA,IAACjB,EAAA,CAAuB,QAAO,GAC7B,SAAAiB,EAAAA,IAACU,EAAAA,0CAAA,CAAsB,SAAAD,CAAA,CAAI,EAC7B,EAEJ,CAAA,CACF,QACCzB,EAAA,CAAqB,QAAO,GAC3B,SAAAgB,EAAAA,IAACW,4CAAA,CACE,SAACC,GAAS,CACT,MAAMC,EAAUD,EAAK,QAAQhB,CAAS,IAAM,EAC5C,OACEI,EAAAA,IAACf,GAAiB,QAAO,GAAC,aAAY4B,EACpC,SAAAb,EAAAA,IAACc,EAAAA,0CAAA,CAAe,KAAAF,CAAA,CAAY,CAAA,CAC9B,CAEJ,EACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,EA9BKR,CAAA,CAiCX,CAAC,CAAA,CACH,CAEJ,EC/DaW,EAAiB,IAAM,CAKlC,MAAMC,GAJgB1B,EAAAA,0CAAkBC,2CAAe,GAGV,iBAAiB,QAAU,GACzB,EAE/C,OACES,EAAAA,IAACtB,EAAA,CACC,SAAA2B,EAAAA,KAACY,EAAAA,KAAA,CACC,SAAA,CAAAZ,EAAAA,KAACa,EAAAA,MAAA,CAAM,UAAU,MAAM,WAAW,SAEhC,SAAA,CAAAlB,EAAAA,IAACmB,EAAAA,eAAA,CACC,SAAAnB,EAAAA,IAACoB,EAAAA,0CAAA,CAAA,CAAQ,EACX,EAEApB,EAAAA,IAACqB,EAAAA,WAAA,CACC,KAAML,EAAiB,WAAa,iBACpC,KAAK,KACL,QAAQ,QACR,KAAK,UAEL,eAACM,EAAAA,kBAAA,CAAA,CAAkB,CAAA,CAAA,EAErBtB,EAAAA,IAACuB,EAAAA,KAAA,CACC,UAAU,KACV,WAAW,MACX,MAAM,aACN,MAAOP,EAAiB,OAAS,OACjC,UAAU,SACV,cAAY,OACZ,KAAMA,EAAiB,aAAe,OAAA,CAAA,EAGxChB,EAAAA,IAACqB,EAAAA,WAAA,CACC,KAAML,EAAiB,OAAS,aAChC,KAAK,KACL,QAAQ,QACR,KAAK,UAEL,eAACQ,EAAAA,mBAAA,CAAA,CAAmB,CAAA,CAAA,CACtB,EACF,EACAxB,EAAAA,IAACM,EAAAA,IAAA,CAAI,SAAS,GAAA,CAAI,EAClBD,EAAAA,KAACa,EAAAA,MAAA,CAAM,UAAU,MAAM,WAAW,SAEhC,SAAA,CAAAlB,EAAAA,IAACqB,EAAAA,WAAA,CACC,KAAK,gBACL,KAAK,KACL,QAAQ,QACR,KAAK,UAEL,eAACC,EAAAA,kBAAA,CAAA,CAAkB,CAAA,CAAA,EAErBtB,EAAAA,IAACuB,EAAAA,KAAA,CACC,UAAU,KACV,WAAW,MACX,MAAM,aACN,MAAM,OACN,UAAU,SACV,cAAY,OACZ,KAAK,MAAA,CAAA,EAGPvB,EAAAA,IAACqB,EAAAA,WAAA,CAAW,KAAK,YAAY,KAAK,KAAK,QAAQ,QAAQ,KAAK,UAC1D,SAAArB,EAAAA,IAACwB,EAAAA,mBAAA,CAAA,CAAmB,CAAA,CACtB,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,ECxFaC,EAAWC,EAAAA,eAAe,CACrC,UAAW,CACT,GAAI,4BACJ,YAAa,8CACb,eAAgB,YAAA,EAElB,cAAe,CACb,GAAI,gCACJ,YAAa,kDACb,eAAgB,gBAAA,EAElB,SAAU,CACR,GAAI,2BACJ,YAAa,6CACb,eAAgB,WAAA,EAElB,aAAc,CACZ,GAAI,+BACJ,YAAa,iDACb,eAAgB,eAAA,CAEpB,CAAC,ECXYC,EAAwB,CAAC,CACpC,SAAAC,CACF,IAEM,CACJ,MAAMC,EAAOC,EAAAA,QAAA,EACP,CAAE,OAAA3C,CAAA,EAAWC,4CAAA,EACb2C,EAAgBtC,EAAAA,WAAWuC,2CAAa,EACxCC,EAAcxC,EAAAA,WAAWyC,2CAAW,EACpC1C,EAAgBC,EAAAA,WAAWC,2CAAoB,EAM/CyC,EAAc,CAClB,aAAc,CACZ,QAAS,IAAM3C,EAAc,iBAAA,EAC7B,aAAcqC,EAAK,cAAcJ,EAAS,SAAS,CAAA,EAErD,iBAAkB,CAChB,QAAS,IAAMjC,EAAc,qBAAA,EAC7B,aAAcqC,EAAK,cAAcJ,EAAS,aAAa,CAAA,EAEzD,YAAa,CACX,QAAS,IAAMjC,EAAc,iBAAiB,EAAI,EAClD,aAAcqC,EAAK,cAAcJ,EAAS,QAAQ,CAAA,EAEpD,gBAAiB,CACf,QAAS,IAAMjC,EAAc,qBAAqB,EAAI,EACtD,aAAcqC,EAAK,cAAcJ,EAAS,YAAY,CAAA,CACxD,EAOIW,EAAa,IAAI,KAAK,eAAejD,EAAQ,CACjD,MAAO,MAAA,CACR,EAAE,OAAOK,EAAc,YAAY,OAAOM,EAAAA,0CAAA,CAAkB,CAAC,EAExDuC,EAAkB,CACtB,IAAI,KAAK,eAAelD,EAAQ,CAC9B,MAAO,MAAA,CACR,EAAE,OAAOK,EAAc,aAAa,MAAM,OAAOM,EAAAA,0CAAA,CAAkB,CAAC,EACrE,IAAI,KAAK,eAAeX,EAAQ,CAC9B,MAAO,MAAA,CACR,EAAE,OAAOK,EAAc,aAAa,IAAI,OAAOM,EAAAA,2CAAkB,CAAC,CAAA,EACnE,KAAK,KAAK,EAENwC,EAAY,IAAI,KAAK,eAAenD,EAAQ,CAChD,KAAM,SAAA,CACP,EAAE,OAAOK,EAAc,YAAY,OAAOM,EAAAA,0CAAA,CAAkB,CAAC,EAExDyC,EAAY,CAChB,MAAO,CAAE,SAAUH,CAAA,EACnB,WAAY,CAAE,SAAUC,CAAA,EACxB,KAAM,CAAE,SAAUC,CAAA,CAAU,EAG9B,OACEtC,EAAAA,IAACwC,EAAAA,0CAAA,CACC,OAAQ,CACN,CACER,EAAAA,0CACA,CACE,GAAGD,EACH,MAAO,CACL,GAAIA,GACJ,OAAOA,GAAkB,UACzB,UAAWA,EACPA,EAAc,MACd,CAAA,EACJ,GAAGI,CAAA,CACL,CACF,EAEF,CACED,EAAAA,0CACA,CACE,GAAGD,EACH,MAAO,CACL,GAAIA,GACJ,OAAOA,GAAgB,UACvB,UAAWA,EACPA,EAAY,MACZ,CAAA,EACJ,GAAGM,CAAA,CACL,CACF,CACF,EAGD,SAAAX,CAAA,CAAA,CAGP,ECzFaa,EAAYC,GAAoC,CAC3D,MAAMC,EAASC,EAAAA,UAAU,CAAE,OAAQC,EAAAA,mBAAoB,EACjD,CAACC,EAAaC,CAAc,EAAIJ,EAAO,kBAAkBD,CAAK,EAC9D,CAACM,EAAYC,CAAU,EAAIC,EAAAA,kBAAkBH,CAAc,EAEjE,OACE/C,EAAAA,IAACvB,EAAA,CAAkB,GAAGqE,EAAc,GAAGE,EAAY,QAAO,GACxD,SAAAhD,EAAAA,IAACmD,EAAAA,0CAAA,CAAY,GAAGF,EACd,gBAACtB,EAAA,CACC,SAAA,CAAA3B,EAAAA,IAACe,EAAA,EAAe,QACf7B,EAAA,CAAA,CAAc,CAAA,CAAA,CACjB,EACF,EACF,CAEJ"}
|
|
1
|
+
{"version":3,"file":"calendar-BL54SDy8.cjs.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/components/calendar.grids.tsx","../../src/components/calendar/components/calendar.header.tsx","../../src/components/calendar/calendar.i18n.ts","../../src/components/calendar/components/calendar.custom-context.tsx","../../src/components/calendar/calendar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n CalendarCellSlotProps,\n CalendarGridBodySlotProps,\n CalendarGridHeaderSlotProps,\n CalendarGridSlotProps,\n CalendarGridsSlotProps,\n CalendarHeaderCellSlotProps,\n CalendarHeaderSlotProps,\n CalendarMonthTitleSlotProps,\n CalendarRootSlotProps,\n} from \"./calendar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"calendar\",\n});\n\nexport const CalendarRootSlot: SlotComponent<\n HTMLDivElement,\n CalendarRootSlotProps\n> = withProvider<HTMLDivElement, CalendarRootSlotProps>(\"div\", \"root\");\n\nexport const CalendarHeaderSlot = withContext<\n HTMLDivElement,\n CalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport const CalendarGridsSlot = withContext<\n HTMLDivElement,\n CalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport const CalendarMonthTitleSlot = withContext<\n HTMLDivElement,\n CalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport const CalendarGridSlot = withContext<\n HTMLTableElement,\n CalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport const CalendarGridHeaderSlot = withContext<\n HTMLTableSectionElement,\n CalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport const CalendarHeaderCellSlot = withContext<\n HTMLTableCellElement,\n CalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport const CalendarGridBodySlot = withContext<\n HTMLTableSectionElement,\n CalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport const CalendarCellSlot = withContext<\n HTMLTableCellElement,\n CalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n CalendarGrid as RaCalendarGrid,\n CalendarGridBody as RaCalendarGridBody,\n CalendarGridHeader as RaCalendarGridHeader,\n CalendarHeaderCell as RaCalendarHeaderCell,\n CalendarCell as RaCalendarCell,\n useSlottedContext,\n CalendarContext,\n CalendarStateContext,\n useLocale,\n} from \"react-aria-components\";\n\nimport { Box } from \"@/components\";\n\nimport {\n CalendarCellSlot,\n CalendarGridBodySlot,\n CalendarGridHeaderSlot,\n CalendarGridSlot,\n CalendarGridsSlot,\n CalendarHeaderCellSlot,\n CalendarMonthTitleSlot,\n} from \"../calendar.slots\";\n\nexport const CalendarGrids = () => {\n const { locale } = useLocale();\n const context = useSlottedContext(CalendarContext);\n const calendarState = useContext(CalendarStateContext)!;\n const visibleMonthsCount = context?.visibleDuration?.months || 1;\n const todayDate = today(getLocalTimeZone());\n const showMonthTitles = visibleMonthsCount > 1;\n\n return (\n <CalendarGridsSlot>\n {Array.from({ length: visibleMonthsCount }, (_, index) => {\n const gridDate = calendarState.visibleRange.start.add({\n months: index,\n });\n const monthName = new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(gridDate.toDate(getLocalTimeZone()));\n\n return (\n <Box\n key={monthName}\n width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n >\n {showMonthTitles && (\n <CalendarMonthTitleSlot>{monthName}</CalendarMonthTitleSlot>\n )}\n <CalendarGridSlot asChild>\n <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n <CalendarGridHeaderSlot asChild>\n <RaCalendarGridHeader>\n {(day) => (\n <CalendarHeaderCellSlot asChild>\n <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n </CalendarHeaderCellSlot>\n )}\n </RaCalendarGridHeader>\n </CalendarGridHeaderSlot>\n <CalendarGridBodySlot asChild>\n <RaCalendarGridBody>\n {(date) => {\n const isToday = date.compare(todayDate) === 0;\n return (\n <CalendarCellSlot asChild data-today={isToday}>\n <RaCalendarCell date={date} />\n </CalendarCellSlot>\n );\n }}\n </RaCalendarGridBody>\n </CalendarGridBodySlot>\n </RaCalendarGrid>\n </CalendarGridSlot>\n </Box>\n );\n })}\n </CalendarGridsSlot>\n );\n};\n","import {\n CalendarContext,\n Heading,\n useSlottedContext,\n} from \"react-aria-components\";\nimport {\n Box,\n Flex,\n IconButton,\n Stack,\n Text,\n VisuallyHidden,\n} from \"@/components\";\nimport {\n KeyboardArrowLeft,\n KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { CalendarHeaderSlot } from \"../calendar.slots\";\n\nexport const CalendarHeader = () => {\n const calendarProps = useSlottedContext(CalendarContext);\n\n // Needed to decide wether to show a single month or a range\n const visibleDurationMonths = calendarProps?.visibleDuration?.months || 1;\n const showRangeLabel = visibleDurationMonths > 1;\n\n return (\n <CalendarHeaderSlot>\n <Flex>\n <Stack direction=\"row\" alignItems=\"center\">\n {/** solely for screen readers, if not present, a11y issues are raised */}\n <VisuallyHidden>\n <Heading />\n </VisuallyHidden>\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton\n slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n size=\"xs\"\n variant=\"ghost\"\n tone=\"primary\"\n >\n <KeyboardArrowLeft />\n </IconButton>\n <Text\n textStyle=\"sm\"\n fontWeight=\"500\"\n color=\"neutral.11\"\n width={showRangeLabel ? \"4000\" : \"2000\"}\n textAlign=\"center\"\n aria-hidden=\"true\"\n slot={showRangeLabel ? \"monthRange\" : \"month\"}\n />\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton\n slot={showRangeLabel ? \"next\" : \"next-month\"}\n size=\"xs\"\n variant=\"ghost\"\n tone=\"primary\"\n >\n <KeyboardArrowRight />\n </IconButton>\n </Stack>\n <Box flexGrow=\"1\" />\n <Stack direction=\"row\" alignItems=\"center\">\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton\n slot=\"previous-year\"\n size=\"xs\"\n variant=\"ghost\"\n tone=\"primary\"\n >\n <KeyboardArrowLeft />\n </IconButton>\n <Text\n textStyle=\"sm\"\n fontWeight=\"500\"\n color=\"neutral.11\"\n width=\"1400\"\n textAlign=\"center\"\n aria-hidden=\"true\"\n slot=\"year\"\n />\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton slot=\"next-year\" size=\"xs\" variant=\"ghost\" tone=\"primary\">\n <KeyboardArrowRight />\n </IconButton>\n </Stack>\n </Flex>\n </CalendarHeaderSlot>\n );\n};\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n nextMonth: {\n id: \"Nimbus.Calendar.nextMonth\",\n description: \"aria-label for next month navigation button\",\n defaultMessage: \"Next month\",\n },\n previousMonth: {\n id: \"Nimbus.Calendar.previousMonth\",\n description: \"aria-label for previous month navigation button\",\n defaultMessage: \"Previous month\",\n },\n nextYear: {\n id: \"Nimbus.Calendar.nextYear\",\n description: \"aria-label for next year navigation button\",\n defaultMessage: \"Next year\",\n },\n previousYear: {\n id: \"Nimbus.Calendar.previousYear\",\n description: \"aria-label for previous year navigation button\",\n defaultMessage: \"Previous year\",\n },\n});\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n Provider,\n ButtonContext,\n CalendarStateContext,\n TextContext,\n useLocale,\n} from \"react-aria-components\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../calendar.i18n\";\n\nexport const CalendarCustomContext = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const intl = useIntl();\n const { locale } = useLocale();\n const buttonContext = useContext(ButtonContext)!;\n const textContext = useContext(TextContext)!;\n const calendarState = useContext(CalendarStateContext)!;\n\n /**\n * Button slots\n * ================================\n */\n const buttonSlots = {\n \"next-month\": {\n onPress: () => calendarState.focusNextSection(),\n \"aria-label\": intl.formatMessage(messages.nextMonth),\n },\n \"previous-month\": {\n onPress: () => calendarState.focusPreviousSection(),\n \"aria-label\": intl.formatMessage(messages.previousMonth),\n },\n \"next-year\": {\n onPress: () => calendarState.focusNextSection(true),\n \"aria-label\": intl.formatMessage(messages.nextYear),\n },\n \"previous-year\": {\n onPress: () => calendarState.focusPreviousSection(true),\n \"aria-label\": intl.formatMessage(messages.previousYear),\n },\n };\n\n /**\n * Text slots\n * ================================\n */\n const monthLabel = new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n const monthRangeLabel = [\n new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n ].join(\" - \");\n\n const yearLabel = new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n const textSlots = {\n month: { children: monthLabel },\n monthRange: { children: monthRangeLabel },\n year: { children: yearLabel },\n };\n\n return (\n <Provider\n values={[\n [\n ButtonContext,\n {\n ...buttonContext,\n slots: {\n ...(buttonContext &&\n typeof buttonContext === \"object\" &&\n \"slots\" in buttonContext\n ? buttonContext.slots\n : {}),\n ...buttonSlots,\n },\n },\n ],\n [\n TextContext,\n {\n ...textContext,\n slots: {\n ...(textContext &&\n typeof textContext === \"object\" &&\n \"slots\" in textContext\n ? textContext.slots\n : {}),\n ...textSlots,\n },\n },\n ],\n ]}\n >\n {children}\n </Provider>\n );\n};\n","import type { CalendarProps } from \"./calendar.types\";\nimport type { DateValue } from \"react-aria\";\n\nimport { Calendar as RaCalendar } from \"react-aria-components\";\n\nimport { CalendarRootSlot } from \"./calendar.slots\";\nimport { CalendarGrids } from \"./components/calendar.grids\";\nimport { CalendarHeader } from \"./components/calendar.header\";\nimport { calendarSlotRecipe } from \"./calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { CalendarCustomContext } from \"./components/calendar.custom-context\";\n\n/**\n * # Calendar\n *\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/calendar}\n */\nexport const Calendar = (props: CalendarProps<DateValue>) => {\n const recipe = useRecipe({ recipe: calendarSlotRecipe });\n const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n return (\n <CalendarRootSlot {...recipeProps} {...styleProps} asChild>\n <RaCalendar {...otherProps}>\n <CalendarCustomContext>\n <CalendarHeader />\n <CalendarGrids />\n </CalendarCustomContext>\n </RaCalendar>\n </CalendarRootSlot>\n );\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","CalendarRootSlot","CalendarHeaderSlot","CalendarGridsSlot","CalendarMonthTitleSlot","CalendarGridSlot","CalendarGridHeaderSlot","CalendarHeaderCellSlot","CalendarGridBodySlot","CalendarCellSlot","CalendarGrids","locale","useLocale","context","useSlottedContext","CalendarContext","calendarState","useContext","CalendarStateContext","visibleMonthsCount","todayDate","today","getLocalTimeZone","showMonthTitles","jsx","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","CalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","messages","defineMessages","CalendarCustomContext","children","intl","useIntl","buttonContext","ButtonContext","textContext","TextContext","buttonSlots","monthLabel","monthRangeLabel","yearLabel","textSlots","Provider","Calendar","props","recipe","useRecipe","calendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaCalendar"],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as e, jsxs as c } from "react/jsx-runtime";
|
|
2
|
-
import { j as M, c as I, d as N, e as j, f as F, g as G, a as w, h as H, k as Y } from "./Heading-
|
|
2
|
+
import { j as M, c as I, d as N, e as j, f as F, g as G, a as w, h as H, k as Y } from "./Heading-DXod1zoy.es.js";
|
|
3
3
|
import { createSlotRecipeContext as A } from "@chakra-ui/react";
|
|
4
4
|
import { useContext as u } from "react";
|
|
5
|
-
import { c as B, d as l } from "./useDateFormatter-
|
|
5
|
+
import { c as B, d as l } from "./useDateFormatter-eE8d1TkO.es.js";
|
|
6
6
|
import { c as D, e as L } from "./utils-_m_bPtjI.es.js";
|
|
7
7
|
import { $ as P } from "./context-DW7UvQ8z.es.js";
|
|
8
8
|
import { B as R } from "./box-DuBoAZvq.es.js";
|
|
@@ -11,11 +11,11 @@ import { S as v } from "./stack-CoNreM7B.es.js";
|
|
|
11
11
|
import { T as y } from "./text-BVYJmhjj.es.js";
|
|
12
12
|
import { Flex as k } from "@chakra-ui/react/flex";
|
|
13
13
|
import { V as z } from "./visually-hidden-BmFEAQP9.es.js";
|
|
14
|
-
import { I as h } from "./icon-button-
|
|
15
|
-
import { j as V } from "./index-
|
|
14
|
+
import { I as h } from "./icon-button-CKpO4Zvy.es.js";
|
|
15
|
+
import { j as V } from "./index-pVzMA0Um.es.js";
|
|
16
16
|
import { useRecipe as K } from "@chakra-ui/react/styled-system";
|
|
17
|
-
import { e as W } from "./extract-style-props-
|
|
18
|
-
import { $ as C } from "./Button-
|
|
17
|
+
import { e as W } from "./extract-style-props-2276ZL5_.es.js";
|
|
18
|
+
import { $ as C } from "./Button-SjGHt140.es.js";
|
|
19
19
|
import { $ as S } from "./Text-DOcU1ycg.es.js";
|
|
20
20
|
import { defineMessages as _, useIntl as q } from "react-intl";
|
|
21
21
|
const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
|
|
@@ -206,4 +206,4 @@ const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
|
|
|
206
206
|
export {
|
|
207
207
|
De as C
|
|
208
208
|
};
|
|
209
|
-
//# sourceMappingURL=calendar-
|
|
209
|
+
//# sourceMappingURL=calendar-DT6_tMD-.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-B_6JEmid.es.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/components/calendar.grids.tsx","../../src/components/calendar/components/calendar.header.tsx","../../src/components/calendar/calendar.i18n.ts","../../src/components/calendar/components/calendar.custom-context.tsx","../../src/components/calendar/calendar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n CalendarCellSlotProps,\n CalendarGridBodySlotProps,\n CalendarGridHeaderSlotProps,\n CalendarGridSlotProps,\n CalendarGridsSlotProps,\n CalendarHeaderCellSlotProps,\n CalendarHeaderSlotProps,\n CalendarMonthTitleSlotProps,\n CalendarRootSlotProps,\n} from \"./calendar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"calendar\",\n});\n\nexport const CalendarRootSlot: SlotComponent<\n HTMLDivElement,\n CalendarRootSlotProps\n> = withProvider<HTMLDivElement, CalendarRootSlotProps>(\"div\", \"root\");\n\nexport const CalendarHeaderSlot = withContext<\n HTMLDivElement,\n CalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport const CalendarGridsSlot = withContext<\n HTMLDivElement,\n CalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport const CalendarMonthTitleSlot = withContext<\n HTMLDivElement,\n CalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport const CalendarGridSlot = withContext<\n HTMLTableElement,\n CalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport const CalendarGridHeaderSlot = withContext<\n HTMLTableSectionElement,\n CalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport const CalendarHeaderCellSlot = withContext<\n HTMLTableCellElement,\n CalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport const CalendarGridBodySlot = withContext<\n HTMLTableSectionElement,\n CalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport const CalendarCellSlot = withContext<\n HTMLTableCellElement,\n CalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n CalendarGrid as RaCalendarGrid,\n CalendarGridBody as RaCalendarGridBody,\n CalendarGridHeader as RaCalendarGridHeader,\n CalendarHeaderCell as RaCalendarHeaderCell,\n CalendarCell as RaCalendarCell,\n useSlottedContext,\n CalendarContext,\n CalendarStateContext,\n useLocale,\n} from \"react-aria-components\";\n\nimport { Box } from \"@/components\";\n\nimport {\n CalendarCellSlot,\n CalendarGridBodySlot,\n CalendarGridHeaderSlot,\n CalendarGridSlot,\n CalendarGridsSlot,\n CalendarHeaderCellSlot,\n CalendarMonthTitleSlot,\n} from \"../calendar.slots\";\n\nexport const CalendarGrids = () => {\n const { locale } = useLocale();\n const context = useSlottedContext(CalendarContext);\n const calendarState = useContext(CalendarStateContext)!;\n const visibleMonthsCount = context?.visibleDuration?.months || 1;\n const todayDate = today(getLocalTimeZone());\n const showMonthTitles = visibleMonthsCount > 1;\n\n return (\n <CalendarGridsSlot>\n {Array.from({ length: visibleMonthsCount }, (_, index) => {\n const gridDate = calendarState.visibleRange.start.add({\n months: index,\n });\n const monthName = new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(gridDate.toDate(getLocalTimeZone()));\n\n return (\n <Box\n key={monthName}\n width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n >\n {showMonthTitles && (\n <CalendarMonthTitleSlot>{monthName}</CalendarMonthTitleSlot>\n )}\n <CalendarGridSlot asChild>\n <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n <CalendarGridHeaderSlot asChild>\n <RaCalendarGridHeader>\n {(day) => (\n <CalendarHeaderCellSlot asChild>\n <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n </CalendarHeaderCellSlot>\n )}\n </RaCalendarGridHeader>\n </CalendarGridHeaderSlot>\n <CalendarGridBodySlot asChild>\n <RaCalendarGridBody>\n {(date) => {\n const isToday = date.compare(todayDate) === 0;\n return (\n <CalendarCellSlot asChild data-today={isToday}>\n <RaCalendarCell date={date} />\n </CalendarCellSlot>\n );\n }}\n </RaCalendarGridBody>\n </CalendarGridBodySlot>\n </RaCalendarGrid>\n </CalendarGridSlot>\n </Box>\n );\n })}\n </CalendarGridsSlot>\n );\n};\n","import {\n CalendarContext,\n Heading,\n useSlottedContext,\n} from \"react-aria-components\";\nimport {\n Box,\n Flex,\n IconButton,\n Stack,\n Text,\n VisuallyHidden,\n} from \"@/components\";\nimport {\n KeyboardArrowLeft,\n KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { CalendarHeaderSlot } from \"../calendar.slots\";\n\nexport const CalendarHeader = () => {\n const calendarProps = useSlottedContext(CalendarContext);\n\n // Needed to decide wether to show a single month or a range\n const visibleDurationMonths = calendarProps?.visibleDuration?.months || 1;\n const showRangeLabel = visibleDurationMonths > 1;\n\n return (\n <CalendarHeaderSlot>\n <Flex>\n <Stack direction=\"row\" alignItems=\"center\">\n {/** solely for screen readers, if not present, a11y issues are raised */}\n <VisuallyHidden>\n <Heading />\n </VisuallyHidden>\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton\n slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n size=\"xs\"\n variant=\"ghost\"\n tone=\"primary\"\n >\n <KeyboardArrowLeft />\n </IconButton>\n <Text\n textStyle=\"sm\"\n fontWeight=\"500\"\n color=\"neutral.11\"\n width={showRangeLabel ? \"4000\" : \"2000\"}\n textAlign=\"center\"\n aria-hidden=\"true\"\n slot={showRangeLabel ? \"monthRange\" : \"month\"}\n />\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton\n slot={showRangeLabel ? \"next\" : \"next-month\"}\n size=\"xs\"\n variant=\"ghost\"\n tone=\"primary\"\n >\n <KeyboardArrowRight />\n </IconButton>\n </Stack>\n <Box flexGrow=\"1\" />\n <Stack direction=\"row\" alignItems=\"center\">\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton\n slot=\"previous-year\"\n size=\"xs\"\n variant=\"ghost\"\n tone=\"primary\"\n >\n <KeyboardArrowLeft />\n </IconButton>\n <Text\n textStyle=\"sm\"\n fontWeight=\"500\"\n color=\"neutral.11\"\n width=\"1400\"\n textAlign=\"center\"\n aria-hidden=\"true\"\n slot=\"year\"\n />\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton slot=\"next-year\" size=\"xs\" variant=\"ghost\" tone=\"primary\">\n <KeyboardArrowRight />\n </IconButton>\n </Stack>\n </Flex>\n </CalendarHeaderSlot>\n );\n};\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n nextMonth: {\n id: \"Nimbus.Calendar.nextMonth\",\n description: \"aria-label for next month navigation button\",\n defaultMessage: \"Next month\",\n },\n previousMonth: {\n id: \"Nimbus.Calendar.previousMonth\",\n description: \"aria-label for previous month navigation button\",\n defaultMessage: \"Previous month\",\n },\n nextYear: {\n id: \"Nimbus.Calendar.nextYear\",\n description: \"aria-label for next year navigation button\",\n defaultMessage: \"Next year\",\n },\n previousYear: {\n id: \"Nimbus.Calendar.previousYear\",\n description: \"aria-label for previous year navigation button\",\n defaultMessage: \"Previous year\",\n },\n});\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n Provider,\n ButtonContext,\n CalendarStateContext,\n TextContext,\n useLocale,\n} from \"react-aria-components\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../calendar.i18n\";\n\nexport const CalendarCustomContext = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const intl = useIntl();\n const { locale } = useLocale();\n const buttonContext = useContext(ButtonContext)!;\n const textContext = useContext(TextContext)!;\n const calendarState = useContext(CalendarStateContext)!;\n\n /**\n * Button slots\n * ================================\n */\n const buttonSlots = {\n \"next-month\": {\n onPress: () => calendarState.focusNextSection(),\n \"aria-label\": intl.formatMessage(messages.nextMonth),\n },\n \"previous-month\": {\n onPress: () => calendarState.focusPreviousSection(),\n \"aria-label\": intl.formatMessage(messages.previousMonth),\n },\n \"next-year\": {\n onPress: () => calendarState.focusNextSection(true),\n \"aria-label\": intl.formatMessage(messages.nextYear),\n },\n \"previous-year\": {\n onPress: () => calendarState.focusPreviousSection(true),\n \"aria-label\": intl.formatMessage(messages.previousYear),\n },\n };\n\n /**\n * Text slots\n * ================================\n */\n const monthLabel = new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n const monthRangeLabel = [\n new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n ].join(\" - \");\n\n const yearLabel = new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n const textSlots = {\n month: { children: monthLabel },\n monthRange: { children: monthRangeLabel },\n year: { children: yearLabel },\n };\n\n return (\n <Provider\n values={[\n [\n ButtonContext,\n {\n ...buttonContext,\n slots: {\n ...(buttonContext &&\n typeof buttonContext === \"object\" &&\n \"slots\" in buttonContext\n ? buttonContext.slots\n : {}),\n ...buttonSlots,\n },\n },\n ],\n [\n TextContext,\n {\n ...textContext,\n slots: {\n ...(textContext &&\n typeof textContext === \"object\" &&\n \"slots\" in textContext\n ? textContext.slots\n : {}),\n ...textSlots,\n },\n },\n ],\n ]}\n >\n {children}\n </Provider>\n );\n};\n","import type { CalendarProps } from \"./calendar.types\";\nimport type { DateValue } from \"react-aria\";\n\nimport { Calendar as RaCalendar } from \"react-aria-components\";\n\nimport { CalendarRootSlot } from \"./calendar.slots\";\nimport { CalendarGrids } from \"./components/calendar.grids\";\nimport { CalendarHeader } from \"./components/calendar.header\";\nimport { calendarSlotRecipe } from \"./calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { CalendarCustomContext } from \"./components/calendar.custom-context\";\n\n/**\n * # Calendar\n *\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/calendar}\n */\nexport const Calendar = (props: CalendarProps<DateValue>) => {\n const recipe = useRecipe({ recipe: calendarSlotRecipe });\n const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n return (\n <CalendarRootSlot {...recipeProps} {...styleProps} asChild>\n <RaCalendar {...otherProps}>\n <CalendarCustomContext>\n <CalendarHeader />\n <CalendarGrids />\n </CalendarCustomContext>\n </RaCalendar>\n </CalendarRootSlot>\n );\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","CalendarRootSlot","CalendarHeaderSlot","CalendarGridsSlot","CalendarMonthTitleSlot","CalendarGridSlot","CalendarGridHeaderSlot","CalendarHeaderCellSlot","CalendarGridBodySlot","CalendarCellSlot","CalendarGrids","locale","useLocale","context","useSlottedContext","CalendarContext","calendarState","useContext","CalendarStateContext","visibleMonthsCount","todayDate","today","getLocalTimeZone","showMonthTitles","jsx","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","CalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","messages","defineMessages","CalendarCustomContext","children","intl","useIntl","buttonContext","ButtonContext","textContext","TextContext","buttonSlots","monthLabel","monthRangeLabel","yearLabel","textSlots","Provider","Calendar","props","recipe","useRecipe","calendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaCalendar"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"calendar-DT6_tMD-.es.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/components/calendar.grids.tsx","../../src/components/calendar/components/calendar.header.tsx","../../src/components/calendar/calendar.i18n.ts","../../src/components/calendar/components/calendar.custom-context.tsx","../../src/components/calendar/calendar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n CalendarCellSlotProps,\n CalendarGridBodySlotProps,\n CalendarGridHeaderSlotProps,\n CalendarGridSlotProps,\n CalendarGridsSlotProps,\n CalendarHeaderCellSlotProps,\n CalendarHeaderSlotProps,\n CalendarMonthTitleSlotProps,\n CalendarRootSlotProps,\n} from \"./calendar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"calendar\",\n});\n\nexport const CalendarRootSlot: SlotComponent<\n HTMLDivElement,\n CalendarRootSlotProps\n> = withProvider<HTMLDivElement, CalendarRootSlotProps>(\"div\", \"root\");\n\nexport const CalendarHeaderSlot = withContext<\n HTMLDivElement,\n CalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport const CalendarGridsSlot = withContext<\n HTMLDivElement,\n CalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport const CalendarMonthTitleSlot = withContext<\n HTMLDivElement,\n CalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport const CalendarGridSlot = withContext<\n HTMLTableElement,\n CalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport const CalendarGridHeaderSlot = withContext<\n HTMLTableSectionElement,\n CalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport const CalendarHeaderCellSlot = withContext<\n HTMLTableCellElement,\n CalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport const CalendarGridBodySlot = withContext<\n HTMLTableSectionElement,\n CalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport const CalendarCellSlot = withContext<\n HTMLTableCellElement,\n CalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n CalendarGrid as RaCalendarGrid,\n CalendarGridBody as RaCalendarGridBody,\n CalendarGridHeader as RaCalendarGridHeader,\n CalendarHeaderCell as RaCalendarHeaderCell,\n CalendarCell as RaCalendarCell,\n useSlottedContext,\n CalendarContext,\n CalendarStateContext,\n useLocale,\n} from \"react-aria-components\";\n\nimport { Box } from \"@/components\";\n\nimport {\n CalendarCellSlot,\n CalendarGridBodySlot,\n CalendarGridHeaderSlot,\n CalendarGridSlot,\n CalendarGridsSlot,\n CalendarHeaderCellSlot,\n CalendarMonthTitleSlot,\n} from \"../calendar.slots\";\n\nexport const CalendarGrids = () => {\n const { locale } = useLocale();\n const context = useSlottedContext(CalendarContext);\n const calendarState = useContext(CalendarStateContext)!;\n const visibleMonthsCount = context?.visibleDuration?.months || 1;\n const todayDate = today(getLocalTimeZone());\n const showMonthTitles = visibleMonthsCount > 1;\n\n return (\n <CalendarGridsSlot>\n {Array.from({ length: visibleMonthsCount }, (_, index) => {\n const gridDate = calendarState.visibleRange.start.add({\n months: index,\n });\n const monthName = new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(gridDate.toDate(getLocalTimeZone()));\n\n return (\n <Box\n key={monthName}\n width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n >\n {showMonthTitles && (\n <CalendarMonthTitleSlot>{monthName}</CalendarMonthTitleSlot>\n )}\n <CalendarGridSlot asChild>\n <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n <CalendarGridHeaderSlot asChild>\n <RaCalendarGridHeader>\n {(day) => (\n <CalendarHeaderCellSlot asChild>\n <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n </CalendarHeaderCellSlot>\n )}\n </RaCalendarGridHeader>\n </CalendarGridHeaderSlot>\n <CalendarGridBodySlot asChild>\n <RaCalendarGridBody>\n {(date) => {\n const isToday = date.compare(todayDate) === 0;\n return (\n <CalendarCellSlot asChild data-today={isToday}>\n <RaCalendarCell date={date} />\n </CalendarCellSlot>\n );\n }}\n </RaCalendarGridBody>\n </CalendarGridBodySlot>\n </RaCalendarGrid>\n </CalendarGridSlot>\n </Box>\n );\n })}\n </CalendarGridsSlot>\n );\n};\n","import {\n CalendarContext,\n Heading,\n useSlottedContext,\n} from \"react-aria-components\";\nimport {\n Box,\n Flex,\n IconButton,\n Stack,\n Text,\n VisuallyHidden,\n} from \"@/components\";\nimport {\n KeyboardArrowLeft,\n KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { CalendarHeaderSlot } from \"../calendar.slots\";\n\nexport const CalendarHeader = () => {\n const calendarProps = useSlottedContext(CalendarContext);\n\n // Needed to decide wether to show a single month or a range\n const visibleDurationMonths = calendarProps?.visibleDuration?.months || 1;\n const showRangeLabel = visibleDurationMonths > 1;\n\n return (\n <CalendarHeaderSlot>\n <Flex>\n <Stack direction=\"row\" alignItems=\"center\">\n {/** solely for screen readers, if not present, a11y issues are raised */}\n <VisuallyHidden>\n <Heading />\n </VisuallyHidden>\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton\n slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n size=\"xs\"\n variant=\"ghost\"\n tone=\"primary\"\n >\n <KeyboardArrowLeft />\n </IconButton>\n <Text\n textStyle=\"sm\"\n fontWeight=\"500\"\n color=\"neutral.11\"\n width={showRangeLabel ? \"4000\" : \"2000\"}\n textAlign=\"center\"\n aria-hidden=\"true\"\n slot={showRangeLabel ? \"monthRange\" : \"month\"}\n />\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton\n slot={showRangeLabel ? \"next\" : \"next-month\"}\n size=\"xs\"\n variant=\"ghost\"\n tone=\"primary\"\n >\n <KeyboardArrowRight />\n </IconButton>\n </Stack>\n <Box flexGrow=\"1\" />\n <Stack direction=\"row\" alignItems=\"center\">\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton\n slot=\"previous-year\"\n size=\"xs\"\n variant=\"ghost\"\n tone=\"primary\"\n >\n <KeyboardArrowLeft />\n </IconButton>\n <Text\n textStyle=\"sm\"\n fontWeight=\"500\"\n color=\"neutral.11\"\n width=\"1400\"\n textAlign=\"center\"\n aria-hidden=\"true\"\n slot=\"year\"\n />\n {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n <IconButton slot=\"next-year\" size=\"xs\" variant=\"ghost\" tone=\"primary\">\n <KeyboardArrowRight />\n </IconButton>\n </Stack>\n </Flex>\n </CalendarHeaderSlot>\n );\n};\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n nextMonth: {\n id: \"Nimbus.Calendar.nextMonth\",\n description: \"aria-label for next month navigation button\",\n defaultMessage: \"Next month\",\n },\n previousMonth: {\n id: \"Nimbus.Calendar.previousMonth\",\n description: \"aria-label for previous month navigation button\",\n defaultMessage: \"Previous month\",\n },\n nextYear: {\n id: \"Nimbus.Calendar.nextYear\",\n description: \"aria-label for next year navigation button\",\n defaultMessage: \"Next year\",\n },\n previousYear: {\n id: \"Nimbus.Calendar.previousYear\",\n description: \"aria-label for previous year navigation button\",\n defaultMessage: \"Previous year\",\n },\n});\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n Provider,\n ButtonContext,\n CalendarStateContext,\n TextContext,\n useLocale,\n} from \"react-aria-components\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../calendar.i18n\";\n\nexport const CalendarCustomContext = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const intl = useIntl();\n const { locale } = useLocale();\n const buttonContext = useContext(ButtonContext)!;\n const textContext = useContext(TextContext)!;\n const calendarState = useContext(CalendarStateContext)!;\n\n /**\n * Button slots\n * ================================\n */\n const buttonSlots = {\n \"next-month\": {\n onPress: () => calendarState.focusNextSection(),\n \"aria-label\": intl.formatMessage(messages.nextMonth),\n },\n \"previous-month\": {\n onPress: () => calendarState.focusPreviousSection(),\n \"aria-label\": intl.formatMessage(messages.previousMonth),\n },\n \"next-year\": {\n onPress: () => calendarState.focusNextSection(true),\n \"aria-label\": intl.formatMessage(messages.nextYear),\n },\n \"previous-year\": {\n onPress: () => calendarState.focusPreviousSection(true),\n \"aria-label\": intl.formatMessage(messages.previousYear),\n },\n };\n\n /**\n * Text slots\n * ================================\n */\n const monthLabel = new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n const monthRangeLabel = [\n new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n ].join(\" - \");\n\n const yearLabel = new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n const textSlots = {\n month: { children: monthLabel },\n monthRange: { children: monthRangeLabel },\n year: { children: yearLabel },\n };\n\n return (\n <Provider\n values={[\n [\n ButtonContext,\n {\n ...buttonContext,\n slots: {\n ...(buttonContext &&\n typeof buttonContext === \"object\" &&\n \"slots\" in buttonContext\n ? buttonContext.slots\n : {}),\n ...buttonSlots,\n },\n },\n ],\n [\n TextContext,\n {\n ...textContext,\n slots: {\n ...(textContext &&\n typeof textContext === \"object\" &&\n \"slots\" in textContext\n ? textContext.slots\n : {}),\n ...textSlots,\n },\n },\n ],\n ]}\n >\n {children}\n </Provider>\n );\n};\n","import type { CalendarProps } from \"./calendar.types\";\nimport type { DateValue } from \"react-aria\";\n\nimport { Calendar as RaCalendar } from \"react-aria-components\";\n\nimport { CalendarRootSlot } from \"./calendar.slots\";\nimport { CalendarGrids } from \"./components/calendar.grids\";\nimport { CalendarHeader } from \"./components/calendar.header\";\nimport { calendarSlotRecipe } from \"./calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { CalendarCustomContext } from \"./components/calendar.custom-context\";\n\n/**\n * # Calendar\n *\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/calendar}\n */\nexport const Calendar = (props: CalendarProps<DateValue>) => {\n const recipe = useRecipe({ recipe: calendarSlotRecipe });\n const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n return (\n <CalendarRootSlot {...recipeProps} {...styleProps} asChild>\n <RaCalendar {...otherProps}>\n <CalendarCustomContext>\n <CalendarHeader />\n <CalendarGrids />\n </CalendarCustomContext>\n </RaCalendar>\n </CalendarRootSlot>\n );\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","CalendarRootSlot","CalendarHeaderSlot","CalendarGridsSlot","CalendarMonthTitleSlot","CalendarGridSlot","CalendarGridHeaderSlot","CalendarHeaderCellSlot","CalendarGridBodySlot","CalendarCellSlot","CalendarGrids","locale","useLocale","context","useSlottedContext","CalendarContext","calendarState","useContext","CalendarStateContext","visibleMonthsCount","todayDate","today","getLocalTimeZone","showMonthTitles","jsx","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","CalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","messages","defineMessages","CalendarCustomContext","children","intl","useIntl","buttonContext","ButtonContext","textContext","TextContext","buttonSlots","monthLabel","monthRangeLabel","yearLabel","textSlots","Provider","Calendar","props","recipe","useRecipe","calendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaCalendar"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const P=require("react/jsx-runtime"),M=require("@chakra-ui/react/styled-system"),C=require("@commercetools/nimbus-icons"),_=require("./extract-style-props-
|
|
2
|
-
//# sourceMappingURL=checkbox-
|
|
1
|
+
"use strict";const P=require("react/jsx-runtime"),M=require("@chakra-ui/react/styled-system"),C=require("@commercetools/nimbus-icons"),_=require("./extract-style-props-CVeaQf1Q.cjs.js"),w=require("@chakra-ui/react"),H=require("./RSPContexts-BdKenzIN.cjs.js"),R=require("./utils-DVb3jcp5.cjs.js"),T=require("./Form-BuOomA4T.cjs.js"),p=require("./mergeProps-CxnHrnow.cjs.js"),N=require("./filterDOMProps-WUskt27c.cjs.js"),L=require("./useObjectRef-4v2MxSjQ.cjs.js"),o=require("react"),q=require("./useFormValidation-BfTV0EQ1.cjs.js"),W=require("./usePress-MEEljcWP.cjs.js"),z=require("./useToggle-DWRQYar0.cjs.js"),D=require("./useToggleState-D7k4zllv.cjs.js"),A=require("./useFocusRing-B7_ogYbr.cjs.js"),G=require("./useHover-xrdh1GG9.cjs.js"),J=require("./VisuallyHidden-CDvZiyH6.cjs.js");function k(i,e,a){let r=q.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...i,value:e.isSelected}),{isInvalid:x,validationErrors:m,validationDetails:u}=r.displayValidation,{labelProps:f,inputProps:s,isSelected:d,isPressed:t,isDisabled:$,isReadOnly:b}=z.$d2c8e2b0480f3f34$export$cbe85ee05b554577({...i,isInvalid:x},e,a);q.$e93e671b31057976$export$b8473d3665f3a75a(i,r,a);let{isIndeterminate:v,isRequired:l,validationBehavior:c="aria"}=i;o.useEffect(()=>{a.current&&(a.current.indeterminate=!!v)});let{pressProps:h}=W.$f6c31cce2adf654f$export$45712eceda6fad21({isDisabled:$||b,onPress(){let{[q.$e5be200c675c3b3a$export$a763b9476acd3eb]:n}=i,{commitValidation:y}=n||r;y()}});return{labelProps:p.$3ef42575df84b30b$export$9d1611c77c2fe928(f,h,o.useMemo(()=>({onMouseDown:n=>n.preventDefault()}),[])),inputProps:{...s,checked:d,"aria-required":l&&c==="aria"||void 0,required:l&&c==="native"},isSelected:d,isPressed:t,isDisabled:$,isReadOnly:b,isInvalid:x,validationErrors:m,validationDetails:u}}const K=new WeakMap;function Q(i,e,a){const r=D.$3017fa7ffdddec74$export$8042c6c013fd5226({isReadOnly:i.isReadOnly||e.isReadOnly,isSelected:e.isSelected(i.value),defaultSelected:e.defaultValue.includes(i.value),onChange(n){n?e.addValue(i.value):e.removeValue(i.value),i.onChange&&i.onChange(n)}});let{name:x,form:m,descriptionId:u,errorMessageId:f,validationBehavior:s}=K.get(e);var d;s=(d=i.validationBehavior)!==null&&d!==void 0?d:s;let{realtimeValidation:t}=q.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...i,value:r.isSelected,name:void 0,validationBehavior:"aria"}),$=o.useRef(q.$e5be200c675c3b3a$export$dad6ae84456c676a),b=()=>{e.setInvalid(i.value,t.isInvalid?t:$.current)};o.useEffect(b);let v=e.realtimeValidation.isInvalid?e.realtimeValidation:t,l=s==="native"?e.displayValidation:v;var c;let h=k({...i,isReadOnly:i.isReadOnly||e.isReadOnly,isDisabled:i.isDisabled||e.isDisabled,name:i.name||x,form:i.form||m,isRequired:(c=i.isRequired)!==null&&c!==void 0?c:e.isRequired,validationBehavior:s,[q.$e5be200c675c3b3a$export$a763b9476acd3eb]:{realtimeValidation:v,displayValidation:l,resetValidation:e.resetValidation,commitValidation:e.commitValidation,updateValidation(n){$.current=n,b()}}},r,a);return{...h,inputProps:{...h.inputProps,"aria-describedby":[i["aria-describedby"],e.isInvalid?f:null,u].filter(Boolean).join(" ")||void 0}}}const U=o.createContext(null),X=o.forwardRef(function(e,a){let{inputRef:r=null,...x}=e;[e,a]=R.$64fa3d84918910a7$export$29f1550f4b0d4415(x,a,H.$4e85f108e88277b8$export$b085522c77523c51);let{validationBehavior:m}=R.$64fa3d84918910a7$export$fabf2dc03a41866e(T.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var u,f;let s=(f=(u=e.validationBehavior)!==null&&u!==void 0?u:m)!==null&&f!==void 0?f:"native",d=o.useContext(U),t=L.$df56164dff5785e2$export$4338b53315abf666(o.useMemo(()=>R.$5dc95899b306f630$export$c9058316764c140e(r,e.inputRef!==void 0?e.inputRef:null),[r,e.inputRef])),{labelProps:$,inputProps:b,isSelected:v,isDisabled:l,isReadOnly:c,isPressed:h,isInvalid:n}=d?Q({...R.$64fa3d84918910a7$export$ef03459518577ad4(e),value:e.value,children:typeof e.children=="function"?!0:e.children},d,t):k({...R.$64fa3d84918910a7$export$ef03459518577ad4(e),children:typeof e.children=="function"?!0:e.children,validationBehavior:s},D.$3017fa7ffdddec74$export$8042c6c013fd5226(e),t),{isFocused:y,isFocusVisible:I,focusProps:F}=A.$f7dceffc5ad7768b$export$4e328f61c538687f(),j=l||c,{hoverProps:E,isHovered:S}=G.$6179b936705e76d3$export$ae780daf29e6d456({...e,isDisabled:j}),g=R.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-Checkbox",values:{isSelected:v,isIndeterminate:e.isIndeterminate||!1,isPressed:h,isHovered:S,isFocused:y,isFocusVisible:I,isDisabled:l,isReadOnly:c,isInvalid:n,isRequired:e.isRequired||!1}}),V=N.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return delete V.id,delete V.onClick,o.createElement("label",{...p.$3ef42575df84b30b$export$9d1611c77c2fe928(V,$,E,g),ref:a,slot:e.slot||void 0,"data-selected":v||void 0,"data-indeterminate":e.isIndeterminate||void 0,"data-pressed":h||void 0,"data-hovered":S||void 0,"data-focused":y||void 0,"data-focus-visible":I||void 0,"data-disabled":l||void 0,"data-readonly":c||void 0,"data-invalid":n||void 0,"data-required":e.isRequired||void 0},o.createElement(J.$5c3e21d68f1c4674$export$439d29a4e110a164,{elementType:"span"},o.createElement("input",{...p.$3ef42575df84b30b$export$9d1611c77c2fe928(b,F),ref:t})),g.children)}),{withProvider:Y,withContext:B}=w.createSlotRecipeContext({key:"checkbox"}),Z=Y(X,"root"),ee=B("span","label"),ie=B("span","indicator"),O=i=>{const{ref:e,children:a,...r}=i,x=M.useSlotRecipe({key:"checkbox"}),[m,u]=x.splitVariantProps(r),[f,s]=_.extractStyleProps(u);return P.jsx(Z,{ref:e,"data-slot":"root",...s,...m,...f,children:({isSelected:d,isIndeterminate:t,isInvalid:$,isDisabled:b,isFocused:v})=>{const l={"data-selected":d,"data-indeterminate":t,"data-invalid":$,"data-disabled":b,"data-focus":v||void 0};return P.jsxs(P.Fragment,{children:[P.jsxs(ie,{"data-slot":"indicator",...l,children:[d&&P.jsx(C.Check,{}),t&&P.jsx(C.Remove,{})]}),a&&P.jsx(ee,{"data-slot":"label",...l,children:a})]})}})};O.displayName="Checkbox";exports.Checkbox=O;
|
|
2
|
+
//# sourceMappingURL=checkbox-BDfVoBuz.cjs.js.map
|